@import url('https://fonts.googleapis.com/css2?family=Francois+One:wght@300;400;500;600;700;800&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');
	@import url(../css/hamburgers.min.css);

	body {
		overflow-x: clip;
		display: block;
		/*background: url(../images/background.jpg) top left no-repeat var(--white-one);*/
		background-color: #ffec00;
		background-image: url("../images/polkadot.jpg");
		background-repeat: no-repeat;
		background-size: auto;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: 100% auto;
		font-family: var(--font-poppins);
	}

	/* CONTAINER GLOBAL START*/
	.fjgs-container {
		max-width: 1140px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	/* CONTAINER GLOBAL END*/
	:root {
		--font-poppins: 'Poppins', sans-serif;
		/* MONOCHROME COLOR PALETE */
		--white-trans-2: rgba(255, 255, 255, 0.2);
		--white-one: #ffffff;
		--gray-950: #12171c;
		--gray-900: #212830;
		--gray-800: #212831;
		--gray-700: #3b4754;
		--gray-600: #46515d;
		--gray-500: #6e7887;
		--gray-400: #98a1ae;
		--gray-300: #d1d5db;
		--gray-200: #e2e5e9;
		--gray-100: #f3f5f6;
		--gray-50: #f9fafb;
		--gray-25: #fcfcfb;
		--gray-15: #fefefe;
		/* MONOCHROME COLOR PALETE */

		/* BLUE COLOR PALETE */
		--blue-950: #083163;
		--blue-900: #034ea1;
		--blue-800: #005ad3;
		--blue-700: #006fff;
		--blue-600: #0088ff;
		--blue-500: #0cabff;
		--blue-400: #3acbff;
		--blue-300: #79e1ff;
		--blue-200: #afeaff;
		--blue-100: #d2f3ff;
		--blue-50: #ebfaff;
		--blue-25: #f5fdff;
		/* BLUE COLOR PALETE */

		/* PINK COLOR PALETE */
		--pink-950: #4b0c20;
		--pink-900: #7c1f3d;
		--pink-800: #942046;
		--pink-700: #ef032e;
		--pink-600: #ff133f;
		--pink-500: #e1538e;
		--pink-400: #eb7bad;
		--pink-300: #f4adce;
		--pink-200: #f8d2e5;
		--pink-100: #fbe8f2;
		--pink-50: #fcf3f7;
		/* PINK COLOR PALETE */


		/* GREEN COLOR PALETE */
		--green-jungle-950: #042f2d;
		--green-jungle-900: #134e48;
		--green-jungle-800: #115e57;
		--green-jungle-700: #0f766b;
		--green-jungle-600: #0d9484;
		/* primary of green */
		--green-jungle-500: #14b59f;
		/* primary of green */
		--green-jungle-400: #2dd4bb;
		--green-jungle-300: #5eead0;
		--green-jungle-200: #99f6e1;
		--green-jungle-100: #ccfbf0;
		--green-jungle-50: #f0fdfa;
		/* GREEN COLOR PALETE */

		/* ORANGE COLOR PALETE */
		--orange-950: #481a00;
		--orange-900: #7c350b;
		--orange-800: #984008;
		--orange-700: #bb5302;
		--orange-600: #e27a00;
		/* primary of ORANGE */
		--orange-500: #ffa200;
		/* primary of ORANGE */
		--orange-400: #ffc51b;
		--orange-300: #ffd846;
		--orange-200: #ffea85;
		--orange-100: #fff4c5;
		--orange-50: #fffcea;
		/* ORANGE COLOR PALETE */

	}

	.overflow-unset {
		overflow: unset;
	}


	/* NAVBAR DESKTOP START */
	.navbar-desc {
		width: 100%;
		min-height: 120px;
		background-color: #ffec00;
		width: 100%;
		position: sticky;
		/* -moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		-webkit-transition: 0.4s; */
		top: 0px;
		z-index: 10;
	}

	.navbar-desc.swipe-up-nav {
		min-height: 74px;
		background: #ffec00;
		transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		-webkit-transition: 0.4s; 
		box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	}

	.navbar-flex {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		flex-direction: row;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
	}

	.logo-brand {
		width: 180px;
		overflow: unset;
		position: relative;
		margin-bottom: 20px;
	}

	.logo-brand svg {
		max-width: 100%;
		height: auto;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 164px;
		overflow: unset;
		position: relative;
	}


	/* .navbar-desc.swipe-up-nav .logo-brand .logo-brand-navbar {
		width: 124px;
		overflow: unset;
		position: relative;
		transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		-webkit-transition: 0.4s;
		display: none;
	} */

	/* .navbar-desc.swipe-up-nav .logo-brand .logo-brand-navbar-white {
		width: 128px;
		overflow: unset;
		position: relative;
		transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		-webkit-transition: 0.4s;
		display: block;
	} */

	/* .navbar-desc.swipe-up-nav .logo-brand-white {
		width: 128px;
		overflow: unset;
		position: relative;
		transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		-webkit-transition: 0.4s;
		display: block;
	} */

	.navbar-mobile.active {
			background: #ffec00;
			visibility: visible;
			z-index: 9;
		}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: #000;
		font: normal 400 16px/25.64px var(--font-poppins);
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 600;
		cursor: pointer;
		border-bottom: 1px solid orange;
	}

	.accordionMenu {
		width: 100%;
		height: auto
	}

	.accordionMenu a {
		padding: 16px 0px 17px 35px;
		width: 100%;
		height: auto;
		display: block;
		color: #000;
		position: relative;
		text-decoration: none
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.logo-brand-navbar {
		width: 100%;
		min-height: 52px;
		text-decoration: none;
		outline: none;
	}

	.logo-brand-navbar img {
		max-width: 100%;
	}

	.logo-brand-navbar-white {
		display: none;
		width: 100%;
		min-height: 52px;
		text-decoration: none;
		outline: none;
	}

	.logo-brand-navbar-white img {
		max-width: 100%;
	}


	.logo-brand-navbar svg {
		max-width: 100%;
	}

	.logo-brand-navbar svg .st0 {
		fill: var(--white-one);
	}

	.wrp-nav-item {
		min-width: 748px;
		width: auto;
	}



	.logo-brand-navbar svg path.st0 {
		fill: #EF105A;
	}

	.logo-brand-navbar svg path.st1 {
		fill: #662C8D;
	}

	.logo-brand-navbar svg path.st2 {
		fill: #01ADEF;
	}

	.logo-brand-navbar svg path.st3 {
		fill: #3DB64B;
	}

	.logo-brand-navbar svg path.st4 {
		fill: #F4951E;
	}

	.logo-brand-navbar svg path.st5 {
		fill: #023466;
	}

	.logo-brand-navbar svg path.st6 {
		fill: #ED1B25;
	}

	.logo-brand-navbar svg path.st7 {
		fill: #F86328;
	}

	.logo-brand-navbar svg path.st8 {
		fill: #231F20;
	}

	.navbar-desc.swipe-up-nav .logo-brand-navbar svg path {
		fill: #fff;
	}

	.navbar-align-right {
		min-width: 746px;
		width: auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-webkit-align-items: center;
		-moz-align-items: center;
	}

	.navbar-nav {
		flex-direction: row;
	}

	.navbar-align-right ul li a {
		cursor: pointer;
		position: relative;
		overflow: unset;
		transition: 0.5s;
		-moz-transition: 0.5s;
		-ms-transition: 0.5s;
		-o-transition: 0.5s;
		-webkit-transition: 0.5s;
		color: var(--black-100);
		font-family: "Francois One", sans-serif;		
		line-height: 148%;
		text-transform: uppercase;
		font-size: 20px;
	}

	.wrp-mobile-item {
		background: #ffec00;
	}



	.navbar-align-right ul li a:hover {
		text-decoration: none;
		outline: none;
		color: var(--pink-700);
	}

	.navbar-align-right ul li a:focus {
		text-decoration: none;
		outline: none;
		color: var(--pink-700);
	}

	.navbar-desc.swipe-up-nav .navbar-align-right ul li.nav-item a.nav-link {
		color: var(--black-100);
	}

	.navbar-desc.swipe-up-nav .navbar-align-right ul li.nav-item a.nav-link:hover {
		text-decoration: none;
		outline: none;
		color: var(--black-100);
	}

	.navbar-desc.swipe-up-nav .navbar-align-right ul li.nav-item a.nav-link:focus {
		text-decoration: none;
		outline: none;
		color: var(--pink-700);
	}

	.dropdown-menu {
		position: absolute;
		left: 0px;
		top: 100%;
		min-width: 280px;
		z-index: 100;
		display: none;
		box-shadow: 0px 9px 8px 4px rgba(0, 0, 0, 0.056);
		-webkit-box-shadow: 0px 9px 8px 4px rgba(0, 0, 0, 0.056);
		-moz-box-shadow: 0px 9px 8px 4px rgba(0, 0, 0, 0.056);
	}

	.navbar-align-right ul li.dropdown-hover ul li a {
		font-size: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-poppins);
		color: var(--black-100);
		letter-spacing: 0.24px;
		line-height: 138%;
	}

	/* SLIDE IN DROPDOWN ANIMATION */
	.slideIn {
		-webkit-animation-name: slideIn;
		animation-name: slideIn;
	}

	.animate {
		animation-duration: 0.3s;
		-webkit-animation-duration: 0.3s;
		animation-fill-mode: both;
		-webkit-animation-fill-mode: both;
	}

	.navbar-nav li:hover>ul.first-level {
		border-top: 12px solid transparent;
	}

	@keyframes slideIn {
		0% {
			transform: translateY(1rem);
			opacity: 0;
		}

		100% {
			transform: translateY(0rem);
			opacity: 1;
		}

		0% {
			transform: translateY(1rem);
			opacity: 0;
		}
	}

	@-webkit-keyframes slideIn {
		0% {
			-webkit-transform: transform;
			-webkit-opacity: 0;
		}

		100% {
			-webkit-transform: translateY(0);
			-webkit-opacity: 1;
		}

		0% {
			-webkit-transform: translateY(1rem);
			-webkit-opacity: 0;
		}
	}

	.slideIn {
		-webkit-animation-name: slideIn;
		animation-name: slideIn;
	}

	/* SLIDE IN DROPDOWN ANIMATION */
	.dropdown-hover:hover>.dropdown-menu {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		position: absolute;
		left: 0px;
		top: 114%;
		border-image-source: linear-gradient(0deg, rgba(221, 221, 221, 1) 54%, rgba(255, 255, 255, 0) 100%);
		border-image-slice: 1;
		border-bottom-left-radius: 6.4px;
		border-bottom-right-radius: 6.4px;
		height: auto;
		max-width: 296px;
		min-width: 232px;
		width: auto;
		margin-top: -5px;
	}

	.dropdown-hover:hover>ul.first-level {
		border-top: 16px solid transparent !important;
		border-right: 0px;
		border-bottom: 0px;
		border-left: 0px;
		padding-bottom: 16px;
	}

	.dropdown-menu li {
		width: 100%;
		padding: 9.6px 20px;
	}

	.dropdown-menu li a {
		font-size: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-poppins);
		color: var(--gray-500);
		letter-spacing: 0.24px;
		line-height: 138%;
		text-decoration: none;
		outline: none;
	}

	.dropdown-menu li a:hover {
		color: var(--pink-600) !important;
		text-decoration: none;
	}

	.search-navbar {
		padding: 0px 2px 0px 2px;
		margin-right: 1px;
		width: 24px;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.search-navbar svg {
		max-width: 100%;
		margin: 0 auto;
		fill: var(--white-one);
	}

	.search-navbar svg path {
		fill: var(--white-two);
	}

	.navbar-mobile {
		display: none;
	}

	.burger-mobile {
		display: none;
	}

	/* NAVBAR DESKTOP GLOBAL END */


	/* PRIMARY CAROUSEL HOME START */

	.section-carousel-home {
		width: 100%;
		height: auto;
		min-height: 696px;
		position: relative;
		background: transparent none;
	}

	.row-primary-slide {
		min-height: 486px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	#carouselPrimary .carousel-indicators button.active {
		border-radius: 50%;
		width: 6.5px;
		height: 6.5px;
		background-color: var(--pink-700);
		margin-top: 90px;
		border: 2.5px solid var(--pink-700);
		box-shadow: 0 1px 6.4px rgba(151, 164, 175, .49);
		margin-right: 6.5px;
		margin-left: 6.5px;
	}

	#carouselPrimary .carousel-indicators button {
		border-radius: 50%;
		width: 6.5px;
		height: 6.5px;
		background-color: var(--white-one);
		margin-top: 90px;
		border: 2.5px solid #fff;
		box-shadow: 0 1px 6.4px rgba(151, 164, 175, .49);
		margin-right: 7.5px;
		margin-left: 7.5px;
		opacity: 1;
		border-radius: 15.64px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}

	#carouselPrimary .carousel-control-prev {
		width: 38px;
		height: 38px;
		background: rgba(255, 255, 255, 0.56);
		border-radius: 19px;
		overflow: hidden;
		padding: 4px 8px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		top: 47.24%;
		left: -48px;
		opacity: .82;
		z-index: 5;
		border: 1.5px solid var(--grey-one);
		box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
	}

	#carouselPrimary .carousel-control-next .carousel-control-next-icon {
		width: 1.4rem;
		height: 1.4rem;
		filter: invert(64%);
	}

	#carouselPrimary .carousel-control-next {
		width: 38px;
		height: 38px;
		background: rgba(255, 255, 255, 0.56);
		border-radius: 19px;
		overflow: hidden;
		padding: 4px 8px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		top: 47.24%;
		right: -48px;
		opacity: .82;
		z-index: 5;
		border: 1.5px solid var(--grey-one);
		box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
	}

	#carouselPrimary .carousel-control-prev .carousel-control-prev-icon {
		width: 1.4rem;
		height: 1.4rem;
		filter: invert(64%);
	}

	.carousel-zoom .carouse-item {
		opacity: 0;
		transition: opacity 0.6s ease, transform 0.6s ease;
		transform: scale(0.85);
		}

		.carousel-zoom .active {
		opacity: 1;
		transform: scale(1);
		}


	/* PRIMARY CAROUSEL HOME END */

	/* INFOGRAPH HOME START */
	.section-infographic-home {
		width: 100%;
		height: auto;
		min-height: 320px;
		/*background: #fff;*/
		padding: 14px 0px 32px 0px;
		position: relative;
		overflow: unset;
	}

	.wrp-infograph-home {
		width: 100%;
		min-height: 320px;
		/* background-color: #fff; */
		background: rgba(255, 255, 255, 0.61);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(6px);
		-webkit-backdrop-filter: blur(6px);
		border: 1px solid rgba(255, 255, 255, 0.29);
		border: 1px solid rgba(255, 255, 255, 0.29);
		border-radius: 24px;
		padding: 30px 30px;
		position: relative;
		top: -74px;
	}

	.gutter--18.row,
	.gutter--18.container,
	.gutter--18.container-fluid {
		margin-left: -18px;
		margin-right: -18px;
	}

	.gutter--18>[class^="col-"] {
		padding-left: 18px;
		padding-right: 18px;
	}

	.left-home-infograph {
		width: 35%;
		flex: 0 0 auto;
		min-height: 224px;
		/* border: 1px solid var(--pink-400); */
	}

	.card-about-home {
		background-color: hsla(335, 69%, 60%, 1);
		background-image:
			radial-gradient(at 51% 45%, hsla(338, 62%, 48%, 1) 0px, transparent 50%),
			radial-gradient(at 80% 0%, hsla(340, 52%, 55%, 1) 0px, transparent 50%),
			radial-gradient(at 6% 61%, hsla(335, 69%, 60%, 1) 0px, transparent 50%),
			radial-gradient(at 80% 50%, hsla(340, 100%, 76%, 1) 0px, transparent 50%),
			radial-gradient(at 0% 100%, hsla(335, 69%, 60%, 1) 0px, transparent 50%),
			radial-gradient(at 85% 100%, hsla(291, 100%, 70%, 1) 0px, transparent 50%),
			radial-gradient(at 0% 0%, hsla(343, 100%, 76%, 1) 0px, transparent 50%);
		width: 100%;
		min-height: 426px;
		border-radius: 24px;
		padding: 24px 24px;
		font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		line-height: 136%;
		color: var(--gray-500);
		letter-spacing: 0.24px;
		box-shadow: 0 10px 29px 0 rgba(0, 0, 0, 0.048);
		-ms-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.048);
		-moz-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.048);
		-webkit-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.048);
	}

	.about-link-home {
		width: 100%;
		height: auto;
		text-decoration: none;
		outline: none;
		font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		line-height: 136%;
		color: var(--gray-500);
		letter-spacing: 0.24px;
	}

	.title-white-home {
		width: 100%;
		min-height: 48px;
	}

	.pt-10 {
		padding-top: 10px;
	}

	.pt-20 {
		padding-top: 20px;
	}

	.pt-30 {
		padding-top: 30px;
	}

	.pt-40 {
		padding-top: 40px;
	}

	.title-white-home h2 {
		font-family: "Francois One", sans-serif;	
		text-transform: uppercase;
		color: var(--white-one);
		text-align: left;
		margin-bottom: 0px;
	}

	.title-black-home h2 {
		font-family: var(--font-poppins);	
		color: #000;
		text-align: center;
		font-size: 20px;
		margin-bottom: 0px;
		margin-top: 20px;
	}

	.check-schedule-midnight {
		width: 100%;
		min-height: 38px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		border: 1px solid var(--white-one);
		background: var(--white-one);
		border-radius: 28px;
		padding: 6px 14px;
		margin-top: 15px;
		margin-bottom: 24px;
	}

	.midnight-title-icon {
		width: auto;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.midnight-title-icon {
		width: auto;
		height: auto;
	}

	.midnight-title-icon h2 {
		font-family: "Francois One", sans-serif;	
		text-transform: uppercase;
		color: var(--pink-600);
		text-align: left;
		margin-bottom: 0px;
		line-height: 114%;
	}

	.icon-midnight-arrow {
		width: 32px;
		height: 32px;
		padding: 10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		border-radius: 50%;
		border: 2.5px solid var(--pink-600);
		margin-left: 12px;
	}

	.icon-midnight-arrow svg {
		max-width: 100%;
	}

	.icon-midnight-arrow svg path {
		fill: var(--pink-600);
	}


	.card-about-image {
		width: 100%;
		border-radius: 24px;
		min-height: 156px;
		background: #ededed;
		margin: 24px 0px 20px 0px;
		overflow: hidden;
	}

	.card-about-image img {
		max-width: 100%;
	}

	.summary-about-home {
		width: 100%;
		padding: 10px 0px 5px 0px;
		font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		line-height: 136%;
		color: var(--white-one);
	}

	.content-about-home {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.summary-about-home p {
		margin-bottom: 6px;
	}

	.center-home-infograph {
		width: 35%;
		flex: 0 0 auto;
		min-height: 224px;
		/* border: 1px solid var(--blue-400); */
		padding-top: 6px;
	}

	.right-home-infograph {
		width: 30%;
		flex: 0 0 auto;
		min-height: 224px;
		/* border: 1px solid var(--gray-500); */
	}

	.title-black-pink h2 {
		font-family: "Francois One", sans-serif;	
		text-transform: uppercase;
		color: var(--pink-600);
		text-align: left;
		margin-bottom: 0px;
		line-height: 114%;
	}

	.card-shopping-link-home {
		width: 100%;
		height: auto;
		text-decoration: none;
		outline: none;
		font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		line-height: 136%;
		color: var(--gray-500);
		letter-spacing: 0.24px;
	}

	.title-black-pink h2 span {
		color: var(--gray-900);
	}

	.shopper-card-image {
		width: 100%;
		border-radius: 24px;
		min-height: 156px;
		margin: 24px 10px 20px 10px;
		overflow: hidden;
	}

	.shopper-card-image img {
		max-width: 100%;
	}

	.grand-prize-home {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
		margin-top: 24px;
		margin-bottom: 10px;
	}

	.wrp-title-icon {
		width: auto;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.left-title-icon {
		width: auto;
		height: auto;
	}

	.left-title-icon h2 {
		font: normal 700 22.24px/27.64px var(--font-poppins);
		color: var(--pink-600);
		text-align: left;
		margin-bottom: 0px;
		line-height: 114%;
	}

	.icon-title-icon {
		width: 36px;
		height: 36px;
		padding: 10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		border-radius: 50%;
		border: 2.5px solid var(--pink-700);
		margin-left: 12px;
	}

	.icon-title-icon svg {
		max-width: 100%;
	}

	.icon-title-icon svg img {
		max-width: 100%;
	}

	.icon-title-icon svg path {
		fill: var(--pink-600);
	}

	.featured-event-promo {
		width: 100%;
		min-height: 324px;
		font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
		color: var(--gray-400);
		letter-spacing: 0.24px;
	}

	.card-shopping-home {
		width: 100%;
		background: var(--white-one);
		min-height: 420px;
		border-radius: 24px;
		padding: 24px 24px;
		box-shadow: 0 10px 29px 0 rgba(0, 0, 0, 0.056);
		-ms-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.056);
		-moz-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.056);
		-webkit-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.056);
	}

	.card-shopping-home a {
		text-decoration: none;
		outline: none;
	}

	.midnight-socmed-home {
		width: 100%;
		min-height: 169px;
		border-radius: 24px;
		padding: 24px 24px;
		background: #0d1626;
		box-shadow: 0 10px 29px 0 rgba(0, 0, 0, 0.058);
		-ms-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.058);
		-moz-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.058);
		-webkit-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.058);
	}

	.right-home-infograph .midnight-socmed-home:first-child {
		margin-bottom: 30px;
	}

	.right-home-infograph .midnight-socmed-home:last-child {
		margin-bottom: 0px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.midnight-schedule {
		width: 100%;
		min-height: 86px;
		/* border: 1px solid #fff; */
		margin-bottom: 20px;
		text-decoration: none;
		display: flex;
		flex-wrap: wrap;
	}

	.content-shopper-apps {
		padding: 12px 0px 10px 0px;
		font: normal clamp(0.91rem, 0.2814rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		line-height: 136%;
		color: var(--gray-500);
	}

	.content-shopper-apps p {
		margin-bottom: 3px;
	}

	.google-play-badge {
		width: 100%;
		height: auto;
		min-height: 46px;
	}

	.google-play-badge a {
		background: #000000;
		width: 100%;
		padding: 4px 54px;
		border-radius: 24px;
		margin: 8px 0px;
		text-decoration: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.google-play-badge img {
		max-width: 100%;
	}

	.google-play-badge svg {
		max-width: 100%;
	}

	.app-store-badge {
		width: 100%;
		height: auto;
		min-height: 46px;
	}

	.app-store-badge a {
		background: #000000;
		width: 100%;
		padding: 4px 55px;
		border-radius: 24px;
		margin: 8px 0px;
		text-decoration: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.app-store-badge img {
		max-width: 100%;
	}

	.app-store-badge svg {
		max-width: 100%;
	}

	/* SOCIAL NETWORK CORPORATE CIRCLE START*/
	.social-network-corporate {
		font: normal clamp(0.8125rem, 0.7203rem + 0.4609vw, 1.0775rem) var(--font-poppins);
		min-height: 32px;
		height: auto;
		color: var(--gray-500);
		letter-spacing: 0.24px;
		margin-bottom: 0px;
		padding-top: 0px;
	}

	footer .social-network-corporate {		
		margin-bottom: 30px;
		padding-top: 40px;
	}

	.socmed-circle {
		width: 50px;
		height: 50px;
		background: #d9d9e4;
		border-radius: 50px;
		overflow: hidden;
		display: flex;
		align-items: center;
		-ms-align-items: center;
		justify-content: center;
		-ms-justify-content: center;
	}

	.social-network-corporate ul {
		padding-left: 0px;
		/*display: flex;*/
		flex-wrap: wrap;
		margin-bottom: 5px;
	}

	.social-network-corporate ul li:first-child {
		padding-left: 0px;
	}

	.social-network-corporate ul li {
		padding: 6px 5px;
		padding-left: 5px;
		list-style: none;
		display: inline-block;
	}

	.social-network-corporate ul li .socmed-circle.socmed-facebook {
		background: #5a79bc;
		border: 1px solid #5a79bc;
	}

	.social-network-corporate ul li .socmed-circle.socmed-facebook svg {
		width: 20px;
		fill: #fff !important;
	}

	.social-network-corporate ul li .socmed-circle.socmed-facebook svg path {
		width: 20px;
		fill: #fff !important;
	}

	.social-network-corporate ul li .socmed-circle.socmed-facebook:hover {
		background: #415DA1;
		border: 1px solid #415DA1;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
		box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	}

	.socmed-circle.socmed-facebook:hover svg {
		fill: #fff;
		transition: 0.5s;
		-ms-transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.social-network-corporate ul li .socmed-circle.socmed-twitter {
		/* background: #e4e5e8;
			border: 1px solid #e4e5e8; */
		background: #24292F;
		border: 1px solid #24292F;
	}

	.social-network-corporate ul li .socmed-circle.socmed-twitter svg {
		width: 20px;
		fill: #fff;
	}

	.social-network-corporate ul li .socmed-circle.socmed-twitter:hover {
		/* background: #24292F;
			border: 1px solid #24292F; */
		background: #121721;
		border: 1px solid #121721;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
		box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	}

	.socmed-circle.socmed-twitter:hover svg {
		fill: #fff;
		transition: 0.5s;
		-ms-transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}


	.social-network-corporate ul li .socmed-circle.socmed-twitter-white {
		/* background: #e4e5e8;
				border: 1px solid #e4e5e8; */
		background: #fff;
		border: 1px solid #fff;
	}

	.social-network-corporate ul li .socmed-circle.socmed-twitter-white svg {
		width: 20px;
		fill: 121721;
	}

	.social-network-corporate ul li .socmed-circle.socmed-twitter-white:hover {
		/* background: #24292F;
				border: 1px solid #24292F; */
		background: #fcfcfb;
		border: 1px solid #fcfcfb;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
		box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	}

	.socmed-circle.socmed-twitter:hover svg {
		fill: #fff;
		transition: 0.5s;
		-ms-transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.socmed-circle.socmed-twitter-white:hover svg {
		fill: #24292F;
		transition: 0.5s;
		-ms-transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram {
		/* background: #ffe7f6;
			border: 1px solid #ffe7f6; */
		background: #d6249f;
		background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram svg {
		width: 20px;
		fill: #fff;
	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-1 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-2 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-3 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-4 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-5 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-6 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-7 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-8 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-9 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-10 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-1 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-2 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-3 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-4 {
		stop-color: #fff;

	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-three-1 {
		stop-color: #fff;
	}

	.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-three-2 {
		stop-color: #fff;
	}

	/* .social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg {
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		} */

	.social-network-corporate ul li .socmed-circle.socmed-wa {
		background: #e7fff2;
		border: 1px solid #e7fff2;
	}

	.social-network-corporate ul li .socmed-circle.socmed-wa svg {
		width: 16px;
		fill-rule: evenodd;
		clip-rule: evenodd;
		fill: #1bd741;
		transition: 0.5s;
		-ms-transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.social-network-corporate ul li .socmed-circle.socmed-wa svg path {
		fill-rule: evenodd;
		clip-rule: evenodd;
		fill: #1bd741;
	}

	.social-network-corporate ul li .socmed-circle.socmed-wa:hover {
		background: #1bd741;
		border: 1px solid #1bd741;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
		box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	}

	.socmed-circle.socmed-wa:hover svg path.st0 {
		fill-rule: evenodd;
		clip-rule: evenodd;
		fill: var(--white-one);
		transition: 0.5s;
		-ms-transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.social-network-corporate ul li .socmed-circle.socmed-youtube {
		background: #ff0000;
		border: 1px solid #ff0000;
	}

	.social-network-corporate ul li .socmed-circle.socmed-youtube svg {
		width: 20px;
		fill-rule: evenodd;
		clip-rule: evenodd;
		fill: #fff !important;
		transition: 0.5s;
		-ms-transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.social-network-corporate ul li .socmed-circle.socmed-youtube svg path {
		fill-rule: evenodd;
		clip-rule: evenodd;
		fill: #fff !important;
	}

	.social-network-corporate ul li .socmed-circle.socmed-youtube:hover {
		background: #DB0012;
		border: 1px solid #DB0012;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
		box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	}

	.socmed-circle.socmed-youtube:hover svg path.st0 {
		fill-rule: evenodd;
		clip-rule: evenodd;
		fill: var(--white-one);
		transition: 0.5s;
		-ms-transition: 0.5s;
		-moz-transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}


	.socmed-circle .img-icon-socmed-share {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		padding: 6px 7px;
		min-height: 40px;
	}

	.socmed-circle.socmed-twitter .img-icon-socmed-share {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		padding: 6px 8.5px;
		min-height: 40px;
	}

	.show-hide-kit h4 {
		font-family: "Francois One", sans-serif;	
		text-transform: uppercase;
		line-height: 142%;
		padding-right: 10px;
		color: var(--white-one);
		margin-bottom: 5px;

	}

	/* SOCIAL NETWORK CORPORATE CIRCLE END*/


	/* INFOGRAPH HOME END */

	/* GLOBAL HOME EVENT NEWS START */
	.home-event-news {
		width: 100%;
		height: auto;
		min-height: 320px;
		background: #fcfcfb;
		padding: 74px 0px 75px 0px;
	}

	.event-promo-home {
		width: 100%;
		height: auto;
		padding-right: 60px;
		padding-bottom: 20px;
	}

	.label-event-promo {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		padding: 20px 0px 35px 0px;
	}

	.left-label {
		width: 64%;
		height: auto;
		position: relative;
		overflow: unset;
	}

	.left-label::before {
		content: " ";
		width: 60px;
		height: 6px;
		background: var(--pink-600);
		position: absolute;
		bottom: -6px;
		left: 0px;
		border-radius: 3px;
	}

	.left-label h2 {
		font-family: "Francois One", sans-serif;		
		font-size: 35px;
		color: var(--pink-600);
		text-align: left;
		margin-bottom: 0px;
		text-transform: uppercase;
	}

	.act-right-label {
		width: 36%;
	}

	.featured-event-promo .act-full {
		display: none;
	}

	.btn-act-outline {
		width: 100%;
		height: auto;
		background: var(--white-one);
		color: var(--pink-600);
		border: 2px solid var(--pink-600);
		font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		border-radius: 16.56px;
		padding: 14px 8px;
	}

	.btn-act-outline:hover {
		background: var(--white-one);
		border: 2px solid var(--pink-700);
		color: var(--pink-700);
		text-decoration: none;
		box-shadow: 0 0px 11px 0 rgba(8, 47, 131, 0.10);
		-ms-box-shadow: 0 0px 11px 0 rgba(8, 47, 131, 0.10);
	}

	.wrp-btn-icon {
		width: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.icon-btn {
		width: 15px;
		height: 15px;
		padding: 3px 3px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		margin-left: 6px;
	}

	.icon-btn img {
		max-width: 100%;
	}

	.icon-btn svg {
		max-width: 100%;
	}

	.icon-btn svg path {
		fill: var(--pink-600);
	}

	.featured-event-promo {
		width: 100%;
		min-height: 324px;
		font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
		color: var(--gray-400);
		letter-spacing: 0.24px;
	}

	.featured-event-promo a {
		text-decoration: none;
		outline: none;
	}

	.home-featured-promo {
		width: 100%;
		min-height: 296px;
		box-shadow: 0 10px 29px 0 rgba(0, 0, 0, 0.033);
		-ms-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.033);
		-moz-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.033);
		-webkit-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.033);
		border-radius: 24px;
		border: 0px;
		overflow: hidden;
	}

	.img-featured-promo {
		width: 100%;
		height: auto;
		position: relative;
		overflow: hidden;
		background: #ededed;
		min-height: 286px;
		position: relative;
		overflow: hidden;
	}

	.img-featured-promo img {
		max-width: 100%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	.featured-event-promo a:hover .img-featured-promo img {
		transform: scale(1.1, 1.1);
		transition-property: all;
		transition-duration: 0.5s;
	}


	.caption-featured-promo {
		min-height: 56px;
		display: flex;
		flex-wrap: wrap;
		padding: 24px 32px;
		font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		line-height: 136%;
		color: var(--gray-500);
	}

	.caption-featured-promo h2 {
		font: normal 700 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-poppins);
		line-height: 134%;
		color: var(--gray-900);
		font-weight: 600;
		margin-bottom: 4px;
		padding-right: 48px;
	}


	.news-upodates-home {
		width: 100%;
		padding-left: 15px;
		min-height: 294px;
	}

	.featured-news-home {
		width: 100%;
		height: auto;
	}

	.item-news-home {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		text-decoration: none;
		outline: none;
		padding: 10px 0px;
	}

	.title-news-home {
		width: 68%;
		font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
		color: var(--gray-400);
		letter-spacing: 0.24px;
		padding-right: 0px;
		margin-bottom: 5px;
		padding-left: 24px;
	}

	.title-news-home h2 {
		font: normal 700 clamp(1rem, 1.004rem + 0.2074vw, 1.1025rem) var(--font-poppins);
		color: var(--gray-900);
		line-height: 142%;
		padding-right: 6px;
	}

	.thumb-news-home {
		width: 32%;
		position: relative;
		border-radius: 16px;
		overflow: hidden;
		height: auto;
		min-height: 79px;
		max-height: 86px;
		background: #ededed;
		margin-bottom: 15px;
	}

	.thumb-news-home img {
		max-width: 100%;
		margin: 0px;
	}

	.act-full {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	/* GLOBAL HOME EVENT NEWS END */
	/* GLOBAL SECTION SPONSORS START */
	.section-sponsors {
		width: 100%;
		height: auto;
		min-height: 320px;
		background: var(--white-one);
		padding: 74px 0px 0px 0px;
	}

	.row-sponsorships {
		height: auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;

	}

	.row-sponsorships img {
		max-width: 100%;
	}

	.title-headline-sponsors {
		max-width: 532px;
		text-align: center;
		font-family: "Francois One", sans-serif;	
		text-transform: uppercase;
		line-height: 145%;
		color: var(--gray-500);
		letter-spacing: 0.24px;
	}

	.title-headline-sponsors h2 {
		font-family: "Francois One", sans-serif;	
		text-transform: uppercase;
		color: var(--pink-700);
		text-align: left;
	}

	.line-one-sponsors {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		gap: 16px;
		padding: 8px 0px;
		position: relative;
		overflow: hidden;
		min-height: 300px;
		margin-top: 15px;
		margin-bottom: 12px;
	}

	.line-one-sponsors::before {
		background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 300px;
		position: absolute;
		width: 200px;
		z-index: 2;
		left: 0;
		top: 0;
	}

	.line-one-sponsors::after {
		background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 300px;
		position: absolute;
		width: 200px;
		z-index: 2;
		right: 0;
		top: 0;
		transform: rotateZ(180deg);
	}


	/* // Animation scrollone */
	@-webkit-keyframes scrollone {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translateX(calc(-250px * 7));
		}
	}

	@keyframes scrollone {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translateX(calc(-250px * 7));
		}
	}

	/* // Animation scrollone */

	.slide-track {
		-webkit-animation: scrollone 40s linear infinite;
		animation: scrollone 40s linear infinite;
		display: flex;
		width: calc(250px * 14);
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		gap: 36px;
	}

	.line-two-sponsors {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		gap: 16px;
		padding: 8px 0px;
		position: relative;
		min-height: 202px;
		overflow: hidden;
		margin-bottom: 24px;
	}

	.line-two-sponsors::before {
		background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 200px;
		z-index: 2;
		left: 0;
		top: 0;
	}

	.line-two-sponsors::after {
		background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 200px;
		z-index: 2;
		right: 0;
		top: 0;
		transform: rotateZ(180deg);
	}



	/* // Animation scrolltwo */
	@-webkit-keyframes scrolltwo {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translateX(calc(250px * 7));
		}
	}

	@keyframes scrolltwo {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translateX(calc(250px * 7));
		}
	}

	/* // Animation scrolltwo */

	@keyframes changeDir {
		0% {
			transform: translateX(0vw) rotateY(0);
		}

		49% {
			transform: translateX(89vw) rotateY(0);
		}

		50% {
			transform: translateX(90vw) rotateY(.5turn);
		}

		99% {
			transform: translateX(1vw) rotateY(.5turn);
		}

		100% {
			transform: translateX(0vw) rotateY(0);
		}
	}


	.slide-track-two {
		-webkit-animation: scrolltwo 40s linear infinite backwards;
		animation: scrolltwo 40s linear infinite backwards;
		/* animation: changeDir 5s linear infinite backwards; */
		position: absolute;
		display: flex;
		width: calc(250px * 14);
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		gap: 36px;
		left: -119.56vw;
	}


	.line-three-sponsors {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		gap: 16px;
		padding: 8px 0px;
		position: relative;
	}

	.card-item-sponsors {
		width: 160px;
		height: 160px;
		padding: 24px 24px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		border-radius: 24px;
		gap: 12px;
	}

	/* GLOBAL SECTION SPONSORS END */

	/* GLOBAL MEDIA PARTNERS START */
	.media-partnership {
		width: 100%;
		height: auto;
		min-height: 320px;
		/*background: var(--pink-100);*/
		padding: 74px 0px 70px 0px;
	}

	.row-one-media-parners {
		width: 100%;
		padding-bottom: 16px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
	}

	.title-headline-media {
		max-width: 532px;
		text-align: center;
		font-family: "Francois One", sans-serif;	
		text-transform: uppercase;
		line-height: 145%;
		color: var(--gray-500);
		letter-spacing: 0.24px;
	}

	.title-headline-media h2 {
		font-family: "Francois One", sans-serif;	
		text-transform: uppercase;
		color: var(--pink-700);
	}

	.row-two-media-parners {
		padding-top: 16px;
		width: 100%;
		min-height: 96px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		overflow: unset;
		position: relative;
	}

	.line-media-partners {
		width: auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		gap: 36px;
	}

	.card-item-media {
		min-width: 20%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
	}

	.card-item-media img {
		max-width: 100%;
	}

	.item-media-rectangle {
		min-width: 20%;
		max-width: 20%;
		padding: 4px 14px;
	}

	.item-media-square {
		min-width: 20%;
		max-width: 20%;
		padding: 4px 20px;
	}

	/* GLOBAL MEDIA PARTNERS END */


	/* PAGE ABOUT GLOBAL START */
	/* HEAD COVER START */
	.head-cover-image {
		width: 100%;
		height: auto;
		overflow-y: unset;
		background: #ffec00;
		min-height: 186px;
		padding-top: 0px;
		position: relative;
		margin-top: -152px;
		z-index: 2;
		min-height: 400px;
		max-height: 410px;
		position: relative;
		overflow: hidden;
	}

	.wrp-head-cover {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		position: absolute;
		width: 106vw;
		position: absolute;
		left: 50%;
		top: 51.64%;
		transform: translate(-50%, -50%);
	}

	.wrp-head-cover img {
		max-width: 100%;
	}

	.overlay-cover {
		position: absolute;
		width: 100vw;
		min-height: 520px;
		background-color: rgba(255, 255, 255, 0.29);
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.caption-cover-page {
		position: absolute;
		width: 100vw;
		min-height: 510px;
		display: flex;
		flex-wrap: wrap;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.title-header-cover {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		text-align: center;
		position: absolute;
		z-index: 3;
		position: absolute;
		left: 50%;
		top: 56.64%;
		transform: translate(-50%, -50%);
		max-width: 50%;
		text-align: center;
	}

	.title-header-cover {
		text-align: center;
		text-align: center;
	}

	.title-container h1 {
		font-family: "Francois One", sans-serif;	
		text-transform: uppercase;
		/* color: var(--white-one); */
		color: var(--pink-700);
		text-align: center;
		margin-bottom: 0px;
		line-height: 114%;
	}

	.title-container h2 {
		font: normal 700 29.24px/38.64px var(--font-poppins);
		/* color: var(--white-one); */
		color: var(--pink-700);
		text-align: left;
		margin-bottom: 0px;
		line-height: 114%;
	}

	/* HEAD COVER END */

	/* SECTION STATIC CONTENT START */
	.section-static-contents {
		background: var(--white-one);
		width: 100%;
		min-height: 320px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		padding: 64px 0px 50px 0px;
	}

	/* TEXT PARAGRAPH DETAILS */
	.paragraph-conntent {
		padding-right: 24px;
		font: normal 400 14px/20.76px var(--font-poppins);
		line-height: 170%;
		color: var(--gray-700);
		letter-spacing: 0.35px;
	}

	.paragraph-conntent p img,
	.paragraph-conntent p a img,
	.paragraph-conntent a img,
	.paragraph-conntent img {
		max-width: 100%;
	}

	.paragraph-conntent h1 {
		font-family: "Francois One", sans-serif;			
		text-align: center;
		margin-bottom: 0px;
		line-height: 140%;
		color: var(--pink-700);
		margin-bottom: 24px;
		letter-spacing: 0.34px;
	}

	.paragraph-conntent h2 {
		font: normal 600 20px var(--font-poppins);
		color: var(--gray-800);
		margin-bottom: 24px;
		letter-spacing: 0.34px;
	}

	.paragraph-conntent h3 {
		font: normal 600 18px var(--font-poppins);
		color: var(--gray-800);
		margin-bottom: 22px;
		letter-spacing: 0.34px;
	}

	.paragraph-conntent h4 {
		font: normal 600 16px var(--font-poppins);
		color: var(--gray-800);
		margin-bottom: 16px;
		letter-spacing: 0.34px;
	}

	.paragraph-conntent h5 {
		font: normal 600 14px var(--font-poppins);
		color: var(--gray-800);
		margin-bottom: 15px;
		letter-spacing: 0.34px;
	}

	.paragraph-conntent h6 {
		font: normal 600 14px var(--font-poppins);
		color: var(--gray-800);
		margin-bottom: 15px;
		letter-spacing: 0.34px;
	}

	.paragraph-conntent ::selection {
		background: var(--pink-600);
		color: #fff;
	}

	.paragraph-conntent a {
		color: orangered;
		text-decoration: underline;
	}

	.paragraph-conntent b,
	.paragraph-conntent strong,
	.paragraph-conntent p b,
	.paragraph-conntent p strong {
		font: normal 600 16.46px/27.64px var(--font-poppins);
		color: var(--gray-800);
	}

	.paragraph-conntent i,
	.paragraph-conntent p i {
		font: normal 400 16.46px/27.64px var(--font-poppins);
		color: var(--black-40);
		font-style: italic !important;
	}

	.paragraph-conntent p {
		margin-bottom: 15px;
		text-align: justify;
		color: var(--gray-700);
	}

	.paragraph-conntent ul {
		padding-left: 33px !important;
		padding-top: 20px;
	}

	.paragraph-conntent ul > li {
		margin-bottom: 8px;
		padding-left: 8.5px;
	}

	.paragraph-conntent ul > li:last-child {
		margin-bottom: 29px;
	}

	.paragraph-conntent ul > li p {
		margin-bottom: 3.5px;
		font: normal 400 16.46px/28.76px var(--font-poppins);
	}

	.paragraph-conntent ol {
		padding-left: 15.5px !important;
	}

	.paragraph-conntent ol > li {
		margin-bottom: 11.5px;
		padding-left: 12.5px;
	}

	.paragraph-conntent ol > li:last-child {
		margin-bottom: 29px;
	}

	.paragraph-conntent ol > li p {
		margin-bottom: 3.5px;
		font: normal 400 16.46px/28.76px var(--font-poppins);
	}

	.right-share-content {
		font: normal 400 17px/22.64px var(--font-poppins);
		color: var(--black-40);
		width: 55%;
		min-height: 52px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}

	/* TEXT PARAGRAPH DETAILS */
	/* SECTION STATIC CONTENT END */

	/* PAGE ABOUT GLOBAL END */

	/* LIST EVENT PROMO */
	.wrp-news-grid {
		width: 100%;
		height: auto;
		min-height: 320px;
	}

	.card-news-medium {
		width: 100%;
		height: auto;
		margin: 40px 0px 0px 0px;
	}
	
	.title-news-medium h3 {
	    font-size: 1.45rem;
	}

	.gutter--20.row,
	.gutter--20.container,
	.gutter--20.container-fluid {
		margin-left: -20px;
		margin-right: -20px;
	}

	.gutter--20>[class^="col-"] {
		padding-left: 20px;
		padding-right: 20px;
	}

	.card-news-medium a {
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		position: relative;
		text-decoration: none !important;
		min-height: 348px;
		max-height: unset;
		background: var(--grey-two);
		margin-bottom: 36px;
		width: 100%;
		min-height: 346px;
		background: var(--gray-200);
		color: var(--white-one);
		border-radius: 24px;
		overflow: hidden;
	}

	.card-news-medium a img {
		max-width: 100%;
		object-fit: cover;
	}

	.title-news-medium {
		width: 76%;
		background: var(--pink-600);
		min-height: 132px;
		position: absolute;
		color: var(--white-two);
		padding: 24px 36px;
		right: 0px;
		bottom: 0px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-webkit-align-items: center;
		border-top-left-radius: 24px;
	}

	/* LIST EVENT PROMO */

	/* PAGINATION START*/

	.paginations {
		position: relative;
		list-style: none;
		margin: 0 auto;
		margin-top: 0px;
		font: normal 400 18.64px/29.64px var(--font-poppins);
		color: var(--black-40);
		flex-wrap: wrap;
		padding-left: 0px;
		margin-top: 10px;
		margin-bottom: 6px;
	}

	.paginations li {
		float: left;
		margin-right: 3px;
		margin-left: 3px;
		margin-bottom: 10px;
	}

	.paginations li a {
		min-width: 43px;
		height: 43px;
		line-height: 30px;

		text-align: center;
		border: 1px solid transparent;
		font: normal 400 18.64px/28.5px var(--font-poppins);
		color: var(--black-40);
		display: table;
		border-radius: 22px;
		margin-right: 4px;
		text-decoration: none;
		outline: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.paginations li.active a {
		border: 1px solid var(--pink-500);
		background: var(--pink-500);
		color: #fff !important;
		border-radius: 22px;
	}

	.paginations li.active a:hover {
		border: 1px solid var(--pink-600);
		background: var(--pink-600);
		color: #fff !important;
		border-radius: 22px;
	}

	.margin-top-40 {
		margin-top: 48px !important;
	}

	.paginations li a {
		color: #464646 !important;
		border-radius: 22px;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.paginations li a:hover {
		color: var(--pink-600) !important;
		border-radius: 22px;
	}

	.paginations li a:hover {
		color: var(--pink-600);
		outline: none;
	}

	.paginations li.next a {
		width: 75px;
		border: 1px solid var(--gray-300);
		padding-right: 18px;
		padding-left: 18px;
		color: var(--blue-three) !important;
		border-radius: 22px;
	}

	.paginations li.next a:hover {
		border: 1px solid var(--pink-500);
		color: var(--pink-500) !important;
		text-decoration: none;
		outline: none;
	}

	.paginations li.prev a {
		width: 75px;
		border: 1px solid var(--gray-300);
		padding-right: 18px;
		padding-left: 18px;
		border-radius: 1.5px;
		color: var(--pink-500);

	}

	.paginations li.prev a:last-child {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		border-radius: 22px;
	}

	.paginations li.prev a:hover {
		border: 1px solid var(--pink-500);
		color: var(--pink-500) !important;
		text-decoration: none;
		outline: none;
	}

	.chevron-left-prev {
		width: 10px;
		height: 10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		text-align: center;
	}

	.chevron-left-prev svg {
		max-width: 100%;
		width: 10px;
		height: 10px;
	}

	.chevron-left-prev svg .st0 {
		fill: var(--black-40);
	}

	.paginations li.arrow-left {
		border: 1px solid var(--white-one);
	}

	.paginations li.arrow-left:hover {
		border: 1px solid var(--pink-600);
	}

	.paginations li.arrow-left:hover .chevron-left-prev svg .st0 {
		fill: var(--pink-600);
	}


	.chevron-right-next {
		width: 10px;
		height: 10px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		text-align: center;
	}

	.chevron-right-next svg {
		max-width: 100%;
		width: 10px;
		height: 10px;
	}

	.chevron-right-next svg .st0 {
		fill: var(--gray-500);
	}

	.paginations li.arrow-right {
		border: 1px solid var(--white-one);
		border-radius: 22px;
	}

	.paginations li.arrow-right:hover {
		border: 1px solid var(--pink-600);
	}

	.paginations li.arrow-right:hover .chevron-right-next svg .st0 {
		fill: var(--pink-600);
	}

	/*PAGINATION END */

	/* SHOPPING PLACE START */
	.wrp-shopping-place {
		width: 100%;
	}

	/* SHOPPING PLACE END */
	/* SHOPPER CARD */

	.content-badge-pill {
		width: 100%;
		height: auto;
		margin-top: 24px;
		margin-bottom: 32px;
	}

	.left-title-badge {
		width: 100%;
		height: auto;
	}

	.right-item-badge {
		width: 100%;
	}

	.bg-gray {
		background: var(--white-100);
		color: var(--gray-500);
		border: 2px solid var(--gray-400);
		padding: 8px 10px;
		margin-bottom: 6px;
	}

	.wrp-according-catalog {
		width: 100%;
		margin-bottom: 32px;
	}

	.wrp-according-catalog .accordion-item {
		border: 1px solid var(--white-one);
	}

	.wrp-according-catalog .accordion-header {
		width: 100%;
		background: var(--pink-600);
	}

	.accordion-button {
		padding: 10px 15px;
		text-decoration: none !important;
		outline: none;
		background: var(--pink-600);
	}

	.wrp-according-catalog .accordion-button:not(.collapsed) {
		background: var(--pink-700);
	}

	.wrp-according-catalog .accordion-button:after {
		-webkit-filter: grayscale(1) invert(1);
		filter: grayscale(1) invert(1);
	}

	.tabultaion-with-icon {
		width: 100%;
	}

	.tabulation-title {
		width: 100%;
	}

	.tabulation-title h3 {
		font: normal 700 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-poppins);
		line-height: 142%;
		padding-right: 10px;
		color: var(--white-one);
		margin-bottom: 1px;
	}

	.content-accordions {
		width: 100%;
		padding: 24px 18px;
		padding-right: 24px;
		font: normal 400 16.46px/29.76px var(--font-poppins);
		color: var(--gray-500);
		letter-spacing: 0.35px;
	}


	.content-accordions {
		padding-right: 24px;
		font: normal 400 16.46px/29.76px var(--font-poppins);
		color: var(--gray-500);
		letter-spacing: 0.35px;
	}

	.content-accordions p img,
	.content-accordions p a img,
	.content-accordions a img,
	.content-accordions img {
		max-width: 100%;
	}

	.content-accordions h1 {
		font: normal 700 32.24px/41.64px var(--font-poppins);
		text-align: left;
		margin-bottom: 0px;
		line-height: 114%;
		color: var(--gray-800);
		margin-bottom: 24px;
		letter-spacing: 0.34px;
	}

	.content-accordions h2 {
		font: normal 600 28px/36.64px var(--font-poppins);
		color: var(--gray-800);
		margin-bottom: 24px;
		letter-spacing: 0.34px;
	}

	.content-accordions h3 {
		font: normal 600 24px/32.64px var(--font-poppins);
		color: var(--gray-800);
		margin-bottom: 22px;
		letter-spacing: 0.34px;
	}

	.content-accordions h4 {
		font: normal 600 20px/29.64px var(--font-poppins);
		color: var(--gray-800);
		margin-bottom: 16px;
		letter-spacing: 0.34px;
	}

	.content-accordions h5 {
		font: normal 600 17px/24.64px var(--font-poppins);
		color: var(--gray-800);
		margin-bottom: 15px;
		letter-spacing: 0.34px;
	}

	.content-accordions h6 {
		font: normal 600 15.5px/23.64px var(--font-poppins);
		color: var(--gray-800);
		margin-bottom: 15px;
		letter-spacing: 0.34px;
	}

	.content-accordions ::selection {
		background: var(--pink-600);
		color: #fff;
	}

	.content-accordions a {
		color: var(--blue-700);
		text-decoration: underline;
	}

	.content-accordions b,
	.content-accordions strong,
	.content-accordions p b,
	.content-accordions p strong {
		font: normal 600 16.46px/27.64px var(--font-poppins);
		color: var(--gray-800);
	}

	.content-accordions i,
	.content-accordions p i {
		font: normal 400 16.46px/27.64px var(--font-poppins);
		color: var(--black-40);
		font-style: italic !important;
	}

	.content-accordions p {
		margin-bottom: 32px;
	}

	.content-accordions ul {
		padding-left: 15px !important;
	}

	.content-accordions ul li {
		margin-bottom: 11.5px;
		padding-left: 12.5px;
	}

	.content-accordions ul li:last-child {
		margin-bottom: 29px;
	}

	.content-accordions ul li p {
		margin-bottom: 3.5px;
		font: normal 400 16.46px/28.76px var(--font-poppins);
	}

	.content-accordions ol {
		padding-left: 15.5px !important;
	}

	.content-accordions ol li {
		margin-bottom: 11.5px;
		padding-left: 12.5px;
	}

	.content-accordions ol li:last-child {
		margin-bottom: 29px;
	}

	.content-accordions ol li p {
		margin-bottom: 3.5px;
		font: normal 400 16.46px/28.76px var(--font-poppins);
	}



	/* SHOPPER CARD */
	/* CONTACT START */
	.wrp-contact-us {
		width: 100%;
		height: auto;
		min-height: 320px;
	}

	.pink-rounded-area {
		min-height: 286px;
		background-color: var(--pink-600);
		padding: 36px 18px 20px 20px;
		border-radius: 10px;
		color: #fff;
		position: sticky;
		top: 139px;
	}

	.icon-blue-phone.icon-64 {
		width: 46px;
		min-height: 46px;
		background: #2b488d;
		border-radius: 50%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}

	.icon-blue-phone svg {
		position: relative;
		margin-bottom: -3px !important;
	}

	.icon-blue-phone svg path {
		fill: #fff;

	}

	.form-kontak-area {
		padding: 0px 40px 40px 40px;
	}

	.form-kontak-area .sub-kategori {
		font-family: var(--font-gabarito);
		font-weight: 600;
		color: var(--pink-600);
		font-size: 20px;
		margin: 20px 0px 10px 0px;
	}

	.md-form {
		margin-bottom: 20px;
		font: normal 400 18.24px/25.64px var(--font-poppins);

	}

	.md-form input {
		width: 100%;
		height: 54px;
		border: 2px solid #dee2e6 !important;
		margin-top: 6.4px;
	}

	.md-form input:focus {
		box-shadow: none;
	}

	.md-form select {
		width: 100%;
		height: 54px;
		border: 2px solid #dee2e6 !important;

	}

	.md-form select:focus {
		box-shadow: none;
	}

	.md-form textarea {
		width: 100%;
		height: 156px;
		border: 2px solid #dee2e6 !important;
		margin-bottom: 36px;
	}

	.md-form textarea:focus {
		box-shadow: none;
	}

	.pink-rounded-area .text-cta-footer h5 {
		font: normal 600 clamp(0.7113rem, 0.6755rem + 0.1588vw, .86rem) var(--font-poppins);
		line-height: 136%;
		color: var(--white-one);
		margin-bottom: 0px;
	}

	.pink-rounded-area .text-cta-footer p {
		color: var(--gray-100);
	}

	.btn.download-btn {
		padding: 16.5px 30px;
		font-family: var(--font-poppins);
		border-radius: 5px;
		background-color: var(--pink-700);
		border: none;
		font-weight: 600;
		height: 56px;
		letter-spacing: 2px;
		color: #fff;
		display: inline-block;
	}

	.title-section h3 {
		font: normal 600 29.24px/38.64px var(--font-poppins);
		color: var(--gray-800);
		text-align: left;
		margin-bottom: 20px;
		margin-top: 24px;
		line-height: 114%;
	}

	.contact-label-only {
		width: 100%;
		height: auto;
	}

	.contact-label-only h3 {
		font: normal 700 clamp(1.0175rem, 0.914rem + 0.1974vw, 1.2025rem) var(--font-poppins);
		line-height: 142%;
		padding-right: 24px;
		color: var(--white-one);
		margin-bottom: 20px;
	}

	.form-cp-fjgs {
		min-height: 56px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.form-cp-fjgs label {
		margin-right: 10px;
	}

	.form-cp-fjgs input {
		height: auto;
		height: 54px;
		border: 2px solid #dee2e6 !important;
		margin-top: 6.4px;
		border-radius: 2.5px;
		padding-left: 10px;
	}

	.form-cp-fjgs input:focus {
		border: 2px solid #dee2e6 !important;
		box-shadow: none;
	}

	.col-md-5.add-both {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	/* CONTACT END */

	/* LIST GALLERY START */

	.archive-list-gallery {
		width: 100%;
		min-height: 86px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		height: auto;
		overflow: hidden;
		position: sticky;
		top: 109px;
		/* border: 1px solid #cf0000; */
	}

	.wrp-years-gallery {
		width: 100%;
		padding: 5px 0px;
		display: block;
		scrollbar-width: none;
		-webkit-scrollbar-width: none;
		-moz-scrollbar-width: none;
		overflow: scroll hidden;
		white-space: nowrap;
	}

	.wrp-years-gallery ul {
		height: auto;
		padding-left: 5px;
		display: flex;
		flex-wrap: wrap;
		gap: 5px 10px;
		margin-bottom: 0px;
		line-height: 48px;
	}

	.wrp-years-gallery ul li {
		list-style: none;
		padding-left: 0px;
	}

	.wrp-years-gallery ul li a {
		text-decoration: none;
		padding: 9px 12px;
		border: 2px solid var(--gray-300);
		border-radius: 22px;
		font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		line-height: 136%;
		color: var(--gray-500);
		letter-spacing: 0.24px;
	}

	.wrp-years-gallery ul li a{
		background: var(--pink-600);
		border: 2px solid var(--pink-600);
		color: var(--white-one);
	}

	.wrp-years-gallery ul li a.active {
		background: orangered;
		border: 2px solid orangered;
		color: var(--white-one);
	}

	.card-gallery-content {
		width: 100%;
		overflow: unset;
	}

	.item-thumb-gallery {
		width: 100%;
		height: auto;
		border-radius: 22px;
		overflow: hidden;
		text-decoration: none;
		box-shadow: 0 10px 29px 0 rgba(0, 0, 0, 0.033);
		-ms-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.033);
		-moz-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.033);
		-webkit-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.033);
		display: block;
		margin: 24px 0px 20px 0px;
	}

	.featured-thumb-gallery {
		width: 100%;
		height: auto;
		background: #ededed;
		min-height: 148px;
		position: relative;
		overflow: hidden;
	}

	.item-thumb-gallery:hover .featured-thumb-gallery img {
		transform: scale(1.1, 1.1);
		transition-property: all;
		transition-duration: 0.5s;
	}

	.featured-thumb-gallery img {
		max-width: 100%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	.caption-gallery-featured {
		width: 100%;
		display: block;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding: 24px 24px;
	}

	.caption-gallery-featured h2 {
		font: normal 700 clamp(1.0075rem, 1.004rem + 0.2074vw, 1.1025rem) var(--font-poppins);
		color: var(--gray-900);
		line-height: 142%;
		padding-right: 6px;
		margin-bottom: 14px;
	}


	/* LIST GALLERY END */


	/* DETAIL GALLERY START */

	.title-gallery-detail {
		width: 100%;
		height: auto;
		padding-bottom: 15px;
	}

	.title-gallery-detail h1 {
		font: normal 600 clamp(1.85rem, 1.395rem + 0.5488vi, 2.0975rem) var(--font-poppins);
		line-height: 134%;
		color: var(--gray-900);
		margin-bottom: 24px;
	}

	 .card-img-gallery {
		width: 380px;
		height: auto;
		border-radius: 10px;
	}

	.gallery {
		display: grid;
		grid-template-columns: repeat(8, 1fr);
		grid-template-rows: repeat(8, 5vw);
		grid-gap: 1.5rem;
	}

	.gallery__img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.gallery__item--1 {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 3;

		/** Alternative Syntax **/
		/* grid-column: 1 / span 2;  */
		/* grid-row: 1 / span 2; */
	}

	.gallery__item--2 {
		grid-column-start: 3;
		grid-column-end: 5;
		grid-row-start: 1;
		grid-row-end: 3;

		/** Alternative Syntax **/
		/* grid-column: 3 / span 2;  */
		/* grid-row: 1 / span 2; */
	}

	.gallery__item--3 {
		grid-column-start: 5;
		grid-column-end: 9;
		grid-row-start: 1;
		grid-row-end: 6;

		/** Alternative Syntax **/
		/* grid-column: 5 / span 4;
	  grid-row: 1 / span 5; */
	}

	.gallery__item--4 {
		grid-column-start: 1;
		grid-column-end: 5;
		grid-row-start: 3;
		grid-row-end: 6;

		/** Alternative Syntax **/
		/* grid-column: 1 / span 4;  */
		/* grid-row: 3 / span 3; */
	}

	.gallery__item--5 {
		grid-column-start: 1;
		grid-column-end: 5;
		grid-row-start: 6;
		grid-row-end: 9;

		/** Alternative Syntax **/
		/* grid-column: 1 / span 4; */
		/* grid-row: 6 / span 3; */
	}

	.gallery__item--6 {
		grid-column-start: 5;
		grid-column-end: 9;
		grid-row-start: 6;
		grid-row-end: 9;

		/** Alternative Syntax **/
		/* grid-column: 5 / span 4; */
		/* grid-row: 6 / span 3; */
	}

	/* DETAIL GALLERY END */


	/* SHOPPING PLACE START */
	/* TABS SLICK TIPS START*/

	#tab-1 {
		display: block
	}

	.tab {
		background: transparent none;
		color: inherit;
		margin-top: 0px;
		padding-top: 0px;
		position: relative;
		z-index: 1;
	}

	.tab-contents {
		padding: 0px 5px 0px 5px;
		display: none;
	}

	.wrp-tab-infographic .tab .tab-contents:first-child {
		display: flex;
	}

	.tab-transparent {
		background: transparent none;
		color: inherit;
		margin-top: 0px;
		padding: 16px 0px;
		position: relative;
		z-index: 1;
		overflow: unset;
	}

	.wrp-tab-infographic .tab-contents {
		background: transparent normal;
	}

	.tab-transparent .tab-contents {
		padding: 0px 1px 0px 1px;
	}

	.wrp-tab-infographic {
		width: 100%;
		min-height: 596px;
		height: auto;
	}

	.tab-content-quicklink-page {
		padding: 32px 0px;
	}

	#infographlinkTabs {
		width: 100%;
		height: auto;
		border-bottom: 0px;
	}

	.list-quicklink-page {
		max-width: 100%;
		flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		align-items: center;
		-ms-align-items: center;
		display: flex;
		padding: 0px 0px 20px 0px;
	}

	/* .list-quicklink-page:first-child {
		margin-top: 30px;
	} */

	.list-quicklink-page:last-child {
		margin-bottom: 24px;
	}

	.list-quicklink-page a {
		width: 100%;
		font-size: 18px;
		line-height: 21px;
		margin-bottom: 0px;
		padding: 5px 0px;
		color: #363636;
		display: block;
		text-decoration: none;
		outline: none;
	}

	.list-quicklink-page a:hover {
		color: #363636;
		text-decoration: none;
	}

	#infographlinkTabs .nav-item {
		flex-basis: unset;
	}

	#infographlinkTabs .nav-link-tabs {
		background: var(--white-one);
		color: #fcfcfb;
		border: 0px;
		padding: 6px 6px 26px 6px;
		border-radius: 0px !important;
		cursor: pointer;
		font: normal 500 18px/30px var(--font-jakarta-sans);
	}

	#infographlinkTabs .nav-item.current a {
		background: var(--white-one);
		color: var(--pink-600);
		border-bottom: 2px solid var(--pink-600);
		border-radius: 0px !important;
		overflow: hidden;
		font: normal 700 18px/30px var(--font-jakarta-sans);
	}

	/* TABS SLICK TIPS END*/

	/*  INFOGRAPHIC SLIDE TAB GLOBAL */
	.wrp-tabmenu {
		background: var(--white-one);
		position: sticky;
		top: 126px;
		z-index: 4;
	}

	#tab-1 {
		width: 100%;
	}

	.tab-contents {
		width: 100%;
	}

	.infograpTabsmobile {
		height: auto;
		min-height: 51px;
		padding: 8px 0px 4px 0px;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0px;
	}

	.infograpTabsmobile .slick-slide {
		display: flex;
		width: auto !important;
		align-items: center;
		-ms-align-items: center;
	}

	.infograpTabsmobile .slick-list .slick-track {
		min-height: 60px !important;
		padding-top: 13px;
	}

	.infograpTabsmobile li {
		flex-basis: 0;
		flex-grow: 1;
		text-align: center;
		flex: 1 1 auto;
		display: flex;
	}

	.infograpTabsmobile li a {
		background: var(--white-one);
		border: 2px solid var(--gray-300);
		border-radius: 22px !important;
		overflow: hidden;
		padding: 9px 18px;
		margin: 0px 4.5px;
		font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		line-height: 136%;
		color: var(--gray-500);
		letter-spacing: 0.24px;
		min-width: 124px !important;
		height: auto;
		text-align: center;
		text-decoration: none;
		width: auto;
		border-radius: 22px;
	}

	.infograpTabsmobile li.current a {
		background: var(--pink-600);
		color: #fff;
		border: 2px solid var(--pink-600);
		border-radius: 22px !important;
		overflow: hidden;
		padding: 9px 18px;
		color: var(--white-one);
		font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		letter-spacing: 0.24px;
		min-width: 124px;
		height: auto;
		text-align: center;
		text-decoration: none;
		;
	}

	.infograpTabsmobile .slick-next {
		width: 30px;
		height: 32px;
		border-radius: 16px;
		background-color: rgba(255, 255, 255, 0.69);
		top: 21px;
	}

	.infograpTabsmobile .slick-next:hover,
	.infograpTabsmobile .slick-next:focus {
		background-color: rgba(255, 255, 255, 0.99);
		top: 21px;
	}

	.infograpTabsmobile .slick-next::before {
		content: '›' !important;
		font-size: 32px;
		line-height: 11.5px !important;
		filter: invert(64%);
	}

	.infograpTabsmobile .slick-prev {
		width: 30px;
		height: 32px;
		border-radius: 16px;
		background-color: rgba(255, 255, 255, 0.56);
		top: 21px;
	}

	.infograpTabsmobile .slick-prev::before {
		content: '‹' !important;
		font-size: 32px;
		line-height: 11.5px !important;
		filter: invert(64%);
	}

	.infograpTabsmobile .slick-prev:hover {
		background-color: rgba(255, 255, 255, 0.99);
		top: 21px;
	}

	.infograpTabsmobile .slick-prev:focus {
		background-color: rgba(255, 255, 255, 0.56);
		top: 21px;
	}

	.infograpTabsmobile .slick-list .slick-track {
		min-width: 1224px !important;
		margin-right: 44px;
	}

	/*  INFOGRAPHIC SLIDE TAB GLOBAL END */


	.section-infographic-home .row .col-xxl-4 {
		position: sticky;
		position: -webkit-sticky;
		/* for Safari */
		position: sticky;
		top: 210px;
		align-self: flex-start;
	}

	.wrp-label-left {
		width: 100%;
		height: auto;
		padding-right: 48px;
		margin-top: 92px;
		margin-bottom: 92px;
	}

	.wrp-label-left h3 {
		font: normal 700 32.24px/41.64px var(--font-jakarta-sans);
		color: var(--white-one);
		margin-bottom: 8px;
		letter-spacing: 0.64px;
	}

	.wrp-label-left h2 {
		font: normal 700 52.24px/60.64px var(--font-poppins);
		color: var(--white-one);
		margin-bottom: 8px;
		letter-spacing: 0.64px;
	}

	.wrp-infograph-content {
		width: 100%;
		height: auto;
		padding: 24px 24px;
		border: 1px solid var(--white-trans-2);
		min-height: 320px;
	}

	.wrp-card-infograph {
		width: 100%;
		display: flex;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		min-height: 220px;
		background: #fff;
		border-radius: 22.5px;
	}

	.row-infographic .col-12:nth-child(3) .wrp-card-infograph,
	.row-infographic .col-12:nth-child(4) .wrp-card-infograph,
	.row-infographic .col-12:nth-child(5) .wrp-card-infograph,
	.row-infographic .col-12:nth-child(6) .wrp-card-infograph,
	.row-infographic .col-12:nth-child(7) .wrp-card-infograph,
	.row-infographic .col-12:nth-child(8) .wrp-card-infograph {
		height: auto;
		min-height: 186px;
		margin-top: 30px;
	}

	.wrp-label-left {
		width: 100%;
		height: auto;
	}

	.left-icon-infograp {
		width: 86px;
		height: 86px;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.left-icon-infograp img {
		max-width: 100%;
		height: auto;
		padding: 12px 12px;
	}

	.left-icon-infograp .icon-86 {
		padding: 15px 15px;
		width: 74px;
		min-height: 74px;
	}


	.left-icon-infograp .icon-86 svg path {
		fill: var(--white-one);
	}

	.left-icon-infograp .icon-86 svg g rect {
		fill: var(--white-one);
	}

	.left-icon-infograp .icon-86 svg path.st0 {
		fill: var(--white-100);
	}

	.right-text-infogrph {
		width: 80%;
		height: auto;
		padding-left: 24px;
		padding-right: 24px;
		/* border: 1px solid #cf0000; */
	}

	.title-value-infograph h3 {
		font: normal 700 36.24px/49.64px var(--font-poppins);
		color: var(--white-one);
		margin-bottom: 8px;
		letter-spacing: 0.32px;
	}

	.desc-value-infograph {
		font: normal 400 15.64px/24.64px var(--font-poppins);
		color: var(--white-two);
	}

	.desc-value-infograph h4 {
		font: normal 600 19.24px/28.64px var(--font-poppins);
		margin-bottom: 14px;
		margin-top: 6px;
	}

	.desc-value-infograph p {
		opacity: .76;
	}

	.row-infographic {
		height: auto;
	}

	.row-infographic .col-12:nth-child(1) {
		margin-top: 24px;
	}

	.row-infographic .col-12:nth-child(2) {
		margin-top: 24px;
	}

	/* INFOGRAPHIC HOME END */
	/* SHOPPING PLACE END */


	/* MIDNIGHT SCHEDULE START */

	.card-schedule-midnight {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		border-radius: 22.5px;
		background: var(--white-one);
		font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
		color: var(--gray-500);
		letter-spacing: 0.24px;
		border: 2px solid #dedede;
		min-height: 158px;
		padding: 10px 15px;
		box-shadow: 0 10px 29px 0 rgba(0, 0, 0, 0.023);
		-ms-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.023);
		-moz-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.023);
		-webkit-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.023);
		margin-bottom: 24px;
	}

	.card-schedule-midnight:hover {
		box-shadow: 0 10px 29px 0 rgba(0, 0, 0, 0.043);
		-ms-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.043);
		-moz-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.043);
		-webkit-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.043);
	}

	.calendar-item-places {
		padding: 5px 0px 5px 10px;
	}

	.calendar-item-places .location-midnight {
		width: 100%;
	}

	.location-midnight {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.item-midnight-time {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		padding: 8px 0px;
	}

	.icon-and-place {
		width: 86px;
		min-height: 76px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding: 6px 10px;
	}

	.icon-and-place img {
		max-width: 100%;
	}

	.icon-and-place .title-shoping-places {
		display: none;
	}

	.title-shoping-places {
		width: auto;
	}

	.title-shoping-places h2 {
		font: normal 700 clamp(1.1613rem, 1.1455rem + 1.0988vw, 1.28rem) var(--font-poppins);
		line-height: 136%;
		color: var(--gray-800);
		margin-bottom: 5px;
	}

	.calendar-items {
		width: auto;
		padding: 5px 8px 5px 8px;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		background: #fcfcfb;
		border-radius: 12.5px;
		position: relative;
	}

	.calendar-items p {
		position: relative;
		padding-left: 15px;
	}

	.calendar-items p::before {
		content: " ";
		width: 3px;
		height: 3px;
		background: var(--green-jungle-500);
		border-radius: 1.5px;
		position: absolute;
		top: 45%;
		left: 5px;
	}

	.calendar-items p {
		margin-bottom: 1px;
	}

	/* MIDNIGHT SCHEDULE END*/

	/* HOTEL PARTICIPANTS START */

	.card-hotel-partticipants {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		/* align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center; */
		border-radius: 22.5px;
		background: var(--white-one);
		font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
		color: var(--gray-500);
		letter-spacing: 0.24px;
		border: 2px solid #dedede;
		min-height: 158px;
		padding: 15px 15px 10px 24px;
		box-shadow: 0 10px 29px 0 rgba(0, 0, 0, 0.023);
		-ms-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.023);
		-moz-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.023);
		-webkit-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.023);
		margin-bottom: 24px;
	}

	.hotel-thumb-participants {
		width: 29%;
		border-radius: 22.5px;
		position: relative;
		border-radius: 16px;
		overflow: hidden;
		height: auto;
		min-height: 164px;
		max-height: 176px;
		background: #ededed;
		margin-bottom: 15px;
		margin-top: 20px;
	}

	.hotel-thumb-participants img {
		max-width: 100%;
	}

	.addres-and-promo {
		width: 36%;
		padding: 10px 24px;
	}

	.hotel-name {
		width: 100%;
		min-height: 24px;
		padding-bottom: 6px;
	}

	.hotel-name h2 {
		font: normal 700 clamp(1.0075rem, 1.004rem + 0.2074vw, 1.1025rem) var(--font-poppins);
		color: var(--gray-900);
		line-height: 142%;
		padding-right: 6px;
		margin-bottom: 0px;
	}

	.hotel-address {
		width: 100%;
		min-height: 24px;
		padding-bottom: 20px;
	}

	.hotel-address h3 {
		font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		line-height: 136%;
		color: var(--gray-500);
		letter-spacing: 0.24px;
	}

	.promo-hotel {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.icon-promo {
		width: 40px;
		height: 40px;
		border: 2px solid var(--gray-600);
		padding: 8px 8px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		border-radius: 23px;
	}

	.icon-promo svg {
		max-width: 100%;
		height: auto;
		fill: var(--gray-600);
	}

	.icon-promo svg path {
		fill: var(--gray-600);
	}

	.icon-promo svg .st0 {
		max-width: 100%;
		height: auto;
		fill: var(--gray-600);
	}

	.icon-promo svg path .st0 {
		fill: var(--gray-600);
	}

	.hotel-promotions {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.label-text-promo {
		width: auto;
		padding-left: 10px;
	}

	.label-text-promo h4 {
		font: normal 700 clamp(1.0175rem, 0.914rem + 0.1974vw, 1.2025rem) var(--font-poppins);
		line-height: 142%;
		padding-right: 10px;
		color: var(--gray-600);
		margin-bottom: 1px;
	}

	.content-promotion {
		width: 100%;
		display: block;
		padding: 8px 0px;
	}

	.content-promotion ul {
		padding-left: 15px;
	}

	.content-promotion ul li p {
		margin-bottom: 7px;
	}

	.contact-hotel {
		width: 35%;
		padding: 6px 18px;
	}

	/* HOTEL PARTICIPANTS END */


	/* MODAL DIALOG FLYER START*/
	.modal-dialog-fjgs {
		min-width: 642px;
		top: 124px;
		margin: 0 auto;
	}

	.modal-dialog-fjgs .modal-body {
		padding: 0px;
	}

	.modal-header-bar {
		padding: 0px;
		height: auto;
		position: relative;
		overflow: unset;
		border: 0px;
		height: 0px;
	}

	.modal-header-bar .btn-close-circle {
		background: var(--white-one) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") top center no-repeat;
		border-radius: 50%;
		background-size: 13px;
		background-position-y: 9px;
		opacity: 1;
		z-index: 5;
		box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
		-ms-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
		-moz-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
		-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	}

	.modal-dialog-fjgs .dialog-message {
		background: transparent none;
	}

	.modal-dialog-fjgs .modal-content {
		background: transparent none;
	}

	.modal-dialog-fjgs .dialog-message img {
		max-width: 100%;
		border-radius: 32px;
	}

	.modal-dialog-fjgs .modal-footer {
		padding: 0px;
		height: 0px;
		border: 0px;
	}

	/* MODAL DIALOG FLYER END */

	/* FOOTER GLOBAL START */
	.footer-section-fjgs {
		width: 100%;
		background: url(../images/footer-background-landscape-city.jpg) bottom center repeat-x var(--white-one);
		background-size: 100%;
		min-height: 320px;
		padding-top: 64px;
		position: relative;
		overflow: hidden;
		padding-bottom: 350px;		
	}

	.footer-section-fjgs .container {
		border-top: solid 1px lightgray;
		padding-top: 30px;
	}

	.footer-brand {
		width: 100%;
		min-height: 52px;
		display: flex;
		margin-bottom: 15px;
		margin-top: 48px;
	}

	.footer-brand .logo-brand {
		width: 192px;
		overflow: unset;
		position: relative;
	}

	.logo-brand a {
		text-decoration: none;
		outline: none;
	}

	.logo-brand a img {
		max-width: 100%;
	}

	.text-cta-footer {
		margin-left: 5px;
		padding-left: 5px;
		font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
		color: var(--gray-400);
		letter-spacing: 0.24px;
	}

	.text-cta-footer p {
		margin-bottom: 2.5px;
		text-transform: uppercase;
	}

	.text-cta-footer h5 {
		font: normal 700 clamp(0.7913rem, 0.7455rem + 0.1688vw, .92rem) var(--font-poppins);
		line-height: 136%;
		color: var(--gray-800);
		margin-bottom: 0px;
	}

	.item-footer-arrow {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		font: normal 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		color: var(--gray-500);
		letter-spacing: 0.24px;
		text-decoration: none;
		line-height: 138%;
	}

	.footer-label {
		width: 100%;
		height: auto;
		font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		line-height: 136%;
		color: var(--gray-500);
		letter-spacing: 0.24px;
		padding: 15px 20px 15px 0px;
	}

	.footer-label h4 {
		font-family: var(--font-poppins);
		text-transform: uppercase;
		line-height: 142%;
		padding-right: 10px;
		color: #000;
		margin-bottom: 5px;
		font-size: 20px;
		font-weight: bold;
	}

	.left-footer {
		width: 29.74%;
		height: auto;
		position: relative;
		z-index: 2;
	}

	.center-footer {
		width: 68%;
	}

	.footer-logo-associations {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around;
		-moz-justify-content: space-around;
		-webkit-justify-content: space-around;
	}

	.footer-phone, .footer-email {
		padding-top:35px;
	}

	.square-association {
		width: 15%;
		min-height: 76px;
		height: auto;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding: 12px 8px;
	}

	.square-association img {
		max-width: 100%;
	}

	.rectangle-association {
		width: 25%;
		min-height: 76px;
		height: auto;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding: 12px 8px;
	}

	.rectangle-association img {
		max-width: 100%;
	}

	.right-footer {
		width: 28.64%;
		height: auto;
	}

	.wrp-act-footer {
		width: 100%;
		height: auto;
	}

	.btn-act-footer {
		text-decoration: none;
		width: 100%;
		height: auto;
		min-height: 48px;
		display: flex;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		border-radius: 3.6px;
		padding: 3.6px 0.6px;
		margin: 10px 0px;
	}

	.icon-64 {
		width: 50px;
		min-height: 46px;
		height: auto;
		text-align: center;
		padding: 3px 4px 4.5px 4px;
	}

	.icon-30 {
		width: 26px;
		min-height: 30px;
		height: auto;
		text-align: center;
		padding: 3px 4px 4.5px 4px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	.icon-30 svg {
		max-width: 100%;
		margin: 0 auto;
	}

	.btn-act-footer .icon-64 .icon-pink .icon-30 {
		margin-top: 1.5px;
	}

	.btn-act-footer .icon-64 .icon-pink .icon-30 svg path {
		fill: var(--white-one);
	}

	.btn-act-footer .icon-64 {
		margin-left: 0px;
	}

	.alamat-footer-container {
		margin-top: 30px;
		padding-top: 30px;
		border-top: solid 1px #adafae;
	}

	.icon-pink {
		border-radius: 50%;
		background: var(--pink-700);
		min-height: 40px;
		width: 40px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
	}

	.icon-yellow {
		border-radius: 50%;
		background: var(--orange-500);
		min-height: 40px;
		width: 40px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
	}

	.main-sponsor-logo {
		padding-right: 50px;
	}
	.main-sponsor-logo .logo-mandiri {
		margin-bottom: 80px;
		margin-top: 80px;
	}

	.btn-act-footer .icon-64 .icon-yellow .icon-30 svg path {
		fill: var(--white-one);
	}

	.btn-act-footer .icon-48 .icon-yellow .icon-30 svg path {
		fill: var(--white-one);
	}

	.icon-green {
		border-radius: 50%;
		background: #2eb648;
		min-height: 40px;
		width: 40px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;

	}

	.btn-act-footer .icon-64 .icon-green .icon-30 svg path {
		fill: var(--white-one);
	}

	.btn-act-footer .icon-48 .icon-green .icon-30 svg path {
		fill: var(--white-one);
	}

	.btn-act-footer .icon-48 .icon-pink .icon-30 svg path {
		fill: var(--white-one);
	}

	.btn-act-footer .icon-64 .icon-green .icon-30 svg path.st1 {
		fill-rule: evenodd;
		clip-rule: evenodd;
		fill: #2EB648 !important;
	}

	.footer-row-two {
		width: 100%;
		min-height: 64px;
		height: auto;
		padding: 24px 0px;
	}

	.footer-copyright {
		font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
		color: var(--gray-400);
		letter-spacing: 0.24px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.footer-copyright p {
		margin-bottom: 4px;
	}

	.footer-copyright span {
		font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
		color: var(--gray-950);
	}
	
	a {
	    text-decoration: none;
	}
	
	.midnight-socmed-home.blue-bg {
	    background-color: #fff;
	}

	/* FOOTER GLOBAL END */

	/* MEDIA 1920 START */
	@media only screen and (min-width: 1920px) and (max-width: 1920px) {

		html,
		body {
			overflow-x: clip;
			display: block;
		}

		/* CONTAINER 1920 START*/
		.fjgs-container {
			max-width: 1440px;
			margin: 0 auto;
			margin-right: auto;
			margin-left: auto;
		}

		.card-item-sponsors {
			width: 176px;
			height: 176px;
		}

		/* CONTAINER 1920 END*/


	

		.card-about-home {
			min-height: 482px;
		}

		.pink-rounded-area {
			top: 148px;
			position: sticky;
		}

		/* PRIMARY CAROUSEL HOME 1920 START */

		.section-carousel-home {
			width: 100%;
			height: auto;
			min-height: 876px;
			position: relative;
			background: transparent none;
		}

		.row-primary-slide {
			min-height: 714px;
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			-ms-align-items: center;
			-moz-align-items: center;
			-webkit-align-items: center;
		}

		/* PRIMARY CAROUSEL HOME 1920 END */

		/* INFOGRAPH HOME 1920 START */
		.section-infographic-home {
			top: -48px;
			position: relative;
			padding: 14px 0px 14px 0px;
		}

		.wrp-infograph-home {
			position: relative;
			top: -104px;
		}

		.card-about-image {
			min-height: 218px;
		}

		.icon-title-icon {
			width: 40px;
			height: 40px;
			padding: 12px;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
			align-items: center;
			-ms-align-items: center;
			-moz-align-items: center;
			-webkit-align-items: center;
			border-radius: 50%;
			border: 2.5px solid var(--pink-700);
			margin-left: 12px;
		}

		.midnight-socmed-home {
			min-height: 214px;
		}

		/* INFOGRAPH HOME 1920 END */

		/* GLOBAL HOME EVENT NEWS START */
		.img-featured-promo {
			min-height: 374px;
			max-height: 386px;
		}

		.left-label {
			width: 60%;
		}

		.act-right-label {
			width: 40%;
		}

		.btn-act-outline {
			width: 100%;
			height: auto;
			background: var(--white-one);
			color: var(--pink-600);
			border: 2px solid var(--pink-600);
			font: normal 500 clamp(0.9375rem, 0.5804rem + 0.558vw, 1.25rem) var(--font-poppins);
		}

		.thumb-news-home {
			min-height: 110px;
			max-height: 114px;
		}

		/* GLOBAL HOME EVENT NEWS END */

		/* GLOBAL SECTION SPONSORS 1920 START */

		.slide-track-two {
			left: -69.56vw;
		}

		/* GLOBAL SECTION SPONSORS 1920 END */

		/* SECTION STATIC CONTENT  1920 START */
		.section-static-contents {
			background: var(--white-one);
			width: 100%;
			min-height: 320px;
			height: auto;
			display: flex;
			flex-wrap: wrap;
			padding: 64px 0px 50px 0px;
		}

		/* TEXT PARAGRAPH DETAILS 1920 */
		.paragraph-conntent {
			padding-right: 24px;
			font: normal 400 18.32px/34.64px var(--font-poppins);			
			letter-spacing: 0.35px;
		}

		/* SECTION STATIC CONTENT  1920 END */

		/* GALLERy 1920 */
		.caption-gallery-featured {
			width: 100%;
			display: block;
			align-items: center;
			-ms-align-items: center;
			-moz-align-items: center;
			-webkit-align-items: center;
			padding: 30px 30px;
		}

		.caption-gallery-featured h2 {
			font: normal 700 clamp(1.3075rem, 1.264rem + 1.1074vw, 1.3025rem) var(--font-poppins);
		}
	}

	/*  MEDIA 1920 END */

	/* MEDIA 1583-1600 START*/
	@media only screen and (min-width: 1583px) and (max-width: 1600px) and (orientation: landscape) {
		.navbar-align-right ul li a {
			font: clamp(1.165rem, 0.57rem + 0.68vi, 1.25rem) var(--font-poppins);
		}

		.fjgs-container {
			max-width: 1440px;
			margin: 0 auto;
			margin-right: auto;
			margin-left: auto;
		}
	}

	/* MEDIA 1583-1600 END*/

	/* MEDIA 1536-1582 START */
	@media only screen and (min-width: 1536px) and (max-width: 1582px) and (orientation: landscape) {

		/* CONTAINER 1536-1582 START*/
		.fjgs-container {
			max-width: 1366px;
			margin: 0 auto;
			margin-right: auto;
			margin-left: auto;
		}

		/* CONTAINER 1536-1582 END*/

		.navbar-align-right ul li a {
			font: clamp(1.165rem, 0.57rem + 0.68vi, 1.25rem) var(--font-poppins);
		}

		/* INFOGRAPH HOME 1536-1582 START */
		.card-about-home {
			min-height: 454px;
			padding: 32px 32px;
		}

		.card-shopping-home {
			background-color: hsla(300, 0%, 98%, 1);
			background-image:
				radial-gradient(at 40% 20%, hsla(333, 46%, 97%, 1) 0px, transparent 50%),
				radial-gradient(at 80% 0%, hsla(276, 32%, 98%, 1) 0px, transparent 50%),
				radial-gradient(at 0% 50%, hsla(294, 100%, 98%, 1) 0px, transparent 50%),
				radial-gradient(at 80% 50%, hsla(300, 41%, 93%, 1) 0px, transparent 50%),
				radial-gradient(at 0% 100%, hsla(0, 0%, 100%, 1) 0px, transparent 50%),
				radial-gradient(at 80% 100%, hsla(0, 23%, 95%, 1) 0px, transparent 50%);
			min-height: 454px;
			padding: 32px 32px;
		}

		.summary-about-home {
			font: clamp(1.165rem, 0.57rem + 0.68vi, 1.25rem) var(--font-poppins);
			line-height: 135%;
		}

		.content-shopper-apps {
			font: clamp(1.165rem, 0.57rem + 0.68vi, 1.25rem) var(--font-poppins);
			line-height: 135%;
		}

		.midnight-socmed-home {
			padding: 32px 32px;
		}

		/* INFOGRAPH HOME 1536-1582 END */

		/* PRIMARY CAROUSEL HOME 1536-1582 START */
		.section-carousel-home {
			min-height: 566px;
		}

		.row-primary-slide {
			min-height: 480px;
		}


		/* PRIMARY CAROUSEL HOME 1536-1582 END */
		/* HOME EVENT NEWS 1536-1582 START */
		.home-featured-promo {
			width: 100%;
			min-height: 296px;
		}

		.img-featured-promo {
			min-height: 348px;
			max-height: 356px;
		}

		.thumb-news-home {
			min-height: 105px;
			max-height: 109px;
		}

		/* HOME EVENT NEWS 1536-1582 END */


		/* GLOBAL SECTION SPONSORS 1536-1582 START*/

		.slide-track-two {
			left: -56.56vw;
		}

		.card-item-sponsors {
			width: 170px;
			height: 170px;
		}

		/*  GLOBAL SECTION SPONSORS 1536-1582 END*/
		/* HOTEL PSTICIPANTS 1536-1582 START */

		.hotel-thumb-participants img {
			max-width: 107%;
			max-width: 0 auto;
		}

		.hotel-thumb-participants {
			min-height: 240px;
			max-height: 280px;
			display: flex;
			justify-content: center;
			-ms-justify-content: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
		}

		/* HOTEL PSTICIPANTS 1536-1582 END */

		/* LIST NEWS 1536-1582 START */
		.card-news-medium a {
			width: 100%;
			min-height: 410px;
		}

		/* LIST NEWS 1536-1582 END */
	}

	/* MEDIA 1536-1582 END */

	/* MEDIA 1519-1535 START */
	@media only screen and (min-width: 1518px) and (max-width: 1535px) and (orientation: landscape) {

		.fjgs-container {
			max-width: 1366px;
			margin: 0 auto;
			margin-right: auto;
			margin-left: auto;
		}

		.navbar-align-right ul li a {
			font: clamp(1.165rem, 0.57rem + 0.68vi, 1.25rem) var(--font-poppins);
		}

	}

	/* MEDIA 1519-1535 END */

	/* MEDIA 1455-1518 START */
	@media only screen and (min-width: 1455px) and (max-width: 1518px) and (orientation: landscape) {
		.fjgs-container {
			max-width: 1366px;
			margin: 0 auto;
			margin-right: auto;
			margin-left: auto;
		}
	}

	/* MEDIA 1455-1518 END */

	/* MEDIA 1440 START */
	@media only screen and (min-width: 1440px) and (max-width: 1440px) and (orientation: landscape) {
		.fjgs-container {
			max-width: 1366px;
			margin: 0 auto;
			margin-right: auto;
			margin-left: auto;
		}

		.card-about-home {
			min-height: 458px;
		}

		.thumb-news-home {
			min-height: 102px;
			max-height: 108px;
		}

	}

	/* MEDIA 1440 END */
	/* MEDIA 1390-1399 START */
	@media only screen and (min-width: 1390px) and (max-width: 1399px) and (orientation: landscape) {}

	/* MEDIA 1390-1399 END */

	/* 1366 LANDSAPE START */
	@media only screen and (min-width: 1366px) and (max-width: 1366px) and (orientation: landscape) {

		/* NAVBAR DESKTOP 1366 START */
		.navbar-align-right ul li a {
			font: clamp(1.085rem, 1.085rem + 0vi, 1.085rem) var(--font-poppins);
		}

		/* NAVBAR DESKTOP 1366 END */
		.left-title-icon h2 {
			font: normal 700 clamp(1.4463rem, 1.1951rem + 0.2941vi, 1.4525rem) var(--font-poppins);
		}

		.title-white-home h2 {
			font: normal 700 clamp(1.4463rem, 1.1951rem + 0.2941vi, 1.4525rem) var(--font-poppins);
		}


	}

	/* 1366 LANDSAPE END */

	/* MEDIA 1280 START */
	@media only screen and (min-width: 1280px) and (max-device-width: 1280px) and (orientation: landscape) {

		/* CONTAINER  1280 START*/
		.fjgs-container {
			max-width: 1174px;
			margin: 0 auto;
			margin-right: auto;
			margin-left: auto;
		}

		/* CONTAINER 1280 END*/
		.section-carousel-home {
			min-height: 630px;
		}


		.left-title-icon h2 {
			font: normal 700 24px/32.64px var(--font-poppins);
			color: var(--pink-600);
		}

	}

	/* MEDIA 1280 END */

	/* MEDIA 1194 START */
	@media only screen and (min-device-width: 1194px) and (max-device-width: 1194px) and (orientation: landscape) {

		.event-promo-home {
			padding-right: 30px;
		}

		.left-label {
			width: 60%;
		}

		.act-right-label {
			width: 40%;
		}

		.icon-title-icon {
			width: 30px;
			height: 30px;
			padding: 8px;
		}

		.left-title-icon h2 {
			font: normal 700 21.24px/31.64px var(--font-poppins);
		}

	}

	/* MEDIA 1194 END */


	/* 1180  LANDSAPE START */

	@media only screen and (min-device-width: 1180px) and (max-device-width: 1180px) and (orientation: landscape) {
		.event-promo-home {
			padding-right: 30px;
		}

		.left-label {
			width: 60%;
		}

		.act-right-label {
			width: 40%;
		}

		.icon-title-icon {
			width: 30px;
			height: 30px;
			padding: 8px;
		}

		.left-title-icon h2 {
			font: normal 700 21.24px/31.64px var(--font-poppins);
		}
	}

	/* 1180 LANDSAPE END */

	/* MEDIA 1080 START */
	@media only screen and (min-device-width: 1080px) and (max-device-width: 1080px) and (orientation: landscape) {

		.event-promo-home {
			padding-right: 30px;
		}

		.left-label {
			width: 60%;
		}

		.act-right-label {
			width: 40%;
		}

		.icon-title-icon {
			width: 30px;
			height: 30px;
			padding: 8px;
		}

		.left-title-icon h2 {
			font: normal 700 21.24px/31.64px var(--font-poppins);
		}

	}

	/* MEDIA 1080 END */

	/* 1024 LANDSCAPE START */
	@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
		.event-promo-home {
			padding-right: 30px;
		}

		.left-label {
			width: 60%;
		}

		.act-right-label {
			width: 40%;
		}

		.icon-title-icon {
			width: 30px;
			height: 30px;
			padding: 8px;
		}

		.gutter--18.row,
		.gutter--18.container,
		.gutter--18.container-fluid {
			margin-left: -15px;
			margin-right: -15px;
		}

		.gutter--18>[class^="col-"] {
			padding-left: 15px;
			padding-right: 15px;
		}

		.left-title-icon h2 {
			font: normal 700 20px/31.64px var(--font-poppins);
		}

		.midnight-socmed-home {
			padding: 22px 18px;
			min-height: 148px;
		}

		.wrp-infograph-home {
			padding: 26px 26px;
		}

		.footer-phone, .footer-email {
			padding-top:0px;
		}

		.section-carousel-home {
			min-height: 562px;
		}

		.social-network-corporate {
			margin-bottom: 0px;
    		padding-top: 0px;
		}

		.line-one-sponsors {
			min-height: 250px;
		}

	}

	/* 1024 LANDSCAPE END */

	/* 1024 POTRAITE START */
	@media only screen and (min-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) {
		.event-promo-home {
			padding-right: 30px;
		}

		.left-label {
			width: 60%;
		}

		.act-right-label {
			width: 40%;
		}

		.icon-title-icon {
			width: 30px;
			height: 30px;
			padding: 8px;
		}

		.gutter--18.row,
		.gutter--18.container,
		.gutter--18.container-fluid {
			margin-left: -15px;
			margin-right: -15px;
		}

		.gutter--18>[class^="col-"] {
			padding-left: 15px;
			padding-right: 15px;
		}

		.check-schedule-midnight {
			padding: 6px 6px;
		}

		.left-title-icon h2 {
			font: normal 700 20px/31.64px var(--font-poppins);
		}

		.midnight-socmed-home {
			padding: 22px 18px;
			min-height: 148px;
		}

		.wrp-infograph-home {
			padding: 26px 26px;
		}

		.footer-phone, .footer-email {
			padding-top:0px;
		}

		.section-carousel-home {
			min-height: 562px;
		}

		.social-network-corporate {
			margin-bottom: 0px;
    		padding-top: 0px;
		}

		.line-one-sponsors {
			min-height: 250px;
		}
	}

	/* 1024 POTRAITE END */

	/* 820 POTRAITE START */

	@media only screen and (min-width: 820px) and (max-device-width: 820px) and (orientation: portrait) {

		/* DESKTOP NAVBAR 820 POTRAITE START */
		.navbar-desc {
			position: fixed;
			width: 100vw !important
		}

		.burger-mobile {
			display: flex;
		}

		.navbar-align-right {
			min-width: 112px;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-end;
			-ms-justify-content: flex-end;
			-moz-justify-content: flex-end;
			-webkit-justify-content: flex-end;
			margin-right: -5px;
		}

		.navbar-align-right .wrp-nav-item {
			display: none;
		}

		.search-navbar {
			margin-right: 14px;
		}

		.hamburger-box {
			width: 36px;
		}

		.burger-mobile .hamburger {
			padding: 18px 1px 12px 5px;
			margin-right: -10px;
		}


		/* DESKTOP NAVBAR 820 POTRAITE END */


		/* MOBILE NABAR 820 POTRAITE START*/

		.separate-menu {
			width: 100%;
			display: block;
			border-bottom: 1px solid #efefef;
			padding: 18px 0px 18px 0px;
			color: #73767A;
			font-size: 12px;
			line-height: 18px;
			text-transform: uppercase;
			letter-spacing: 0.45px;
			cursor: pointer;
			position: relative
		}

		.separate-menu::before {
			content: " + ";
			position: absolute;
			right: 15px;
			top: 15px;
			width: 12px;
			height: 12px;
			font-size: 22px
		}

		.navbar-mobile {
			width: 100vw;
			height: auto;
			min-height: 99.96%;
			max-height: 100%;
			background: var(--pink-600);
			top: 0px;
			position: fixed;
			z-index: 1;
			display: flex;
			overflow-y: scroll;
			visibility: hidden;
		}

		.wrp-navbar-mobile {
			width: 100%;
			height: auto;
			display: block
		}

		.navbar-mobile .account-session-user {
			margin-top: 10px;
		}

		.container-mobile {
			padding: 96px 15px 0px 15px;
		}

		.wrp-mobile-item {
			display: block;
			width: 100%;
			height: 84vh;
			position: relative;
			z-index: 5;
			opacity: 0;
			margin-top: unset;
			margin-bottom: -40px;
			padding: 15px 0px 15px 0px
		}

		.wrp-mobile-item.active {
			opacity: 1;
			transition: all 0.5s;
			top: 0;
			margin-top: 36px;
			transform: translateY(-20px);
			-webkit-transition: 1s ease-in-out;
			-moz-transition: 1s ease-in-out;
			-o-transition: 1s ease-in-out;
			transition: .5s ease-in-out;
			margin-bottom: unset
		}

		.bottom-nav-mobile {
			width: 100%;
			display: block;
			position: fixed;
			background: #fcfcfb;
			min-height: 64px;
			padding: 5px 0px;
			box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			left: 0px;
			bottom: 0px;
			z-index: 3
		}

		.wrp-bottom-nav-icon {
			width: 100%;
			height: auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			-ms-justify-content: space-around
		}

		.item-bottom-nav-icon {
			width: 20%;
			height: auto
		}

		.item-bottom-nav-icon a {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			text-decoration: none;
			color: #adafae;
			padding: 8.5px 0px 8.5px 0px
		}

		.item-bottom-nav-icon a.active {
			color: #1f4785
		}

		.mobile-icon {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.accordionMenu {
			width: 100%;
			height: auto;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 24px;
			margin-bottom: 56px
		}


		.has-submenu-child {
			height: auto;
			position: relative
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 34px;
			top: 19px;
			width: 12px;
			height: 12px;
			background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
			background-size: auto;
			background-size: auto;
			background-size: 100% -webkit-filter: invert(100%);
			/* Safari/Chrome */
			filter: invert(100%);
		}

		.section-desk-nav.active {
			position: fixed;
			background: var(--white-one);
			z-index: 11;
		}

		.section-desk-nav.active .logo-brand a svg path.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg path.st1 {
			fill: var(--pink-600);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg polygon.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active #dropdownLangdesk::after {
			background-color: var(--black-100);
			color: var(--black-100);
		}

		.section-desk-nav.active #dropdownLangdesk {
			color: var(--black-100);
		}

		.header {
			overflow: hidden
		}

		.nav-header,
		.main-wrapper,
		.header-content {
			overflow: hidden
		}

		.accordionMenu ul.sub-menu-child li:first-child {
			margin-top: 10px
		}

		.accordionMenu ul.sub-menu-child li a {
			font: normal 400 17.24px/25.64px var(--font-poppins);
			padding: 14px 10px 15px 3px !important
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 18px;
			top: 20px;
		}

		.img-wrapper-icon {
			width: 22px;
			height: 26px
		}

		.img-wrapper-icon svg {
			max-width: 100%;
			fill: #1C3C6F
		}

		.text-wrapper-icon {
			font-size: 13.5px;
			line-height: 14px;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.text-wrapper-icon p {
			margin-top: 3px;
			margin-bottom: 3px
		}

		.mobile-icon {
			height: auto
		}

		.navbar-flex {
			align-items: center;
			-ms-align-items: center;
			-moz-align-items: center;
			-webkit-align-items: center;
		}

		.logo-brand {
			width: 176px;
		}

		.navbar-desc.swipe-up-nav .logo-brand {
			width: 176px;
		}

		/* MOBILE NAVBAR 820 POTRAITE END */
		/* PRIMARY CAROUSEL HOME 810 START */
		#carouselPrimary {
			margin-top: 152px;
		}

		#carouselPrimary .carousel-control-prev {
			top: 47.24%;
			left: 14px;
		}

		#carouselPrimary .carousel-control-next {
			top: 47.24%;
			right: 14px;
		}

		/* PRIMARY CAROUSEL HOME 810 END */
		.left-home-infograph {
			width: 50%;
			flex: 0 0 auto;
		}

		.center-home-infograph {
			width: 50%;
			flex: 0 0 auto;
		}

		.right-home-infograph {
			padding-top: 24px;
			width: 100%;
			flex: 0 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.midnight-socmed-home {
			width: 47.75%;
		}

		.left-title-icon h2 {
			font: normal 700 23.24px/30.64px var(--font-poppins);
		}

		.img-featured-promo {
			min-height: 174px;
		}

		.event-promo-home {
			padding-right: 15px;
		}

		.caption-featured-promo h2 {
			font: normal 700 clamp(1.35rem, 1.075rem + 0.1988vi, 0.9675rem) var(--font-poppins);
			line-height: 134%;
			color: var(--gray-900);
			font-weight: 600;
			margin-bottom: 4px;
			padding-right: 5px;
		}

		.label-event-promo .act-right-label {
			display: none;
		}

		.home-featured-promo {
			margin-bottom: 24px;
		}

		.thumb-news-home {
			min-height: 70px;
			max-height: 74px;
		}

		.featured-event-promo .act-full {
			display: flex;
		}

		.right-home-infograph .midnight-socmed-home:first-child {
			margin-bottom: 0px;
		}

		/*  COVER HEAD SECONDARY 820 START */
		.wrp-head-cover img {
			max-width: 139.98%;
			top: 39px;
			position: relative;
		}

		.title-header-cover {
			top: 66.64%;
		}

		/*  COVER HEAD SECONDARY 820 START */

		/* FOOTER 820 START */
		.left-footer {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			height: 232px;
			width: 100%;
			flex: 0 0 auto;
			overflow: hidden;
			margin-bottom: 24px;
		}

		.footer-row-one .show-hide-kit h4 {
			color: var(--pink-700);
		}

		.footer-brand {
			flex: 0 0 100%;
			order: 1;
			width: 300px;
			order: 1;
			margin-bottom: 15px;
			margin-top: 10px;
		}

		.footer-phone, .footer-email {
			padding-top:0px;
		}

		.footer-label {
			min-height: 98px;
			order: 2;
			flex: 0 0 0;
			width: calc(100% - 300px);
		}

		.left-footer .social-network-corporate {
			order: 3;
			flex: 0 0 0;
			width: calc(100% - 300px);
		}

		.right-footer {
			width: 44%;
			flex: 0 0 auto;
		}

		.right-footer .footer-label {
			min-height: 24px;
			padding: 8px 0px;
		}

		.show-hide-kit h4 {}

		.footer-label.satu {
			min-height: 136px;
		}

		.center-footer {
			width: 56%;
			flex: 0 0 auto;
		}

		.footer-copyright {
			margin-top: 24px;
		}

		.footer-section-fjgs {
			padding-bottom: 286px;
		}

		/* FOOTER 820 END */


	}

	/* 820 POTRAITE END */

	/* 810 POTRAITE START */
	@media only screen and (min-width: 810px) and (max-device-width: 810px) and (orientation: portrait) {

		html,
		body {
			overflow-x: clip;
			display: block;
		}

		body.unscrolled {
			overflow-y: hidden;
			height: 100vh;
		}


		/* DESKTOP NAVBAR 810 POTRAITE START */
		.navbar-desc {
			position: fixed;
			width: 100vw !important
		}


		.burger-mobile {
			display: flex;
		}

		.navbar-align-right {
			min-width: 112px;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-end;
			-ms-justify-content: flex-end;
			-moz-justify-content: flex-end;
			-webkit-justify-content: flex-end;
			margin-right: -5px;
		}

		.navbar-align-right .wrp-nav-item {
			display: none;
		}

		.search-navbar {
			margin-right: 14px;
		}

		.hamburger-box {
			width: 36px;
		}

		.burger-mobile .hamburger {
			padding: 18px 1px 12px 5px;
			margin-right: -10px;
		}

		/* DESKTOP NAVBAR 810 POTRAITE END */


		/* MOBILE NABAR 810 POTRAITE START*/

		.separate-menu {
			width: 100%;
			display: block;
			border-bottom: 1px solid #efefef;
			padding: 18px 0px 18px 0px;
			color: #73767A;
			font-size: 12px;
			line-height: 18px;
			text-transform: uppercase;
			letter-spacing: 0.45px;
			cursor: pointer;
			position: relative
		}

		.separate-menu::before {
			content: " + ";
			position: absolute;
			right: 15px;
			top: 15px;
			width: 12px;
			height: 12px;
			font-size: 22px
		}

		.navbar-mobile {
			width: 100vw;
			height: auto;
			min-height: 99.96%;
			max-height: 100%;
			background: var(--pink-600);
			top: 0px;
			position: fixed;
			z-index: 1;
			display: flex;
			overflow-y: scroll;
			visibility: hidden;
		}

		.wrp-navbar-mobile {
			width: 100%;
			height: auto;
			display: block
		}

		.navbar-mobile .account-session-user {
			margin-top: 10px;
		}

		.container-mobile {
			padding: 96px 15px 0px 15px;
		}

		.wrp-mobile-item {
			display: block;
			width: 100%;
			height: 84vh;
			position: relative;			
			z-index: 5;
			opacity: 0;
			margin-top: unset;
			margin-bottom: -40px;
			padding: 15px 0px 15px 0px
		}

		.wrp-mobile-item.active {
			opacity: 1;
			transition: all 0.5s;
			top: 0;
			margin-top: 36px;
			transform: translateY(-20px);
			-webkit-transition: 1s ease-in-out;
			-moz-transition: 1s ease-in-out;
			-o-transition: 1s ease-in-out;
			transition: .5s ease-in-out;
			margin-bottom: unset
		}

		.bottom-nav-mobile {
			width: 100%;
			display: block;
			position: fixed;
			background: #fcfcfb;
			min-height: 64px;
			padding: 5px 0px;
			box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			left: 0px;
			bottom: 0px;
			z-index: 3
		}

		.wrp-bottom-nav-icon {
			width: 100%;
			height: auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			-ms-justify-content: space-around
		}

		.item-bottom-nav-icon {
			width: 20%;
			height: auto
		}

		.item-bottom-nav-icon a {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			text-decoration: none;
			color: #adafae;
			padding: 8.5px 0px 8.5px 0px
		}

		.item-bottom-nav-icon a.active {
			color: #1f4785
		}

		.mobile-icon {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.accordionMenu {
			width: 100%;
			height: auto;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 24px;
			margin-bottom: 56px
		}


		.has-submenu-child {
			height: auto;
			position: relative
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 34px;
			top: 19px;
			width: 12px;
			height: 12px;
			background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
			background-size: auto;
			background-size: auto;
			background-size: 100% -webkit-filter: invert(100%);
			/* Safari/Chrome */
			filter: invert(100%);
		}

		.section-desk-nav.active {
			position: fixed;
			background: var(--white-one);
			z-index: 11;
		}

		.section-desk-nav.active .logo-brand a svg path.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg path.st1 {
			fill: var(--pink-600);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg polygon.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active #dropdownLangdesk::after {
			background-color: var(--black-100);
			color: var(--black-100);
		}

		.section-desk-nav.active #dropdownLangdesk {
			color: var(--black-100);
		}

		.header {
			overflow: hidden
		}

		.nav-header,
		.main-wrapper,
		.header-content {
			overflow: hidden
		}

		.accordionMenu ul.sub-menu-child li:first-child {
			margin-top: 10px
		}

		.accordionMenu ul.sub-menu-child li a {
			font: normal 400 17.24px/25.64px var(--font-poppins);
			padding: 14px 10px 15px 3px !important
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 18px;
			top: 20px;
		}

		.img-wrapper-icon {
			width: 22px;
			height: 26px
		}

		.img-wrapper-icon svg {
			max-width: 100%;
			fill: #1C3C6F
		}

		.text-wrapper-icon {
			font-size: 13.5px;
			line-height: 14px;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.text-wrapper-icon p {
			margin-top: 3px;
			margin-bottom: 3px
		}

		.mobile-icon {
			height: auto
		}

		.navbar-flex {
			align-items: center;
			-ms-align-items: center;
			-moz-align-items: center;
			-webkit-align-items: center;
		}

		.logo-brand {
			width: 176px;
		}

		.navbar-desc.swipe-up-nav .logo-brand {
			width: 176px;
		}

		/* MOBILE NAVBAR 810 POTRAITE END */
		/* PRIMARY CAROUSEL HOME 810 START */
		#carouselPrimary {
			margin-top: 152px;
		}

		#carouselPrimary .carousel-control-prev {
			left: 18px;
		}

		#carouselPrimary .carousel-control-next {
			right: 18px;
		}

		/* PRIMARY CAROUSEL HOME 810 END */
		.left-home-infograph {
			width: 50%;
			flex: 0 0 auto;
		}

		.center-home-infograph {
			width: 50%;
			flex: 0 0 auto;
		}

		.right-home-infograph {
			padding-top: 24px;
			width: 100%;
			flex: 0 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.midnight-socmed-home {
			width: 47.75%;
		}

		.left-title-icon h2 {
			font: normal 700 23.24px/30.64px var(--font-poppins);
		}

		.img-featured-promo {
			min-height: 174px;
		}

		.event-promo-home {
			padding-right: 15px;
		}

		.caption-featured-promo h2 {
			font: normal 700 clamp(1.35rem, 1.075rem + 0.1988vi, 0.9675rem) var(--font-poppins);
			line-height: 134%;
			color: var(--gray-900);
			font-weight: 600;
			margin-bottom: 4px;
			padding-right: 5px;
		}

		.label-event-promo .act-right-label {
			display: none;
		}

		.home-featured-promo {
			margin-bottom: 24px;
		}

		.thumb-news-home {
			min-height: 70px;
			max-height: 74px;
		}

		.featured-event-promo .act-full {
			display: flex;
		}

		.right-home-infograph .midnight-socmed-home:first-child {
			margin-bottom: 0px;
		}

		/*  COVER HEAD SECONDARY 810 START */
		.wrp-head-cover img {
			max-width: 139.98%;
			top: 39px;
			position: relative;
		}

		.title-header-cover {
			top: 66.64%;
		}

		/*  COVER HEAD SECONDARY 810 START */

		/* FOOTER 810 START */
		.left-footer {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			height: 232px;
			width: 100%;
			flex: 0 0 auto;
			overflow: hidden;
			margin-bottom: 24px;
		}

		.footer-row-one .show-hide-kit h4 {
			color: var(--pink-700);
		}

		.footer-brand {
			flex: 0 0 100%;
			order: 1;
			width: 300px;
			order: 1;
			margin-bottom: 15px;
			margin-top: 10px;
		}

		.footer-label {
			min-height: 98px;
			order: 2;
			flex: 0 0 0;
			width: calc(100% - 300px);
		}

		.left-footer .social-network-corporate {
			order: 3;
			flex: 0 0 0;
			width: calc(100% - 300px);
		}

		.right-footer {
			width: 44%;
			flex: 0 0 auto;
		}

		.right-footer .footer-label {
			min-height: 24px;
			padding: 8px 0px;
		}

		.show-hide-kit h4 {}

		.footer-label.satu {
			min-height: 136px;
		}

		.center-footer {
			width: 56%;
			flex: 0 0 auto;
		}

		.footer-copyright {
			margin-top: 24px;
		}

		.footer-section-fjgs {
			padding-bottom: 286px;
		}

		/* FOOTER 810 END */


	}

	/* 810 POTRAITE END */

	/*  MEDIA 992-1023 START */
	@media screen and (min-width: 992px) and (max-width: 1023px) {

		.gutter--18.row,
		.gutter--18.container,
		.gutter--18.container-fluid {
			margin-left: -15px;
			margin-right: -15px;
		}

		.gutter--18>[class^="col-"] {
			padding-left: 15px;
			padding-right: 15px;
		}

		.event-promo-home {
			padding-right: 30px;
		}

		.left-label {
			width: 60%;
		}

		.act-right-label {
			width: 40%;
		}

		.icon-title-icon {
			width: 30px;
			height: 30px;
			padding: 8px;
		}

		.midnight-title-icon h2 {
			font: normal 700 18.64px/26.64px var(--font-poppins);
		}

		.check-schedule-midnight {
			padding: 6px 4px;
		}

		.left-title-icon h2 {
			font: normal 700 21px/31.64px var(--font-poppins);
		}

		.thumb-news-home {
			min-height: 74px;
			max-height: 76px;
		}

		.wrp-infograph-home {
			padding: 20px 20px;
		}

		/* COVER HEAD 992-1023 START*/
		.navbar-align-right {
			min-width: 580px;
		}

		.wrp-nav-item {
			min-width: 580px;
		}

		.head-cover-image {
			margin-top: -174px;
		}

		.wrp-head-cover img {
			max-width: 164.64%;
			top: -6px;
			position: relative;
		}

		/* COVER HEAD 992-1023 END*/

		/* FOOTER 992-1023 START */
		.left-footer {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			height: 232px;
			width: 100%;
			flex: 0 0 auto;
			overflow: hidden;
			margin-bottom: 24px;
		}

		.footer-row-one .show-hide-kit h4 {
			color: var(--pink-700);
		}

		.footer-brand {
			flex: 0 0 100%;
			order: 1;
			width: 300px;
			order: 1;
			margin-bottom: 15px;
			margin-top: 10px;
		}

		.footer-label {
			min-height: 98px;
			order: 2;
			flex: 0 0 0;
			width: calc(100% - 300px);
		}

		.left-footer .social-network-corporate {
			order: 3;
			flex: 0 0 0;
			width: calc(100% - 300px);
		}

		.right-footer {
			width: 52%;
			flex: 0 0 auto;
		}

		.right-footer .footer-label {
			min-height: 24px;
			padding: 8px 0px;
		}

		.show-hide-kit h4 {}

		.footer-label.satu {
			min-height: 136px;
		}

		.center-footer {
			width: 48%;
			flex: 0 0 auto;
		}

		.footer-copyright {
			margin-top: 24px;
		}

		.footer-section-fjgs {
			padding-bottom: 286px;
		}

		/* FOOTER 992-1023 END */


	}

	/*  MEDIA 992-1023 END */
	/*  MEDIA 951-991 START */
	@media screen and (min-width: 951px) and (max-width: 991px) {

		.navbar-align-right {
			min-width: 712px;
			max-width: 720px;
		}

		.event-promo-home {
			width: 100%;
			height: auto;
			padding-right: 4px;
		}

		.left-label {
			width: 52%;
		}

		.act-right-label {
			width: 48%;
		}

		.title-black-pink h2 {
			font: normal 700 26.64px/34.64px var(--font-poppins);
		}

		.left-label h2 {
			font: normal 700 26.64px/34.64px var(--font-poppins);
		}

		.title-headline-sponsors h2 {
			font: normal 700 27.64px/33.64px var(--font-poppins);
		}

		.wrp-infograph-home {
			padding: 24px 24px;
		}

		.gutter--18.row,
		.gutter--18.container,
		.gutter--18.container-fluid {
			margin-left: -15px;
			margin-right: -15px;
		}

		.gutter--18>[class^="col-"] {
			padding-left: 15px;
			padding-right: 15px;
		}


		.midnight-socmed-home {
			width: 100%;
			padding: 24px 18px;
		}

		.midnight-title-icon h2 {
			font: normal 700 17px/26.64px var(--font-poppins);
		}

		.left-title-icon h2 {
			font: normal 700 17px/26.64px var(--font-poppins);
		}

		.wrp-title-icon .left-title-icon h2 {
			font: normal 700 17px/26.64px var(--font-poppins);
		}

		.icon-title-icon {
			width: 28px;
			height: 28px;
			padding: 8px;
		}

		/* COVER HEAD 951-991 START*/
		.navbar-align-right {
			min-width: 580px;
		}

		.wrp-nav-item {
			min-width: 580px;
		}

		.head-cover-image {
			margin-top: -174px;
		}

		.wrp-head-cover img {
			max-width: 164.64%;
			top: -6px;
			position: relative;
		}

		/* COVER HEAD 951-991 END*/

		/* FOOTER 951-991 START */
		.left-footer {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			height: 232px;
			width: 100%;
			flex: 0 0 auto;
			overflow: hidden;
			margin-bottom: 24px;
		}

		.footer-row-one .show-hide-kit h4 {
			color: var(--pink-700);
		}

		.footer-brand {
			flex: 0 0 100%;
			order: 1;
			width: 300px;
			order: 1;
			margin-bottom: 15px;
			margin-top: 10px;
		}

		.footer-label {
			min-height: 98px;
			order: 2;
			flex: 0 0 0;
			width: calc(100% - 300px);
		}

		.left-footer .social-network-corporate {
			order: 3;
			flex: 0 0 0;
			width: calc(100% - 300px);
		}

		.right-footer {
			width: 44%;
			flex: 0 0 auto;
		}

		.right-footer .footer-label {
			min-height: 24px;
			padding: 8px 0px;
		}

		.show-hide-kit h4 {}

		.footer-label.satu {
			min-height: 136px;
		}

		.center-footer {
			width: 56%;
			flex: 0 0 auto;
		}

		.footer-copyright {
			margin-top: 24px;
		}

		.footer-section-fjgs {
			padding-bottom: 286px;
		}

		/* FOOTER 951-991 END */



	}

	/*  MEDIA 951-991 END */

	/* MEDIA 835-950 START */
	@media screen and (min-width: 835px) and (max-width: 950px) {

		.event-promo-home {
			width: 100%;
			height: auto;
			padding-right: 4px;
		}

		.left-label {
			width: 52%;
		}

		.act-right-label {
			width: 48%;
		}

		.title-black-pink h2 {
			font: normal 700 26.64px/34.64px var(--font-poppins);
		}

		.left-label h2 {
			font: normal 700 26.64px/34.64px var(--font-poppins);
		}

		.title-headline-sponsors h2 {
			font: normal 700 27.64px/33.64px var(--font-poppins);
		}

		.wrp-infograph-home {
			padding: 24px 24px;
		}

		.gutter--18.row,
		.gutter--18.container,
		.gutter--18.container-fluid {
			margin-left: -15px;
			margin-right: -15px;
		}

		.gutter--18>[class^="col-"] {
			padding-left: 15px;
			padding-right: 15px;
		}


		.midnight-socmed-home {
			width: 100%;
			padding: 24px 18px;
		}

		.midnight-title-icon h2 {
			font: normal 700 17px/26.64px var(--font-poppins);
		}

		.left-title-icon h2 {
			font: normal 700 17px/26.64px var(--font-poppins);
		}

		.wrp-title-icon .left-title-icon h2 {
			font: normal 700 17px/26.64px var(--font-poppins);
		}

		.icon-title-icon {
			width: 28px;
			height: 28px;
			padding: 8px;
		}

		.label-event-promo .act-right-label {
			display: none;
		}

		.featured-event-promo .act-full {
			display: flex;
		}

		.img-featured-promo {
			min-height: 188px;
		}

		.home-featured-promo {
			margin-bottom: 24px;
		}

		/* COVER HEAD  835-950 START*/
		.navbar-align-right {
			min-width: 580px;
		}

		.wrp-nav-item {
			min-width: 580px;
		}

		.head-cover-image {
			margin-top: -174px;
		}

		.wrp-head-cover img {
			max-width: 164.64%;
			top: -6px;
			position: relative;
		}

		/* COVER HEAD  835-950 END*/

		/* FOOTER 835-950 START */
		.left-footer {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			height: 232px;
			width: 100%;
			flex: 0 0 auto;
			overflow: hidden;
			margin-bottom: 24px;
		}

		.footer-row-one .show-hide-kit h4 {
			color: var(--pink-700);
		}

		.footer-brand {
			flex: 0 0 100%;
			order: 1;
			width: 300px;
			order: 1;
			margin-bottom: 15px;
			margin-top: 10px;
		}

		.footer-label {
			min-height: 98px;
			order: 2;
			flex: 0 0 0;
			width: calc(100% - 300px);
		}

		.left-footer .social-network-corporate {
			order: 3;
			flex: 0 0 0;
			width: calc(100% - 300px);
		}

		.right-footer {
			width: 44%;
			flex: 0 0 auto;
		}

		.right-footer .footer-label {
			min-height: 24px;
			padding: 8px 0px;
		}

		.show-hide-kit h4 {}

		.footer-label.satu {
			min-height: 136px;
		}

		.center-footer {
			width: 56%;
			flex: 0 0 auto;
		}

		.footer-copyright {
			margin-top: 24px;
		}

		.footer-section-fjgs {
			padding-bottom: 286px;
		}

		/* FOOTER 835-950 END */

	}

	/* 835-950 END */

	/* MEDIA 756-809 START */
	@media screen and (min-width: 756px) and (max-width: 809px) {

		html,
		body {
			overflow-x: clip;
			display: block;
		}

		body.unscrolled {
			overflow-y: hidden;
			height: 100vh;
		}


		/* DESKTOP NAVBAR 756-809 START */
		.navbar-desc {
			position: fixed;
			width: 100vw !important
		}


		.burger-mobile {
			display: flex;
		}

		.navbar-align-right {
			min-width: 112px;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-end;
			-ms-justify-content: flex-end;
			-moz-justify-content: flex-end;
			-webkit-justify-content: flex-end;
			margin-right: -5px;
		}

		.navbar-align-right .wrp-nav-item {
			display: none;
		}

		.search-navbar {
			margin-right: 14px;
		}

		.hamburger-box {
			width: 36px;
		}

		.burger-mobile .hamburger {
			padding: 18px 1px 12px 5px;
			margin-right: -10px;
		}

		


		/* DESKTOP NAVBAR 756-809 END */

		/* MOBILE NABAR 756-809 START*/

		.separate-menu {
			width: 100%;
			display: block;
			border-bottom: 1px solid #efefef;
			padding: 18px 0px 18px 0px;
			color: #73767A;
			font-size: 12px;
			line-height: 18px;
			text-transform: uppercase;
			letter-spacing: 0.45px;
			cursor: pointer;
			position: relative
		}

		.separate-menu::before {
			content: " + ";
			position: absolute;
			right: 15px;
			top: 15px;
			width: 12px;
			height: 12px;
			font-size: 22px
		}

		.navbar-mobile {
			width: 100vw;
			height: auto;
			min-height: 99.96%;
			max-height: 100%;
			background: var(--pink-600);
			top: 0px;
			position: fixed;
			z-index: 1;
			display: flex;
			overflow-y: scroll;
			visibility: hidden;
		}

		.wrp-navbar-mobile {
			width: 100%;
			height: auto;
			display: block
		}

		.navbar-mobile .account-session-user {
			margin-top: 10px;
		}

		.container-mobile {
			padding: 96px 15px 0px 15px;
		}

		.wrp-mobile-item {
			display: block;
			width: 100%;
			height: 84vh;
			position: relative;			
			z-index: 5;
			opacity: 0;
			margin-top: unset;
			margin-bottom: -40px;
			padding: 15px 0px 15px 0px
		}

		.wrp-mobile-item.active {
			opacity: 1;
			transition: all 0.5s;
			top: 0;
			margin-top: 36px;
			transform: translateY(-20px);
			-webkit-transition: 1s ease-in-out;
			-moz-transition: 1s ease-in-out;
			-o-transition: 1s ease-in-out;
			transition: .5s ease-in-out;
			margin-bottom: unset
		}

		.bottom-nav-mobile {
			width: 100%;
			display: block;
			position: fixed;
			background: #fcfcfb;
			min-height: 64px;
			padding: 5px 0px;
			box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			left: 0px;
			bottom: 0px;
			z-index: 3
		}

		.wrp-bottom-nav-icon {
			width: 100%;
			height: auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			-ms-justify-content: space-around
		}

		.item-bottom-nav-icon {
			width: 20%;
			height: auto
		}

		.item-bottom-nav-icon a {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			text-decoration: none;
			color: #adafae;
			padding: 8.5px 0px 8.5px 0px
		}

		.item-bottom-nav-icon a.active {
			color: #1f4785
		}

		.mobile-icon {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.accordionMenu {
			width: 100%;
			height: auto;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 24px;
			margin-bottom: 56px
		}


		.has-submenu-child {
			height: auto;
			position: relative
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 34px;
			top: 19px;
			width: 12px;
			height: 12px;
			background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
			background-size: auto;
			background-size: auto;
			background-size: 100% -webkit-filter: invert(100%);
			/* Safari/Chrome */
			filter: invert(100%);
		}

		.section-desk-nav.active {
			position: fixed;
			background: var(--white-one);
			z-index: 11;
		}

		.section-desk-nav.active .logo-brand a svg path.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg path.st1 {
			fill: var(--pink-600);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg polygon.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active #dropdownLangdesk::after {
			background-color: var(--black-100);
			color: var(--black-100);
		}

		.section-desk-nav.active #dropdownLangdesk {
			color: var(--black-100);
		}

		.header {
			overflow: hidden
		}

		.nav-header,
		.main-wrapper,
		.header-content {
			overflow: hidden
		}

		.accordionMenu ul.sub-menu-child li:first-child {
			margin-top: 10px
		}

		.accordionMenu ul.sub-menu-child li a {
			font: normal 400 17.24px/25.64px var(--font-poppins);
			padding: 14px 10px 15px 3px !important
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 18px;
			top: 20px;
		}

		.img-wrapper-icon {
			width: 22px;
			height: 26px
		}

		.img-wrapper-icon svg {
			max-width: 100%;
			fill: #1C3C6F
		}

		.text-wrapper-icon {
			font-size: 13.5px;
			line-height: 14px;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.text-wrapper-icon p {
			margin-top: 3px;
			margin-bottom: 3px
		}

		.mobile-icon {
			height: auto
		}

		.navbar-flex {
			align-items: center;
			-ms-align-items: center;
			-moz-align-items: center;
			-webkit-align-items: center;
		}

		.logo-brand {
			width: 176px;
		}

		.navbar-desc.swipe-up-nav .logo-brand {
			width: 176px;
		}

		/* MOBILE NAVBAR 756-809 END */


		/* PRIMARY CAROUSEL HOME 756-809 START */
		#carouselPrimary {
			margin-top: 146px;
		}

		#carouselPrimary .carousel-control-prev {
			top: 47.24%;
			left: 14px;
		}

		#carouselPrimary .carousel-control-next {
			top: 47.24%;
			right: 14px;
		}

		/* PRIMARY CAROUSEL HOME 756-809 END */

		/* HOME EVENT NEWS 756-809 START */
		.event-promo-home {
			width: 100%;
			height: auto;
			padding-right: 0px;
			padding-bottom: 20px;
		}

		.home-featured-promo {
			margin-bottom: 36px;
			margin-top: 10px;
		}

		.label-event-promo .act-right-label {
			display: none;
		}

		.featured-event-promo .act-full {
			display: flex;
		}

		.news-upodates-home {
			width: 100%;
			padding-left: 24px;
		}

		.img-featured-promo {
			min-height: 192px;
		}

		.caption-featured-promo h2 {
			padding-right: 10px;
			font: normal 700 clamp(1.43rem, 1.095rem + 0.3188vi, 1.7375rem) var(--font-poppins);
			line-height: 142%;
		}

		.thumb-news-home {
			min-height: 70px;
			max-height: 74px;
		}


		.home-event-news .col-lg-7.col-sm-12 {
			flex: 0 0 auto;
			width: 50%;
		}

		.home-event-news .col-lg-5.col-sm-12 {
			flex: 0 0 auto;
			width: 50%;
		}

		/* HOME EVENT NEWS 756-809 END */



		.left-home-infograph {
			width: 50%;
			flex: 0 0 auto;
		}

		.center-home-infograph {
			width: 50%;
			flex: 0 0 auto;
		}

		.right-home-infograph {
			padding-top: 24px;
			width: 100%;
			flex: 0 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.midnight-socmed-home {
			width: 47.75%;
		}

		.left-title-icon h2 {
			font: normal 700 23.24px/30.64px var(--font-poppins);
		}

		.img-featured-promo {
			min-height: 174px;
		}

		.event-promo-home {
			padding-right: 5px;
		}

		.caption-featured-promo h2 {
			font: normal 700 clamp(1.35rem, 1.075rem + 0.1988vi, 0.9675rem) var(--font-poppins);
			line-height: 134%;
			color: var(--gray-900);
			font-weight: 600;
			margin-bottom: 4px;
			padding-right: 5px;
		}

		.label-event-promo .act-right-label {
			display: none;
		}

		.home-featured-promo {
			margin-bottom: 24px;
		}

		.thumb-news-home {
			min-height: 66px;
			max-height: 70px;
		}

		.featured-event-promo .act-full {
			display: flex;
		}

		.right-home-infograph .midnight-socmed-home:first-child {
			margin-bottom: 0px;
		}

		.caption-featured-promo {
			padding: 24px 28px;
		}

		.wrp-tabmenu {
			background: var(--white-one);
			position: sticky;
			top: 134px;
			z-index: 4;
		}

		/*  COVER HEAD SECONDARY 756-809 START */
		.wrp-head-cover img {
			max-width: 139.98%;
			top: 39px;
			position: relative;
		}

		.title-header-cover {
			top: 66.64%;
		}

		/*  COVER HEAD SECONDARY 756-809 START */

		/* FOOTER 756-809 START */
		.left-footer {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			height: 232px;
			width: 100%;
			flex: 0 0 auto;
			overflow: hidden;
			margin-bottom: 24px;
			text-align: center;
		}

		.footer-row-one .show-hide-kit h4 {
			color: var(--pink-700);
		}

		.footer-brand {
			flex: 0 0 100%;
			order: 1;
			width: 300px;
			order: 1;
			margin-bottom: 15px;
			margin-top: 10px;
		}

		.footer-label {
			min-height: 98px;
			order: 2;
			flex: 0 0 0;
			width: 100%;
		}

		.footer-phone, .footer-email {
			padding-top: 0px;
		}

		.left-footer .social-network-corporate {
			order: 3;
			flex: 0 0 0;
			width: calc(100% - 300px);
		}

		.right-footer {
			width: 44%;
			flex: 0 0 auto;
		}

		.right-footer .footer-label {
			min-height: 24px;
			padding: 8px 0px;
		}

		.show-hide-kit h4 {}

		.footer-label.satu {
			min-height: 136px;
		}

		.center-footer {
			width: 56%;
			flex: 0 0 auto;
		}

		.footer-copyright {
			margin-top: 24px;
		}

		.footer-section-fjgs {
			padding-bottom: 100px;
		}

		/* FOOTER 756-809 END */
	}



	/* MEDIA 756-809 END */
	/* MEDIA 835-950 END */

	/* MEDIA 834 DEVICES START */

	@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) {

		/* DESKTOP NAVBAR 834 POTRAITE START */
		.navbar-desc {
			position: fixed;
			width: 100vw !important
		}

		.burger-mobile {
			display: flex;
		}

		.navbar-align-right {
			min-width: 112px;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-end;
			-ms-justify-content: flex-end;
			-moz-justify-content: flex-end;
			-webkit-justify-content: flex-end;
			margin-right: -5px;
		}

		.navbar-align-right .wrp-nav-item {
			display: none;
		}

		.search-navbar {
			margin-right: 14px;
		}

		.hamburger-box {
			width: 36px;
		}

		.burger-mobile .hamburger {
			padding: 18px 1px 12px 5px;
			margin-right: -10px;
		}

		/* DESKTOP NAVBAR 834 POTRAITE END */


		/* MOBILE NABAR 834 POTRAITE START*/

		.separate-menu {
			width: 100%;
			display: block;
			border-bottom: 1px solid #efefef;
			padding: 18px 0px 18px 0px;
			color: #73767A;
			font-size: 12px;
			line-height: 18px;
			text-transform: uppercase;
			letter-spacing: 0.45px;
			cursor: pointer;
			position: relative
		}

		.separate-menu::before {
			content: " + ";
			position: absolute;
			right: 15px;
			top: 15px;
			width: 12px;
			height: 12px;
			font-size: 22px
		}

		.navbar-mobile {
			width: 100vw;
			height: auto;
			min-height: 99.96%;
			max-height: 100%;
			background: var(--pink-600);
			top: 0px;
			position: fixed;
			z-index: 1;
			display: flex;
			overflow-y: scroll;
			visibility: hidden;
		}

		.wrp-navbar-mobile {
			width: 100%;
			height: auto;
			display: block
		}

		.navbar-mobile .account-session-user {
			margin-top: 10px;
		}

		.container-mobile {
			padding: 96px 15px 0px 15px;
		}

		.wrp-mobile-item {
			display: block;
			width: 100%;
			height: 84vh;
			position: relative;			
			z-index: 5;
			opacity: 0;
			margin-top: unset;
			margin-bottom: -40px;
			padding: 15px 0px 15px 0px
		}

		.wrp-mobile-item.active {
			opacity: 1;
			transition: all 0.5s;
			top: 0;
			margin-top: 36px;
			transform: translateY(-20px);
			-webkit-transition: 1s ease-in-out;
			-moz-transition: 1s ease-in-out;
			-o-transition: 1s ease-in-out;
			transition: .5s ease-in-out;
			margin-bottom: unset
		}

		.bottom-nav-mobile {
			width: 100%;
			display: block;
			position: fixed;
			background: #fcfcfb;
			min-height: 64px;
			padding: 5px 0px;
			box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			left: 0px;
			bottom: 0px;
			z-index: 3
		}

		.wrp-bottom-nav-icon {
			width: 100%;
			height: auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			-ms-justify-content: space-around
		}

		.item-bottom-nav-icon {
			width: 20%;
			height: auto
		}

		.item-bottom-nav-icon a {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			text-decoration: none;
			color: #adafae;
			padding: 8.5px 0px 8.5px 0px
		}

		.item-bottom-nav-icon a.active {
			color: #1f4785
		}

		.mobile-icon {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.accordionMenu {
			width: 100%;
			height: auto;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 24px;
			margin-bottom: 56px
		}



		.has-submenu-child {
			height: auto;
			position: relative
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 34px;
			top: 19px;
			width: 12px;
			height: 12px;
			background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
			background-size: auto;
			background-size: auto;
			background-size: 100% -webkit-filter: invert(100%);
			/* Safari/Chrome */
			filter: invert(100%);
		}

		.section-desk-nav.active {
			position: fixed;
			background: var(--white-one);
			z-index: 11;
		}

		.section-desk-nav.active .logo-brand a svg path.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg path.st1 {
			fill: var(--pink-600);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg polygon.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active #dropdownLangdesk::after {
			background-color: var(--black-100);
			color: var(--black-100);
		}

		.section-desk-nav.active #dropdownLangdesk {
			color: var(--black-100);
		}

		.header {
			overflow: hidden
		}

		.nav-header,
		.main-wrapper,
		.header-content {
			overflow: hidden
		}

		.accordionMenu ul.sub-menu-child li:first-child {
			margin-top: 10px
		}

		.accordionMenu ul.sub-menu-child li a {
			font: normal 400 17.24px/25.64px var(--font-poppins);
			padding: 14px 10px 15px 3px !important
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 18px;
			top: 20px;
		}

		.img-wrapper-icon {
			width: 22px;
			height: 26px
		}

		.img-wrapper-icon svg {
			max-width: 100%;
			fill: #1C3C6F
		}

		.text-wrapper-icon {
			font-size: 13.5px;
			line-height: 14px;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.text-wrapper-icon p {
			margin-top: 3px;
			margin-bottom: 3px
		}

		.mobile-icon {
			height: auto
		}

		.navbar-flex {
			align-items: center;
			-ms-align-items: center;
			-moz-align-items: center;
			-webkit-align-items: center;
		}

		.logo-brand {
			width: 176px;
		}

		.navbar-desc.swipe-up-nav .logo-brand {
			width: 176px;
		}

		/* MOBILE NAVBAR 834 POTRAITE END */
		/* PRIMARY CAROUSEL HOME 834 START */
		#carouselPrimary {
			margin-top: 156px;
		}

		#carouselPrimary .carousel-control-prev {
			left: 18px;
		}

		#carouselPrimary .carousel-control-next {
			right: 18px;
		}

		/* PRIMARY CAROUSEL HOME 834 END */
		.left-home-infograph {
			width: 50%;
			flex: 0 0 auto;
		}

		.center-home-infograph {
			width: 50%;
			flex: 0 0 auto;
		}

		.right-home-infograph {
			padding-top: 24px;
			width: 100%;
			flex: 0 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		.midnight-socmed-home {
			width: 47.75%;
		}

		.left-title-icon h2 {
			font: normal 700 23.24px/30.64px var(--font-poppins);
		}

		.img-featured-promo {
			min-height: 174px;
		}

		.event-promo-home {
			padding-right: 15px;
		}

		.caption-featured-promo h2 {
			font: normal 700 clamp(1.35rem, 1.075rem + 0.1988vi, 0.9675rem) var(--font-poppins);
			line-height: 134%;
			color: var(--gray-900);
			font-weight: 600;
			margin-bottom: 4px;
			padding-right: 5px;
		}

		.label-event-promo .act-right-label {
			display: none;
		}

		.home-featured-promo {
			margin-bottom: 24px;
		}

		.thumb-news-home {
			min-height: 70px;
			max-height: 74px;
		}

		.featured-event-promo .act-full {
			display: flex;
		}

		.right-home-infograph .midnight-socmed-home:first-child {
			margin-bottom: 0px;
		}

		/*  COVER HEAD SECONDARY 820 START */
		.wrp-head-cover img {
			max-width: 139.98%;
			top: 39px;
			position: relative;
		}

		.title-header-cover {
			top: 66.64%;
		}

		/*  COVER HEAD SECONDARY 834 START */

		/* FOOTER 834 START */
		.left-footer {
			display: flex;
			flex-wrap: wrap;
			flex-direction: column;
			height: 232px;
			width: 100%;
			flex: 0 0 auto;
			overflow: hidden;
		}

		.footer-row-one .show-hide-kit h4 {
			color: var(--pink-700);
		}

		.footer-brand {
			flex: 0 0 100%;
			order: 1;
			width: 300px;
			order: 1;
			margin-bottom: 15px;
			margin-top: 10px;
		}

		.footer-label {
			min-height: 98px;
			order: 2;
			flex: 0 0 0;
			width: calc(100% - 300px);
		}

		.left-footer .social-network-corporate {
			order: 3;
			flex: 0 0 0;
			width: calc(100% - 300px);
		}

		.right-footer {
			width: 44%;
			flex: 0 0 auto;
		}

		.right-footer .footer-label {
			min-height: 24px;
			padding: 8px 0px;
		}

		.show-hide-kit h4 {}

		.footer-label.satu {
			min-height: 136px;
		}

		.center-footer {
			width: 56%;
			flex: 0 0 auto;
		}

		.footer-copyright {
			margin-top: 24px;
		}

		.footer-section-fjgs {
			padding-bottom: 286px;
		}

		/* FOOTER 834 END */

	}

	/* MEDIA 834 DEVICES END */

	/* MEDIA 768 POTRAITE START */

	@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
		.center-footer {
			width: 100%;
		}

		.logo-appbi {
			width: 300px;
			margin: auto;
		}

		.title-headline-sponsors {
			margin: auto;
			text-align: center;
		}

		.title-headline-sponsors h2 {
			text-align: center;
		}

		.main-sponsor-logo .logo-mandiri {
			margin-top: 30px;
		}

		.main-sponsor-logo {
			width: 400px;
			margin: auto;
			padding: 0px;
			margin-bottom: 50px;
		}
	}

	/* MEDIA 768 POTRAITE END */

	/* MEDIA 576-755 START */
	@media screen and (min-width: 576px) and (max-width: 755px) {

		/* MODAL FLYER 576-755 */
		.modal-dialog-fjgs {
			min-width: 520px;
			max-width: 528px;
			top: 124px;
		}

		/* MODAL FLYER 576-755 END */
	}

	/* MEDIA 540-575 START */
	@media screen and (min-width: 540px) and (max-width: 575px) {
		body {
			background: url(../images/banner-mobile-480.jpg) top center no-repeat var(--white-one);
			background-size: 109% auto;
			background-position-y: -24px;
		}

		/* DESKTOP NAVBAR 540-575 START */

		.logo-brand {
			width: 148px;
			overflow: unset;
			position: relative;
			top: -4px;
		}

		.navbar-desc.swipe-up-nav .logo-brand {
			width: 148px;
			overflow: unset;
			position: relative;
			top: -4px;
		}

		.navbar-desc {
			position: fixed;
			width: 100vw !important
		}


		.burger-mobile {
			display: flex;
		}

		.navbar-align-right {
			min-width: 112px;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-end;
			-ms-justify-content: flex-end;
			-moz-justify-content: flex-end;
			-webkit-justify-content: flex-end;
			/* margin-right: -5px; */
			margin-right: -15px;
		}

		.navbar-align-right .wrp-nav-item {
			display: none;
		}

		.search-navbar {
			margin-right: 14px;
		}

		.hamburger-box {
			width: 36px;
		}

		.burger-mobile .hamburger {
			padding: 18px 1px 12px 5px;
			margin-right: -10px;
		}


		/* DESKTOP NAVBAR 540-575 END */


		/* MOBILE NABAR 480*/

		.separate-menu {
			width: 100%;
			display: block;
			border-bottom: 1px solid #efefef;
			padding: 18px 0px 18px 0px;
			color: #73767A;
			font-size: 12px;
			line-height: 18px;
			text-transform: uppercase;
			letter-spacing: 0.45px;
			cursor: pointer;
			position: relative
		}

		.separate-menu::before {
			content: " + ";
			position: absolute;
			right: 15px;
			top: 15px;
			width: 12px;
			height: 12px;
			font-size: 22px
		}

		.navbar-mobile {
			width: 100vw;
			height: auto;
			min-height: 99.96%;
			max-height: 100%;
			background: var(--blue-900);
			top: 0px;
			position: fixed;
			z-index: 1;
			display: flex;
			overflow-y: scroll;
			visibility: hidden;
		}

		.wrp-navbar-mobile {
			width: 100%;
			height: auto;
			display: block
		}

		.navbar-mobile .account-session-user {
			margin-top: 10px;
		}

		.container-mobile {
			padding: 96px 15px 0px 15px;
		}

		.wrp-mobile-item {
			display: block;
			width: 100%;
			height: 84vh;
			position: relative;			
			z-index: 5;
			opacity: 0;
			margin-top: unset;
			margin-bottom: -40px;
			padding: 15px 0px 15px 0px
		}

		.wrp-mobile-item.active {
			opacity: 1;
			transition: all 0.5s;
			top: 0;
			margin-top: 32px;
			transform: translateY(-20px);
			-webkit-transition: 1s ease-in-out;
			-moz-transition: 1s ease-in-out;
			-o-transition: 1s ease-in-out;
			transition: .5s ease-in-out;
			margin-bottom: unset
		}

		.bottom-nav-mobile {
			width: 100%;
			display: block;
			position: fixed;
			background: #fcfcfb;
			min-height: 64px;
			padding: 5px 0px;
			box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			left: 0px;
			bottom: 0px;
			z-index: 3
		}

		.wrp-bottom-nav-icon {
			width: 100%;
			height: auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			-ms-justify-content: space-around
		}

		.item-bottom-nav-icon {
			width: 20%;
			height: auto
		}

		.item-bottom-nav-icon a {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			text-decoration: none;
			color: #adafae;
			padding: 8.5px 0px 8.5px 0px
		}

		.item-bottom-nav-icon a.active {
			color: #1f4785
		}

		.mobile-icon {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.accordionMenu {
			width: 100%;
			height: auto;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 24px;
			margin-bottom: 56px
		}


		.has-submenu-child {
			height: auto;
			position: relative
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 34px;
			top: 19px;
			width: 12px;
			height: 12px;
			background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
			background-size: auto;
			background-size: auto;
			background-size: 100% -webkit-filter: invert(100%);
			/* Safari/Chrome */
			filter: invert(100%);
		}

		.section-desk-nav.active {
			position: fixed;
			background: var(--white-one);
			z-index: 11;
		}

		.section-desk-nav.active .logo-brand a svg path.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg path.st1 {
			fill: var(--pink-600);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg polygon.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active #dropdownLangdesk::after {
			background-color: var(--black-100);
			color: var(--black-100);
		}

		.section-desk-nav.active #dropdownLangdesk {
			color: var(--black-100);
		}

		.header {
			overflow: hidden
		}

		.nav-header,
		.main-wrapper,
		.header-content {
			overflow: hidden
		}

		.accordionMenu ul.sub-menu-child li:first-child {
			margin-top: 10px
		}

		.accordionMenu ul.sub-menu-child li a {
			font: normal 400 17.24px/25.64px var(--font-poppins);
			padding: 14px 10px 15px 3px !important
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 18px;
			top: 20px;
		}

		.img-wrapper-icon {
			width: 22px;
			height: 26px
		}

		.img-wrapper-icon svg {
			max-width: 100%;
			fill: #1C3C6F
		}

		.text-wrapper-icon {
			font-size: 13.5px;
			line-height: 14px;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.text-wrapper-icon p {
			margin-top: 3px;
			margin-bottom: 3px
		}

		.social-network-corporate {
			padding: 0px;
			margin: 0px;
		}

		.mobile-icon {
			height: auto
		}

		.navbar-flex {
			align-items: center;
			-ms-align-items: center;
			-moz-align-items: center;
			-webkit-align-items: center;
		}

		/* MOBILE NAVBAR 540-575 END */
		/* PRIMARY CAROUSEL HOME 540-575 START */
		#carouselPrimary {
			margin-top: 264px;
		}

		.section-carousel-home {
			/* min-height: 442px; */
			min-height: 542px;
		}

		.row-primary-slide {
			min-height: 396px;
		}

		#carouselPrimary .carousel-control-prev {
			top: 47.24%;
			left: 3.5px;
		}

		#carouselPrimary .carousel-control-next {
			top: 47.24%;
			right: 3.5px;
		}

		/* PRIMARY CAROUSEL HOME 540-575 END */


		/* INFOGRAPH HOME 540-575 START */
		.wrp-infograph-home {
			width: 100%;
			min-height: 320px;
			background-color: transparent none;
			border-radius: 24px;
			padding: 0px 0px;
			box-shadow: none;
			top: -89px;
		}

		.left-home-infograph {
			width: 100%
		}

		.card-about-image {
			width: 100%;
			border-radius: 24px;
			min-height: 146px;
		}

		.center-home-infograph {
			width: 100%
		}

		.right-home-infograph {
			width: 100%
		}

		.midnight-socmed-home {
			width: 100%;
			min-height: 164px;
		}

		.section-infographic-home {
			padding: 14px 0px 15px 0px;
		}

		.card-shopping-home {
			margin-top: 48px;
			margin-bottom: 48px;
		}

		.left-title-icon h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.left-label h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.icon-title-icon {
			width: 32px;
			height: 32px;
			padding: 10px;
			margin-left: 10px;
		}

		/* INFOGRAPH HOME 540-575 END */

		/* GLOBAL HOME EVENT NEWS 540-575 START */
		.event-promo-home {
			width: 100%;
			height: auto;
			padding-right: 0px;
			padding-bottom: 45px;
		}

		.left-label {
			width: 100%;
		}

		.label-event-promo .act-right-label {
			display: none;
		}

		.home-featured-promo {
			margin-bottom: 24px;
		}

		.img-featured-promo {
			min-height: 182.5px;
		}

		.caption-featured-promo {
			min-height: 56px;
			display: flex;
			flex-wrap: wrap;
			padding: 24px 24px;
		}

		.caption-featured-promo h2 {
			padding-right: 10px;
			font: normal 700 clamp(1.36rem, 1.124rem + 0.3888vi, .9675rem) var(--font-poppins);
			line-height: 134%;
		}

		.featured-event-promo .act-full {
			display: flex;
		}

		.news-upodates-home {
			padding: 0px 0px 12px 0px;
		}

		.thumb-news-home {
			min-height: 91.5px;
			max-height: 98.5px;
		}

		/* GLOBAL HOME EVENT NEWS 540-575 END */
		.slide-track {
			gap: 24px 14px;
		}

		.slide-track-two {
			gap: 24px 14px;
		}

		.line-two-sponsors {
			min-height: 120px;
		}

		.line-one-sponsors {
			min-height: 120px;
		}

		.card-item-sponsors {
			width: 108px;
			height: 108px;
			padding: 18px 18px;
			gap: 3.5px;
		}


		.line-media-partners {
			gap: 10px 5.6px;
		}

		.item-media-rectangle {
			min-width: 33.331%;
			max-width: 33.33%;
			padding: 3px 5px;
		}

		.item-media-square {
			min-width: 30%;
			max-width: 30%;
			padding: 3px 10px;
		}

		.title-black-pink h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.title-white-home h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.title-headline-sponsors h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.title-headline-media h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.overlay-cover {
			position: absolute;
			width: 100vw;
			min-height: 339px;
		}

		.title-header-cover {
			top: 46.64%;
		}

		.head-cover-image {
			min-height: 314px;
			max-height: 315px;
			margin-top: -80px;
		}

		.caption-cover-page {
			position: absolute;
			width: 100vw;
			min-height: 256px;
			top: 81%;
			text-align: center;
		}

		.title-container h1 {
			text-align: center;
		}

		.title-container h2 {
			text-align: center;
		}

		.wrp-head-cover {
			position: absolute;
			width: 100vw;
			min-height: 89px;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
		}

		.wrp-head-cover img {
			max-width: 200%;
			margin-top: 21.5%;
			margin-left: 0 auto;
			margin-right: 0 auto;
		}


		.row.gutter--20 .col-md-6:first-child .card-news-medium {
			margin: 0px 0px 0px 0px;
		}

		/* LIST EVENT PROMO 540-575 */
		.card-news-medium {
			margin: 26px 0px 0px 0px;
		}

		.card-news-medium a {
			min-height: 300px;
			max-height: unset;
			display: flex;
			flex-direction: column;
		}

		.title-news-medium {
			width: 100%;
			position: relative;
			order: 2;
			padding: 22px 32px 22px 32px;
			min-height: 100px;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
		}

		.card-news-medium a img {
			object-fit: cover;
			min-height: 230px;
			height: auto;
		}


		.title-news-medium h3 {
			font: normal 700 21.24px/31.64px var(--font-jakarta-sans);
		}

		/* LIST EVENT PROMO 540-575 */

		/* HOTEL PARTICIPANT 540-575 */
		.hotel-thumb-participants {
			width: 100%;
		}

		.addres-and-promo {
			width: 100%;
		}

		.contact-hotel {
			width: 100%;
		}

		/* HOTEL PARTICIPANT 540-575 */
		.grand-prize-home {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
		}

		.left-title-icon h2 {
			font: normal 700 20.56px/36.64px var(--font-poppins);
		}


		/* CONTACT 540-575 */

		.paragraph-conntent {
			padding-right: 0px;
		}

		.form-kontak-area {
			padding: 24px 0px 40px 0px;
		}

		.pink-rounded-area {
			position: relative;
			top: unset;
		}

		.contact-label-only h3 {
			padding-right: 38px;
		}

		/* CONTACT 540-575 */

		/* GALERY 540-575 */
		.gallery {
			display: grid;
			grid-template-columns: repeat(8, 1fr);
			grid-template-rows: repeat(8, 5vw);
			grid-gap: 1.5rem;
		}

		.gallery figure {
			margin-bottom: 2px;
		}

		.gallery__img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}

		.gallery__item--1 {
			grid-column-start: 1;
			grid-column-end: 5;
			grid-row-start: 1;
			grid-row-end: 4;

			/** Alternative Syntax **/
			/* grid-column: 1 / span 2;  */
			/* grid-row: 1 / span 2; */
		}

		.gallery__item--2 {
			grid-column-start: 5;
			grid-column-end: 9;
			grid-row-start: 1;
			grid-row-end: 4;

			/** Alternative Syntax **/
			/* grid-column: 3 / span 2;  */
			/* grid-row: 1 / span 2; */
		}

		.gallery__item--3 {
			grid-column-start: 1;
			grid-column-end: 9;
			grid-row-start: 4;
			grid-row-end: 9;

			/** Alternative Syntax **/
			/* grid-column: 5 / span 4;
						  grid-row: 1 / span 5; */
		}

		.gallery__item--4 {
			grid-column-start: 1;
			grid-column-end: 5;
			grid-row-start: 9;
			grid-row-end: 12;

			/** Alternative Syntax **/
			/* grid-column: 1 / span 4;  */
			/* grid-row: 3 / span 3; */
		}

		.gallery__item--5 {
			grid-column-start: 5;
			grid-column-end: 9;
			grid-row-start: 9;
			grid-row-end: 12;

			/** Alternative Syntax **/
			/* grid-column: 1 / span 4; */
			/* grid-row: 6 / span 3; */
		}

		.gallery__item--6 {
			grid-column-start: 1;
			grid-column-end: 9;
			grid-row-start: 11;
			grid-row-end: 15;

			/** Alternative Syntax **/
			/* grid-column: 5 / span 4; */
			/* grid-row: 6 / span 3; */
		}

		/* GALLERY 540-575 END */
		/* MODAL FLYER 540-575 */
		.modal-dialog-fjgs {
			min-width: 480px;
			max-width: 486px;
			top: 124px;
		}

		/* MODAL FLYER 540-575 END */

		/* FOOTER 540-575 START */
		.footer-section-fjgs {
			padding-bottom: 112px;
		}

		.left-footer {
			width: 100%;
			height: auto;
			position: relative;
			z-index: 2;
		}

		.right-footer {
			width: 100%;
			height: auto;
		}

		.center-footer {
			width: 100%;
			padding-top: 24px;
		}

		.wrp-tabmenu {
			background: var(--white-one);
			position: sticky;
			top: 115px;
			z-index: 4;
		}

		.text-cta-footer h5 {
			font: normal 700 clamp(0.8913rem, 0.8455rem + 0.2188vw, 1.064rem) var(--font-poppins);
		}

		.social-network-corporate {
			margin: 0px;
			padding: 0px;
		}

		/* FOOTER 540-575 END */
	}

	/* MEDIA 540-575 END */

	/* MEDIA 481-539 START */
	@media screen and (min-width: 481px) and (max-width: 539px) {
		body {
			background: url(../images/banner-mobile-480.jpg) top center no-repeat var(--white-one);
			background-size: 109% auto;
			background-position-y: -24px;
		}

		/* DESKTOP NAVBAR 481-539 START */

		.logo-brand {
			width: 148px;
			overflow: unset;
			position: relative;
			top: -4px;
		}

		.navbar-desc.swipe-up-nav .logo-brand {
			width: 148px;
			overflow: unset;
			position: relative;
			top: -4px;
		}

		.navbar-desc {
			position: fixed;
			width: 100vw !important
		}

		.burger-mobile {
			display: flex;
		}

		.navbar-align-right {
			min-width: 112px;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-end;
			-ms-justify-content: flex-end;
			-moz-justify-content: flex-end;
			-webkit-justify-content: flex-end;
			/* margin-right: -5px; */
			margin-right: -15px;
		}

		.navbar-align-right .wrp-nav-item {
			display: none;
		}

		.search-navbar {
			margin-right: 14px;
		}

		.hamburger-box {
			width: 36px;
		}

		.burger-mobile .hamburger {
			padding: 18px 1px 12px 5px;
			margin-right: -10px;
		}

		

		/* DESKTOP NAVBAR 481-539 END */


		/* MOBILE NABAR 480*/

		.separate-menu {
			width: 100%;
			display: block;
			border-bottom: 1px solid #efefef;
			padding: 18px 0px 18px 0px;
			color: #73767A;
			font-size: 12px;
			line-height: 18px;
			text-transform: uppercase;
			letter-spacing: 0.45px;
			cursor: pointer;
			position: relative
		}

		.separate-menu::before {
			content: " + ";
			position: absolute;
			right: 15px;
			top: 15px;
			width: 12px;
			height: 12px;
			font-size: 22px
		}

		.navbar-mobile {
			width: 100vw;
			height: auto;
			min-height: 99.96%;
			max-height: 100%;
			background: var(--blue-900);
			top: 0px;
			position: fixed;
			z-index: 1;
			display: flex;
			overflow-y: scroll;
			visibility: hidden;
		}

		.wrp-navbar-mobile {
			width: 100%;
			height: auto;
			display: block
		}

		.navbar-mobile .account-session-user {
			margin-top: 10px;
		}

		.container-mobile {
			padding: 96px 15px 0px 15px;
		}

		.wrp-mobile-item {
			display: block;
			width: 100%;
			height: 84vh;
			position: relative;			
			z-index: 5;
			opacity: 0;
			margin-top: unset;
			margin-bottom: -40px;
			padding: 15px 0px 15px 0px
		}

		.wrp-mobile-item.active {
			opacity: 1;
			transition: all 0.5s;
			top: 0;
			margin-top: 32px;
			transform: translateY(-20px);
			-webkit-transition: 1s ease-in-out;
			-moz-transition: 1s ease-in-out;
			-o-transition: 1s ease-in-out;
			transition: .5s ease-in-out;
			margin-bottom: unset
		}

		.bottom-nav-mobile {
			width: 100%;
			display: block;
			position: fixed;
			background: #fcfcfb;
			min-height: 64px;
			padding: 5px 0px;
			box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			left: 0px;
			bottom: 0px;
			z-index: 3
		}

		.wrp-bottom-nav-icon {
			width: 100%;
			height: auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			-ms-justify-content: space-around
		}

		.item-bottom-nav-icon {
			width: 20%;
			height: auto
		}

		.item-bottom-nav-icon a {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			text-decoration: none;
			color: #adafae;
			padding: 8.5px 0px 8.5px 0px
		}

		.item-bottom-nav-icon a.active {
			color: #1f4785
		}

		.mobile-icon {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.accordionMenu {
			width: 100%;
			height: auto;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 24px;
			margin-bottom: 56px
		}


		.has-submenu-child {
			height: auto;
			position: relative
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 34px;
			top: 19px;
			width: 12px;
			height: 12px;
			background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
			background-size: auto;
			background-size: auto;
			background-size: 100% -webkit-filter: invert(100%);
			/* Safari/Chrome */
			filter: invert(100%);
		}

		.section-desk-nav.active {
			position: fixed;
			background: var(--white-one);
			z-index: 11;
		}

		.section-desk-nav.active .logo-brand a svg path.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg path.st1 {
			fill: var(--pink-600);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg polygon.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active #dropdownLangdesk::after {
			background-color: var(--black-100);
			color: var(--black-100);
		}

		.section-desk-nav.active #dropdownLangdesk {
			color: var(--black-100);
		}

		.header {
			overflow: hidden
		}

		.nav-header,
		.main-wrapper,
		.header-content {
			overflow: hidden
		}

		.accordionMenu ul.sub-menu-child li:first-child {
			margin-top: 10px
		}

		.accordionMenu ul.sub-menu-child li a {
			font: normal 400 17.24px/25.64px var(--font-poppins);
			padding: 14px 10px 15px 3px !important
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 18px;
			top: 20px;
		}

		.img-wrapper-icon {
			width: 22px;
			height: 26px
		}

		.img-wrapper-icon svg {
			max-width: 100%;
			fill: #1C3C6F
		}

		.text-wrapper-icon {
			font-size: 13.5px;
			line-height: 14px;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.text-wrapper-icon p {
			margin-top: 3px;
			margin-bottom: 3px
		}

		.mobile-icon {
			height: auto
		}

		.navbar-flex {
			align-items: center;
			-ms-align-items: center;
			-moz-align-items: center;
			-webkit-align-items: center;
		}

		/* MOBILE NAVBAR 481-539 END */
		/* PRIMARY CAROUSEL HOME 481-539 START */
		#carouselPrimary {
			margin-top: 264px;
		}

		.section-carousel-home {
			/* min-height: 442px; */
			min-height: 542px;
		}

		.row-primary-slide {
			min-height: 396px;
		}

		#carouselPrimary .carousel-control-prev {
			top: 47.24%;
			left: 3.5px;
		}

		#carouselPrimary .carousel-control-next {
			top: 47.24%;
			right: 3.5px;
		}

		/* PRIMARY CAROUSEL HOME 481-539 END */


		/* INFOGRAPH HOME 481-539 START */
		.wrp-infograph-home {
			width: 100%;
			min-height: 320px;
			background-color: transparent none;
			border-radius: 24px;
			padding: 0px 0px;
			box-shadow: none;
			top: -89px;
		}

		.left-home-infograph {
			width: 100%
		}

		.card-about-image {
			width: 100%;
			border-radius: 24px;
			min-height: 146px;
		}

		.center-home-infograph {
			width: 100%
		}

		.right-home-infograph {
			width: 100%
		}

		.midnight-socmed-home {
			width: 100%;
			min-height: 164px;
		}

		.section-infographic-home {
			padding: 14px 0px 15px 0px;
		}

		.card-shopping-home {
			margin-top: 48px;
			margin-bottom: 48px;
		}

		.left-title-icon h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.left-label h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.icon-title-icon {
			width: 32px;
			height: 32px;
			padding: 10px;
			margin-left: 10px;
		}

		/* INFOGRAPH HOME 481-539 END */

		/* GLOBAL HOME EVENT NEWS 481-539 START */
		.event-promo-home {
			width: 100%;
			height: auto;
			padding-right: 0px;
			padding-bottom: 45px;
		}

		.left-label {
			width: 100%;
		}

		.label-event-promo .act-right-label {
			display: none;
		}

		.home-featured-promo {
			margin-bottom: 24px;
		}

		.img-featured-promo {
			min-height: 182.5px;
		}

		.caption-featured-promo {
			min-height: 56px;
			display: flex;
			flex-wrap: wrap;
			padding: 24px 24px;
		}

		.caption-featured-promo h2 {
			padding-right: 10px;
			font: normal 700 clamp(1.36rem, 1.124rem + 0.3888vi, .9675rem) var(--font-poppins);
			line-height: 134%;
		}

		.featured-event-promo .act-full {
			display: flex;
		}

		.news-upodates-home {
			padding: 0px 0px 12px 0px;
		}

		.thumb-news-home {
			min-height: 91.5px;
			max-height: 98.5px;
		}

		/* GLOBAL HOME EVENT NEWS 481-539 END */
		.slide-track {
			gap: 24px 14px;
		}

		.slide-track-two {
			gap: 24px 14px;
		}

		.line-two-sponsors {
			min-height: 120px;
		}

		.line-one-sponsors {
			min-height: 120px;
		}

		.card-item-sponsors {
			width: 108px;
			height: 108px;
			padding: 18px 18px;
			gap: 3.5px;
		}


		.line-media-partners {
			gap: 10px 5.6px;
		}

		.item-media-rectangle {
			min-width: 33.331%;
			max-width: 33.33%;
			padding: 3px 5px;
		}

		.item-media-square {
			min-width: 30%;
			max-width: 30%;
			padding: 3px 10px;
		}

		.title-black-pink h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.title-white-home h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.title-headline-sponsors h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.title-headline-media h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.overlay-cover {
			position: absolute;
			width: 100vw;
			min-height: 320px;
		}

		.title-header-cover {
			top: 46.64%;
		}

		.head-cover-image {
			min-height: 310px;
			max-height: 310px;
			margin-top: -80px;
		}

		.caption-cover-page {
			position: absolute;
			width: 100vw;
			min-height: 256px;
			top: 81%;
			text-align: center;
		}

		.title-container h1 {
			text-align: center;
		}

		.title-container h2 {
			text-align: center;
		}

		.wrp-head-cover {
			position: absolute;
			width: 100vw;
			min-height: 89px;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
		}

		.wrp-head-cover img {
			max-width: 200%;
			margin-top: 21.5%;
			margin-left: 0 auto;
			margin-right: 0 auto;
		}


		.row.gutter--20 .col-md-6:first-child .card-news-medium {
			margin: 0px 0px 0px 0px;
		}

		/* LIST EVENT PROMO 481-539 */
		.card-news-medium {
			margin: 26px 0px 0px 0px;
		}

		.card-news-medium a {
			min-height: 300px;
			max-height: unset;
			display: flex;
			flex-direction: column;
		}

		.title-news-medium {
			width: 100%;
			position: relative;
			order: 2;
			padding: 22px 32px 22px 32px;
			min-height: 100px;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
		}

		.card-news-medium a img {
			object-fit: cover;
			min-height: 230px;
			height: auto;
		}


		.title-news-medium h3 {
			font: normal 700 21.24px/31.64px var(--font-jakarta-sans);
		}

		/* LIST EVENT PROMO 481-539 */

		/* HOTEL PARTICIPANT 481-539 */
		.hotel-thumb-participants {
			width: 100%;
		}

		.addres-and-promo {
			width: 100%;
		}

		.contact-hotel {
			width: 100%;
		}

		/* HOTEL PARTICIPANT 481-539 */
		.grand-prize-home {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
		}

		.left-title-icon h2 {
			font: normal 700 20.56px/36.64px var(--font-poppins);
		}


		/* CONTACT 481-539 */

		.paragraph-conntent {
			padding-right: 0px;
		}

		.form-kontak-area {
			padding: 24px 0px 40px 0px;
		}

		.pink-rounded-area {
			position: relative;
			top: unset;
		}

		.contact-label-only h3 {
			padding-right: 38px;
		}

		/* CONTACT 481-539 */

		/* GALERY 481-539 */
		.gallery {
			display: grid;
			grid-template-columns: repeat(8, 1fr);
			grid-template-rows: repeat(8, 5vw);
			grid-gap: 1.5rem;
		}

		.gallery figure {
			margin-bottom: 2px;
		}

		.gallery__img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}

		.gallery__item--1 {
			grid-column-start: 1;
			grid-column-end: 5;
			grid-row-start: 1;
			grid-row-end: 4;

			/** Alternative Syntax **/
			/* grid-column: 1 / span 2;  */
			/* grid-row: 1 / span 2; */
		}

		.gallery__item--2 {
			grid-column-start: 5;
			grid-column-end: 9;
			grid-row-start: 1;
			grid-row-end: 4;

			/** Alternative Syntax **/
			/* grid-column: 3 / span 2;  */
			/* grid-row: 1 / span 2; */
		}

		.gallery__item--3 {
			grid-column-start: 1;
			grid-column-end: 9;
			grid-row-start: 4;
			grid-row-end: 9;

			/** Alternative Syntax **/
			/* grid-column: 5 / span 4;
				  grid-row: 1 / span 5; */
		}

		.gallery__item--4 {
			grid-column-start: 1;
			grid-column-end: 5;
			grid-row-start: 9;
			grid-row-end: 12;

			/** Alternative Syntax **/
			/* grid-column: 1 / span 4;  */
			/* grid-row: 3 / span 3; */
		}

		.gallery__item--5 {
			grid-column-start: 5;
			grid-column-end: 9;
			grid-row-start: 9;
			grid-row-end: 12;

			/** Alternative Syntax **/
			/* grid-column: 1 / span 4; */
			/* grid-row: 6 / span 3; */
		}

		.gallery__item--6 {
			grid-column-start: 1;
			grid-column-end: 9;
			grid-row-start: 11;
			grid-row-end: 15;

			/** Alternative Syntax **/
			/* grid-column: 5 / span 4; */
			/* grid-row: 6 / span 3; */
		}

		/* GALLERY 481-539 END */
		/* MODAL FLYER 481-539 */
		.modal-dialog-fjgs {
			min-width: 424px;
			max-width: 430px;
			top: 124px;
		}

		/* MODAL FLYER 481-539 END */
		/* FOOTER 481-539 START */
		.footer-section-fjgs {
			padding-bottom: 112px;
		}

		.left-footer {
			width: 100%;
			height: auto;
			position: relative;
			z-index: 2;
		}

		.right-footer {
			width: 100%;
			height: auto;
		}

		.center-footer {
			width: 100%;
			padding-top: 24px;
		}

		.wrp-tabmenu {
			background: var(--white-one);
			position: sticky;
			top: 115px;
			z-index: 4;
		}

		.text-cta-footer h5 {
			font: normal 700 clamp(0.8913rem, 0.8455rem + 0.2188vw, 1.064rem) var(--font-poppins);
		}

		/* FOOTER 481-539 END */
	}

	/* MEDIA 481-539 END */
	/* MEDIA 480 START */
	@media screen and (max-width : 480px) {
		body {
			background: url(../images/banner-mobile-480.jpg) top center no-repeat var(--white-one);
			background-size: 109% auto;
			background-position-y: -24px;
		}

		/* DESKTOP NAVBAR 480 START */

		.logo-brand {
			width: 148px;
			overflow: unset;
			position: relative;
			top: -4px;
			margin-bottom: 0px;
		}

		.navbar-desc.swipe-up-nav .logo-brand {
			width: 148px;
			overflow: unset;
			position: relative;
			top: -4px;
		}

		.navbar-desc {
			position: fixed;
			width: 100vw !important
		}

		

		.burger-mobile {
			display: flex;
		}

		.navbar-align-right {
			min-width: 112px;
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-end;
			-ms-justify-content: flex-end;
			-moz-justify-content: flex-end;
			-webkit-justify-content: flex-end;
			/* margin-right: -5px; */
			margin-right: -8px;
		}

		.navbar-align-right .wrp-nav-item {
			display: none;
		}

		.search-navbar {
			margin-right: 14px;
		}

		.hamburger-box {
			width: 36px;
		}

		.burger-mobile .hamburger {
			padding: 18px 1px 12px 5px;
			margin-right: -10px;
		}

		.hamburger-inner,
		.hamburger-inner::after,
		.hamburger-inner::before {
			width: 30px;
			background-color: #000;
			height: 3.4px;
		}

		.hamburger.is-active .hamburger-inner::after,
		.hamburger.is-active .hamburger-inner::before {
			background-color: #000;
		}

		.navbar-desc.swipe-up-nav .hamburger-inner,
		.navbar-desc.swipe-up-nav .hamburger-inner::after,
		.navbar-desc.swipe-up-nav .hamburger-inner::before {
			width: 30px;
			background-color: #000;
			height: 3.4px;
		}

		.navbar-desc.swipe-up-nav .hamburger.is-active .hamburger-inner::after,
		.navbar-desc.swipe-up-nav .hamburger.is-active .hamburger-inner::before {
			background-color: #000;
		}


		.unscrolled .hamburger-inner,
		.unscrolled .hamburger-inner::after,
		.unscrolled .hamburger-inner::before {
			width: 30px;
			background-color: #000;
			height: 3.4px;
		}

		.unscrolled .hamburger.is-active .hamburger-inner::after,
		.unscrolled .hamburger.is-active .hamburger-inner::before {
			background-color: #000;
		}


		body.unscrolled .navbar.navbar-desc .logo-brand-navbar svg path {
			fill: #fff;
		}

		/* DESKTOP NAVBAR 480 END */


		/* MOBILE NABAR 480*/

		.separate-menu {
			width: 100%;
			display: block;
			border-bottom: 1px solid #efefef;
			padding: 18px 0px 18px 0px;
			color: #73767A;
			font-size: 12px;
			line-height: 18px;
			text-transform: uppercase;
			letter-spacing: 0.45px;
			cursor: pointer;
			position: relative
		}

		.separate-menu::before {
			content: " + ";
			position: absolute;
			right: 15px;
			top: 15px;
			width: 12px;
			height: 12px;
			font-size: 22px
		}

		.navbar-mobile {
			width: 100vw;
			height: auto;
			min-height: 99.96%;
			max-height: 100%;
			background: var(--blue-900);
			top: 0px;
			position: fixed;
			z-index: 1;
			display: flex;
			overflow-y: scroll;
			visibility: hidden;
		}

		.wrp-navbar-mobile {
			width: 100%;
			height: auto;
			display: block
		}

		.navbar-mobile .account-session-user {
			margin-top: 10px;
		}

		.container-mobile {
			padding: 96px 15px 0px 15px;
		}

		.wrp-mobile-item {
			display: block;
			width: 100%;
			height: 84vh;
			position: relative;
			background: #ffec00;
			z-index: 5;
			opacity: 0;
			margin-top: unset;
			margin-bottom: -40px;
			padding: 15px 0px 15px 0px
		}

		.wrp-mobile-item.active {
			opacity: 1;
			transition: all 0.5s;
			top: 0;
			margin-top: 32px;
			transform: translateY(-20px);
			-webkit-transition: 1s ease-in-out;
			-moz-transition: 1s ease-in-out;
			-o-transition: 1s ease-in-out;
			transition: .5s ease-in-out;
			margin-bottom: unset
		}

		.bottom-nav-mobile {
			width: 100%;
			display: block;
			position: fixed;
			background: #fcfcfb;
			min-height: 64px;
			padding: 5px 0px;
			box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
			left: 0px;
			bottom: 0px;
			z-index: 3
		}

		.wrp-bottom-nav-icon {
			width: 100%;
			height: auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			-ms-justify-content: space-around
		}

		.item-bottom-nav-icon {
			width: 20%;
			height: auto
		}

		.item-bottom-nav-icon a {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			text-decoration: none;
			color: #adafae;
			padding: 8.5px 0px 8.5px 0px
		}

		.item-bottom-nav-icon a.active {
			color: #1f4785
		}

		.mobile-icon {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.accordionMenu {
			width: 100%;
			height: auto;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 24px;
			margin-bottom: 56px
		}

		

		.has-submenu-child {
			height: auto;
			position: relative
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 34px;
			top: 19px;
			width: 12px;
			height: 12px;
			background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
			background-size: auto;
			background-size: auto;
			background-size: 100% -webkit-filter: invert(100%);
			/* Safari/Chrome */
			filter: invert(100%);
		}

		.section-desk-nav.active {
			position: fixed;
			background: var(--white-one);
			z-index: 11;
		}

		.section-desk-nav.active .logo-brand a svg path.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg path.st1 {
			fill: var(--pink-600);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active .logo-brand a svg polygon.st0 {
			fill: var(--blue-two);
			-moz-transition: 0.5s;
			-ms--transition: 0.5s;
			-webkit-transition: 0.5s;
			-o-transition: 0.5s;
		}

		.section-desk-nav.active #dropdownLangdesk::after {
			background-color: var(--black-100);
			color: var(--black-100);
		}

		.section-desk-nav.active #dropdownLangdesk {
			color: var(--black-100);
		}

		.header {
			overflow: hidden
		}

		.nav-header,
		.main-wrapper,
		.header-content {
			overflow: hidden
		}

		.accordionMenu ul.sub-menu-child li:first-child {
			margin-top: 10px
		}

		.accordionMenu ul.sub-menu-child li a {
			font: normal 400 17.24px/25.64px var(--font-poppins);
			padding: 14px 10px 15px 3px !important
		}

		.has-submenu-child::before {
			content: " ";
			position: absolute;
			right: 18px;
			top: 20px;
		}

		.img-wrapper-icon {
			width: 22px;
			height: 26px
		}

		.img-wrapper-icon svg {
			max-width: 100%;
			fill: #1C3C6F
		}

		.text-wrapper-icon {
			font-size: 13.5px;
			line-height: 14px;
			width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center
		}

		.text-wrapper-icon p {
			margin-top: 3px;
			margin-bottom: 3px
		}

		.mobile-icon {
			height: auto
		}

		.navbar-flex {
			align-items: center;
			-ms-align-items: center;
			-moz-align-items: center;
			-webkit-align-items: center;
		}


		#carouselPrimary {
			margin-top: 136px;
		}

		.section-carousel-home {
			min-height: 470px;
		}

		.card-about-home {
			min-height: 100px;
		}

		.title-white-home,.card-about-image {
			min-height: 0px;
		}

		.row-primary-slide {
			min-height: 396px;
		}

		#carouselPrimary .carousel-control-prev {
			top: 47.24%;
			left: 3.5px;
		}

		#carouselPrimary .carousel-control-next {
			top: 47.24%;
			right: 3.5px;
		}

		
		.wrp-infograph-home {
			width: 100%;
			min-height: 320px;
			background-color: transparent none;
			border-radius: 24px;
			padding: 0px 0px;
			box-shadow: none;
			top: -89px;
		}

		.left-home-infograph {
			width: 100%
		}

		.card-about-image {
			width: 100%;
			border-radius: 10px;	
			margin: 10px 0px;		
		}

		.center-home-infograph {
			width: 100%
		}

		.right-home-infograph {
			width: 100%
		}

		.midnight-socmed-home {
			width: 100%;
			min-height: 164px;
		}

		.section-infographic-home {
			padding: 14px 0px 15px 0px;
		}

		.card-shopping-home {
			margin-top: 28px;
			margin-bottom: 28px;
			padding: 24px 24px;
			min-height: 100px;
		}

		.left-title-icon h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.left-label h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.icon-title-icon {
			width: 32px;
			height: 32px;
			padding: 10px;
			margin-left: 10px;
		}

		
		.event-promo-home {
			width: 100%;
			height: auto;
			padding-right: 0px;
			padding-bottom: 45px;
		}

		.left-label {
			width: 100%;
		}

		.label-event-promo .act-right-label {
			display: none;
		}

		.home-featured-promo {
			margin-bottom: 24px;
		}

		.img-featured-promo {
			min-height: 182.5px;
		}

		.caption-featured-promo {
			min-height: 56px;
			display: flex;
			flex-wrap: wrap;
			padding: 24px 24px;
		}

		.caption-featured-promo h2 {
			padding-right: 10px;
			font: normal 700 clamp(1.36rem, 1.124rem + 0.3888vi, .9675rem) var(--font-poppins);
			line-height: 134%;
		}

		.featured-event-promo .act-full {
			display: flex;
		}

		.news-upodates-home {
			padding: 0px 0px 12px 0px;
		}

		.thumb-news-home {
			min-height: 53px;
			max-height: 71.5px;
		}


		.slide-track {
			gap: 24px 14px;
		}

		.slide-track-two {
			gap: 24px 14px;
		}

		.line-two-sponsors {
			min-height: 120px;
		}

		.line-one-sponsors {
			min-height: 120px;
		}

		.card-item-sponsors {
			width: 108px;
			height: 108px;
			padding: 18px 18px;
			gap: 3.5px;
		}


		.line-media-partners {
			gap: 10px 5.6px;
		}

		.item-media-rectangle {
			min-width: 33.331%;
			max-width: 33.33%;
			padding: 3px 5px;
		}

		.item-media-square {
			min-width: 30%;
			max-width: 30%;
			padding: 3px 10px;
		}

		.title-black-pink h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.title-white-home h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.title-headline-sponsors h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.title-headline-media h2 {
			font: normal 700 25.56px/36.64px var(--font-poppins);
		}

		.overlay-cover {
			position: absolute;
			width: 100vw;
			min-height: 276px;
		}

		.title-header-cover {
			top: 51.64%;
		}

		.head-cover-image {
			min-height: 274px;
			max-height: 276px;
			margin-top: -80px;
		}

		.caption-cover-page {
			position: absolute;
			width: 100vw;
			min-height: 256px;
			top: 81%;
			text-align: center;
		}

		.title-container h1 {
			text-align: center;
		}

		.title-container h2 {
			text-align: center;
		}

		.wrp-head-cover {
			position: absolute;
			width: 100vw;
			min-height: 89px;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
		}

		.wrp-head-cover img {
			max-width: 100%;
			margin-top: 48%;
			margin-left: 0 auto;
			margin-right: 0 auto;
		}


		.row.gutter--20 .col-md-6:first-child .card-news-medium {
			margin: 0px 0px 0px 0px;
		}


		.card-news-medium {
			margin: 26px 0px 0px 0px;
		}

		.card-news-medium a {
			min-height: 300px;
			max-height: unset;
			display: flex;
			flex-direction: column;
		}

		.title-news-medium {
			width: 100%;
			position: relative;
			order: 2;
			padding: 22px 32px 22px 32px;
			min-height: 100px;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
		}

		.card-news-medium a img {
			object-fit: cover;
			min-height: 230px;
			height: auto;
		}


		.title-news-medium h3 {
			font: normal 700 21.24px/31.64px var(--font-jakarta-sans);
		}


		.hotel-thumb-participants {
			width: 100%;
		}

		.addres-and-promo {
			width: 100%;
		}

		.contact-hotel {
			width: 100%;
		}

		/* HOTEL PARTICIPANT 480 */
		.grand-prize-home {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			-ms-justify-content: center;
			-moz-justify-content: center;
			-webkit-justify-content: center;
		}

		.left-title-icon h2 {
			font: normal 700 20.56px/36.64px var(--font-poppins);
		}

		.section-sponsors {
			padding-top: 0px;
		}

		.logo-appbi {
			width: 200px;
			margin: auto;
		}

		.title-headline-sponsors {
			margin: auto;
			text-align: center;
		}

		.title-headline-sponsors h2 {
			text-align: center;
		}

		.main-sponsor-logo .logo-mandiri {
			margin-top: 30px;
			margin-bottom: 30px;
		}

		.main-sponsor-logo {
			width: 230px;
			margin: auto;
			padding: 0px;
			margin-bottom: 60px;
		}

		.title-news-home {
			padding-left: 15px;
		}

		.title-news-home h2 {
			font-size: 14px;
		}

		.home-event-news {
			padding-top: 0px;
		}

		/* CONTACT 480 */

		.paragraph-conntent {
			padding-right: 0px;
		}

		.form-kontak-area {
			padding: 24px 0px 40px 0px;
		}

		.pink-rounded-area {
			position: relative;
			top: unset;
		}

		.contact-label-only h3 {
			padding-right: 38px;
		}

		/* CONTACT 480 */

		/* GALERY 480 */
		.gallery {
			display: grid;
			grid-template-columns: repeat(8, 1fr);
			grid-template-rows: repeat(8, 5vw);
			grid-gap: 1.5rem;
		}

		.gallery figure {
			margin-bottom: 2px;
		}

		.gallery__img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
		}

		.gallery__item--1 {
			grid-column-start: 1;
			grid-column-end: 5;
			grid-row-start: 1;
			grid-row-end: 4;

			/** Alternative Syntax **/
			/* grid-column: 1 / span 2;  */
			/* grid-row: 1 / span 2; */
		}

		.gallery__item--2 {
			grid-column-start: 5;
			grid-column-end: 9;
			grid-row-start: 1;
			grid-row-end: 4;

			/** Alternative Syntax **/
			/* grid-column: 3 / span 2;  */
			/* grid-row: 1 / span 2; */
		}

		.gallery__item--3 {
			grid-column-start: 1;
			grid-column-end: 9;
			grid-row-start: 4;
			grid-row-end: 9;

			/** Alternative Syntax **/
			/* grid-column: 5 / span 4;
		  grid-row: 1 / span 5; */
		}

		.gallery__item--4 {
			grid-column-start: 1;
			grid-column-end: 5;
			grid-row-start: 9;
			grid-row-end: 12;

			/** Alternative Syntax **/
			/* grid-column: 1 / span 4;  */
			/* grid-row: 3 / span 3; */
		}

		.gallery__item--5 {
			grid-column-start: 5;
			grid-column-end: 9;
			grid-row-start: 9;
			grid-row-end: 12;

			/** Alternative Syntax **/
			/* grid-column: 1 / span 4; */
			/* grid-row: 6 / span 3; */
		}

		.gallery__item--6 {
			grid-column-start: 1;
			grid-column-end: 9;
			grid-row-start: 11;
			grid-row-end: 15;

			/** Alternative Syntax **/
			/* grid-column: 5 / span 4; */
			/* grid-row: 6 / span 3; */
		}

		/* GALLERY 480 END */

		/* MODAL FLYER 480 */
		.modal-dialog-fjgs {
			min-width: 322px;
			max-width: 342px;
			top: 124px;
		}

		/* MODAL FLYER 480 END */
		/* FOOTER 480 START */
		.footer-section-fjgs {
			padding-bottom: 112px;
		}

		.left-footer {
			width: 100%;
			height: auto;
			position: relative;
			z-index: 2;
		}

		.right-footer {
			width: 100%;
			height: auto;
		}

		.center-footer {
			width: 100%;
			padding-top: 24px;
		}

		.wrp-tabmenu {
			background: var(--white-one);
			position: sticky;
			top: 115px;
			z-index: 4;
		}

		/* FOOTER 480 END */

		.social-network-corporate {
			margin: 0px;
			padding: 0px;
		}

		.footer-phone, .footer-email {
			padding: 0px;
		}

		.square-association {
			width: 20%;
			padding: 12px 2px;
		}
		.rectangle-association {
			width: 30%;
			padding: 12px 8px;
		}
	}

	/*  MEDIA 480 END */
	/* MEDIA 375-414 START */
	@media screen and (min-width: 375px) and (max-width: 414px) {}

	/* MEDIA 375-414 END */
	/* MEDIA 321-479 START*/
	@media screen and (min-width: 321px) and (max-width: 479px) {}

	/* MEDIA 321-479 END*/

	/* MEDIA 320 START */
	@media screen and (max-width : 320px) {}

	/* MEDIA 320 END */