@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
@import url(../css/hamburgers.min.css);
html{
	scroll-behavior: smooth;
}
body {
	overflow-x: clip;
	display: block;
	box-sizing: border-box;
	background: var(--white-one);
	&::-webkit-scrollbar{
		height: 6px;
		width: 6px;
		background: #fcfcfb;
	}
	&::-webkit-scrollbar-thumb:horizontal{
		background: var(--orange-500);
		border-radius: 10px;
	}    
	&::-webkit-scrollbar-thumb:vertical{
		background: var(--orange-500);
		border-radius: 10px;
	}   	
}
:root {

  --font-onest: "Onest", 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: #07274a;
  /* --blue-900: #034ea1; */
  --blue-900: #0b3f6f;
  --blue-800: #064a86;
  --blue-700: #0156a3;
  --blue-600: #0066bb;
  --blue-500: #0c8ceb;
  --blue-400: #36a8fa;
  --blue-300: #7cc4fd;
  --blue-200: #b9defe;
  --blue-100: #e0effe;
  --blue-50: #f0f7ff;
  --blue-25: #f5fdff;
  /* BLUE COLOR PALETE */

  /* PINK COLOR PALETE */
  --pink-950: #4b0614;
  --pink-900: #861530;
  --pink-800: #9d1431;
  --pink-700: #bb1532;
  --pink-600: #de203d;
  --pink-500: #f24d5e;
  --pink-400: #f9737e;
  --pink-300: #fca5aa;
  --pink-200: #fdced1;
  --pink-100: #ffe4e4;
  --pink-50: #fff1f1;
  /* PINK COLOR PALETE */

  /* PINK COLOR PALETE */
  --pink-950: #480708;
  --pink-900: #84181a;
  --pink-800: #a01416;
  --pink-700: #c11417;
  --pink-600: #e51d20;
  /* primary of pink */
  --pink-500: #f83b3e;
  /* primary of pink */
  --pink-400: #ff7779;
  --pink-300: #ffa0a1;
  --pink-200: #ffc7c8;
  --pink-100: #ffe1e1;
  --pink-50: #fff1f1;
  /* 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: #461302;
  --orange-900: #7a280d;
  --orange-800: #94310c;
  --orange-700: #b74006;
  --orange-600: #dd6002;
  /* primary of ORANGE */
  --orange-500: #f98507;
  /* primary of ORANGE */
  --orange-400: #ffaa22;
  --orange-300: #ffc24a;
  --orange-200: #ffda88;
  --orange-100: #ffeec6;
  --orange-50: #fff9eb;
  /* ORANGE COLOR PALETE */
}


.magnific-img img {
    width: 100%;
    height: auto;
}
.mfp-bottom-bar,*{
   font-family: 'Abel', sans-serif;
}
.magnific-img {
    display: inline-block;
}
a.image-popup-vertical-fit {
    cursor: -webkit-zoom-in;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.98;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.mfp-arrow-left:before {
    border-right: none !important;
}
.mfp-arrow-right:before {
    border-left: none !important;
}
button.mfp-arrow, .mfp-counter {
    opacity: 0 !important;
    transition: opacity 200ms ease-in, opacity 2000ms ease-out;
}
.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter{
	opacity: 1 !important;
}


/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }


/* NAGBIFIED END */

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

/* CONTAINER GLOBAL END*/
/* CONTAINER DEFAULT START*/
.default-container {
	max-width: 1140px;
}

/* CONTAINER DEFAULT END*/
 
/* NAVBAR GLOBAL START */
.navbar-desc {
	width: 100%;
	min-height: 96px;
	width: 100%;
	position: sticky;
	top: 0px;
	z-index: 10;
}

.navbar-desc.swipe-up-nav {
	background: rgba(255, 255, 255, 0.58);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(17.1px);
	-webkit-backdrop-filter: blur(17.1px);
	border: 1px solid rgba(255, 255, 255, 0.3);
	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-navbar {
	width: 100%;
	min-height: 52px;
	text-decoration: none;
	outline: none;
}

.logo-brand-navbar 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;
}

.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(--gray-900);
	font: 500 clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-onest);
	letter-spacing: 0.24px;
	line-height: 148%;
	padding: 0px 6.4px;
}

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

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

.navbar-align-right ul li a.active {
	color: var(--blue-600)!important;
	font-weight: 600;
	position: relative;
}

.navbar-align-right ul li a.active::before {
	content: "";
	width: 100%;
	height: 3px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: unset;
	bottom: -16px;
	background: var(--orange-400);
}

.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: clamp(0.8975rem, 0.5804rem + 0.5255vw, 1.565rem) var(--font-onest);
	color: var(--gray-700);
	letter-spacing: 0.24px;
	line-height: 138%;
	padding: 0px;
	width: 100%;
	display: block;
}

/* 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-radius: 10.64px;
	height: auto;
	max-width: 296px;
	min-width: 232px;
	width: auto;
	margin-top: -5px;
}

.dropdown-hover:hover>ul.first-level {
	border-top: 24px solid transparent !important;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	padding-bottom: 16px;
	border-radius: 10.64px;
	/* box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); */
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.dropdown-hover>ul.first-level::before {
 content: "";
 width: 100%;
 height: 6px;
 background: #fff;
 position: absolute;
 top: -4px;
 left: 0px;
 border-top-left-radius: 12.64px;
 border-top-right-radius: 12.64px;
}

.dropdown-menu li {
	width: 100%;
	padding: 7.6px 18px;
}

.dropdown-menu li:hover{
	background: var(--gray-100);
	-webkit-transition: background-color 250ms linear;
	-ms-transition: background-color 250ms linear;
	transition: background-color 250ms linear;
}

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

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

.navbar-nav li.second-level {
	position: relative;
}
.navbar-nav li.second-level:hover > ul.dropdown-menu {
	display: block;
	position: absolute;
	left: 100% !important;
	top: 5.5px !important;
	border: 0;
}
.caret-right {
	width: 12px;
	height: 7px;
	position: absolute;
	justify-content: end;
	margin-left: 6px;
	right: -6px;
	top: 14%;
}

.caret-right::after {
	content: " ";
	width: 12px;
	position: absolute;
	height: auto;
	min-height: 11.5px;
	background: url(../images/arrow-right.svg);
	  background-size: auto;
	background-size: auto;
	background-size: 100%;
	text-align: center;
	display: block;
	top: 3px;
	right: -2px;
 }

.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 {
	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(--gray-700);
}

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

.navbar-mobile {
	display: none;
}

.burger-mobile {
	display: none;
}

/* NAVBAR GLOBAL END */

.btn-outline-red{
	background: var(--pink-600);
	color: var(--white-one);
	border: 2px solid var(--pink-600);
	border-radius: 6.4px;
	min-width: 224px;
	text-align: center;
	padding: 10.64px 16px;
	margin: 6px 0px;
	&:hover{
		border: 2px solid var(--pink-700);
		color: var(--pink-700);
	}
}

/* SECTION HERO IMAGES START */
.section-hero-images{
	position: relative;
	width: 100%;
	min-height: 786px;
	position: relative;
	top: -142px;
	background-color:hsla(36,35%,90%,1);
	background-image:
	radial-gradient(at 23% 90%, hsla(39,97%,65%,1) 0px, transparent 50%),
	radial-gradient(at 80% 0%, hsla(189,0%,100%,1) 0px, transparent 50%),
	radial-gradient(at 76% 54%, hsla(47,100%,79%,1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(22,100%,77%,1) 0px, transparent 50%),
	radial-gradient(at 81% 100%, hsla(33,82%,74%,1) 0px, transparent 50%),
	radial-gradient(at 93% 58%, hsla(31,100%,81%,1) 0px, transparent 50%);
}


.wavy-layer{
	width: 100%;
	height: auto;
	min-height: 180px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: unset;
	bottom: 0;
	text-align: center;	
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 17%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


.wavy-layer img{
	max-width: 100%;
}

.text-hero-images{
	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;
	-webkit-align-items: center;
	position: absolute;
	top: 21.64%;
}

.text-hero-images h2{
	text-transform: uppercase;
	padding: 8px 16px;
	font: normal 600 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-onest);
	line-height: 136%;
	margin-bottom: 16px;	
	letter-spacing: 0.48px;
}

.text-hero-images h2:first-child{
	color: var(--pink-500);
}


.text-hero-images h2:nth-child(2){
	color: var(--blue-600);
}

.text-hero-images h2:nth-child(3){
	color: var(--orange-400);
}


.symbol-unity{
	width: 64.64%;
	height: auto;
	min-height: 180px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: unset;
	bottom: 14%;
	text-align: center;	
	background: transparent none;	
	transition: all 300ms ease-out;
}

.symbol-unity.scaleup{
	width: 66.64%;
	transition: all 300ms ease-out;
}

.wrp-cloud-hero{
	width: 100%;
	min-height: 314px;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: unset;	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: unset;	
	bottom: 14%;
}

.blue-couds{
	width: 360px;
	position: absolute;
	transition: all 900ms ease-out;
}

.blue-couds img{
	max-width: 100%;
}

.yellow-couds{
	width: 348px;
	left: unset;
	right:-60px;
	bottom: 12%;
	position: absolute;
	z-index: 3;
	transition: all 900ms ease-out;
}

.yellow-couds img{
	max-width: 100%;
}

.red-couds{
	width: 304px;
	left: unset;
	right: -80px;
	bottom: 96%;
	position: absolute;
	z-index: 3;
	transition: all 900ms ease-out;
}

.red-couds img{
	max-width: 100%;
}
/* AOS ANIMATE */


.content-caption-carousel {
	animation-name: sectionIntroStripe;
	animation-duration: 1.5s;
}

@keyframes sectionIntroStripe {
	from {
		background-position: right -500%;
	}

	to {
		background-position: right 0%;
	}
}

*[data-aos="fade-up-small"] {
	transform: translate3d(0, 20%, 0);
}

*[data-aos="fade-up-small"]:nth-child(4n-0).aos-animate {
	transition-delay: 0.4s;
}

*[data-aos="fade-up-small"]:nth-child(4n-1).aos-animate {
	transition-delay: 0.3s;
}

*[data-aos="fade-up-small"]:nth-child(4n-2).aos-animate {
	transition-delay: 0.2s;
}

*[data-aos="fade-up-small"]:nth-child(4n-3).aos-animate {
	transition-delay: 0.conts;
}


/* AOS ANIMATE END */
/* SECTION HERO IMAGES END */

.section-history{
	width: 100%;
	padding-top: 24px;
	padding-bottom: 36px;
	position: relative;
	*top: -48px;
	background-color:hsla(36,35%,90%,1);
	background-image:
	radial-gradient(at 23% 90%, hsla(39,97%,65%,1) 0px, transparent 50%),
	radial-gradient(at 80% 0%, hsla(189,0%,100%,1) 0px, transparent 50%),
	radial-gradient(at 76% 54%, hsla(47,100%,79%,1) 0px, transparent 50%),
	radial-gradient(at 0% 100%, hsla(22,100%,77%,1) 0px, transparent 50%),
	radial-gradient(at 81% 100%, hsla(33,82%,74%,1) 0px, transparent 50%),
	radial-gradient(at 93% 58%, hsla(31,100%,81%,1) 0px, transparent 50%);
}
.history-image{
	min-height: 360px;
	background: var(--gray-300);
	border-radius: 16.64px;
	overflow: hidden;
	border: 12px solid var(--orange-400);
}

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

.history-blue-couds{
	width: 294px;
	position: absolute;
	left: -14%;
	top: -15%;
	transition: all 950ms ease-out;
	z-index: 2;
}

.history-blue-couds img{
	max-width: 100%;
}

.history-yellow-couds{
	width: 294px;
	position: absolute;
	right: -10%;
	bottom: -24%;
	top: unset;
	transition: all 750ms ease-out;
	z-index: 2;
}

.history-yellow-couds img{
	max-width: 100%;
}

.history-red-couds{
	width: 294px;
	position: absolute;
	right: -32%;
	top: -15%;
	top: unset;
	transition: all 750ms ease-out;
}

.history-red-couds img{
	max-width: 100%;
}

.content-history-ccm{
	padding-top: 20px;
	font: normal 400 clamp(1.04rem, -0.8059rem + 2.1622vw, 1.14rem) var(--font-onest);
	color: var(--gray-500);
	line-height: 156.24%;
	padding-right: 32px;
	padding: 20px 32px 5px 24px;
}

.content-history-ccm h2{
	color: var(--gray-700);
	font: normal 700 normal clamp(2.375rem, -5.701rem + 9.4595vw, 2.8125rem) var(--font-onest);
	line-height: 131%;
	margin-bottom: 16px;
	letter-spacing: 0.48px;
}


/* SECTION HOME AGENDA START */

.section-agenda{
	width: 100%;
	background: var(--pink-50);
	min-height: 176px;
	padding-top: 64px;
	padding-bottom: 36px;
	position: relative;
	overflow: unset;
}

.agenda-yellow-couds {
	width: 294px;
	position: absolute;
	right: -6.4%;
	top: -15%;
}

.agenda-yellow-couds img{
	max-width: 100%;
}

.agenda-red-couds {
	width: 294px;
	position: absolute;
	left: -6.4%;
	top: 4%;
}

.agenda-red-couds img{
	max-width: 100%;
}

.title-section-page{
	width: 100%;
	height: auto;
	min-height: 36px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.title-section-page h2{
	color: var(--gray-700);
	font: normal 700 normal clamp(2.375rem, -5.701rem + 9.4595vw, 2.8125rem) var(--font-onest);
	line-height: 131%;
	margin-bottom: 16px;
	letter-spacing: 0.48px;
}

.cta-of-agenda{
	padding-top: 20px;
	padding-bottom: 20px;
    font: normal 400 clamp(1.04rem, -0.8059rem + 2.1622vw, 1.14rem) var(--font-onest);
    color: var(--gray-500);
    line-height: 156.24%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	text-align: center;
}

.content-agenda{
	width: 100%;
	height: auto;
	padding: 0px 10px;
}

.content-agenda img{
	max-width: 100%;
}

/* SECTION HOME AGENDA START */


/* SECTION RULE-PRINCIPLES ORG START */

.section-rule-principles{
	width: 100%;
	padding: 64px 0px 60px 0px;
	background: var(--white-one);
}

.principles-rule{
	width: 100%;
	height: auto;
	font: normal 400 clamp(1.04rem, -0.8059rem + 2.1622vw, 1.14rem) var(--font-onest);
	color: var(--gray-500);
	line-height: 156.24%;
	padding-right: 32px;
	padding: 20px 32px 5px 24px;
}

.principles-rule h2{
	color: var(--gray-700);
	font: normal 700 normal clamp(2.375rem, -5.701rem + 9.4595vw, 2.8125rem) var(--font-onest);
	line-height: 131%;
	margin-bottom: 16px;
	letter-spacing: 0.48px;
	padding-right: 24px;
}

.thumbnail-principles-rule{
	min-height: 286px;
	background: var(--gray-300);
	border-radius: 16.64px;
	overflow: hidden;
	/* border: 12px solid var(--orange-400); */
}

.thumbnail-principles-rule img{
	max-width: 100%;
}

.mandate-of-ccm{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.mandate-of-ccm a{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	text-align: center;
	text-decoration: none;
}
.icon-pprinciples-rule{
	padding: 6px 8px;
	width: 124px;
	min-height: 120px;
}

.icon-pprinciples-rule img{
	max-width: 100%;
}
.desc-princplles-rules{
	width: 100%;
	padding-left: 36px;
	padding-right: 36px;
}
.desc-princplles-rules h3{
	width: 100%;
	font: normal 700 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-onest);
	line-height: 142%;
	padding-right: 10px;
	color: var(--gray-700);
}

/* SECTION RULE-PRINCIPLES ORG END */

/* SECTION CCM LEAD HOME START */
.section-lead-home{
	width: 100%;
	min-height: 214px;
	height: auto;
	background: var(--white-one);
	padding: 60px 0px 64px 0px;
}

.lead-red-couds {
	width: 294px;
	position: absolute;
	right: -6%;
	top: -15%;
	top: unset;
}

.lead-red-couds img{
	max-width: 100%;
}

.lead-yellow-couds {
	width: 294px;
	position: absolute;
	left: 14%;
	bottom: 12%;
	top: unset;
	z-index: 2;
}

.lead-yellow-couds img{
	max-width: 100%;
}

.title-section-home{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	text-align: center;
}
.title-section-home h2{
	color: var(--gray-700);
	font: normal 700 normal clamp(2.375rem, -5.701rem + 9.4595vw, 2.8125rem) var(--font-onest);
	line-height: 131%;
	margin-bottom: 16px;
	letter-spacing: 0.48px;
}


.card-people-lead{
	width: 100%;
	min-height: 124px;
	height: auto;
	border: 12.64px solid var(--orange-400);
	box-sizing: border-box;
	border-radius: 19.64px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	margin-top: 36px;
	margin-bottom: 30px;
	padding: 6px 0px 6px 6px;
}

.thumb-lead{
	width: 120px;
	height: 118px;
	border-top-left-radius: 7.64px;
	border-bottom-left-radius: 7.64px;
	border-top-right-radius: 8.64px;
	border-bottom-right-radius: 8.64px;	
	box-sizing: border-box;
	overflow: hidden;
}

.thumb-lead img{
	max-width: 100%;
	margin: 0 auto;
}

.people-name-desc{
	width: 60.24%;
	padding-left: 15px; 
	font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-onest);
	color: var(--gray-500);
	letter-spacing: 0.24px;
}
.people-name-desc h2{
	font: normal 700 clamp(1.06445rem, 1.024rem + 0.2032vw, 1.0014rem) var(--font-onest);
	line-height: 110%;
	padding-right: 10px;
	color: var(--gray-700);
	margin-bottom: 8px;
}

.people-name-desc p{
	margin-bottom: 0px;
}

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

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


/* SECTION CCM LEAD HOME END */

/* HEAD COVER START */
.head-cover-image {
	width: 100%;
	height: auto;
	overflow-y: unset;
	background: var(--grey-two);
	min-height: 186px;
	padding-top: 0px;
	position: relative;
	margin-top: -152px;
	z-index: 2;
	min-height: 452px;
	max-height: 456px;
	position: relative;
	overflow: hidden;
}

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

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

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

.section-overview-overlap {
	display: block;
	margin-top: -36px;
	min-height: 236px;
	z-index: 3;
}

.wrp-head-cover.head-news img {
	max-width: 100%;
	width: 100% !important;
	margin-top: 11.46%;
	margin-left: 0 auto;
	margin-right: 0 auto;
}

.caption-cover-program {
	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-container h1 {
	padding: 8px 16px;
	font: normal 600 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-onest);
	line-height: 136%;
	margin-bottom: 20px;
	letter-spacing: 0.48px;
}
/* HEAD COVER END */


.section-static-page{
	width: 100%;
	background: var(--white-two);
	min-height: 320px;
	padding-top: 54px;
	padding-bottom: 116px;
}

.title-section-col{
	width: 100%;
	font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-onest);
	line-height: 136%;
	color: var(--gray-700);
	letter-spacing: 0.24px;	
}

.title-section-col p{
	margin-bottom: 24px;
}

.title-section-col h2{
	padding: 8px 0px;
	font: normal 600 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-onest);
	line-height: 136%;
	margin-bottom: 20px;
	letter-spacing: 0.48px;
	color: var(--gray-800);
}
.content-contact-officer{
	width: 100%;
	padding: 16px 0px;
}
/* FOOTER START*/
.footer-section-ccm{
	width: 100%;
	min-height: 48px;
	background: var(--blue-100);
}
.footer-row-one{
	width: 100%;
	min-height: 96px;
}
.footer-copyright {
	font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-onest);
	color: var(--gray-500);
	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-red-couds{
	width: 294px;
	position: absolute;
	left: -6.4%;
	top: -2.24%;	
}
.footer-red-couds img {
	max-width: 100%;
}

.footer-yellow-couds{
	width: 294px;
	position: absolute;
	right: -6.4%;
	top: 22.24%;	
	z-index: 4;
	transition: all 750ms ease-out;
}
.footer-yellow-couds img {
	max-width: 100%;
}

.custom-shape-divider-top-1731858298 {
    position: absolute;
    top: -4%;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
	z-index: 2;
}

.custom-shape-divider-top-1731858298 svg {
    position: relative;
    display: block;
    width: calc(143% + 1.3px);
    height: 139px;
    transform: rotateY(180deg);
	z-index: 4;
	margin-top: -12%;
}

.custom-shape-divider-top-1731858298 .shape-fill {
    fill: #fff;
}

.custom-shape-divider-top-1731858298{
	overflow: unset;
}

.custom-shape-divider-top-1731858298::before{
	position: absolute;
	content: " ";
	width: 100%;
	height: 767px;
	z-index: 2;
	background: linear-gradient(to right, rgba(253,239,207,1) 0%,rgba(193,216,237,1) 100%);
	bottom: 3.56%;
}

.custom-shape-divider-bottom-1731858612 {
    position: absolute;
    bottom: 12%;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
	z-index: 2;
}

.custom-shape-divider-bottom-1731858612 svg {
    position: relative;
    display: block;
    width: calc(143% + 1.3px);
    height: 138px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1731858612 .shape-fill {
    fill: #fff;
}


/* TWO COLUMN START*/

.wrp-history-page {
	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;
	position: relative;
	z-index: 3;
	*padding-bottom: 76px;
}
.left-history-60 {
	width: 61.5%;
	padding: 15px 20px 15px 2px;
	height: auto;
	min-height: 520px;
}
.right-history-38 {
	width: 38.5%;
	padding: 15px 0px 15px 36px;
	height: auto;
	min-height: 120px;
	height: auto;
	position: -webkit-sticky;
	position: sticky;
	display: sticky;
	top: 80px;
	-webkit-transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
  }
  .title-paragraph-page {
	width: 100%;
	height: auto;
}

.title-paragraph-page h1 {
	font: normal 700 30.24px/44.64px var(--font-onest);
	color: var(--black-100);
	margin-bottom: 8px;
	letter-spacing: 0.64px;
}

.breadcrumb-page {
	width: 100%;
	height: auto;
	font: normal 400 15.24px/27.64px var(--font-onest);
	color: var(--black-50);
	letter-spacing: 0.35px;
	margin-bottom: 48px;
}

.breadcrumb-page ul.breadcrumb {
	margin-bottom: 4px;
}

.breadcrumb-page ul.breadcrumb li a {
	color: var(--black-40);
	text-decoration: none;
}

.breadcrumb-page ul.breadcrumb li.active a {
	color: var(--blue-two);
}

.title-sidenav{
	width: 100%;
}

.title-sidenav h2{
	font: normal 700 24.24px/32px var(--font-onest);
	margin-bottom: 18px;
}

.paragraph-conntent {
	padding-right: 24px;
	font: normal 400 16.46px/29.76px var(--font-onest);
	color: var(--gray-600);
	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 h2 {
	font: normal 600 28px/36.64px var(--font-onest);
	color: var(--black-50);
	margin-bottom: 24px;
	letter-spacing: 0.34px;
}

.paragraph-conntent h3 {
	font: normal 600 24px/32.64px var(--font-onest);
	color: var(--black-50);
	margin-bottom: 22px;
	letter-spacing: 0.34px;
}

.paragraph-conntent h4 {
	font: normal 600 20px/29.64px var(--font-onest);
	color: var(--black-50);
	margin-bottom: 16px;
	letter-spacing: 0.34px;
}

.paragraph-conntent h5 {
	font: normal 600 17px/24.64px var(--font-onest);
	color: var(--black-50);
	margin-bottom: 15px;
	letter-spacing: 0.34px;
}

.paragraph-conntent h6 {
	font: normal 600 15.5px/23.64px var(--font-onest);
	color: var(--black-50);
	margin-bottom: 15px;
	letter-spacing: 0.34px;
}

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

.paragraph-conntent a {
	color: var(--blue-two);
	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-onest);
	color: var(--black-50);
}

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

.paragraph-conntent p {
	margin-bottom: 0px;
}

.paragraph-conntent ul {
	padding-left: 15px !important;
}

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

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

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

.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-onest);
}

.wrp-history-page {
	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;
	position: relative;
	z-index: 3;
	*padding-bottom: 76px;
}

.righ-sidenav-about{
	position: sticky;
	top: 146px;
}
/* TWO COLUMN END*/

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

.socmed-circle {
	width: 32px;
	height: 32px;
	background: #d9d9e4;
	border-radius: 20px;
	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: 16px;
	fill: #fff;
}

.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: 13px;
	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-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: 16px;
	fill: #fff!important;
}

.social-network-corporate ul li .socmed-circle.socmed-instagram svg path.st0{
	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 {
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
	background-clip: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
	border: 1px solid transparent;
	border-image: linear-gradient(45deg, rgb(254, 219, 22) 0%, rgb(144, 0, 220) 100%);
	border: double 1px transparent;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border-radius: 20px;
	/* -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);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-3 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-4 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-5 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-6 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-7 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-8 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-9 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-10 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-3 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-4 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-three-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-three-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

/* .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: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: 16px;
	fill-rule: evenodd;
	clip-rule: evenodd;
	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-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;
}

/* SOCIAL NETWORK CORPORATE CIRCLE 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;
	}

	.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;
		background: var(--gray-300);
		border-radius: 4.6px;
	}

	.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; */
	}
	.gallery figure {
		margin: 0 0 0 0;
	  }
	/* DETAIL GALLERY END */


/* LIST NEWS OR GALLERY START */

.card-campaign-bar {
	width: 100%;
	min-height: 100px;
	margin-bottom: 15px;
	margin-top: 18px;
	border-radius: 2.5px;
	border: 1px solid #f1f1f1;
	overflow: hidden;
	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);
}

.card-campaign-bar:hover {
	box-shadow: 0 10px 29px 0 rgba(0, 0, 0, 0.064);
	-ms-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.064);
	-moz-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.064);
	-webkit-box-shadow: 0 12px 32px 0 rgba(0, 0, 0, 0.064);
	cursor: pointer;
}

.img-card-campaign-bar {
	width: 100%;
	height: auto;
	max-height: 220px;
	position: relative;
	overflow: hidden;
	background: #ededed;
}

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

.card-campaign-bar:hover .img-card-campaign-bar a img {
	transform: scale(1.1, 1.1);
}

.desc-card-campaign-bar {
	font-family: "Mulish-Regular", sans-serif;
	font-size: 15px;
	line-height: 24px;
	padding: 10px 20px 2px 20px;
	color: #71716c;
	min-height: 110px;
	display: flex;
	align-items: center;
	background:#eee;
}

.desc-card-campaign-bar a {
	text-decoration: none;
	outline: none;
}

.desc-card-campaign-bar a h2 {
	font: normal 700 18px/28px var(--font-onest);
	color: var(--gray-900);
	padding-right: 0px;
	margin-bottom: 12px;
}

.desc-card-campaign-bar a:hover h2 {
	color: var(--gray-900);
	text-decoration: none;
}

.wrp-cta-campaign-home {
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	width: 100%;
	min-height: 64px;
	padding: 5px 30px 8px 30px;
}

.home-campaign-bar {
	font-family: "Rubik-Medium", sans-serif;
	color: #71716c;
	font-size: 15px;
	line-height: 20px;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width: 100%;
}

.home-campaign-bar p {
	margin-bottom: 4px;
}

.home-campaign-cta {
	flex: 0 0 125px;
	-ms-flex: 0 0 124px;
	min-width: 125px;
	max-width: 125px;
}

.btn-sm-cta {
	background: var(--blue-two);
	color: #fff;
	border: 2px solid var(--blue-two);
	border-radius: 14.5px;
	padding: 10px 6px;
	width: 100%;
	height: auto;
	font: normal 500 15.5px/21.64px var(--font-sora);
	letter-spacing: .46px;
	text-decoration: none;
}

.btn-sm-cta img {
	margin-right: 10px;
	position: relative;
	margin-top: -3.4px;
}

.btn-sm-cta:hover {
	color: #fff;
	box-shadow: 0 0px 29px 0 rgba(8, 47, 131, 0.10);
	-ms-box-shadow: 0 0px 29px 0 rgba(8, 47, 131, 0.10);
}

.btn-sm-cta:focus {
	color: #fff;
	box-shadow: none;
	outline: none;
}

.wrp-sm-progressbar {
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width: 100%;
}

.smprogressbar {
	z-index: 2;
	position: relative;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
	margin: 3px 0px 18px 0px;
}

.smprogressbar .ui-widget-header {
	background: var(--blue-three);
	border: 1px solid var(--blue-three);
}

.smprogressbar.ui-widget {
	font-size: 0.33em;
}

.ui-widget-content {
	border: 0px !important;
}

.smprogressbar.ui-corner-all {
	border-radius: 0.5px;
}

.smraised {
	font: normal 400 17px/27.64px var(--font-sora);
	color: var(--black-40);
	letter-spacing: 0.35px;
}

.smraised h3 {
	font: normal 600 18.64px/23.64px var(--font-sora);
	padding-right: 4px;
	letter-spacing: 0.45px;
	color: var(--black-100);
	margin-bottom: 26px;
}

.smraised p span {
	color: var(--blue-three);
}

.smgoal {
	visibility: hidden;
	position: absolute;
	right: 0px;
	display: none;
}

.wrp-sm-value-donation {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 5px;
}

.ui-widget-content {
	border: transparent none;
}


/* LIST NEWS OR GALLERY END */
/* FOOTER SECTION GLOBAL START*/
.footer-section-ccm {
	width: 100%;
	background-color: rgb(255, 253, 251);
	background-image: radial-gradient(at 23% 90%, hsla(39,97%,65%,1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189,0%,100%,1) 0px, transparent 50%), radial-gradient(at 76% 54%, rgb(255, 245, 211) 0px, transparent 50%), radial-gradient(at 0% 100%, rgb(253, 230, 195) 0px, transparent 50%), radial-gradient(at 81% 100%, hsla(33,82%,74%,1) 0px, transparent 50%), radial-gradient(at 93% 58%, hsla(31,100%,81%,1) 0px, transparent 50%);
	min-height: 320px;
	padding-top: 32px;
	padding-bottom: 28px;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
}

.wavy-ornament-footer{
	width: 100%;
	position: absolute;
	bottom: -4px;
	left: -10px;
	z-index: 2;
}

.wavy-ornament-footer img{
	max-width: 100%;
	height: auto;
}

.footer-row-one {
	width: 100%;
	height: auto;
	padding: 24px 0px;
	position: relative;
	z-index: 2;
}

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

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

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

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

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

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

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

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

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

.footer-label h4 {
	font: normal 700 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-onest);
	line-height: 142%;
	padding-right: 10px;
	color: var(--gray-800);
	margin-bottom: 5px;
}

.show-hide-addres {
	display: none;
}

.show-hide-kit {
	display: none;
}

.center-footer {
	width: 43.96%;
}

.footer-item-link {
	height: auto;
}

.footer-item-link ul {
	padding-left: 0px;
}

.footer-item-link ul li {
	padding: 8.6px 0px 8.6px 0px;
	list-style: none;
	margin-left: -3px;
	margin-bottom: 12px;
	line-height: 135%;
}

.footer-item-link ul li:first-child {
	margin-top: 10px;
}

.school-teacher-feeds .footer-item-link ul li {
	padding: 3.6px 0px 3.6px 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-onest);
	color: var(--gray-500);
	letter-spacing: 0.24px;
	text-decoration: none;
	line-height: 138%;
}

.icon-18 {
	width: 18px;
	min-height: 18px;
	height: auto;
	text-align: center;
	padding: 4px;
}

.item-footer-arrow .icon-18 {
	margin-right: 15px;
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	padding: 2.5px;
	width: 15px;
	margin-top: -2.4px;
}

.logo-brand-store {
	width: 132px;
	height: auto;
}

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

.right-footer {
	width: 25.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-blue .icon-30 {
	margin-top: 1.5px;
}

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

.btn-act-footer .icon-64 {
	margin-left: 0px;
}
.wrp-maps{
	border-radius: 12.64px;
	overflow: hidden;
}
.icon-blue {
	border-radius: 50%;
	background: var(--blue-600);
	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-400);
	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-yellow .icon-30 svg path {
	fill: var(--white-one);
}
.btn-act-footer .icon-64 .icon-yellow .icon-30 svg circle {
	fill: var(--white-one);
}

.icon-green {
	border-radius: 50%;
	background: var(--pink-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;

}

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

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

.btn-act-footer .icon-64 .icon-green .icon-30 svg rect {
	fill: var(--white-one);
}
.btn-act-footer .icon-64 .icon-green .icon-30 svg path.st1 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: var(--pink-500) !important;
}

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

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

.text-cta-footer h5 {
	font: normal 700 clamp(0.9375rem, 0.5804rem + 0.558vw, 1.25rem) var(--font-onest);
	line-height: 136%;
	color: var(--gray-800);
	margin-bottom: 0px;
}

.footer-ornaments{
	width: 496px;
	height: auto;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 2;
}

.footer-ornaments img{
	max-width: 100%;
}

.halo-erlangga {
	width: 100%;
	height: auto;
	min-height: 32px;
	padding: 14px 4px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
}

.wrp-hello-erlangga {
	max-width: 196px;
	min-height: 32px;
}

.wrp-hello-erlangga img {
	max-width: 100%;
}

.channel-icon {
	width: 120px;
	min-height: 90px;
	position: relative;
}

.footer-red-couds {
	width: 224px;
	position: absolute;
	left: -4.64%;
	right: left;
	top: 4.64%;
	z-index: 3;
}

.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-onest);
	color: var(--gray-800);
	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-row-two .footer-brand {
	display: none;
}

/* FOOTER SECTION GLOBAL END*/




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

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

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

	.navbar-align-right ul li a {
		font: clamp(1.235rem, 0.8475rem + 0.3875vi, 1.3125rem) var(--font-onest);
		padding: 0px 9.4px;
		letter-spacing: 0.10px;
	}

	.navbar-align-right ul li.dropdown-hover ul li a {
		font: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-onest);
	}
	.dropdown-menu {
		position: absolute;
		left: 0px;
		top: 100%;
		min-width: 332px;
		max-width: 336px;
	}

	.dropdown-menu li {
		width: 100%;
		padding: 8.56px 18px;
	  }

	.section-hero-images {
		position: relative;
		width: 100%;
		min-height: 1104px;
	}

	.wrp-cloud-hero {
		width: 100%;
		min-height: 512px;
	}

	.blue-couds {
		width: 414px;
	}	
	.red-couds {
		width: 410px;
		left: unset;
		right: -3.24%;
		bottom: 92%;
		position: absolute;
		z-index: 3;
	}

	.yellow-couds {
		width: 419px;
		left: unset;
		right: 17%;
		bottom: 11%;
		position: absolute;
		z-index: 3;
	  }

	  .history-red-couds {
		width: 396px;
	  }	  
	  .history-blue-couds {
		width: 394px;
	}

	.history-yellow-couds {
		width: 376px;
	}	
	.section-history {
		padding-top: 30px;
		padding-bottom: 96px;
	}
	.section-agenda {
		padding-top: 96px;
		padding-bottom: 76px;
	}

	.agenda-yellow-couds {
		width: 390px;
	}	

	.agenda-red-couds {
		width: 396px;
	}

	.btn-outline-red {
		font: clamp(1.235rem, 0.8475rem + 0.3875vi, 1.3125rem) var(--font-onest);
	}

	.content-history-ccm {
		font: clamp(1.235rem, 0.8475rem + 0.3875vi, 1.3125rem) var(--font-onest);
		line-height: 138%;
		letter-spacing: 0.24px;
	}
	.cta-of-agenda {
		font: clamp(1.235rem, 0.8475rem + 0.3875vi, 1.3125rem) var(--font-onest);
		line-height: 136%;
		letter-spacing: 0.24px;
	}
	.principles-rule {
		font: clamp(1.235rem, 0.8475rem + 0.3875vi, 1.3125rem) var(--font-onest);
		line-height: 136%;
	}
	/* FOOTER 1920 START */

	.footer-label {
		width: 100%;
		height: auto;
		font: clamp(1.235rem, 0.8475rem + 0.3875vi, 1.3125rem) var(--font-onest);
		line-height: 136%;
		letter-spacing: 0.24px;
		padding: 15px 0px;
	}
	.footer-ornaments {
		width: 604px;
	}
	.footer-yellow-couds {
		width: 390px;
	}
	  .custom-shape-divider-top-1731858298 svg {
		position: relative;
		display: block;
		width: calc(143% + 1.3px);
		height: 139px;
		transform: rotateY(180deg);
		z-index: 4;
		margin-top: -8.46%;
	  }

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

	  .footer-red-couds {
		width: 410px;
		position: absolute;
		left: -6.64%;
		right: left;
		top: 4.64%;
		z-index: 3;
	  }	  

	/* FOOTER 1920 END */
}

/* MEDIA 1920 END */


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

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

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

	.navbar-align-right ul li a {
		font: clamp(1.064rem, 0.80475rem + 0.3475vi, 1.3525rem) var(--font-onest);
		padding: 0px 10.4px;
		letter-spacing: 0.10px;
	}

	.navbar-align-right ul li.dropdown-hover ul li a {
		font: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-onest);
	}
	.dropdown-menu {
		position: absolute;
		left: 0px;
		top: 100%;
		min-width: 332px;
		max-width: 336px;
	}

	.dropdown-menu li {
		width: 100%;
		padding: 8.56px 18px;
	  }

	.section-hero-images {
		position: relative;
		width: 100%;
		min-height: 876px;
	}

	.wrp-cloud-hero {
		width: 100%;
		min-height: 512px;
	}

	.blue-couds {
		width: 364px;
		bottom: 30%;
		position: absolute;
	}	
	.red-couds {
		width: 348px;
		left: unset;
		right: -3.24%;
		bottom: 74%;
		position: absolute;
		z-index: 3;
	}

	.yellow-couds {
		width: 376px;
		left: unset;
		right: 16%;
		bottom: 4%;
		position: absolute;
		z-index: 3;
	}

	.custom-shape-divider-top-1731858298 svg {
		position: relative;
		display: block;
		width: calc(143% + 1.3px);
		height: 139px;
		transform: rotateY(180deg);
		z-index: 4;
		margin-top: -10.64%;
	  }

}
/* MEDIA 1536-1582 END */


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

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

	.ccm-container {
		max-width: 1174px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
		margin-right: auto;
		margin-left: auto;
	  }

	.navbar-align-right ul li a {
		font: clamp(.924rem, 0.75445rem + 0.2876vi, 1.0014rem) var(--font-onest);
		padding: 0px 7.64px;
		letter-spacing: 0.10px;
	}

	.navbar-align-right ul li.dropdown-hover ul li a {
		font: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-onest);
	}
	.dropdown-menu {
		position: absolute;
		left: 0px;
		top: 100%;
		min-width: 332px;
		max-width: 336px;
	}

	.dropdown-menu li {
		width: 100%;
		padding: 8.56px 18px;
	  }

	.section-hero-images {
		position: relative;
		width: 100%;
		min-height: 754px;
	}

	.wrp-cloud-hero {
		width: 100%;
		min-height: 512px;
	}

	.blue-couds {
		width: 310px;
		bottom: 28%;
		position: absolute;
	}	
	.red-couds {
		width: 264px;
		left: unset;
		right: -2.24%;
		bottom: 72%;
		position: absolute;
		z-index: 3;
	}

	.yellow-couds {
		width: 314px;
		left: unset;
		right: 14%;
		bottom: 2.4%;
		position: absolute;
		z-index: 3;
	}
}

/* MEDIA 1280 END */

/* MEDIA 1194 START */
@media only screen and (min-device-width: 1194px) and (max-device-width: 1194px) and (orientation: landscape) {
	.row-lead-card.gutter--20.row, .row-lead-card.gutter--20.container, .row-lead-card.gutter--20.container-fluid {
		margin-left: -16px;
		margin-right: -16px;
	}
	.thumb-lead {
		width: 104px;
		height: 102px;
	}	
	.people-name-desc {
		width: 57.32%;
	}

	.thumbnail-principles-rule {
		min-height: 236px;
	}

}
/* MEDIA 1194 START */
/* MEDIA 1081-1194 START */
@media screen and (min-device-width: 1081px) and (max-device-width: 1194px) {

}

/* MEDIA 1120-1180 START */
@media only screen and (min-width: 1120px) and (max-width: 1180px) and (orientation: landscape) {
	.row-lead-card.gutter--20.row, .row-lead-card.gutter--20.container, .row-lead-card.gutter--20.container-fluid {
		margin-left: -16px;
		margin-right: -16px;
	}
	.thumb-lead {
		width: 104px;
		height: 102px;
	}	
	.people-name-desc {
		width: 57.32%;
	}

	.thumbnail-principles-rule {
		min-height: 236px;
	}
}
/* MEDIA 1120-1180 END */

/* MEDIA 1080 START */
@media only screen and (min-device-width: 1080px) and (max-device-width: 1080px) and (orientation: landscape) {
	.row-lead-card.gutter--20.row, .row-lead-card.gutter--20.container, .row-lead-card.gutter--20.container-fluid {
		margin-left: -16px;
		margin-right: -16px;
	}
	.thumb-lead {
		width: 104px;
		height: 102px;
	}	
	.people-name-desc {
		width: 57.32%;
	}

	.thumbnail-principles-rule {
		min-height: 236px;
	}
}
/* MEDIA 1080 END */

/* MEDIA 1024 PORTRAIT START */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) {
	.row-lead-card.gutter--20.row, .row-lead-card.gutter--20.container, .row-lead-card.gutter--20.container-fluid {
		margin-left: -16px;
		margin-right: -16px;
	}
	.thumb-lead {
		width: 104px;
		height: 102px;
	}	
	.people-name-desc {
		width: 57.32%;
	}

	.thumbnail-principles-rule {
		min-height: 236px;
	}

	.symbol-unity {
		width: 78.64%;
	}
	
	.symbol-unity.scaleup {
		width: 81.24%;
		transition: all 300ms ease-out;
	}
	.cta-of-agenda {
		padding-top: 6px;
	}	

}
/* MEDIA 1024 PORTRAIT END */

/* MEDIA 1024 LANDSCAPE START */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {
	.row-lead-card.gutter--20.row, .row-lead-card.gutter--20.container, .row-lead-card.gutter--20.container-fluid {
		margin-left: -16px;
		margin-right: -16px;
	}
	.thumb-lead {
		width: 104px;
		height: 102px;
	}	
	.people-name-desc {
		width: 57.32%;
	}

	.thumbnail-principles-rule {
		min-height: 236px;
	}

}
/* MEDIA 1024 LANDSCAPE END */



/* MEDIA 834 DEVICES START */

@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) {
	html,body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}
	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}
	.navbar-desc {
		position: fixed;
		width: 100vw !important;
		top: 0px;
	}

	.navbar-desc.swipe-up-nav {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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);
		position: fixed;
		top: 0px;
	}

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

	.burger-mobile{
		display: block;
		position: absolute;
		right: 5px;
		top: -5px;
	}
	.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: var(--gray-900);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--gray-900);
	}	
	
	.navbar-mobile{
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--gray-900);
		top: 76px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		display: none;
	}

	.navbar-mobile.active{		
		display: block;
		z-index: 3;
	}

	.mobile-nav{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-left: 0px;
		padding-top: 10px;
	}

	.mobile-nav li{
		width: 100%;
		padding-left: 1px;
		padding-right: 15px;
	}

	.mobile-nav li:first-child{
		margin-top: 56px;
	}


	/* DESKTOP NAVBAR 820 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}
	.navbar-desc.collapsed {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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-mobile.active {
		background-color:hsla(15,100%,97%,1);
		background-image:
		radial-gradient(at 40% 20%, hsla(30,58%,96%,1) 0px, transparent 50%),
		radial-gradient(at 80% 0%, hsla(320,31%,96%,1) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(47,46%,97%,1) 0px, transparent 50%),
		radial-gradient(at 95% 85%, hsla(22,40%,80%,1) 0px, transparent 50%),
		radial-gradient(at 27% 100%, hsla(47,60%,90%,1) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(30,80%,79%,1) 0px, transparent 50%);		
		visibility: visible;
		z-index: 9;
	}

	.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: 15px 1px 12px 5px;
		margin-right: -10px;
	}

	/* DESKTOP NAVBAR 820 END */


	/* MOBILE NABAR 820 */

	.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: 103.64px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: transparent none;
		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: 0px;
		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;
		margin-bottom: 76px;
	}

	.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
	}

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

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 16px/25.64px var(--font-onest);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		/* border-bottom: 1px solid var(--orange-200); */
	}

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

	.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%);
		filter: invert(100%); */
	}

	.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(--orange-500);
		-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 820 END */

	.agenda-red-couds {
		width: 214px;
		position: absolute;
		left: -6.4%;
		top: -7%;
	}

	.symbol-unity {
		width: 104.64%;
		margin: 0 auto;
		left: -2.6%;
	}
	.symbol-unity.scaleup{
		width: 106.64%;
		transition: all 300ms ease-out;
	}
	.red-couds {
		width: 224px;
		left: unset;
		right: -4.64%;
		bottom: 56%;
		position: absolute;
		z-index: 3;
	  }

	.text-hero-images h2 {
		text-transform: uppercase;
		padding: 0px 6px;
		margin-bottom: 2px;
		line-height: 112%;
	}
	.wavy-layer {
		width: 132%;
		height: auto;
		min-height: 180px;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top: unset;
		bottom: 0;
		text-align: center;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 17%,rgba(255,255,255,1) 100%);
	}

	.yellow-couds {
		width: 204px;
		left: unset;
		right: 8%;
		bottom:76.64%;
		position: absolute;
		z-index: 3;
	}
	
	.blue-couds {
		width: 194px;
	}
	.section-hero-images {
		position: relative;
		width: 100%;
		min-height: 648px;
		top: -32px;
	}	

	.section-history {
		width: 100%;
		padding-top: 36px;
		padding-bottom: 30px;
		position: relative;
		top: -56px;
	  }

	.wavy-layer {
		bottom:-2.46%;
	}
	.history-image {
		min-height: 224px;
	}
	.content-history-ccm {
		padding: 32px 0px 76px 0px;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
	}

	.title-section-page h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;
	}
	.principles-rule h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
		padding-right: 96px;
	}

	.title-section-home h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;			
	}
	.thumbnail-principles-rule {
		min-height: 156px;
	}

	.lead-yellow-couds {
		width: 214px;
		position: absolute;
		left: 14%;
		bottom: -0.5%;
		top: unset;
	}

	.wavy-layer img {
		max-width: 124%;
		left: -14%;
		position: relative;
	  }

	.history-blue-couds {
		width: 230px;
	}
	.lead-red-couds {
		width: 214px;
		position: absolute;
		right: -10%;
		top: -4%;
	  }
	.principles-rule {
		padding: 20px 0px 5px 0px;
	}
	.card-people-lead {
		margin-top: 8px;
		margin-bottom: 12px;		
	}

	.left-history-60 {
		padding: 15px 20px 15px 2px;
	}	

	.history-yellow-couds {
		width: 220px;
	}
	.history-red-couds {
		width: 214px;
	}
	.section-lead-home {
		padding: 60px 0px 65px 0px;
	}
	.footer-red-couds {
		width: 204px;
		position: absolute;
		left: -4.64%;
		right: left;
		top: 5.86%;
	}
	.left-footer {
		width: 100%;
		position: relative;
		z-index: 3;
	}
	.center-footer {
		width: 100%;
	  }
	  .right-footer {
		width: 100%;
		height: auto;
	  }
	  .footer-row-two {
		position: relative;
		z-index: 4;
	  }

	  .custom-shape-divider-top-1731858298 svg {
		position: relative;
		display: block;
		width: calc(243% + 100.3px);
		height: 172px;
		transform: unset;
		z-index: 4;
		margin-top: -12%;
	  }
	  .custom-shape-divider-bottom-1731858612 {
		position: absolute;
		bottom: 4%;
		left: 0;
		width: 100%;
		overflow: hidden;
		line-height: 0;
		z-index: 2;
	  }

	  .custom-shape-divider-bottom-1731858612 svg {
		position: relative;
		display: block;
		width: calc(198% + 1.6px);
		height: 139px;
		transform: unset;
	  }
	  .footer-brand .logo-brand {
		width: 176px;
		overflow: unset;
		position: relative;
		bottom: -32px;
	  }
	  .footer-yellow-couds {
		width: 224px;
		position: absolute;
		right: -12.4%;
		top: 13.24%;
		z-index: 4;
	  }

	  .footer-ornaments {
		width: 284px;
		height: auto;
		position: absolute;
		right: -6px;
		bottom: 0px;
		z-index: 2;
	  }	  	
}
/* MEDIA 834 DEVICES END */


/* 820 DEVICES START */
@media only screen and (min-device-width: 820px) and (max-device-width: 820px) and (orientation: portrait) {
	html,body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}
	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}
	.navbar-desc {
		position: fixed;
		width: 100vw !important;
		top: 0px;
	}

	.navbar-desc.swipe-up-nav {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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);
		position: fixed;
		top: 0px;
	}

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

	.burger-mobile{
		display: block;
		position: absolute;
		right: 5px;
		top: -5px;
	}
	.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: var(--gray-900);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--gray-900);
	}	
	
	.navbar-mobile{
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--gray-900);
		top: 76px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		display: none;
	}

	.navbar-mobile.active{		
		display: block;
		z-index: 3;
	}

	.mobile-nav{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-left: 0px;
		padding-top: 10px;
	}

	.mobile-nav li{
		width: 100%;
		padding-left: 1px;
		padding-right: 15px;
	}

	.mobile-nav li:first-child{
		margin-top: 56px;
	}


	/* DESKTOP NAVBAR 820 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}
	.navbar-desc.collapsed {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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-mobile.active {
		background-color:hsla(15,100%,97%,1);
		background-image:
		radial-gradient(at 40% 20%, hsla(30,58%,96%,1) 0px, transparent 50%),
		radial-gradient(at 80% 0%, hsla(320,31%,96%,1) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(47,46%,97%,1) 0px, transparent 50%),
		radial-gradient(at 95% 85%, hsla(22,40%,80%,1) 0px, transparent 50%),
		radial-gradient(at 27% 100%, hsla(47,60%,90%,1) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(30,80%,79%,1) 0px, transparent 50%);		
		visibility: visible;
		z-index: 9;
	}

	.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: 15px 1px 12px 5px;
		margin-right: -10px;
	}

	/* DESKTOP NAVBAR 820 END */


	/* MOBILE NABAR 820 */

	.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: 103.64px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: transparent none;
		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: 0px;
		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;
		margin-bottom: 76px;
	}

	.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
	}

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

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 16px/25.64px var(--font-onest);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		/* border-bottom: 1px solid var(--orange-200); */
	}

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

	.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%);
		filter: invert(100%); */
	}

	.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(--orange-500);
		-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 820 END */

	.agenda-red-couds {
		width: 214px;
		position: absolute;
		left: -6.4%;
		top: -7%;
	}

	.symbol-unity {
		width: 98.64%;
		margin: 0 auto;
		left: -2.6%;
		transition: all 300ms ease-out;
		bottom: 12.64%;
	}
	.symbol-unity.scaleup{
		width: 101.32%;
		transition: all 300ms ease-out;
	}
	.red-couds {
		width: 224px;
		left: unset;
		right: -4.64%;
		bottom: 56%;
		position: absolute;
		z-index: 3;
	  }

	.text-hero-images h2 {
		text-transform: uppercase;
		padding: 0px 6px;
		margin-bottom: 2px;
		line-height: 112%;
	}
	.wavy-layer {
		width: 132%;
		height: auto;
		min-height: 180px;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top: unset;
		bottom: 0;
		text-align: center;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 17%,rgba(255,255,255,1) 100%);
	}

	.yellow-couds {
		width: 204px;
		left: unset;
		right: 8%;
		bottom:76.64%;
		position: absolute;
		z-index: 3;
	}
	
	.blue-couds {
		width: 194px;
	}
	.section-hero-images {
		position: relative;
		width: 100%;
		min-height: 698px;
		top: -30px;
	}	

	.section-history {
		width: 100%;
		padding-top: 64px;
		padding-bottom: 0px;
		position: relative;
		top: -36px;
	  }

	.wavy-layer {
		bottom:-2.46%;
	}
	.history-image {
		min-height: 224px;
		margin-top: 64px;
	}
	.content-history-ccm {
		padding: 32px 0px 76px 0px;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
	}
	.cta-of-agenda {
		padding-top: 0px;
	}
	.title-section-page h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 106%;
		margin-bottom: 18px;
	}
	.principles-rule h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
		padding-right: 96px;
	}
	.people-name-desc h2 {
		font: normal 700 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-onest);
	}
	.title-section-home h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;			
	}
	.thumbnail-principles-rule {
		min-height: 156px;
	}

	.lead-yellow-couds {
		width: 214px;
		position: absolute;
		left: 14%;
		bottom: -0.5%;
		top: unset;
	}

	.wavy-layer img {
		max-width: 124%;
		left: -14%;
		position: relative;
	  }

	.history-blue-couds {
		width: 230px;
	}
	.lead-red-couds {
		width: 214px;
		position: absolute;
		right: -10%;
		top: -4%;
	  }
	.principles-rule {
		padding: 20px 0px 5px 0px;
	}
	.card-people-lead {
		margin-top: 8px;
		margin-bottom: 12px;		
	}

	.history-yellow-couds {
		width: 220px;
	}
	.history-red-couds {
		width: 214px;
	}

	.left-history-60 {
		padding: 15px 20px 15px 2px;
	}
	.section-lead-home {
		padding: 60px 0px 65px 0px;
	}
	.footer-red-couds {
		width: 204px;
		position: absolute;
		left: -4.64%;
		right: left;
		top: 5.86%;
	}
	.left-footer {
		width: 100%;
		position: relative;
		z-index: 3;
	}
	.center-footer {
		width: 100%;
	  }
	  .right-footer {
		width: 100%;
		height: auto;
	  }
	  .footer-row-two {
		position: relative;
		z-index: 4;
	  }

	  .custom-shape-divider-top-1731858298 svg {
		position: relative;
		display: block;
		width: calc(243% + 100.3px);
		height: 172px;
		transform: unset;
		z-index: 4;
		margin-top: -12%;
	  }
	  .custom-shape-divider-bottom-1731858612 {
		position: absolute;
		bottom: 4%;
		left: 0;
		width: 100%;
		overflow: hidden;
		line-height: 0;
		z-index: 2;
	  }

	  .custom-shape-divider-bottom-1731858612 svg {
		position: relative;
		display: block;
		width: calc(198% + 1.6px);
		height: 139px;
		transform: unset;
	  }
	  .footer-brand .logo-brand {
		width: 176px;
		overflow: unset;
		position: relative;
		bottom: -32px;
	  }
	  .footer-yellow-couds {
		width: 224px;
		position: absolute;
		right: -12.4%;
		top: 13.24%;
		z-index: 4;
	  }

	  .footer-ornaments {
		width: 284px;
		height: auto;
		position: absolute;
		right: -6px;
		bottom: 0px;
		z-index: 2;
	  }	  	
}
/* 820 DEVICES END */
/* 810 DEVICES START */
@media only screen and (min-device-width: 810px) and (max-device-width: 810px) and (orientation: portrait) {
	html,body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}
	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}
	.navbar-desc {
		position: fixed;
		width: 100vw !important;
		top: 0px;
	}

	.navbar-desc.swipe-up-nav {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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);
		position: fixed;
		top: 0px;
	}

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

	.burger-mobile{
		display: block;
		position: absolute;
		right: 5px;
		top: -5px;
	}
	.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: var(--gray-900);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--gray-900);
	}	
	
	.navbar-mobile{
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--gray-900);
		top: 76px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		display: none;
	}

	.navbar-mobile.active{		
		display: block;
		z-index: 3;
	}

	.mobile-nav{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-left: 0px;
		padding-top: 10px;
	}

	.mobile-nav li{
		width: 100%;
		padding-left: 1px;
		padding-right: 15px;
	}

	.mobile-nav li:first-child{
		margin-top: 56px;
	}


	/* DESKTOP NAVBAR 810 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}
	.navbar-desc.collapsed {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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-mobile.active {
		background-color:hsla(15,100%,97%,1);
		background-image:
		radial-gradient(at 40% 20%, hsla(30,58%,96%,1) 0px, transparent 50%),
		radial-gradient(at 80% 0%, hsla(320,31%,96%,1) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(47,46%,97%,1) 0px, transparent 50%),
		radial-gradient(at 95% 85%, hsla(22,40%,80%,1) 0px, transparent 50%),
		radial-gradient(at 27% 100%, hsla(47,60%,90%,1) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(30,80%,79%,1) 0px, transparent 50%);		
		visibility: visible;
		z-index: 9;
	}

	.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: 15px 1px 12px 5px;
		margin-right: -10px;
	}

	/* DESKTOP NAVBAR 810 END */


	/* MOBILE NABAR 810 */

	.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: 103.64px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: transparent none;
		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: 0px;
		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;
		margin-bottom: 76px;
	}

	.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
	}

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

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 16px/25.64px var(--font-onest);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		/* border-bottom: 1px solid var(--orange-200); */
	}

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

	.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%);
		filter: invert(100%); */
	}

	.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(--orange-500);
		-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 810 END */

	.agenda-red-couds {
		width: 214px;
		position: absolute;
		left: -6.4%;
		top: -7%;
	}

	.symbol-unity {
		width: 98.64%;
		margin: 0 auto;
		left: -2.6%;
		transition: all 300ms ease-out;
		bottom: 8.6%;
	}
	.symbol-unity.scaleup{
		width: 101.64%;
		transition: all 300ms ease-out;
	}
	.red-couds {
		width: 224px;
		left: unset;
		right: -4.64%;
		bottom: 56%;
		position: absolute;
		z-index: 3;
	  }

	.text-hero-images h2 {
		text-transform: uppercase;
		padding: 0px 6px;
		margin-bottom: 2px;
		line-height: 112%;
	}
	.wavy-layer {
		width: 132%;
		height: auto;
		min-height: 180px;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top: unset;
		bottom: 0;
		text-align: center;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 17%,rgba(255,255,255,1) 100%);
	}

	.yellow-couds {
		width: 204px;
		left: unset;
		right: 8%;
		bottom:76.64%;
		position: absolute;
		z-index: 3;
	}
	
	.blue-couds {
		width: 194px;
	}
	.section-hero-images {
		position: relative;
		width: 100%;
		min-height: 686px;
		top: -32px;
	}	

	.section-history {
		width: 100%;
		padding-top: 36px;
		padding-bottom: 30px;
		position: relative;
		top: -30px;
	  }

	.wavy-layer {
		bottom:-2.46%;
	}
	.history-image {
		min-height: 224px;
		margin-top: 74px;
	}

	.cta-of-agenda {
		padding-top: 0px;
	}
	.content-history-ccm {
		padding: 32px 0px 76px 0px;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
	}

	.title-section-page h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 106%;
		margin-bottom: 8px;
	}
	.principles-rule h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
		padding-right: 96px;
	}

	.title-section-home h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;			
	}
	.thumbnail-principles-rule {
		min-height: 156px;
	}

	.lead-yellow-couds {
		width: 214px;
		position: absolute;
		left: 14%;
		bottom: -0.5%;
		top: unset;
	}

	.wavy-layer img {
		max-width: 124%;
		left: -14%;
		position: relative;
	  }

	.history-blue-couds {
		width: 230px;
	}
	.lead-red-couds {
		width: 214px;
		position: absolute;
		right: -10%;
		top: -4%;
	  }
	.principles-rule {
		padding: 20px 0px 5px 0px;
	}
	.card-people-lead {
		margin-top: 8px;
		margin-bottom: 12px;		
	}

	.history-yellow-couds {
		width: 220px;
	}
	.history-red-couds {
		width: 214px;
	}

	.paragraph-conntent {
		padding-right: 0px;
	}

	.left-history-60 {
		padding: 15px 20px 15px 2px;
	}

	.section-lead-home {
		padding: 60px 0px 65px 0px;
	}
	.footer-red-couds {
		width: 204px;
		position: absolute;
		left: -4.64%;
		right: left;
		top: 5.86%;
	}
	.left-footer {
		width: 100%;
		position: relative;
		z-index: 3;
	}
	.center-footer {
		width: 100%;
	  }
	  .right-footer {
		width: 100%;
		height: auto;
	  }
	  .footer-row-two {
		position: relative;
		z-index: 4;
	  }

	  .custom-shape-divider-top-1731858298 svg {
		position: relative;
		display: block;
		width: calc(243% + 100.3px);
		height: 172px;
		transform: unset;
		z-index: 4;
		margin-top: -12%;
	  }
	  .custom-shape-divider-bottom-1731858612 {
		position: absolute;
		bottom: 4%;
		left: 0;
		width: 100%;
		overflow: hidden;
		line-height: 0;
		z-index: 2;
	  }

	  .custom-shape-divider-bottom-1731858612 svg {
		position: relative;
		display: block;
		width: calc(198% + 1.6px);
		height: 139px;
		transform: unset;
	  }
	  .footer-brand .logo-brand {
		width: 176px;
		overflow: unset;
		position: relative;
		bottom: -32px;
	  }
	  .footer-yellow-couds {
		width: 224px;
		position: absolute;
		right: -12.4%;
		top: 13.24%;
		z-index: 4;
	  }

	  .footer-ornaments {
		width: 284px;
		height: auto;
		position: absolute;
		right: -6px;
		bottom: 0px;
		z-index: 2;
	  }	  	

}
/* 810 DEVICES END */

/* MEDIA 756-809 START */
@media screen and (min-width: 756px) and (max-width: 809px) {
	html,body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}
	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}
	.navbar-desc {
		position: fixed;
		width: 100vw !important;
		top: 0px;
	}

	.navbar-desc.swipe-up-nav {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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);
		position: fixed;
		top: 0px;
	}

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

	.burger-mobile{
		display: block;
		position: absolute;
		right: 5px;
		top: -5px;
	}
	.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: var(--gray-900);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--gray-900);
	}	
	
	.navbar-mobile{
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--gray-900);
		top: 76px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		display: none;
	}

	.navbar-mobile.active{		
		display: block;
		z-index: 3;
	}

	.mobile-nav{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-left: 0px;
		padding-top: 10px;
	}

	.mobile-nav li{
		width: 100%;
		padding-left: 1px;
		padding-right: 15px;
	}

	.mobile-nav li:first-child{
		margin-top: 56px;
	}


	/* DESKTOP NAVBAR 756-809 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}
	.navbar-desc.collapsed {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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-mobile.active {
		background-color:hsla(15,100%,97%,1);
		background-image:
		radial-gradient(at 40% 20%, hsla(30,58%,96%,1) 0px, transparent 50%),
		radial-gradient(at 80% 0%, hsla(320,31%,96%,1) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(47,46%,97%,1) 0px, transparent 50%),
		radial-gradient(at 95% 85%, hsla(22,40%,80%,1) 0px, transparent 50%),
		radial-gradient(at 27% 100%, hsla(47,60%,90%,1) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(30,80%,79%,1) 0px, transparent 50%);		
		visibility: visible;
		z-index: 9;
	}

	.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: 15px 1px 12px 5px;
		margin-right: -10px;
	}

	/* DESKTOP NAVBAR 756-809 END */


	/* MOBILE NABAR 756-809 */

	.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: 103.64px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: transparent none;
		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: 0px;
		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;
		margin-bottom: 76px;
	}

	.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
	}

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

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 16px/25.64px var(--font-onest);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		/* border-bottom: 1px solid var(--orange-200); */
	}

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

	.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%);
		filter: invert(100%); */
	}

	.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(--orange-500);
		-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;
		padding-left: 10px;
	}

	/* MOBILE NAVBAR 756-809 END */

	.paragraph-conntent {
		padding-right: 0px;
	}

	.title-header-cover {
		top: 66.64%;
	}
	.agenda-red-couds {
		width: 214px;
		position: absolute;
		left: -6.4%;
		top: -7%;
	}

	.symbol-unity {
		width: 95.64%;
		margin: 0 auto;
		left: -2.6%;
		transition: all 300ms ease-out;
	}
	.symbol-unity.scaleup{
		width: 98.24%;
		transition: all 300ms ease-out;
	}
	.red-couds {
		width: 224px;
		left: unset;
		right: -4.64%;
		bottom: 56%;
		position: absolute;
		z-index: 3;
	  }

	.text-hero-images h2 {
		text-transform: uppercase;
		padding: 0px 6px;
		margin-bottom: 2px;
		line-height: 112%;
	}
	.wavy-layer {
		width: 132%;
		height: auto;
		min-height: 180px;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top: unset;
		bottom: 0;
		text-align: center;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 17%,rgba(255,255,255,1) 100%);
	}

	.yellow-couds {
		width: 204px;
		left: unset;
		right: 8%;
		bottom:76.64%;
		position: absolute;
		z-index: 3;
	}
	
	.blue-couds {
		width: 194px;
	}
	.section-hero-images {
		position: relative;
		width: 100%;
		min-height: 732px;
    	top: -32px;
	}	

	.section-history {
		width: 100%;
		padding-top: 36px;
		padding-bottom: 30px;
		position: relative;
		top: -56px;
	  }

	.wavy-layer {
		bottom:-2.46%;
	}
	.history-image {
		min-height: 224px;
		margin-top: 64px;
	}
	.content-history-ccm {
		padding: 64px 0px 56px 0px;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
	}

	.title-section-page h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;
	}
	.principles-rule h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
		padding-right: 96px;
	}

	.title-section-home h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;			
	}
	.thumbnail-principles-rule {
		min-height: 156px;
	}

	.lead-yellow-couds {
		width: 214px;
		position: absolute;
		left: 14%;
		bottom: -0.5%;
		top: unset;
	}

	.wavy-layer img {
		max-width: 124%;
		left: -14%;
		position: relative;
	  }

	.history-blue-couds {
		width: 230px;
	}
	.lead-red-couds {
		width: 214px;
		position: absolute;
		right: -10%;
		top: -4%;
	  }
	.principles-rule {
		padding: 20px 0px 5px 0px;
	}
	.card-people-lead {
		margin-top: 8px;
		margin-bottom: 12px;		
	}

	.history-yellow-couds {
		width: 220px;
	}
	.history-red-couds {
		width: 214px;
	}
	.section-lead-home {
		padding: 60px 0px 65px 0px;
	}
	.left-history-60 {
		width: 100%;
		padding: 15px 0px 15px 0px;
	  }
	
	  .right-history-38 {
		width: 100%;
		padding: 15px 0px 15px 0px;
	  }

	.footer-red-couds {
		width: 204px;
		position: absolute;
		left: -4.64%;
		right: left;
		top: 5.86%;
	}
	.left-footer {
		width: 100%;
		position: relative;
		z-index: 3;
	}
	.center-footer {
		width: 100%;
	  }
	  .right-footer {
		width: 100%;
		height: auto;
	  }
	  .footer-row-two {
		position: relative;
		z-index: 4;
	  }

	  .custom-shape-divider-top-1731858298 svg {
		position: relative;
		display: block;
		width: calc(243% + 100.3px);
		height: 172px;
		transform: unset;
		z-index: 4;
		margin-top: -12%;
	  }
	  .custom-shape-divider-bottom-1731858612 {
		position: absolute;
		bottom: 4%;
		left: 0;
		width: 100%;
		overflow: hidden;
		line-height: 0;
		z-index: 2;
	  }

	  .custom-shape-divider-bottom-1731858612 svg {
		position: relative;
		display: block;
		width: calc(198% + 1.6px);
		height: 139px;
		transform: unset;
	  }
	  .footer-brand .logo-brand {
		width: 176px;
		overflow: unset;
		position: relative;
		bottom: -32px;
	  }
	  .footer-yellow-couds {
		width: 224px;
		position: absolute;
		right: -12.4%;
		top: 13.24%;
		z-index: 4;
	  }

	  .footer-ornaments {
		width: 284px;
		height: auto;
		position: absolute;
		right: -6px;
		bottom: 0px;
		z-index: 2;
	  }	  	

	  .section-static-page {
		padding-top: 20px;
		padding-bottom: 64px;
	}

}
/* MEDIA 756-809 END */

/* MEDIA 768 POTRAIT START */
@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {
	html,body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}
	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}
	.navbar-desc {
		position: fixed;
		width: 100vw !important;
		top: 0px;
	}

	.navbar-desc.swipe-up-nav {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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);
		position: fixed;
		top: 0px;
	}

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

	.burger-mobile{
		display: block;
		position: absolute;
		right: 5px;
		top: -5px;
	}
	.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: var(--gray-900);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--gray-900);
	}	
	
	.navbar-mobile{
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--gray-900);
		top: 76px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		display: none;
	}

	.navbar-mobile.active{		
		display: block;
		z-index: 3;
	}

	.mobile-nav{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-left: 0px;
		padding-top: 10px;
	}

	.mobile-nav li{
		width: 100%;
		padding-left: 1px;
		padding-right: 15px;
	}

	.mobile-nav li:first-child{
		margin-top: 56px;
	}


	/* DESKTOP NAVBAR 768 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}
	.navbar-desc.collapsed {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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-mobile.active {
		background-color:hsla(15,100%,97%,1);
		background-image:
		radial-gradient(at 40% 20%, hsla(30,58%,96%,1) 0px, transparent 50%),
		radial-gradient(at 80% 0%, hsla(320,31%,96%,1) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(47,46%,97%,1) 0px, transparent 50%),
		radial-gradient(at 95% 85%, hsla(22,40%,80%,1) 0px, transparent 50%),
		radial-gradient(at 27% 100%, hsla(47,60%,90%,1) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(30,80%,79%,1) 0px, transparent 50%);		
		visibility: visible;
		z-index: 9;
	}

	.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: 15px 1px 12px 5px;
		margin-right: -10px;
	}

	/* DESKTOP NAVBAR 768 END */


	/* MOBILE NABAR 768*/

	.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: 103.64px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: transparent none;
		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: 0px;
		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;
		margin-bottom: 76px;
	}

	.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
	}

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

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 16px/25.64px var(--font-onest);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		/* border-bottom: 1px solid var(--orange-200); */
	}

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

	.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%);
		filter: invert(100%); */
	}

	.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(--orange-500);
		-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 768 END */
	.section-static-page {
		padding-top: 20px;
		padding-bottom: 64px;
	}

	.text-hero-images {
		top: 20.24%;
	}
	.agenda-red-couds {
		width: 214px;
		position: absolute;
		left: -6.4%;
		top: -7%;
	}

	.symbol-unity {
		width: 100.64%;
		margin: 0 auto;
		left: -2.14%;
		transition: all 300ms ease-out;
	}
	.symbol-unity.scaleup{
		width: 104.24%;
		transition: all 300ms ease-out;
	}
	.red-couds {
		width: 224px;
		left: unset;
		right: -4.64%;
		bottom: 56%;
		position: absolute;
		z-index: 3;
	  }

	.text-hero-images h2 {
		text-transform: uppercase;
		padding: 0px 6px;
		margin-bottom: 2px;
		line-height: 112%;
	}
	.wavy-layer {
		width: 132%;
		height: auto;
		min-height: 180px;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top: unset;
		bottom: 0;
		text-align: center;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 17%,rgba(255,255,255,1) 100%);
	}

	.yellow-couds {
		width: 204px;
		left: unset;
		right: 8%;
		bottom:76.64%;
		position: absolute;
		z-index: 3;
	}
	
	.blue-couds {
		width: 194px;
	}
	.section-hero-images {
		position: relative;
		width: 100%;
		min-height: 648px;
		top: -32px;
	}	

	.section-history {
		width: 100%;
		padding-top: 36px;
		padding-bottom: 30px;
		position: relative;
		top: -56px;
	  }

	.wavy-layer {
		bottom:-2.46%;
	}
	.history-image {
		min-height: 224px;
		margin-top: 64px;
	}
	.content-history-ccm {
		padding: 32px 0px 76px 0px;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
	}

	.title-section-page h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;
	}
	.principles-rule h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
		padding-right: 96px;
	}

	.title-section-home h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;			
	}
	.thumbnail-principles-rule {
		min-height: 156px;
	}

	.lead-yellow-couds {
		width: 214px;
		position: absolute;
		left: 14%;
		bottom: -0.5%;
		top: unset;
	}

	.wavy-layer img {
		max-width: 124%;
		left: -14%;
		position: relative;
	  }

	.history-blue-couds {
		width: 230px;
	}
	.lead-red-couds {
		width: 214px;
		position: absolute;
		right: -10%;
		top: -4%;
	  }
	.principles-rule {
		padding: 20px 0px 5px 0px;
	}
	.card-people-lead {
		margin-top: 8px;
		margin-bottom: 12px;		
	}

	.history-yellow-couds {
		width: 220px;
	}
	.history-red-couds {
		width: 214px;
	}
	.section-lead-home {
		padding: 60px 0px 65px 0px;
	}
	.gallery figure{
		margin: 0 0 0 0;
	}
	.footer-red-couds {
		width: 204px;
		position: absolute;
		left: -4.64%;
		right: left;
		top: 5.86%;
	}
	.left-footer {
		width: 100%;
		position: relative;
		z-index: 3;
	}
	.center-footer {
		width: 100%;
	  }
	  .right-footer {
		width: 100%;
		height: auto;
	  }
	  .footer-row-two {
		position: relative;
		z-index: 4;
	  }

	  .custom-shape-divider-top-1731858298 svg {
		position: relative;
		display: block;
		width: calc(243% + 100.3px);
		height: 172px;
		transform: unset;
		z-index: 4;
		margin-top: -12%;
	  }
	  .custom-shape-divider-bottom-1731858612 {
		position: absolute;
		bottom: 4%;
		left: 0;
		width: 100%;
		overflow: hidden;
		line-height: 0;
		z-index: 2;
	  }

	  .custom-shape-divider-bottom-1731858612 svg {
		position: relative;
		display: block;
		width: calc(198% + 1.6px);
		height: 139px;
		transform: unset;
	  }

	  .left-history-60 {
		width: 100%;
		padding: 15px 0px 15px 0px;
	  }
	
	  .right-history-38 {
		width: 100%;
		padding: 15px 0px 15px 0px;
	  }

	  .footer-brand .logo-brand {
		width: 176px;
		overflow: unset;
		position: relative;
		bottom: -32px;
	  }
	  .footer-yellow-couds {
		width: 224px;
		position: absolute;
		right: -12.4%;
		top: 13.24%;
		z-index: 4;
	  }

	  .footer-ornaments {
		width: 284px;
		height: auto;
		position: absolute;
		right: -6px;
		bottom: 0px;
		z-index: 2;
	  }	  	
}
/* MEDIA 768 POTRAIT END */

/* MEDIA 576-755 START */
@media screen and (min-width: 576px) and (max-width: 755px) {
	html,body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}
	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}
	.navbar-desc {
		position: fixed;
		width: 100vw !important;
		top: 0px;
	}

	.navbar-desc.swipe-up-nav {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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);
		position: fixed;
		top: 0px;
	}

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

	.burger-mobile{
		display: block;
		position: absolute;
		right: 5px;
		top: -5px;
	}
	.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: var(--gray-900);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--gray-900);
	}	
	
	.navbar-mobile{
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--gray-900);
		top: 76px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		display: none;
	}

	.navbar-mobile.active{		
		display: block;
		z-index: 3;
	}

	.mobile-nav{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-left: 0px;
		padding-top: 10px;
	}

	.mobile-nav li{
		width: 100%;
		padding-left: 1px;
		padding-right: 15px;
	}

	.mobile-nav li:first-child{
		margin-top: 56px;
	}


	/* DESKTOP NAVBAR 576-755 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}
	.navbar-desc.collapsed {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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-mobile.active {
		background-color:hsla(15,100%,97%,1);
		background-image:
		radial-gradient(at 40% 20%, hsla(30,58%,96%,1) 0px, transparent 50%),
		radial-gradient(at 80% 0%, hsla(320,31%,96%,1) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(47,46%,97%,1) 0px, transparent 50%),
		radial-gradient(at 95% 85%, hsla(22,40%,80%,1) 0px, transparent 50%),
		radial-gradient(at 27% 100%, hsla(47,60%,90%,1) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(30,80%,79%,1) 0px, transparent 50%);		
		visibility: visible;
		z-index: 9;
	}

	.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: 15px 1px 12px 5px;
		margin-right: -10px;
	}

	/* DESKTOP NAVBAR 576-755 END */


	/* MOBILE NABAR 576-755*/

	.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: 103.64px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: transparent none;
		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: 0px;
		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;
		margin-bottom: 76px;
	}

	.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
	}

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

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 16px/25.64px var(--font-onest);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		/* border-bottom: 1px solid var(--orange-200); */
	}

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

	.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%);
		filter: invert(100%); */
	}

	.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(--orange-500);
		-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 576-755 END */

	.agenda-red-couds {
		width: 214px;
		position: absolute;
		left: -6.4%;
		top: -7%;
	}

	.symbol-unity {
		width: 104.64%;
		margin: 0 auto;
		left: -2.6%;
	}

	.red-couds {
		width: 224px;
		left: unset;
		right: -4.64%;
		bottom: 56%;
		position: absolute;
		z-index: 3;
	  }

	.text-hero-images h2 {
		text-transform: uppercase;
		padding: 0px 6px;
		margin-bottom: 2px;
		line-height: 112%;
	}
	.wavy-layer {
		width: 132%;
		height: auto;
		min-height: 180px;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top: unset;
		bottom: 0;
		text-align: center;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 17%,rgba(255,255,255,1) 100%);
	}

	.yellow-couds {
		width: 204px;
		left: unset;
		right: 8%;
		bottom:76.64%;
		position: absolute;
		z-index: 3;
	}
	
	.blue-couds {
		width: 194px;
	}
	.section-hero-images {
		position: relative;
		width: 100%;
		min-height: 648px;
		top: -32px;
	}	

	.section-history {
		width: 100%;
		padding-top: 36px;
		padding-bottom: 30px;
		position: relative;
		top: -56px;
	  }

	.wavy-layer {
		bottom:-2.46%;
	}
	.history-image {
		min-height: 224px;
	}
	.content-history-ccm {
		padding: 32px 0px 76px 0px;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
	}

	.title-section-page h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;
	}
	.principles-rule h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
		padding-right: 96px;
	}

	.title-section-home h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;			
	}
	.thumbnail-principles-rule {
		min-height: 156px;
	}

	.lead-yellow-couds {
		width: 214px;
		position: absolute;
		left: 14%;
		bottom: -0.5%;
		top: unset;
	}

	.wavy-layer img {
		max-width: 124%;
		left: -14%;
		position: relative;
	  }

	.history-blue-couds {
		width: 230px;
	}
	.lead-red-couds {
		width: 214px;
		position: absolute;
		right: -10%;
		top: -4%;
	  }
	.principles-rule {
		padding: 20px 0px 5px 0px;
	}
	.card-people-lead {
		margin-top: 8px;
		margin-bottom: 12px;		
	}

	.history-yellow-couds {
		width: 220px;
	}
	.history-red-couds {
		width: 214px;
	}
	.section-lead-home {
		padding: 60px 0px 65px 0px;
	}

	.left-history-60 {
		width: 100%;
		padding: 15px 0px 15px 0px;
	  }
	
	  .right-history-38 {
		width: 100%;
		padding: 15px 0px 15px 0px;
	  }
	  .gallery figure{
		margin: 0 0 0 0;
	}
	.footer-red-couds {
		width: 204px;
		position: absolute;
		left: -4.64%;
		right: left;
		top: 5.86%;
	}
	.left-footer {
		width: 100%;
		position: relative;
		z-index: 3;
	}
	.center-footer {
		width: 100%;
	  }
	  .right-footer {
		width: 100%;
		height: auto;
	  }
	  .footer-row-two {
		position: relative;
		z-index: 4;
	  }

	  .custom-shape-divider-top-1731858298 svg {
		position: relative;
		display: block;
		width: calc(243% + 100.3px);
		height: 172px;
		transform: unset;
		z-index: 4;
		margin-top: -12%;
	  }
	  .custom-shape-divider-bottom-1731858612 {
		position: absolute;
		bottom: 4%;
		left: 0;
		width: 100%;
		overflow: hidden;
		line-height: 0;
		z-index: 2;
	  }

	  .custom-shape-divider-bottom-1731858612 svg {
		position: relative;
		display: block;
		width: calc(198% + 1.6px);
		height: 139px;
		transform: unset;
	  }
	  .footer-brand .logo-brand {
		width: 176px;
		overflow: unset;
		position: relative;
		bottom: -32px;
	  }
	  .footer-yellow-couds {
		width: 224px;
		position: absolute;
		right: -12.4%;
		top: 13.24%;
		z-index: 4;
	  }

	  .footer-ornaments {
		width: 284px;
		height: auto;
		position: absolute;
		right: -6px;
		bottom: 0px;
		z-index: 2;
	  }	  
}
/* MEDIA 576-755 END */

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

	html,body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}
	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}
	.navbar-desc {
		position: fixed;
		width: 100vw !important;
		top: 0px;
	}

	.navbar-desc.swipe-up-nav {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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);
		position: fixed;
		top: 0px;
	}

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

	.burger-mobile{
		display: block;
		position: absolute;
		right: 5px;
		top: -5px;
	}
	.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: var(--gray-900);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--gray-900);
	}	
	
	.navbar-mobile{
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--gray-900);
		top: 76px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		display: none;
	}

	.navbar-mobile.active{		
		display: block;
		z-index: 3;
	}

	.mobile-nav{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-left: 0px;
		padding-top: 10px;
	}

	.mobile-nav li{
		width: 100%;
		padding-left: 1px;
		padding-right: 15px;
	}

	.mobile-nav li:first-child{
		margin-top: 56px;
	}


	/* DESKTOP NAVBAR 480 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}
	.navbar-desc.collapsed {
		background: rgba(255, 255, 255, 0.58);
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(17.1px);
		-webkit-backdrop-filter: blur(17.1px);
		border: 1px solid rgba(255, 255, 255, 0.3);
		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-mobile.active {
		background-color:hsla(15,100%,97%,1);
		background-image:
		radial-gradient(at 40% 20%, hsla(30,58%,96%,1) 0px, transparent 50%),
		radial-gradient(at 80% 0%, hsla(320,31%,96%,1) 0px, transparent 50%),
		radial-gradient(at 0% 50%, hsla(47,46%,97%,1) 0px, transparent 50%),
		radial-gradient(at 95% 85%, hsla(22,40%,80%,1) 0px, transparent 50%),
		radial-gradient(at 27% 100%, hsla(47,60%,90%,1) 0px, transparent 50%),
		radial-gradient(at 0% 0%, hsla(30,80%,79%,1) 0px, transparent 50%);		
		visibility: visible;
		z-index: 9;
	}

	.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: 15px 1px 12px 5px;
		margin-right: -10px;
	}

	/* 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: 103.64px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: transparent none;
		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: 0px;
		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;
		margin-bottom: 76px;
	}

	.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
	}

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

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 16px/25.64px var(--font-onest);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		/* border-bottom: 1px solid var(--orange-200); */
	}

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

	.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%);
		filter: invert(100%); */
	}

	.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(--orange-500);
		-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 480 END */
	.head-cover-image {
		width: 100%;
		height: auto;
		overflow-y: unset;
		background: var(--grey-two);
		min-height: 186px;
		padding-top: 0px;
		position: relative;
		margin-top: -152px;
		z-index: 2;
		min-height: 424px;
		max-height: 424px;
		position: relative;
		overflow: hidden;
	  }

	.wrp-head-cover {
	position: absolute;
	width: 100vw;
	min-height: 110px;
	position: absolute;
	left: 50%;
	top: 56.76%;
	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: 138%;
		margin-top: 2.5%;
		margin-left: 0 auto;
		margin-right: 0 auto;
	}
	.title-header-cover h1 {
	font: normal 700 20.24px/29.64px var(--font-onest);
	}
	.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: 64.64%;
		transform: translate(-50%, -50%);
		max-width: 50%;
		text-align: center;		
	}
	.section-static-page {
		padding-top: 20px;
		padding-bottom: 56px;
	}

	.content-contact-officer {
		padding-top: 0px;
		padding-bottom: 16px;
	}

	.agenda-red-couds {
		width: 214px;
		position: absolute;
		left: -6.4%;
		top: -7%;
	}

	.symbol-unity {
		width: 104.64%;
		margin: 0 auto;
		left: -2.6%;
		transition: all 300ms ease-out;
	}

	.symbol-unity.scaleup{
		width: 106.64%;
		transition: all 300ms ease-out;
	}
	.red-couds {
		width: 224px;
		left: unset;
		right: -60px;
		bottom: 56%;
		position: absolute;
		z-index: 3;
	  }

	.text-hero-images h2 {
		text-transform: uppercase;
		padding: 0px 6px;
		margin-bottom: 2px;
		line-height: 112%;
	}
	.wavy-layer {
		width: 132%;
		height: auto;
		min-height: 180px;
		position: absolute;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		top: unset;
		bottom: 0;
		text-align: center;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 17%,rgba(255,255,255,1) 100%);
	}

	.yellow-couds {
		width: 204px;
		left: unset;
		right: 8%;
		bottom:76.64%;
		position: absolute;
		z-index: 3;
	}
	
	.blue-couds {
		width: 194px;
	}
	.section-hero-images {
		position: relative;
		width: 100%;
		min-height: 648px;
		top: -32px;
	}	

	.section-history {
		width: 100%;
		padding-top: 36px;
		padding-bottom: 30px;
		position: relative;
		top: -56px;
	  }

	.wavy-layer {
		bottom:-2.46%;
	}
	.history-image {
		min-height: 224px;
	}
	.content-history-ccm {
		padding: 32px 0px 76px 0px;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
	}

	.title-section-page h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;
	}
	.principles-rule h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;
	}
	.content-history-ccm h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;		
		padding-right: 96px;
	}

	.title-section-home h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-onest);
		line-height: 116%;			
	}
	.thumbnail-principles-rule {
		min-height: 156px;
	}

	.lead-yellow-couds {
		width: 214px;
		position: absolute;
		left: 14%;
		bottom: -0.5%;
		top: unset;
	}

	.wavy-layer img {
		max-width: 124%;
		left: -14%;
		position: relative;
	  }

	.history-blue-couds {
		width: 230px;
	}
	.lead-red-couds {
		width: 214px;
		position: absolute;
		right: -10%;
		top: -4%;
	  }
	.principles-rule {
		padding: 20px 0px 5px 0px;
	}
	.card-people-lead {
		margin-top: 8px;
		margin-bottom: 12px;		
	}

	.history-yellow-couds {
		width: 220px;
	}
	.history-red-couds {
		width: 214px;
	}

	.left-history-60 {
		width: 100%;
		padding: 15px 0px 15px 0px;
	  }
	
	  .right-history-38 {
		width: 100%;
		padding: 15px 0px 15px 0px;
	  }

	.section-lead-home {
		padding: 60px 0px 65px 0px;
	}

	.gallery figure{
		margin: 0 0 0 0;
	}

	.footer-red-couds {
		width: 204px;
		position: absolute;
		left: -4.64%;
		right: left;
		top: 5.86%;
	}
	.left-footer {
		width: 100%;
		position: relative;
		z-index: 3;
	}
	.center-footer {
		width: 100%;
	  }
	  .right-footer {
		width: 100%;
		height: auto;
	  }
	  .footer-row-two {
		position: relative;
		z-index: 4;
	  }

	  .custom-shape-divider-top-1731858298 svg {
		position: relative;
		display: block;
		width: calc(243% + 100.3px);
		height: 172px;
		transform: unset;
		z-index: 4;
		margin-top: -12%;
	  }
	  .custom-shape-divider-bottom-1731858612 {
		position: absolute;
		bottom: 4%;
		left: 0;
		width: 100%;
		overflow: hidden;
		line-height: 0;
		z-index: 2;
	  }

	  .custom-shape-divider-bottom-1731858612 svg {
		position: relative;
		display: block;
		width: calc(198% + 1.6px);
		height: 139px;
		transform: unset;
	  }
	  .footer-brand .logo-brand {
		width: 176px;
		overflow: unset;
		position: relative;
		bottom: -32px;
	  }
	  .footer-yellow-couds {
		width: 224px;
		position: absolute;
		right: -12.4%;
		top: 13.24%;
		z-index: 4;
	  }

	  .footer-ornaments {
		width: 284px;
		height: auto;
		position: absolute;
		right: -6px;
		bottom: 0px;
		z-index: 2;
	  }	  
}
/* MEDIA 480 END */