*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0px;
}

.noScroll {
	overflow: hidden;
}

.JindexNaviContainer.show .JindexNaviContainerInner,
.JindexNaviContainer.show .JhasSubInner {
	background: rgba(255, 255, 255, 1);
}

.JsideNaviContainer ul {
	overflow: visible;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.JsideNaviContainer ul:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-box-shadow: 0 7px 7px 0 rgb(0 0 0 / 20%);
	box-shadow: 0 7px 7px 0 rgb(0 0 0 / 20%);
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

.JsideNaviContainer ul.active:before {
	height: calc(100% + 140px);
}

.JsideNaviContainer ul li {
	position: relative;
}

.JsideNaviContainer ul li a {
	/*-webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;*/
	opacity: 1;
}

.JsideNaviContainer ul li:first-child a {
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
}

.JsideNaviContainer ul li:last-child a {
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
}

.JsocialLinkInner {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff;
	width: 60px;
	padding: ;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
}

.JsocialLinkInner a {
	min-width: 25px !important;
	min-height: 25px !important;
	background-image: url("../images/icon-sprite.png") !important;
	background-repeat: no-repeat !important;
	background-size: 500px auto;
	display: block !important;
	margin: auto;
	padding: 7px 17px 7px;
	background-color: transparent !important;
	-webkit-border-bottom-left-radius: 0px !important;
	-moz-border-radius-bottomleft: 0px !important;
	border-bottom-left-radius: 0px !important;
	height: 37px !important;
}

/*.JsocialLinkInner a:before {
	content: '';
	background-image: url(../img/icon-sprite.png);
	background-position: -10px -185px;
}*/
/ .JsocialLinkInner a:first-child {
	padding: 12px 17px 7px;
	height: 44px !important;
}

.JsocialLinkInner a:last-child {
	padding: 7px 17px 17px;
	-webkit-border-bottom-left-radius: 15px !important;
	-moz-border-radius-bottomleft: 15px !important;
	border-bottom-left-radius: 15px !important;
	height: 49px !important;
}

.JsocialLinkInner a.JsocialFB {
	background-position: 10px -286px;
}

.JsocialLinkInner a.JsocialIN {
	background-position: 10px -324px;
}

.JsocialLinkInner a.JsocialTT {
	background-position: 10px -361px;
}

.JsocialLinkInner a.JsocialYT {
	background-position: 10px -398px;
}

.JsocialLinkInner a.JsocialLI {
	background-position: 10px -438px;
}
.JsocialLinkInner a.JsocialTok {
	background-position: 10px -480px;
}
.JindexRow3LeftListContent {
	width: calc(100% - 83px);
}

.Jcontact01ListContainer {
	margin-top: 22px;
	display: flex;
	flex-wrap: wrap;
}

.Jcontact01List {
	width: calc(33.3333% - 15.3333px);
	margin-right: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid rgba(112, 112, 112, 0.3);
	margin-bottom: 20px;
}

.Jcontact01List:nth-child(3n) {
	margin-right: 0px;
}

.Jcontact01ListInner {
	padding: 25px 40px;
}

.Jcontact01ListInner h3 {
	min-height: 55px;
	font-size: 18px;
	line-height: 24px;
}

.JgeneralBtn {
}

.JgeneralBtn a {
	/*margin-top: 20px;*/
	display: flex;
	/*margin-top: 30px;*/
	align-items: center;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.JgeneralBtn a i {
	width: 32px;
	height: 32px;
	background: url(../images/read-more-c.svg) center no-repeat;
}

.JgeneralBtn a p {
	margin-left: 10px;
	text-transform: uppercase;
	color: #0da6a1;
}

.Jcontact01ListInner .JgeneralBtn {
	margin-top: 10px;
}

.JgeneralPopupContainer {
	position: fixed;
	overflow: auto;
	top: 0px;
	left: 0px;
	width: calc(100% - 30px);
	height: calc(100% - 100px);
	padding: 50px 15px;
	z-index: 6;
	/*display: flex;
	align-items: center;
	justify-content: center;*/

	width: 100%;
	height: 100%;
	display: none;
}

.JgeneralPopupBG {
	background: rgba(0, 0, 0, 0.55);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.JgeneralPopupTableOuter {
	/*max-width: 1085px;*/
	width: 100%;
	/*padding: 50px 15px;*/
	position: relative;
	/*max-height: 600px;
    overflow: auto;*/
	display: table;
	height: 100%;
}

.JgeneralPopupTable {
	/*background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/

	display: table-cell;
	vertical-align: middle;
	/*max-height: 600px;
    overflow: auto;*/
}

.JgeneralPopupTD {
	position: relative;
	background: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/*max-width: 1085px;*/
	max-width: 1100px;
	margin: auto;
	/*max-height: 600px;
	overflow: auto;*/
}

.JgeneralPopupClose {
	position: absolute;
	background: url(/themes/custom/petronas/images/close-popup-icon.png) center no-repeat;
	width: 24px;
	height: 24px;
	right: 45px;
	top: 35px;
	font-size: 0px;
	line-height: 0px;
}

.JgeneralPopupTableInner {
	padding: 40px 50px 30px;
}

.JgeneralPopupTitle {
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.JgeneralPopupTitle h2 {
	font-size: 20px;
	line-height: 24px;
	font-family: "Museo Sans", sans-serif;
	font-weight: 700;
}

.JgeneralPopupContent {
	max-height: 515px;
	overflow: auto;
}

.JgeneralPopupContentList {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.JgeneralPopupContentList:first-child {
	margin-top: 0px;
	border-top: none;
}

.JgeneralPopupContentList h3 {
	font-size: 20px;
	line-height: 24px;
	font-family: "Museo Sans", sans-serif;
	font-weight: 700;
	color: #00a19c;
}

.JgeneralPopupContentList h3 a {
	text-decoration: underline;
}

.JgeneralPopupContentListInner {
	margin-top: 30px;
	display: flex;
	padding-top: 30px;
	border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.JgeneralPopupContentListInner:nth-child(2) {
	padding-top: 0px;
	border-top: none;
}

.JgeneralPopupContentRow {
	width: calc(33.3333% - 10px);
	margin-right: 15px;
}

.JgeneralPopupContentRow p b {
	font-family: "Museo Sans", sans-serif;
	font-weight: 700;
}

.JgeneralPopupContentRow:nth-child(3n) {
	margin-right: 0px;
}

.JgeneralPopupContentRowList {
	display: flex;
	margin-bottom: 5px;
}

.JgeneralPopupContentRowList p:first-child {
	width: 50px;
	display: flex;
	justify-content: space-between;
	margin-right: 5px;
}

.JgeneralPopupContentRowList p:first-child i {
	font-style: normal;
}

.JgeneralPopupContentRowList p {
	margin-top: 0px;
	margin-bottom: 0px;
}

.JgeneralPopupContentRowList a {
	color: #00a19c;
	text-decoration: underline;
}

.JgeneralPopupContentRowList p:last-child {
}

.JgeneralPopupContentRow p a {
	color: #000;
	text-decoration: underline;
}

.JsponsorLogoContainer {
	display: flex;
	flex-wrap: wrap;
}

.JsponsorLogo {
	width: calc(33.3333% - 10px);
	margin: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.JsponsorLogo img {
	display: block;
	max-width: 100%;
}

.JsponsorLogoContainerOuter {
	align-items: flex-start;
}

.JmasterRow7RightListLeft img {
	width: 76px;
}

.JmasterRow3ContentLeftDescListRight h3 {
	font-size: 20px;
	line-height: 25px;
}

.JmasterFakeSlide {
	height: 100%;
}

.JmasterFakeSlide .JindexRow5SlideRightInner p:first-child {
	font-size: 14px;
	line-height: 17px;
	font-family: "Museo Sans", sans-serif;
	font-weight: 900;
	color: #0da6a1;
}

.JmasterFakeSlideThumb {
	width: 100%;
	height: 100%;
	background: #ccc;
	padding-bottom: 100%;
	right: auto;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: static;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}

.JmasterRow7RightListOuter {
}

.JmasterRow7RightListOuter .JmasterRow7RightListRight {
	display: block;
}

.JmasterRow7RightListOuter .JmasterRow7RightListRight p b {
	font-family: "Museo Sans", sans-serif;
	font-weight: normal;
}

.JmasterRow7RightListOuter .JmasterRow7RightListRight i {
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
}

.JmasterRow7RightList {
	align-items: center;
}

.JinvestorQuestionOuter .JmasterRow7Container > div {
	padding-bottom: 100px;
}

.JinvestorQuestionOuter .JmasterRow7ContentInner {
	padding-top: 0px;
	padding-bottom: 0px;
}

.JinvestorQuestion {
	max-width: 820px;
	width: 100%;
	margin: auto;
	background: #f7f7f7;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.JinvestorQuestionInner {
	padding: 50px 90px;
}

.JinvestorQuestionTitle {
	display: flex;
	align-items: center;
}

.JinvestorQuestionTitle h3 {
	width: calc(100% - 98px);
	margin-left: 30px;
	text-align: left;
}

.JinvestorQuestionBody {
	margin-top: 25px;
	display: flex;
	align-items: center;
}

.JinvestorQuestionBody a p {
	color: #00a19c;
	text-transform: none;
}

.JinvestorQuestionBody a i {
	background: url(../images/read-more-c.svg) center no-repeat;
	font-size: 0px;
}

.JinvestorQuestionRow1 .JmasterRow5BG {
	background: #00a19c;
}

.JinvestorQuestionRow3 .JmasterRow4ContentLeftBG {
	background: rgb(44, 70, 133);
	background: linear-gradient(188deg, rgba(44, 70, 133, 1) 0%, rgba(0, 161, 156, 1) 80%);
}

.JinvestorQuestionRow1 .JmasterRow5Pattern {
	display: none;
}

.Jcareer {
	overflow: visible;
}

.Jcareer .JmasterRow11ContainerInner {
	overflow: hidden;
}

.JmasterRow7RightListOuter .JmasterRow7BG {
	background: rgb(0, 161, 156);
	background: -moz-linear-gradient(0deg, rgba(0, 161, 156, 1) 46%, rgba(86, 64, 153, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0, 161, 156, 1) 46%, rgba(86, 64, 153, 1) 100%);
	background: linear-gradient(0deg, rgba(0, 161, 156, 1) 46%, rgba(86, 64, 153, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a19c",endColorstr="#564099",GradientType=1);
}

.JawardsSlide {
	padding: 50px 0px;
}

.JawardsSlide .JmasterInnerGeneralInner {
	width: 100%;
	height: 226px;
}

.JawardsTabs {
	text-align: center;
}

.JawardsTabs span,
.JawardsTabs img {
	/*display: none;*/
	height: 0px;
	overflow: hidden;
	display: block;
	/*-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;*/
}

.JawardsTabs img {
	margin: auto;
}

.JawardsSlide .splide__pagination {
	display: none;
}

.JawardsSlide .splide__list {
	/*display: flex;
	align-items: center;
	justify-content: center;*/
	position: relative;
	text-align: center;
}

.JawardsSlide .JawardsTabs.slick-current span,
.JawardsSlide .is-active.is-visible .JawardsTabs span {
	/*display: block;*/
	height: auto;
	height: 29px;
}

.JawardsSlide .JawardsTabs.slick-current img,
.JawardsSlide .is-active.is-visible .JawardsTabs img {
	height: 79px;
}

.JawardsTabs h3 {
	font-family: "Museo Sans", sans-serif;
	font-weight: 900;
	font-size: 50px;
	line-height: 50px;
	color: #707070;
	margin-top: 50px;
	/*-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;*/
}

.JawardsTabs span {
	color: #00a19c;
	font-size: 24px;
	line-height: 29px;
	text-transform: uppercase;
}

.JawardsSlide .JawardsTabs.slick-current h3,
.JawardsSlide .is-active.is-visible .JawardsTabs h3 {
	font-size: 105px;
	line-height: 100px;
	margin: 10px 0px;
}

.JawardsSlide .JawardsTabs.slick-current img,
.JawardsSlide .is-active.is-visible .JawardsTabs img {
	margin: auto;
	margin-top: -31px;
}

.JawardsSlide .sliderAwards .slick-prev,
.JawardsSlide .splide__arrows .splide__arrow--prev {
	/*background: url(http://staging.pet.fishermen.co//themes/custom/petronas/images/awards-white-bg.png);
    background-repeat: repeat-y;*/
	position: absolute;
	top: 0px;
	left: 33px;
	font-size: 0px;
	display: block;
	padding: 0px;
	border: none;
	/*width: 118px;
    height: 100%;*/
	z-index: 1;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

	transform: none;

	background-color: transparent;
	background-image: url(/themes/custom/petronas/images/next.png);
	width: 49px;
	height: 49px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
}

.JawardsSlide .sliderAwards .slick-next,
.JawardsSlide .splide__arrows .splide__arrow--next {
	/*background: url(http://staging.pet.fishermen.co//themes/custom/petronas/images/awards-white-bg.png);
    background-repeat: repeat-y;*/
	position: absolute;
	top: 0px;
	right: 33px;
	font-size: 0px;
	display: block;
	padding: 0px;
	border: none;
	/*width: 118px;
    height: 100%;*/
	z-index: 1;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

	background-color: transparent;
	background-image: url(/themes/custom/petronas/images/next.png);
	width: 49px;
	height: 49px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	top: 50%;
	-moz-transform: translateY(-50%) rotate(180deg);
	-webkit-transform: translateY(-50%) rotate(180deg);
	-o-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
	z-index: 2;
}

.JawardsSlide .splide__arrows .splide__arrow--prev svg,
.JawardsSlide .splide__arrows .splide__arrow--next svg {
	display: none;
}

.JawardsSlide .sliderAwards .splide__list .splide__slide {
	width: 18.5% !important;
}

.JawardsSlide .sliderAwards .splide__list .splide__slide.is-active {
	width: 26% !important;
}

.JawardsSlideBodyOuter {
	padding: 0px 125px;
	width: 100%;
	margin-top: 50px;
}

.JawardsSlideBody {
	display: none;
}

.JawardsSlideBody:first-child {
	display: block;
}

.JawardsSlideBodyInner {
	display: flex;
	flex-wrap: wrap;
	/*align-items: center;*/
}

.JawardsSlideBodyList {
	width: calc(33.3333% - 13.3333px);
	margin-right: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: rgb(0, 161, 156);
	background: -moz-linear-gradient(180deg, rgba(0, 161, 156, 1) 0%, rgba(118, 63, 152, 1) 100%);
	background: -webkit-linear-gradient(
		180deg,
		rgba(0, 161, 156, 1) 0%,
		rgba(118, 63, 152, 1) 100%
	);
	background: linear-gradient(180deg, rgba(0, 161, 156, 1) 0%, rgba(118, 63, 152, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a19c",endColorstr="#763f98",GradientType=1);
}

.JawardsSlideBodyList:nth-child(3n) {
	margin-right: 0px;
}

.JawardsSlideBodyListInner {
	padding: 30px 40px;
}

.JawardsSlideBodyListInner > p {
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	min-height: 50px;
	font-family: "Museo Sans", sans-serif;
}

.JawardsSlideBodyListInner a {
	display: flex;
	align-items: center;
	margin-top: 10px;
}

.JawardsSlideBodyListInner a i {
	width: 32px;
	height: 32px;
	background: url(../images/read-more.svg) center no-repeat;
}

.JawardsSlideBodyListInner a p {
	margin-left: 10px;
	/* text-transform: uppercase; */
	color: #fff;
	font-family: "Museo Sans", sans-serif;
	height: auto;
}

.JgeneralPopupContentList.JawardPopupContentList {
	margin-top: 0px;
	padding-top: 30px;
	border-top: none;
}

.JgeneralPopupContentList.JawardPopupContentList .JgeneralPopupContentListInner {
	margin-top: 0px;
	display: block;
	border-top: none;
	padding-top: 0px;
}

.JawardPopupContentListContainer img {
	display: block;
	max-width: 100%;
}

.JawardPopupContentList ol,
.JawardPopupContentList ul {
	padding: 0px 0px 0px 15px;
	margin: 0 0 0 2px;
}

.JawardPopupContentList ol li,
.JawardPopupContentList ul li {
	margin-top: 5px;
}

.JawardPopupContentList a {
	text-decoration: underline;
}

.JprivacySlide {
	margin-top: 50px;
}

.JprivacySlide .JmasterInnerGeneralInner {
	width: 100%;
}

.JprivacySlide ul {
	padding: 0px;
	margin: 0px;
	display: flex;
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.JprivacySlide ul li {
	margin-right: 40px;
	list-style-type: none;
}

.JprivacySlide ul li a {
	padding: 10px;
	font-size: 18px;
	line-height: 18px;
	font-family: "Museo Sans", sans-serif;
	color: rgba(0, 0, 0, 0.3);
	display: block;
	position: relative;
}

.JprivacySlide ul li.active a {
	color: #00a19c;
}

.JprivacySlide ul li.active a:after {
	content: "";
	height: 1px;
	width: 100%;
	background: #00a19c;
	position: absolute;
	bottom: -1px;
	left: 0px;
	display: block;
}

.JprivacySlideBodyOuter {
	margin-top: 25px;
}

.JprivacySlideBodyInner {
	margin-top: 40px;
}

.JprivacySlideBodyInner .JawardsSlideBodyList {
	width: calc(33.3333% - 15.3333px);
	border: 1px solid rgba(112, 112, 112, 0.3);
	background: #fff;
}

.JprivacySlideBodyInner .JawardsSlideBodyListInner > p {
	color: #000;
}

.JprivacySlideBodyInner a i {
	background: url(../images/read-more-c.svg) center no-repeat;
}

.JprivacySlideBodyInner .JawardsSlideBodyListInner a p {
	color: #00a19c;
}

.JprivacySlide {
	margin-bottom: 0px !important;
}

.JsustainabilityRow2 .JmasterRow8BG {
	background: #00a19c;
	/*background: rgb(0,161,156);
	background: -moz-linear-gradient(180deg, rgba(0,161,156,1) 60%, rgba(7,141,155,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0,161,156,1) 60%, rgba(7,141,155,1) 100%);
	background: linear-gradient(180deg, rgba(0,161,156,1) 60%, rgba(7,141,155,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a19c",endColorstr="#078d9b",GradientType=1);*/

	height: calc(100% + 50px);
	top: -50px;
}

.JsustainabilityRow3 .JmasterRow7BG {
	background: rgb(0, 161, 156);
	background: -moz-linear-gradient(180deg, rgba(0, 161, 156, 1) 0%, rgba(104, 63, 152, 1) 37%);
	background: -webkit-linear-gradient(180deg, rgba(0, 161, 156, 1) 0%, rgba(104, 63, 152, 1) 37%);
	background: linear-gradient(180deg, rgba(0, 161, 156, 1) 0%, rgba(104, 63, 152, 1) 37%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a19c",endColorstr="#683f98",GradientType=1);
}

.JsustainabilityRow4 .JmasterRow6BG {
	background: rgb(104, 63, 152);
	background: -moz-linear-gradient(180deg, rgba(104, 63, 152, 1) 0%, rgba(0, 161, 156, 1) 100%);
	background: -webkit-linear-gradient(
		180deg,
		rgba(104, 63, 152, 1) 0%,
		rgba(0, 161, 156, 1) 100%
	);
	background: linear-gradient(180deg, rgba(104, 63, 152, 1) 0%, rgba(0, 161, 156, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#683f98",endColorstr="#00a19c",GradientType=1);
}

.JconnectRow2 .JmasterRow7ContentBanner {
	display: none;
}

.JconnectRow2 .JmasterRow7BG {
	height: calc(100% + 50px);
	top: -50px;
}

.JconnectRow2 .JmasterRow7ContentInner {
	align-items: flex-start;
}

.JconnectRow2 iframe body {
	padding: 0px;
}

.JconnectRow2 h1 {
	display: none;
}

.webform-share-iframe {
}

.JprivacyBody {
	margin-top: 20px;
}

.JprivacyBody h4 {
	font-size: 20px;
	line-height: 25px;
}

.JprivacyBody a {
	display: inline-block;
}

.JconnectRow3 .JmasterRow7BG {
	background: rgb(0, 161, 156);
	background: -moz-linear-gradient(180deg, rgba(0, 161, 156, 1) 0%, rgba(26, 83, 155, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0, 161, 156, 1) 0%, rgba(26, 83, 155, 1) 100%);
	background: linear-gradient(180deg, rgba(0, 161, 156, 1) 0%, rgba(26, 83, 155, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a19c",endColorstr="#1a539b",GradientType=1);
}

.JmediaRow3 .JmasterRow7ContentBanner {
	display: none;
}

.JmediaRow3 .JmasterRow7BG {
	height: calc(100% + 50px);
	top: -50px;
	background: rgb(0, 161, 156);
	background: -moz-linear-gradient(180deg, rgba(0, 161, 156, 1) 0%, rgba(10, 131, 155, 1) 90%);
	background: -webkit-linear-gradient(180deg, rgba(0, 161, 156, 1) 0%, rgba(10, 131, 155, 1) 90%);
	background: linear-gradient(180deg, rgba(0, 161, 156, 1) 0%, rgba(10, 131, 155, 1) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a19c",endColorstr="#0a839b",GradientType=1);
}

.JmediaRow3 .JmasterRow7ContentInner {
	padding-top: 0px;
}

.JmediaRow3List {
	width: calc(50% - 10px);
	margin-right: 20px;
	margin-bottom: 40px;
	display: flex;
	align-items: center;
}

.JmediaRow3List:nth-child(2n) {
	margin-right: 0px;
}

.JmediaRow3ListRight {
	width: calc(100% - 82px);
	margin-left: 30px;
}

.JmediaRow3ListRight a {
	font-size: 20px;
	line-height: 28px;
	color: #000;
	/*text-decoration: underline;*/
}

.JmediaRow3 .JmasterRow7ContentInner {
	align-items: flex-start;
}

.JmediaRow3 .JmasterRow7ContentInner {
	padding-bottom: 0px;
}

.JmediaRow4 .JmasterRow7ContentBanner {
	display: none;
}

.JmediaRow4 .JmasterRow7BG {
	background: rgb(10, 131, 155);
	background: -moz-linear-gradient(180deg, rgba(10, 131, 155, 1) 0%, rgba(41, 65, 154, 1) 100%);
	background: -webkit-linear-gradient(
		180deg,
		rgba(10, 131, 155, 1) 0%,
		rgba(41, 65, 154, 1) 100%
	);
	background: linear-gradient(180deg, rgba(10, 131, 155, 1) 0%, rgba(41, 65, 154, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a839b",endColorstr="#29419a",GradientType=1);
}

.JmediaRow4 .JmasterRow7Container {
	padding-top: 60px;
}

.JmediaRow4Contact {
	margin-top: 25px;
	display: flex;
	align-items: center;
}

.JmediaRow4Contact img {
	width: 27px;
}

.JmediaRow4ContactRight {
	width: calc(100% - 42px);
	margin-left: 15px;
}

.JmediaRow4ContactRight a {
	color: #fff;
	text-decoration: underline;
}

.JmediaRow4 .JmasterRow7ContentInner {
	align-items: flex-start;
}

.JmediaRow4 .btn-primary {
}

.JmediaRow3ListIconM,
.JmediaRow4ContactIconC {
	display: none;
}

.JlicensingRow2 {
}

.JlicensingRow2 h2 {
	max-width: 622px;
	margin: auto;
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 60px;
}

.JlicensingRow2 p {
	/*margin-top: 0px;*/
	margin-bottom: 0px;
}

.JlicensingRow2 .resp-tabs-container .resp-tab-content > div:nth-child(1) {
}

.JscrollImg {
	overflow: auto;
}

.JlicensingRow2 .resp-tabs-container .resp-tab-content > div:nth-child(1) img {
	margin: auto;
	/*max-width: 100%;*/
	display: block;
	/*margin-top: 60px;*/
	width: 715px;
}

.JlicensingRow2 .JmasterInnerRow2ContainerInner > div {
	/*max-width: 720px;*/
	margin: auto;
	margin-top: 80px;
	width: 100%;

	margin-top: 70px;
}

.JlicensingRow2 .resp-tabs-container .resp-tab-content > div:nth-child(2) {
	padding-top: 0px;
}

.JlicensingRow2 .resp-tabs-container .resp-tab-content > div:nth-child(2) > div > div,
.JlicensingRow2 .resp-tabs-container .resp-tab-content > div:nth-child(4) > div > div,
.JlicensingRow2 .resp-tabs-container .resp-tab-content > div:nth-child(5) > div > div {
	/*max-width: 690px;*/
	width: 100%;
}

.JlicensingRow2TabList01 {
	display: flex;
	margin: auto;
	margin-bottom: 55px;
	max-width: 690px;
}

.JlicensingRow2TabList01:last-child {
	margin-bottom: 0px;
}

.JlicensingRow2TabList01 .JlicensingRow2TabList01a p {
	font-size: 18px;
	line-height: 18px;
	font-family: "Museo Sans", sans-serif;
	font-weight: 700;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background: #00a19c;
	margin: 0px;
}

.JlicensingRow2TabList01:nth-child(2) .JlicensingRow2TabList01a p {
	background: #763f98;
}

.JlicensingRow2TabList01:nth-child(3) .JlicensingRow2TabList01a p {
	background: #20419a;
}

.JlicensingRow2TabList01:nth-child(4) .JlicensingRow2TabList01a p {
	background: #51bcbc;
}

.JlicensingRow2TabList01:nth-child(5) .JlicensingRow2TabList01a p {
	background: #f9a330;
}

.JlicensingRow2TabList01:nth-child(6) .JlicensingRow2TabList01a p {
	background: #a6ca42;
}

.JlicensingRow2TabList01 .JlicensingRow2TabList01b {
	width: calc(100% - 226px);
	margin-left: 25px;
}

.JlicensingRow2TabList01 .JlicensingRow2TabList01b h4 {
	font-size: 20px;
	line-height: 24px;
	color: #00a19c;
	font-family: "Museo Sans", sans-serif;
	font-weight: 700;
}

.JlicensingRow2TabList01 .JlicensingRow2TabList01b p {
	color: #707070;
	margin: 0px;
	margin-top: 5px;
}

.JlicensingRow2TabList01 .JlicensingRow2TabList01c {
	margin-left: 25px;
}

.JlicensingRow2TabList01 .JlicensingRow2TabList01c a {
	display: flex;
	align-items: center;
}

.JlicensingRow2TabList01 .JlicensingRow2TabList01c a i {
	width: 32px;
	height: 32px;
	background: url(/themes/custom/petronas/images/read-more-c.svg) center no-repeat;
	font-size: 0px;
	margin-right: 10px;
}

.JlicensingRow2TabList01 .JlicensingRow2TabList01c a p {
}

.JlicensingRow2 .resp-tabs-container .resp-tab-content > div:nth-child(3),
.JlicensingRow2 .resp-tabs-container .resp-tab-content > div:nth-child(4),
.JlicensingRow2 .resp-tabs-container .resp-tab-content > div:nth-child(5) {
	padding-top: 0px;
}

.JlicensingRow2 .resp-tabs-container .resp-tab-content > div:nth-child(3) img {
	margin: auto;
	/* max-width: 100%; */
	display: block;
	/*margin-top: 60px;*/
	width: 715px;
}

.JlicensingRow2 .resp-tabs-container .resp-tab-content > div:nth-child(5) a {
	text-decoration: underline;
}

.JlicensingRow2 .resp-tabs-container .resp-tab-content > div:nth-child(5) b {
	font-family: "Museo Sans", sans-serif;
	font-weight: 700;
}

.JlicensingRow2 .resp-tabs-container .resp-tab-content > div:nth-child(5) p {
	color: #707070;
}

.JlicensingRow2Tabs2 {
	max-width: 690px;
	width: 100%;
	margin: auto;
}

.JlicensingRow2 .resp-tabs-container .resp-tab-content .JmasterInnerRow2ContainerInner ol,
.JlicensingRow2 .resp-tabs-container .resp-tab-content .JmasterInnerRow2ContainerInner ul {
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

.JbopRow2ContainerInner .ui-tabs-nav {
	/*width: 100%;*/
	overflow-y: hidden;
	max-width: 100%;

	display: grid;
	grid-auto-flow: column;
	/* gap: 4px; */
	align-items: center;
	justify-items: center;
	justify-content: normal;
}

.JbopRow2ContainerInner .JbopTabsNav li {
	max-width: 220px;
}

.JlicensingRow2Tabs2b img {
	width: auto !important;
	max-width: 100%;
}

/*.JlicensingRow2Tabs2b {
	margin-top: 80px;
}*/

.JlicensingRow2 .JbopRow2Content03:first-child > div > div.JlicensingRow2Tabs2b {
	margin-top: 80px;
}

.JlicensingRow2 .JbopRow2Content03 > div {
	padding-bottom: 0px;
}

.JlicensingRow2 .JbopRow2Content03:last-child > div {
	padding-bottom: 110px;
}

.JgeneralBtn {
	display: flex;
	align-items: center;
}

.JgeneralBtn b {
	width: calc(100% - 42px);
	font-weight: normal;
}

.JgeneralBtn i {
	width: 32px;
	height: 32px;
	background: url(../images/read-more-c.svg) center no-repeat;
	margin-right: 10px;
	font-size: 0px;
}

.JlicensingRow2Tabs2BG {
	background: #00a19c;
	margin: 0px -125px;
	/*padding: 0px 15px;*/
}

.JlicensingRow2Tabs2BG > div {
	padding-top: 70px;
	padding-bottom: 70px;
}

.JlicensingRow2Tabs2BG h2 {
	color: #fff;
	margin-bottom: 0px;
}

.JlicensingRow2Tabs3 {
	margin: auto;
}

.JlicensingRow2Tabs3 ol,
.JlicensingRow2Tabs3 ul {
	margin-top: 15px !important;
}

.JlicensingChart01 {
	max-width: 710px !important;
	margin: auto;
	display: block;
}

.JlicensingRow2Tabs2BG {
}

.JlicensingRow2Tabs2BG .JbopRow2Content02Left ul,
.JlicensingRow2Tabs2BG .JbopRow2Content02Right ul {
	margin: 30px 0px 0px !important;
}

.JlicensingRow2Tabs2BG .JbopRow2Content02Left p,
.JlicensingRow2Tabs2BG .JbopRow2Content02Right p {
	margin-bottom: 0px;
	margin-top: 20px;
}

.JlicensingRow2Tabs3 .JmasterInnerRow4ListContainer img {
	width: auto !important;
}

.JlicensingRow2Tabs3 .JmasterInnerRow4ListRight {
	margin-top: 0px;
}

.JlicensingRow2Tabs3 .JmasterInnerRow4List {
	align-items: center;
}

.JbopRow2ContainerInner .ui-tabs-nav li.ui-state-active:after {
	bottom: 1px;
}

.JpaddingBtm {
	padding-bottom: 110px;
}

.JawardsSlide .JmasterInnerGeneralInner {
	position: relative;
}

.JawardsSlide .JmasterInnerGeneralInner > section {
	position: static;
}

.JawardsSlide .JmasterInnerGeneralInner:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(/themes/custom/petronas/images/awards-white-bg.png);
	background-repeat: repeat-y;
	width: 118px;
	height: 100%;
	z-index: 1;
}

.JawardsSlide .JmasterInnerGeneralInner:after {
	content: "";
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(/themes/custom/petronas/images/awards-white-bg.png);
	background-repeat: repeat-y;
	width: 118px;
	height: 100%;
	z-index: 1;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.JpassionRow4,
.JpassionRow4 .JindexRow2Content,
.JpassionRow4 .JindexRow2Content > .splide,
.JpassionRow4 .JindexRow2Content > .splide > .splide__track,
.JpassionRow4 .JindexRow2Content > .splide > .splide__track .splide__list {
	height: auto !important;
}

.JpassionRow4 .JindexRow2Content > .splide > .splide__track .splide__list {
	padding: 70px 0px !important;
}

.JpassionRow4 .JindexRow2SplideNavi {
	bottom: 50px;
}

.JpassionRow6 .JindexRow5Slide {
	padding: 60px 0px 0px;
}

.JmasterRow7LogoList {
	padding-top: 0px;
}

.Jlicensing02a h2 {
	max-width: 100%;
	margin-bottom: 0px;
	margin: 0px;
}

.Jlicensing02a > div > div {
	width: calc(50% - 50px) !important;
}

.Jlicensing02a > div > div:nth-child(1) {
	margin-right: 50px;
}

.Jlicensing02a > div > div:nth-child(2) {
	margin-left: 50px;
}

.JlicensingRow2Tabs3Row3 {
	padding-top: 50px;
	padding-bottom: 50px;
	padding: 50px 25px;
	background: #00a19c;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin-top: 50px;

	height: calc(100% - 50px);
}

.JlicensingRow2Tabs3Row3 h2,
.JlicensingRow2Tabs3Row3 p,
.JlicensingRow2Tabs3Row3 h3 {
	color: #fff;
	margin-bottom: 0px;
}

.JlicensingRow2Tabs2margin {
	margin-top: 13px;
}

.JlicensingRow2Tabs2margin > div > div {
	margin-top: 0px !important;
}

.JlicensingRow2Tabs2padding .JlicensingRow2Tabs3 {
	padding-bottom: 0px;
}

.JbopRow2Container .JmasterInnerRow2ContainerInner h3 {
	font-size: 1.75rem;
	line-height: 1.2;
}

.Jlicensing02b > div > div {
	margin-top: 43px;
}

.JlicensingRow2Tabs3 .JgeneralBtn {
	margin-top: 15px;
}

.Jlicensing03a .JlicensingRow2Tabs3 p:first-child {
	margin-top: 15px;
}

.JlicensingRow2 .ui-widget-content.ui-tabs a {
	color: #00a19c;
}

.JlicensingRow2Tabs3a {
	margin-top: -15px;
}

.JlicensingRow2Tabs3b {
	margin-top: -100px;
}

.JlicensingRow2Tabs3a .JmasterInnerRow4List h3 {
	text-align: left;
}

.JpaddingBtm2 {
	padding-bottom: 110px;
}

.JlicensingTitleLeft {
}

.JlicensingTitleLeft h2 {
	max-width: 100%;
	margin-bottom: 0px;
}

.JpassionRow7 .JmasterRow5Pattern {
	z-index: -1;
}

.JmediaRow4 .JmasterRow7ContentInner {
	padding-top: 0px;
}

.JindexRow3Container .JindexRow3SplideNaviInner {
	bottom: 15px;
}

.JindexRow5SlideLeftImg {
	background-position: center;
}

.JindexRow5SplideNaviInner {
	left: 90%;
	width: 286px;
}

.JpassionNewRow2 .JindexRow2RightContainer img {
	max-width: 100%;
}

.JindexNaviRightTop ul li a {
	padding: 21px 25px 21px;
}

.JindexNaviRightBtm ul.JindexNaviRightBtmNavi li a {
	padding: 20px 36px;
}

.JhasSubInner {
	top: 109px;
}

.JhasSubInnerTop {
	top: 54px;
	/*border-top: 1px solid rgba(0,0,0,.3);*/
}

.JindexNaviContainer.show .JindexNaviContainerInner:before,
.JindexNaviContainer.show .JhasSubInner:before {
	content: "";
	position: absolute;
	top: 0px;
	/*margin-left: 15px;*/
	width: calc(100% - 223px);
	height: 1px;
	background: rgba(0, 0, 0, 0.3);
	left: 223px;
}

.JindexNaviContainer.show .JindexNaviRightBtmNavi .JhasSubInner:before {
	display: none;
}

.JindexNaviRightBtm ul.JindexNaviRightBtmNavi li .JhasSubInnerInner li a,
.JindexNaviContainer.active .JindexNaviRightTop ul li .JhasSubInnerInner li a {
	font-weight: 500;
}

.JgeneralPopupTitle h2 {
	width: calc(100% - 20px);
}

.JindexImgContent h1 {
	font-size: 50px;
	line-height: 55px;
	font-weight: 500;
	max-width: 700px;
	margin-top: 18px;
	position: relative;
	opacity: 0;
	left: 50px;
}

.JmasterRowContent h1 {
	font-size: 50px;
	line-height: 55px;
	font-weight: 500;
	max-width: 700px;
	margin-top: 18px;
}

@media only screen and (max-width: 1180px) {
	.JindexNaviContainer.show .JindexNaviContainerInner:before,
	.JindexNaviContainer.show .JhasSubInner:before {
		opacity: 0;
	}

	.JindexNaviContainerInner {
		padding: 16px 0px;
	}

	.JindexNaviRightBtm {
		top: 62px;
		height: calc(100% - 62px);
	}

	.JindexNaviContainer.show .JindexNaviRightBtm {
		background: rgba(255, 255, 255, 1);
	}

	.JindexNaviRightBtm ul.JindexNaviRightBtmNavi li a.activeNavi {
		background: #fff;
	}

	.JindexRow4InnerM,
	.JindexRow7MInner,
	.JindexRow8MLeftBGOuter,
	.JindexRow8MContainerInner,
	.JindexRow3LeftBGOuter {
		width: 100%;
	}

	.JindexNaviContainer.active .JindexNaviRightBtm ul li.JhasSub a.activeNavi {
		color: #00a19c;
		opacity: 1;
	}

	.JindexHomeMobile .JindexRow2M,
	.JindexHomeMobile .JindexRow3M,
	.JindexHomeMobile .JindexRow4M,
	.JindexHomeMobile .JindexRow5M,
	.JindexHomeMobile .JindexRow6M,
	.JindexHomeMobile .JindexRow7M,
	.JindexHomeMobile .JindexRow8M {
		overflow: hidden;
	}

	.JindexHomeMobile .JindexRow3M {
		scale: 1 !important;
	}

	.JhasSubInnerTop {
		border-top: none;
	}

	.JindexNaviRightBtm ul.JindexNaviRightBtmNavi li a {
		padding: 18px 15px 15px 33px;
	}
}

@media only screen and (max-width: 820px) {
	.Jcontact01List {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 30px;
	}

	.Jcontact01List:last-child {
		margin-bottom: 0px;
	}

	.JgeneralPopupContentListInner {
		flex-wrap: wrap;
	}

	.JgeneralPopupContentRow {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 25px;
	}

	.JgeneralPopupContentRow:last-child {
		margin-bottom: 0px;
	}

	.JsponsorLogoContainerOuter {
		width: 100%;
		padding-bottom: 50px;
	}

	.JsponsorLogoContainer {
		margin-top: 40px;
	}

	.JmasterRow7RightListLeft img {
		filter: contrast(0%) brightness(1000%) invert(0) grayscale(1);
	}

	.JmasterRow7ContentInner {
		width: 100%;
	}

	.JmasterInnerGeneralInner {
		width: 100%;
	}

	.JmasterFakeSlide {
		height: auto;
	}

	.JmasterRow7RightListOuter .JmasterRow7RightListRight i {
		color: #fff;
	}

	.JmasterRow7RightListOuter .JmasterRow7ContentInner {
		padding-bottom: 100px;
	}

	.Jcareer {
		margin-top: 50px;
	}

	.JinvestorQuestionOuter {
	}

	.JinvestorQuestionOuter .JmasterRow7Container > div {
		padding-bottom: 80px;
	}

	.JinvestorQuestionOuter .JmasterRow7ContentInner {
		background: transparent;
	}

	.JinvestorQuestion {
		margin: 0px -17px;
		width: calc(100% + 34px);
		-webkit-border-radius: 39px;
		-moz-border-radius: 39px;
		border-radius: 39px;
	}

	.JinvestorQuestionInner {
		padding: 40px 30px;
	}

	.JawardsSlideBodyOuter {
		padding: 0px 33px;
		margin-top: 70px;
	}

	.JawardsSlideBodyList {
		width: 100%;
		margin-right: 0px;
	}

	.JawardsTabs h3 {
		font-size: 39px;
		line-height: 39px;
	}

	.JawardsSlide .JawardsTabs.slick-current h3 {
		font-size: 82px;
		line-height: 82px;
	}

	.JawardsTabs span {
		font-size: 19px;
		line-height: 19px;
	}

	.JawardsSlide .JawardsTabs.slick-current img {
		max-width: 220px;
		height: 64px;
	}

	.JawardsSlide .JmasterInnerGeneralInner {
		/*padding: 0px;*/
		height: 193px;
	}

	.JawardsSlide {
		margin-bottom: 0px !important;
		padding-bottom: 0px;
	}

	.JawardsSlide .slick-list {
		overflow: visible;
		max-width: 220px;
		margin: auto;
	}

	.JawardsSlide .sliderAwards .slick-prev {
		left: -33px;
	}

	.JawardsSlide .sliderAwards .slick-next {
		right: -33px;
	}

	.JawardsSlideBodyOuter.JprivacySlideBodyOuter {
		margin-top: 25px;
	}

	.JprivacySlideBodyInner .JawardsSlideBodyList {
		width: 100%;
	}

	.JsustainabilityRow3 .JmasterRow7ContentInner {
		padding-bottom: 80px;
	}

	.JconnectRow2 .JmasterRow7ContentInner {
		background: #00a19c;
	}

	.JconnectRow2 .JmasterRow7Right {
		width: calc(100% + 66px);
		margin: 0px -33px;
		background: #fff;
		padding-top: 50px;
		margin-top: 90px;
	}

	.JconnectRow2 .JmasterRow7Right .JmasterRow7RightInner {
		padding: 0px 33px;
	}

	.JconnectRow2 .JmasterRow7Right .JmasterRow7RightInner p {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.JconnectRow2 .JmasterRow7Right .JmasterRow7RightInner iframe {
		margin-top: 35px;
		padding-bottom: 120px;
	}

	.JmediaRow3 .JmasterRow7Content .JmasterRow7ContentInner {
		padding-top: 75px;
		padding-bottom: 60px;
	}

	.JmediaRow3List {
		width: 100%;
		margin-right: 0px;
	}

	.JmediaRow3ListRight a {
		color: #fff;
	}

	.JmediaRow3List:last-child {
		margin-bottom: 0px;
	}

	.JmediaRow4 .JmasterRow7ContentInner {
		background: #fff;
	}

	.JmediaRow4 .JmasterRow7Left h2 {
		color: #00a19c;
	}

	.JmediaRow4 .JmasterRow7Desc p {
		color: #000;
	}

	.JmediaRow4 iframe {
		margin-top: 50px;
	}

	.JmediaRow4ContactRight a {
		color: #000;
	}

	.JmediaRow3ListIconM {
		display: block;
	}

	.JmediaRow3 .JmediaRow3List > img:first-child {
		display: none;
	}

	.JmediaRow3 .JmasterRow7Right {
		margin-top: 40px;
	}

	.JmediaRow4ContactIconC {
		display: block;
	}

	.JmediaRow4Contact > img:first-child {
		display: none;
	}

	.JscrollImg {
		margin: 0px -33px;
	}

	.JscrollImg img {
		margin: 0px 15px !important;
	}

	.JlicensingRow2TabList01 {
		flex-wrap: wrap;
	}

	.JlicensingRow2TabList01 .JlicensingRow2TabList01b {
		width: calc(100% - 46px - 25px);
	}

	.JlicensingRow2TabList01 .JlicensingRow2TabList01c {
		margin-left: calc(46px + 25px);
		margin-top: 20px;
	}

	.JlicensingRow2Tabs2BG {
		margin: 0px -33px;
	}

	.JlicensingRow2Tabs2BG .JbopRow2Content02Inner {
		padding: 50px 33px 60px;
	}

	.JlicensingRow2 .JbopRow2ContainerInner .ui-tabs-nav {
	}

	.JlicensingRow2 .JbopRow2ContainerInner .ui-tabs-nav li a {
		color: #000000;
	}

	.JlicensingRow2 .JbopRow2ContainerInner .ui-tabs-nav li.ui-state-active a {
		color: #00a19c;
	}

	.JlicensingRow2 .JbopRow2ContainerInner .ui-tabs-nav li.ui-state-active:after {
		background: #00a19c;
	}

	.JbopRow2ContainerInner h2.resp-accordion {
		margin-bottom: 0px;
		max-width: 100%;
	}

	.JlicensingRow2 .JbopRow2Content03:last-child > div {
		padding-bottom: 50px;
	}

	.JpaddingBtm {
		padding-bottom: 50px;
	}

	.JlicensingChart01 {
		max-width: 100% !important;
	}

	.JbopRow2Content03Inner {
		width: 100%;
	}

	.JmasterRow7LogoList .JmasterRow7ContentInner {
		background: #fff;
	}

	.JmasterRow7LogoList .JmasterRow7Left h2 {
		color: #000;
	}

	.JawardsSlide .JawardsTabs.slick-current h3,
	.JawardsSlide .is-active.is-visible .JawardsTabs h3 {
		font-size: 82px;
		line-height: 82px;
	}

	.JawardsSlide .JawardsTabs.slick-current img,
	.JawardsSlide .is-active.is-visible .JawardsTabs img {
		height: 64px;
	}

	/*.JawardsSlide .JmasterInnerGeneralInner {
	margin: 0px -33px;
    width: calc(100% + 66px);
}*/

	.splide__slide {
		/*width: 25% !important;*/
	}

	.splide__slide.is-active.is-visible {
		/*width: 50% !important;*/
	}

	.JawardsSlide .splide__track {
		overflow: visible !important;
		max-width: 60%;
		margin: auto;
	}

	.Jlicensing02a > div > div {
		width: 100% !important;
	}

	.Jlicensing02a > div > div:nth-child(1) {
		margin-right: 0px;
	}

	.Jlicensing02a > div > div:nth-child(2) {
		margin-left: 0px;
	}

	.JlicensingRow2Tabs3Row3 {
		/*padding-bottom: 0px;*/
	}

	.JlicensingRow2 .JmasterInnerRow2ContainerInner > div {
		margin-top: 40px;
	}

	.JlicensingRow2Tabs2margin > div > div {
		margin-top: 40px !important;
	}

	.JlicensingRow2Tabs2BG > div {
		padding-top: 50px;
		padding-bottom: 0px;
	}

	.JlicensingRow2Tabs3a {
		margin-top: 0px;
	}

	.JlicensingRow2Tabs3b {
		margin-top: -50px;
	}

	.JlicensingRow2Tabs2margin {
		margin-top: 0px;
	}

	.JpaddingBtm2 {
		padding-bottom: 0px;
	}

	.JpassionRow4 .JindexRow2Content > .splide > .splide__track .splide__list {
		padding: 0px 0px !important;
	}

	.JpassionRow4 .JmasterRow10Content .JindexRow2RightContainer {
		height: auto;
	}

	.JpassionRow4 .JmasterRow10Content .JindexRow2Right {
		padding: 0px 0px 124px;
	}

	.JmediaRow4 .JmasterRow7ContentInner {
		padding-top: 65px;
	}

	.JindexRow5MContent .splide__list .JindexRow5MFull,
	.JindexRow5MContent .splide__list .JindexRow5MFull > div {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.JbopRow2Content02Inner {
		width: 100%;
	}

	.JlicensingRow2Tabs2BG .JlicensingRow2Tabs3 h2 {
		padding: 0px 33px;
		width: 100%;
	}

	.JawardsSlide .sliderAwards .splide__list .splide__slide,
	.JawardsSlide .sliderAwards .splide__list .splide__slide.is-active {
		width: 100% !important;
	}
}
.JgeneralFooterBtmRight ul li a.JindexFooterTok {
	background-position: -39px -10px !important;
}
/* Set the initial position off the screen */
.block-sticky-modal {
	position: fixed;
	bottom: -100%; /* This value depends on the height of your popup */
	transition: all 1s; /* Adjust the duration as needed */
	opacity: 0;
	display: block !important;
}

.show-popup {
	bottom: 15px;
	opacity: 1;
	display: block !important;
}
.field--name-field-user-picture img,
.field--type-image img {
	margin: 0;
}
a.link-read-more p {
	text-transform: lowercase !important; /* Ensure rest of the letters are lowercase */
}

a.link-read-more p::first-letter {
	text-transform: uppercase !important; /* Capitalize only the first letter */
}

.JindexRow5SlideRightInner a p {
	text-transform: lowercase !important; /* Make all letters lowercase initially */
}

.JindexRow5SlideRightInner a p::first-letter {
	text-transform: uppercase !important; /* Capitalize only the first letter */
}
.JindexRow6Content a p {
	text-transform: lowercase !important; /* Convert all text to lowercase first */
}

.JindexRow6Content a p::first-letter {
	text-transform: uppercase; /* Capitalize only the first letter */
}
.JindexContainer02Btn p {
	text-transform: lowercase !important; /* all letters lowercase initially */
}

.JindexContainer02Btn p::first-letter {
	text-transform: uppercase !important; /* capitalize first letter only */
}
.JindexRow6Content a p {
	text-transform: lowercase !important; /* all letters lowercase */
}

.JindexRow6Content a p::first-letter {
	text-transform: uppercase !important; /* capitalize first letter only */
}

.JgeneralFooterSliderContent a p {
	text-transform: lowercase !important;
}
.JgeneralFooterSliderContent a p::first-letter {
	text-transform: uppercase !important; /* capitalize first letter only */
}
.JmasterRowContent a p {
	text-transform: lowercase !important;
}
.JmasterRowContent a p::first-letter {
	text-transform: uppercase !important; /* capitalize first letter only */
}

.JgeneralMainBtn p {
	text-transform: lowercase; /* convert all letters to lowercase */
}

.JgeneralMainBtn p::first-letter {
	text-transform: uppercase; /* capitalize the first letter only */
}

.JawardsSlideBodyListInner a p {
	text-transform: lowercase; /* all letters lowercase */
}

.JawardsSlideBodyListInner a p::first-letter {
	text-transform: uppercase; /* capitalize only the first letter */
}
.JmasterRow5Container .JmasterRow5RightContentInner a p {
	text-transform: lowercase; /* convert all letters to lowercase */
}

.JmasterRow5Container .JmasterRow5RightContentInner a p::first-letter {
	text-transform: uppercase; /* capitalize only the first letter */
}
.JmasterRow2ContainerW .JmasterRowContent a p {
	text-transform: lowercase; /* all letters lowercase first */
}

.JmasterRow2ContainerW .JmasterRowContent a p::first-letter {
	text-transform: uppercase; /* capitalize first letter only */
}

.JmasterInnerRow6ListLeft a.link-read-more p {
	text-transform: lowercase; /* lowercase all letters first */
}

.JmasterInnerRow6ListLeft a.link-read-more p::first-letter {
	text-transform: uppercase; /* capitalize only the first letter */
}
.JgeneralBtn strong {
	text-transform: lowercase; /* Convert the entire text to lowercase first */
	display: inline-block;
}

.JgeneralBtn strong::first-letter {
	text-transform: uppercase; /* Capitalize only the first letter */
}
.JgeneralBtn.nh-human-capital b {
	text-transform: lowercase; /* convert entire text to lowercase first */
}

.JgeneralBtn.nh-human-capital b::first-letter {
	text-transform: uppercase; /* capitalize first letter only */
}
.JindexRow4ContentList.cta-link p {
	text-transform: unset;
}
.JPlogoCarouselListContentBtn p {
	text-transform: lowercase; /* all letters lowercase initially */
}

.JPlogoCarouselListContentBtn p::first-letter {
	text-transform: uppercase; /* capitalize only the first letter */
}

/* Custom CSS - MyMesra */
/* Header text colour based on class*/
.headerTextDark .JindexNaviRightTop ul li a,
.headerTextDark .JindexNaviRightBtm ul.JindexNaviRightBtmNavi li a,
.headerTextDark .JindexNaviLeft p {
	color: #000000;
}
.headerTextDark .JindexNaviRightBtm {
	border-top: 1px solid rgb(0 0 0 / 30%);
}
.headerTextDark .JindexNaviLeftLogoW {
	display: none;
}
.headerTextDark .JindexNaviLeftLogoB {
	display: block !important;
}
.headerTextDark.JindexNaviContainer .JindexNaviRightTopSub a {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(100%);
}

/* sub menu */
.JindexNaviContainer.show .JindexNaviRightTop .JhasSubInner:before {
	width: calc(100% - 333px);
	left: 333px;
}
.JindexNaviContainer.show .JindexNaviRightBtm .JhasSubInner:before,
.JindexNaviContainer.show .JindexNaviRightTop .JhasSubInner ul li > .JhasSubInner:before {
	left: 0;
	width: 100%;
}
.JindexNaviRightTop > ul > .JhasSub > .JhasSubInnerTop .JhasSub > .JhasSubInnerTop {
	top: 70px;
}

@media only screen and (min-width: 1195px) {
	.JindexNaviRightTop .JhasSub.sublevel-2 > a:after,
	.JindexNaviRightBtmNavi .JhasSub.sublevel-2 > a:after {
		background: url(../images/breadcrumb-arrow.svg) no-repeat top center;
		-webkit-background-size: contain;
		background-size: contain;
		content: " ";
		display: block;
		height: 10px;
		padding-left: 1.5rem;
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		width: 10px;
		color: #000;
		cursor: pointer;
		min-width: 30px;
	}
	.JindexNaviRightTop .JhasSub.sublevel-2 > a,
	.JindexNaviRightBtmNavi .JhasSub.sublevel-2 > a {
		display: flex;
		color: #000;
		padding-bottom: 25px !important;
	}
	.JindexNaviRightTop > ul > .JhasSub > .JhasSub,
	.JindexNaviRightBtmNavi > ul > .JhasSub > .JhasSub,
	.JindexNaviRightTop .JhasSub.sublevel-2,
	.JindexNaviRightBtmNavi .JhasSub.sublevel-2 {
		margin-bottom: 0;
	}
	.JhasSub.sublevel-2 .JhasSubInner {
		z-index: 5;
	}
	.JindexNaviRightBtm .JhasSubInner {
		top: 109px;
	}
}