@media only screen and (max-width: 1024px) {
	.d-none-md {
		display: none;
	}
	.d-block-md {
		display: block;
	}
	.logo {
	    width: 150px;
	}
}
@media only screen and (max-width: 767px) {
	.d-none-xs {
		display: none;
	}
	.d-block-xs {
		display: block;
	}
	.inner-banner .text {
		top: 50vw;
	}
	.inner-banner .text .cont-pt
	{
		padding-left: 2vw;
	}
	.inner-banner .text h2
	{
		font-size: 40px;
		margin-bottom: 10vw;
		padding-bottom: 8vw;
		line-height: 45px;
	}
	.inner-banner .text h3
	{
		font-size: 22px;
		line-height: 28px;
		padding: 0 10vw 0 0vw;
		width: 100%;
	}
	.head-sec .heading {
    	margin-bottom: 120px;
	}
	.bannar-swiper .inner .right .strategic .stage-sec .left h2 {
		font-size: 18px;
	}
	.bannar-swiper .inner .right .strategic .stage-sec .left a {
		font-size: 16px;
		display: flex;
		align-items: center;
		line-height: 0;
	}
	.bannar-swiper .inner .right .strategic .stage-sec .left a svg {
		width: 35px;
		margin: 0;
		position: relative;
		top: 4px;
		margin-right: 2vw;
	}
	.bannar-swiper .inner .right .strategic .stage-sec {
	    flex-direction: column-reverse;
	    align-items: end;
	}
	.bannar-swiper .inner .right .strategic .stage-sec .right {
	    width: 100%;
	}
	.bannar-swiper .inner .left > .arrow-adj {
	    width: 40%;
	    position: absolute;
	    bottom: 0;
	    right: 0;
	}
	.head-sec .heading h3 {
	    font-size: 20px;
	    line-height: 30px;
	    width: 100%;
	    width: 90%;
	}
	.head-sec .heading h3 strong:before
	{
		right: -4vw;
	}
	.head-sec .heading h2 {
		font-size: 30px;
		width: 100%;
		line-height: 35px;
	}
	.head-sec .headquart-sec {
		width: 80%;
		/*padding-bottom: 60px;*/
	}
	.head-sec .headquart-sec .text p {
		font-size: 14px;
		line-height: 24px;
	}
	.heading-boder .line {
    	width: 50%;
	}
	.heading-boder {
	    left: 6.8vw;
	    top: 5vw;
	}
	.line-styel:before 
	{
		height: 20vw;
		width: 1px;
		top: 0;
		right: -5vw;
		top: -10vw;
	}
	.line-styel:after {
	    width: 20vw;
	    height: 1px;
	    top: -8vw;
	    right: -20vw;
	}
	.bannar-swiper .inner {
		flex-direction: column-reverse;
		width: 95%;
		position: relative;
	}
	.bannar-swiper .inner .left {
		width: 100%;
		position: relative;
	}
	.bannar-swiper .inner .right {
		width: 100%;
		border-right: none;
		padding: 4vw 3vw 0;
	}
	.bannar-swiper .inner .left .arrow-adj .swiper-button-next {
		padding-bottom: 0;
	}
	.bannar-swiper .inner .left .arrow-adj .swiper-button-prev {
		padding-bottom: 5px;
		top: -5vw;
	}
	.bannar-swiper .inner .right .strategic .stage-sec .left {
		width: 60%;
		padding: 0;
		border-right: solid 1px;
		padding: 5vw 4vw;
	}
	.bannar-swiper .inner .right .strategic .stage-sec .right {
		width: 100%;
		padding: 0;
	}
	.bannar-swiper .inner .left .arrow-adj .fraction2 {
		top: -4vw;
		right: 2vw;
	}
	.head-sec .headquart-sec .text p:last-child
	{
		margin-bottom: 0;
	}
	.kingdom-sec {
    	padding: 10px 0 40px;
	}
	.kingdom-sec .kingdom-text {
		padding: 0;
		margin-right: auto;
		width: 80%;
		padding-left: 5vw;
	}
	.kingdom-sec .kingdom-text h2 {
		font-size: 40px;
		margin-bottom: 20px;
		padding-bottom: 10px;
	}
	.kingdom-sec .kingdom-text h3 {
		font-size: 26px !important;
		line-height: 36px;
		margin-bottom: 40px;
	}
	.kingdom-sec .kingdom-text p {
		font-size: 16px !important;
		line-height: 24px;
		margin-bottom: 30px !important;
	}
	.kingdom-sec .marquee marquee {
		font-size: 36px;
	}
	.faqs-holder ul li h3 span {
		font-size: 22px;
	}
	.faqs-holder ul li h3 svg {
    	width: 15px;
    	height: 15px;
	}
	.faqs-holder ul li h3 {
	padding-bottom: 0;
	}
	.faqs-holder ul li .awared .foebes-sec .left h3 {
		font-size: 20px;
		line-height: 1;
		padding: 0;
	}
	.faqs-holder ul li .awared .foebes-sec .left h3:before {
    	width: 4px;
    	right: -2vw;
	}
	.faqs-holder ul {
		padding: 0;
	}
	.faqs-holder ul li .awared .foebes-sec .left h2 {
		width: 100%;
		font-size: 30px;
		line-height: 35px;
	}
	.faqs-holder ul li .awared .bottom-text .forb-text .right p {
		font-size: 14px;
		line-height: 24px;
	}
	.faqs-holder ul li .awared .bottom-text .forb-text {
		flex-direction: column;
	}
	.faqs-holder ul li .awared .bottom-text .forb-text .left {
		width: 100%;
	}
	.faqs-holder ul li .awared .bottom-text .forb-text .right {
		width: 100%;
	}
	.faqs-holder ul li .awared .bottom-text {
		width: 80%;
	}
	.line-fix .line {
		width: 50%;
		height: 8px;
	}
	.faqs-holder ul li .awared .bottom-text .forb-text .left .img:before 
	{
		width: 30%;
		right: -20vw;
		top: -3vw;
	}
	.faqs-holder ul li .awared .bottom-text .forb-text .left .img:after {
		height: 15vw;
		top: -5vw;
		right: -23px;
	}
	.line-fix {
		bottom: 8vw;
	}
	.arrow-new {
    	margin-bottom: 20px;
    	flex-direction: row;
    	align-items: center;
    	margin-top: 5vw;
 }
	.heading h2 {
	    font-size: 30px;
	}
	.heading h3 {
	    font-size: 30px;
	    line-height: 35px;
	}
	.achieveSwiper .swiper-slide h2 {
	    font-size: 18px;
	}
	.achieveSwiper .swiper-slide h3 {
	    font-size: 20px;
	    margin-bottom: 10px;
	}
	.achieveSwiper .inner {
	    flex-direction: column;
	}
	.achieveSwiper .swiper-slide .info {
	    width: 100%;
	}
	.achieveSwiper .inner .col {
		align-items: flex-start;
	}
	.achieveSwiper .swiper-slide h4 {
	    margin-bottom: 30px;
	}
	.achieveSwiper-mian {
	    padding-bottom: 60px;
	}
	.kingdom-gray .kingdom-text .Profit_sec h5 {
	    font-size: 40px;
	}
	.full-financials .head {
	    flex-direction: column;
	    margin-bottom: 70px;
	}
	.full-financials .head p {
	    width: 100%;
	    font-size: 18px;
	    line-height: 25px;
	    padding-right: 5vw;
	}
	.full-financials .head .right {
	    width: 100%;
	}
	.full-financials .head .right span {
	    font-size: 20px;
	    margin-bottom: 5px;
	}
	.full-financials .head .right ul {
	    padding-right: 5vw;
	}
	.inner-banner .new-text .overall-sec {
	    flex-direction: column;
	}
	.inner-banner .new-text .overall-sec .left {
	    width: 100%;
	}
	.inner-banner .new-text .overall-sec .left .btns-main {
	    width: 60%;
	    margin-left: 8vw;
	    margin-bottom: 10vw;
	}
	.inner-banner .new-text .overall-sec .left .btns-main .btns {
	    font-size: 14px;
	    justify-content: revert;
	}
	.inner-banner .new-text .overall-sec .left a svg {
	    margin: 0;
	    margin-right: 5vw;
	}
	.inner-banner .new-text .overall-sec .left p {
	    font-size: 16px;
	    line-height: 28px;
	}
	.inner-banner .new-text h2 {
    	font-size: 120px;
    	margin: 0;
 }
	.inner-banner .new-text h3 {
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	.inner-banner .new-text {
	display: flex;
	flex-direction: column;
	height: 100%;
	top: 25vw;
	}
	.inner-banner .new-text .overall-sec .left >div {
	    flex-direction: column;
	    margin-bottom: 5px;
	}
	.inner-banner .new-text .overall-sec .left svg {
	    margin-left: 5vw;
	}
	.inner-banner .new-text .overall-sec .right {
	    flex-direction: column;
	    width: 100%;
	}
	.inner-banner .new-text .overall-sec .right ul li a {
	    font-size: 16px;
	}
	.inner-banner .new-text .overall-sec .right ul li a svg
	{
		height: 30px;
		width: 30px;
	}
	.goalsSwiper .goal-text .inner .heading {
	    flex-direction: column;
	    width: 100%;
	}
	.goalsSwiper .goal-text .inner .heading h2 {
    	font-size: 20px;
	}
	.goalsSwiper .goal-text {
	    width: 100%;
	}
	.goalsSwiper .goal-text .inner h4 {
	    font-size: 20px;
	}
	.goalsSwiper .goal-text .inner p {
	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.goalsSwiper .goal-text .inner h5 {
	    font-size: 50px;
	}
	.billion-sec {
	align-items: baseline;
	margin-bottom: 0;
	}
	.billion-sec .left {
	    width: 25%;
	}
	.billion-sec .right {
	    width: 75%;
	}
	.billion-sec .left .circle {
	    width: 50px;
	    height: 50px;
	    border-radius: 10px;
	    position: relative;
	    top: 22vw;
	}
	.billion-sec .left .circle span {
	    width: 15px;
	    height: 15px;
	    border-radius: 3px;
	}
	.billion-sec .right .incread-sec {
	    flex-direction: column;
	    padding: 0;
	    border: none;
	}
	.billion-sec .right .incread-sec .box {
	    width: 100%;
	    padding: 0;
	    margin-bottom: 20px;
	    position: relative;
	    padding-bottom: 30px;
	}
	.billion-sec .right .incread-sec .box:before
	{
		content: "";
		background: #CE2030;
		width: 12px;
		height: 12px;
		position: absolute;
		transform: rotate(45deg);
		left: 0;
		bottom: -1vw;
		}
	.billion-sec .right .incread-sec .box:after
	{
		content: "";
		position: absolute;
		background: #7B6E66;
		height: 1px;
		width: 100%;
		bottom: 0;
		left: 6vw;
	}
	.billion-sec .right .incread-sec .box p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.billion-sec .right .incread-sec .box svg {
	    width: 60px;
	    height: 60px;
	}
	.billion-sec .right .incread-sec .numder-sec {
	    width: 100%;
	}
	.billion-sec .right .incread-sec2 .numder-sec .numder {
	}
	.billion-sec .right .incread-sec .numder-sec .numder .left {
	    width: 30%;
	    margin: 0;
	}
	.billion-sec .right .incread-sec2 .numder-sec .numder .right {
	    width: 100%;
	}
	.billion-sec .right .incread-sec .numder-sec .numder {
		justify-content: space-between;
	}
	.billion-sec .right .incread-sec .numder-sec .numder .right {
	    width: 60%;
	}
	.billion-sec .right .incread-sec .numder-sec .numder span {
	    font-size: 60px !important;
	}
	.billion-sec .right .incread-sec .numder-sec .numder .right h2 {
	    font-size: 25px;
	    margin-bottom: 5px;
	}
	.billion-sec .right .incread-sec .numder-sec .numder .right p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.billion-sec .right .incread-sec2 .numder-sec .numder .left {
	    width: 40%;
	}
	.billion-sec .right .incread-sec2 .numder-sec .numder .left svg
	{
		width: 80px;
		height: 80px;
	}
	.billion-sec .right .incread-sec2 .numder-sec .numder .right {
	    width: 60%;
	}
	.billion-sec .right .incread-sec .numder-sec:after,
	.billion-sec .right .incread-sec .numder-sec:before
	{
		display: none;
	}
	.revert-sec .text h2 {
	    font-size: 25px;
	    line-height: 30px;
	    margin-bottom: 40px;
	}
	.revert-sec .text {
	    width: 90%;
	}
	.revert-sec .text p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.revert-sec {
	    padding: 10vw 0;
	}
	.contant-sec {
	    padding: 0 0 5vw;
	    width: 80%;
	    padding-left: 3vw;
	    margin: 0;
	    margin-right: auto;
	}
	.contant-sec p
	{
		font-size: 14px;
		line-height: 24px;
	}
	.contant-sec h2 {
	    font-size: 25px;
	    line-height: 30px;
	    width: 100%;
	}
	.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .box-number {
	    font-size: 70px;
	}
	.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .house-sec h3 {
	    font-size: 28px;
	    margin-right: 5vw;
	}
	.line-desgin:before {
	    right: auto;
	    left: -7.5vw;
	    width: 15px;
	    height: 15px;
	}
	.line-desgin:after {
	    right: auto;
	    left: -5.5vw;
	    height: 90vw;
	    top: 10vw;
	}
	.over-swiper .homeSwiper .swiper-slide .grid-wrap .grid .mobile-sec .img2 {
	    width: 20%;
	}
	.inner-banner  .sustain .inner
	{
		margin-bottom: 2vw;
	}
	.inner-banner .sustain .inner h2
	{
		margin-bottom: 0;
	}
	.inner-banner .text h3:before {
    	width: 4px;
	}
	.inner-banner .text p
	{
		margin-bottom: 10vw;
		padding: 0vw 5vw;
	}
	.social-lis ul li a {
	    font-size: 16px;
	}
	.social-lis {
	    width: 55%;
	    bottom: 10vw;
	    border-bottom: 1px solid #b5b4b4;
	}
	.social-lis ul li a svg {
	    width: 30px;
	    height: 30px;
	}
	.social-lis ul li {
	    margin-bottom: 5px;
	}
	.head-sec .headquart-sec .text h2 {
    	font-size: 25px;
    	line-height: 30px;
	}
	.customer-sec2 {
	    flex-direction: column;
	    grid-gap: 3vw;
	    padding: 10vw 5vw 5vw;
	    margin-bottom: 60px;
	}
	.customer-sec .left {
	    width: 100%;
	}
	.customer-sec .right {
	    width: 100%;
	    margin: 0;
	}
	.customer-sec .left h2 {
	    font-size: 25px;
	    line-height: 30px;
	}
	.customer-sec .right p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.head-sec {
    	margin-bottom: 60px;
	}
	.main_cr_social .cr_social {
	    flex-direction: column;
	}
	.main_cr_social .cr_social .left {
	    width: 100%;
	}
	.main_cr_social .cr_social .right {
	    width: 100%;
	}
	.main_cr_social .cr_social .left h2 {
	    font-size: 40px;
	    line-height: 45px;
	    margin-bottom: 20px;
	}
	.main_cr_social .cr_social .left p {
	    font-size: 14px;
	    line-height: 24px;
	    width: 100%;
	}
	.main_cr_social .cr_social .right p {
	    font-size: 22px !important;
	    line-height: 32px;
	}
	.main_cr_social .cr_social .right .box-number {
	    font-size: 54px;
	    margin: 0;
	}
	.p-red {
	    font-size: 22px;
	}
	.boder_yellow {
	    width: 85%;
	}
	.boder_yellow .line {
	    width: 90%;
	}
	.main_cr_social .social_resp h2 {
	    font-size: 28px;
	    line-height: 1;
	    margin-bottom: 20px;
	}
	.main_cr_social .social_resp h3 {
	    font-size: 20px;
	    line-height: 5px;
	}
	.main_cr_social .social_resp {
	    padding: 10vw 4vw;
	}
	.main_volunteering_sec .heading h2 {
	    font-size: 40px;
	    padding-bottom: 10px;
	}
	.main_volunteering_sec .volunteering_sec .left h2 {
	    font-size: 18px;
	    width: 100%;
	    margin-bottom: 20px;
	    line-height: 25px;
	}
	.main_volunteering_sec .volunteering_sec .left {
	    flex-direction: column;
	}
	.main_volunteering_sec .volunteering_sec .left .list {
	    width: 100%;
	}
	.main_volunteering_sec .volunteering_sec .left .list ul li {
	    font-size: 14px;
	    line-height: 20px;
	    padding: 0;
	}
	.main_volunteering_sec .volunteering_sec .left .list ul {
	    padding: 0;
	}
	.main_volunteering_sec .volunteering_sec .left .list .img {
	    width: 50%;
	    position: relative;
	    right: 2vw;
	}
	.main_volunteering_sec .volunteering_sec .left .list ul li::marker {
	    font-size: 3vw;
	}
	.main_volunteering_sec .volunteering_sec .right {
	    flex-direction: column-reverse;
	}
	.main_volunteering_sec .volunteering_sec .right .list {
	    width: 100%;
	}
	.main_volunteering_sec .volunteering_sec .right h2 {
	    width: 100%;
	    font-size: 20px;
	    margin-bottom: 20px;
	    right: 0;
	    line-height: 20px !important;
	}
	.main_volunteering_sec .volunteering_sec .right .list .img {
	    width: 35%;
	}
	.main_volunteering_sec .volunteering_sec .right .list ul li {
	    font-size: 14px;
	    line-height: 20px;
	    padding: 0;
	}
	.main_volunteering_sec .volunteering_sec .right .list ul li::marker {
	    font-size: 3vw;
	}
	.main_volunteering_sec .volunteering_sec {
	    grid-gap: 10vw;
	}
	.main_volunteering_sec .volunteering_sec .right .list ul {
	    padding: 0;
	}
	.line-desgin.line-desgin2 {
		bottom: 65vw;
	}
	.line-desgin.line-desgin2:before {
	    right: -9vw;
	    top: 0;
	    width: 10px;
	    height: 10px;
	}
	.line-desgin.line-desgin2:after {
	    right: -8vw;
	    top: 5vw;
	    height: 50vw;
	}
	.sustainability_sec
	{
		padding-bottom: 40px;
	}
	.sustainability_sec:before
	{
		width: 90%;
		left: 5%;
	}
	.sustainability_sec .left .list .img {
	    width: 30%;
	}
	.main_volunteering_sec .sustainability_sec .left .list .img {
	    width: 50% !important;
	    margin: 0;
	}
	.main_volunteering_sec .sustainability_sec .right .list .img {
	    width: 50%;
	    margin-bottom: 15px;
	}
	.saving_sec {
	    width: 90%;
	    grid-gap: 5vw;
	    padding-bottom: 40px;
	}
	.saving_sec .left h2 {
	    font-size: 14px;
	    line-height: 24px;
	    padding: 0;
	}
	.saving_sec .right p {
	    font-size: 14px;
	    line-height: 24px;
	    padding: 0;
	}
	.saving_sec .right .box-number {
	    font-size: 40px;
	    line-height: 45px;
	}
	.saving_sec .left {
	    width: 60%;
	}
	.saving_sec .right {
	    width: 40%;
	}
	.saving_sec:before {
	    width: 90%;
	    left: 5%;
	}
	.saving_sec .left .line-fix span {
	    right: 0;
	    bottom: -1vw;
	}
	.saving_sec .left .line-fix .line {
	    right: 7vw;
	    width: 80%;
	}
	.main-charitable-sec .charitable-sec .right h2 {
	    font-size: 14px;
	    line-height: 24px;
	    width: 100%;
	}
	.main-charitable-sec .charitable-sec .right {
    	flex-direction: column;
	}
	.main-charitable-sec .charitable-sec .right .right .box-number.red {
    	margin: 0;
	}
	.main-charitable-sec .charitable-sec .left {
	    width: 40%;
	}
	.main-charitable-sec .charitable-sec .right {
	    width: 60%;
	}
	.line-fix span {
	    right: 0;
	}
	.line-fix.new-line-fix .line {
	    right: 7vw;
	    width: 90%;
	}
	.main-charitable-sec {
	    padding: 10vw 0 0 0;
	}
	.main-charitable-sec .charitable-sec:before
	{
		width: 90%;
		left: 5%;
	}
	.saving_sec .right .img img {
	    width: 100%;
	    position: relative;
	    right: 20vw;
	}
	.main-charitable-sec .charitable-sec .right .box-number {
    	font-size: 46px;
    	line-height: 1;
	}
	.main-charitable-sec .charitable-sec .right .right p {
    	font-size: 14px;
    	line-height: 24px;
    	padding: 0;
	}
	.box-list ul li {
	    font-size: 14px;
	    line-height: 24px;
	}
	.charitable-mbl .charitable-sec
	{
		padding: 0;
		margin-bottom: 40px;
	}
	.charitable-mbl .charitable-sec:before
	{
		display: none;
	}
	.box-list ul li::marker {
	    font-size: 10px;
	}
	.box-list ul h2 {
	    font-size: 22px;
	    line-height: 30px;
	}
	.liter_sec .liter h2 {
	    font-size: 15px;
	    line-height: 20px;
	    padding: 0;
	    font-weight: bold;
	}
	.liter_sec p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.liter_sec h2 {
	    font-size: 24px;
	    line-height: 32px;
	    font-weight: bold;
	    padding: 0;
	    margin-bottom: 60px;
	}
	.market-picture-right .inner {
    	width: 100%;
    	padding: 0;
	}
	.market-picture-main .market-picture-right {
	    padding: 0;
	    width: 90%;
	    right: 5%;
	    bottom: 50vw;
	    margin: 0;
	}
	.market-picture-right .inner h2 {
	    font-size: 45px;
	    margin-bottom: 10px;
	    padding: 5vw 5vw;
	    line-height: 50px;
	}
	.market-picture-right .inner p {
	    font-size: 14px;
	    line-height: 24px;
	    margin-bottom: 20px;
	}
	.market-picture-right .inner h3 {
	    font-size: 24px;
	    line-height: 34px;
	}
	.staying-sec .stay-info .left a {
    	font-size: 11px;
    	padding: 8px 16px 6px;
    	margin: 0;
	    margin-bottom: 2vw;
	    display: inline-block;
 }
	.staying-sec .stay-info .left h2
	{
		font-size: 28px;
		line-height: 32px;
	}
	.market-picture-right .inner .pd-mbl
	{
		padding: 0vw 5vw;
	}
	.strategy_sec .text .date_sec p {
	    font-size: 16px;
	    margin-bottom: 25px;
	}
	.strategy_sec .text .date_sec .yellow_line {
	    flex: 1;
	}
	.strategy_sec .text .date_sec {
	    display: flex;
	}
	.strategy_sec .text .date_sec .yellow_line span {
	    top: -4vw;
	    right: auto;
	    left: -4vw;
	}
	.strategy_sec .text .date_sec h2 {
	    padding-left: 8px;
	    margin: 0;
	}
	.mission_sec .right p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.mission_sec .right .mission p
	{
		padding: 0;
	}
	.mission_sec .right h3 {
	    font-size: 25px;
	    line-height: 30px;
	}
	.mission_sec {
	    flex-direction: column-reverse;
	    width: 80%;
	    margin-left: inherit;
	    margin-bottom: 60px;
	}
	.mission_sec .left {
	    width: 100%;
	    text-align: start;
	}
	.mission_sec .right {
	    width: 100%;
	    padding: 0;
	    position: relative;
	    padding-left: 5vw;
	}
	.mission_sec .left h2 {
	    font-size: 40px;
	    margin-bottom: 20px;
	}
	.mission_sec .left p {
	    font-size: 14px;
	    line-height: 24px;
	    padding: 0;
	    position: relative;
	}
	.mission_sec .right .text {
	    width: 100%;
	}
	.mission_sec .right .mission h2 {
	    font-size: 40px;
	    margin-bottom: 20px;
	}
	.mission_sec .right:before 
	{
		right: -6.6vw;
		bottom: 22%;
		width: 12px;
		height: 12px;
	}
	.mission_sec .right:after {
	    height: 60vh;
	    top: 20%;
	    right: -5vw;
	}
	.pd_para {
	    margin-bottom: 100px !important;
	}
	.mission_sec .left
	{
		position: relative;
	}
	.mission_sec .left:before
	{
		content: "";
		background: #CE0E2D;
		transform: rotate(45deg);
		width: 12px;
		position: absolute;
		height: 12px;
		right: -6.6vw;
		bottom: 20vw;
	}
	.mission_sec .left:after
	{
		content: "";
		position: absolute;
		background: #7B6E66;
		width: 1px;
		height: 25vh;
		right: -5.3vw;
		bottom: 25vw;
	}
	.value_sec {
	    flex-direction: column;
	}
	.value_sec .left {
	    width: 100%;
	}
	.value_sec .right {
	    width: 100%;
		padding: 10vw 5vw;
	}
	.value_sec .right h2 {
	    font-size: 45px;
	    margin: 0;
	}
	.value_sec .right .heading-boder span {
	    width: 12px;
	    height: 12px;
	}
	.value_sec .right .heading-boder .line 
	{
		width: 50%;
		left: 8vw;
	}
	.value_sec .right .heading-boder {
	    left: 0;
	    margin-bottom: 60px;
	}
	.value_sec .right .invite_sec .right ul li {
	    font-size: 14px;
	    line-height: 24px;
	}
	.value_sec .right .invite_sec .right {
	    width: 60%;
	}
	.value_sec .right .invite_sec .left {
	    width: 40%;
	}
	.inner-banner .text .digi-wd {
	    width: 100%;
	    line-height: 50px;
	    margin-bottom: 20px;
	}
	.head-sec .headquart-sec .text h3 {
	    font-size: 25px;
	    line-height: 30px;
	    width: 100%;
	}
	.head-sec .headquart-sec .text .box-number {
	    font-size: 80px;
	}
	.advance-sec .main-text .text h2 {
	    font-size: 24px;
	    line-height: 34px;
	}
	.advance-sec .text {
	    width: 80%;
	}
	.advance-sec .main-text .text p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.advance-sec .main-text .text .customer-box-number {
	    width: 100%;
	}
	.advance-sec .main-text .text .customer-box-number .numb {
	    font-size: 60px;
	}
	.advance-sec .main-text .text .customer-box-number h3 {
	    font-size: 18px;
	}
	.advance-sec .main-text .text .customer-box-number h4 {
	    font-size: 18px;
	    line-height: 20px;
	}
	.advance-sec .main-text .text .red-para {
	    font-size: 24px;
	    line-height: 34px;
	}
	.inner-banner .text .new-sec {
	    width: 100%;
	}

	.inner-banner .text .new-sec p {
	    font-size: 26px;
	    padding: 0;
	}
	.inner-banner .profit-sec .left 
	{
		margin: 0;
		z-index: 2;
	}
	.inner-banner .profit-sec {
	    left: 0;
	    width: 90%;
	    right: 5%;
	    justify-content: space-between;
	    bottom: 20vw;
	}
	.inner-banner .profit-sec .right {
	    font-size: 60px;
	}
	.inner-banner .profit-sec .right span {
	    font-size: 100px;
	}
	.inner-banner .profit-sec .left p {
	    font-size: 14px;
	}
	.inner-banner .profit-sec .left .in-pro:before {
	    width: 65vw;
	}
	.inner-banner.business-sec .heading h2 {
	    font-size: 40px;
	    line-height: 45px;
	    padding-bottom: 20px;
	}
	.corporate-sec h2 {
	    width: 100%;
	    line-height: 30px;
	    font-size: 25px;
	}
	.corporate-sec .vital-sec {
	    flex-direction: column;
	}
	.corporate-sec .vital-sec .left {
	    width: 100%;
	}
	.corporate-sec .vital-sec .left h2 {
	    font-size: 24px;
	    line-height: 30px;
	    font-weight: bold;
	    margin: 0;
	    margin-bottom: 30px;
	}
	.corporate-sec .vital-sec .right {
	    width: 100%;
	}
	.corporate-sec .vital-sec .right p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.corporate-sec .vital-sec .right h2 {
	    font-size: 24px;
	    line-height: 30px;
	}
	.inner-banner.business-sec .heading {
    	margin-bottom: 60px;
	}
	.inner-banner.business-sec .text {
	    width: 100%;
	    top: 10vw !important;
	}
	.head-sec .headquart-sec .text .img {
	    width: 50%;
	}
	.head-building {
	    flex-direction: column-reverse;
	    width: 77%;
	    margin-left: inherit;
	    padding-left: 3vw;
	}
	.head-building .left {
	    width: 100%;
	}
	.head-building .right {
	    width: 100%;
	}
	.head-building .left h2 {
	    font-size: 25px;
	    line-height: 30px;
	    text-align: start;
	    font-weight: bold;
	}
	.head-building .right p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.head-building .right:before {
	    right: -4vw;
	    top: 5vw;
	    height: 70%;
	}
	.head-building .right:after {
	    width: 12px;
	    height: 12px;
	    bottom: 53vw;
	    right: -5.5vw;
	    top: 0;
	}
	.customer-sec
	{
		flex-direction: column;
	}
	.market-picture-right.retail-main .inner p {
	}
	.market-picture-right .inner ul li {
	    font-size: 18px;
	    line-height: 28px;
	}
	.market-picture-right .inner ul {
	    width: 100%;
	    padding: 0 10vw 10vw;
	}
	.market-picture-right .inner ul li::marker {
	    font-size: 4vw;
	}
	.shareholders h2 {
	    font-size: 18px;
	    line-height: 28px;
	    margin-bottom: 20px;
	}
	.chairman-main .left {
	    width: 90%;
	    padding: 0;
	    margin: auto;
	}
	.shareholders {
	    padding: 0;
	}
	.shareholders h2 br {
	    display: none;
	}
	.shareholders p {
	    font-size: 14px;
	    line-height: 24px;
	    width: 90%;
	    margin-bottom: 20px;
	}
	.operating-income-main .box h2 {
	    font-size: 11px;
	    margin-bottom: 5px;
	    line-height: 14px;
	}
	.operating-income-main .box .detail .sar > span {
	    font-size: 12px;
	    margin: 0 0 0 10px;
	}
/*	.operating-income-main .box span
	{
		font-size: 15vw;
	}*/
	.operating-income-main .box h3 {
	}
	.operating-income-main .box .million span {
	    font-size: 15px;
	    margin: 0 5vw 0 0vw;
	}
	.operating-income-main .box .detail {
	}
	.operating-income-main .box .shape:before {
	    width: 12px;
	    height: 12px;
	    top: 5px;
	    left: 0vw;
	}
	.operating-income-main {
	    grid-gap: 1vw;
	    margin-bottom: 60px;
	    background: rgb(240,240,240);
		padding: 3vw 4vw;
	}
	.operating-income-main .box {
	}
	.operating-income-main .box .million .line {
	    width: 100%;
	}
	.chairman-content > h2 {
	    font-size: 28px;
	    line-height: 38px;
	}
	.chairman-content {
	    padding: 0;
	}
	.chairman-content > h3 {
	    font-size: 18px;
	    line-height: 28px;
	    margin-bottom: 30px;
	}
	.chairman-content > p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.mubadarah-main .million span {
	    font-size: 14px;
	}
	.mubadarah-main .box h2 span.more {
	    font-size: 16px;
	}
	.mubadarah-main .box h2 {
	    font-size: 40px;
	}
	.mubadarah-main .box p {
	    font-size: 14px;
	}
	.mubadarah-main .box h4 {
	    font-size: 18px;
	}
	.mubadarah-main {
	    align-items: center;
	    grid-gap: 10vw;
	    width: 100%;
	    margin: 0 0 10vw;
	}
	.mubadarah-main .box:first-child {
	    width: 40%;
	}
	.mubadarah-main .box:last-child {
	    width: 60%;
	    padding: 0;
	}
	.page-step {
	    padding: 2vw 10vw 0 0vw;
	    margin: 0;
	}
	.page-step a svg {
	    width: 60px;
	}
	.page-step a span {
	    font-size: 18px;
	    margin: 0;
	}
	.faqs-holder ul li .awared .bottom-text{}
	.faqs-holder ul li .awared .bottom-text .line-fix{
    	left: -4vw;
	}
	.faqs-holder ul li .awared .bottom-text .line-fix span
	{
		width: 10px;
		height: 10px;
		bottom: -2px;
		right: -11.4vw;
	}
	.faqs-holder ul li .awared .bottom-text .line-fix .line{
	    height: 5px;
	    width: 30%;
	    right: -6vw;
	}
	.faqs-holder ul li .awared .bottom-text .forb-text .left .img
	{
		width: 80%;
		margin-bottom: 60px;
	}
	.growth-main p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.growth-main {
	    margin: 40px 0;
	}
	.chairman-content > h2.big-head {
	    font-size: 38px;
	    line-height: 45px;
	}
	.operating-income-main.totalOper .box h2 {
	    font-size: 14px;
	}
	.operating-income-main.totalOper .box h3 {
	    font-size: 40px;
	}
	.operating-income-main.totalOper .box span.more {
	    font-size: 20px;
	}
	.years-holder {
	    width: 100%;
	    height: 75vh;
	}
	.years-holder ul li.active
	{
		flex: 3;
	}
	.years-holder ul li .shape {
	    height: 21vw;
	}
	.years-holder ul li .shape span {
	    font-size: 14px;
	    left: 2vw;
	    bottom: 2vw;
	}
	.years-holder ul li:nth-child(2) .shape {
	    height: 18vw;
	}
	.years-holder ul li:nth-child(2) {
	    font-size: 10vw;
	    padding-bottom: 21vw;
	    flex: 2.6;
	}
	.years-holder ul li:nth-child(3) {
	    flex: 6vw;
	    padding-bottom: 40vw;
	}
	.years-holder ul li:nth-child(3) .shape {
	    height: 13vw;
	}
	.years-holder ul li:nth-child(4) {
	    flex: 1.4;
	    padding-bottom: 53vw;
	}
	.years-holder ul li:nth-child(4) .shape {
	    height: 10vw;
	}
	.years-holder ul li:nth-child(5) {
	    flex: 1;
	    padding-bottom: 63vw;
	    left: 0;
	}
	.years-holder ul li:nth-child(5) .shape {
	    height: 7vw;
	    width: 7vw;
	    border-radius: 11px;
	}
	.years-holder ul li:nth-child(6) {
	    padding-bottom: 70vw;
	    left: 0;
	}
	.years-holder ul li:nth-child(6) .shape {
	    width: 5vw;
	    height: 5vw;
	    border-radius: 50%;
	}
	.years-holder ul li:nth-child(7) {
	    padding-bottom: 75vw;
	    left: -2vw;
	}
	.years-holder ul li:nth-child(7) .shape {
	    width: 4vw;
	    height: 4vw;
	}
	.years-holder ul li:nth-child(8) {
	    padding-bottom: 80vw;
	    left: -4vw;
	}
	.years-holder ul li:nth-child(8) .shape {
	    width: 2vw;
	    height: 2vw;
	    border-radius: 50%;
	}
	.goalsSwiper .swipe-text {
	    width: 80%;
	}
	.goalsSwiper .swipe-text .inner {
	    font-size: 14px;
	    line-height: 24px;
	}
	.goalsSwiper .arrow-new.arrow-new2 
	{
		bottom: 40vw;
		display: flex;
		width: 100%;
	}
	.achieving-goals-main {
    	height: 108vh;
	}
	.faqs-holder2 .major-sec {
	    flex-direction: column;
	    margin-bottom: 0;
	    margin-top: 0;
	}
	.faqs-holder2 .major-sec .left {
	    width: 100%;
	    padding: 0;
	    margin-bottom: 50px;
	    padding: 10vw 0;
	}
	.faqs-holder2 .major-sec .right {
	    width: 100%;
	}
	.faqs-holder2 .major-sec .left svg {
	    width: 100px;
	    height: 100px;
	}
	.faqs-holder2 .major-sec .left p {
	    font-size: 18px;
	    line-height: 28px;
	    padding: 0;
	}
	.faqs-holder2 .major-sec .right h2 {
	    font-size: 25px;
	    line-height: 35px;
	    padding: 0;
	}
	.faqs-holder2 .major-sec .right:before {
	    width: 100%;
	    height: 1px;
	    top: -5vw;
	    right: -5vw;
	}
	.faqs-holder2 .major-sec .right:after {
	    width: 12px;
	    height: 12px;
	    left: 0;
	    right: auto;
	    top: -6.3vw;
	}
	.faqs-holder2 .major-sec .right img {
	    width: 40%;
	}
	.Product-service .line-fix2 {
    	margin-bottom: 5vw;
	}
	.Product-service .text p {
	    font-size: 14px;
	    line-height: 24px;
	    padding: 0 0 0 8vw;
	}
	.Product-service2 .text p {
	    width: 100%;
	}
	.Product-service2 .text {
	}
	.Product-service .line-fix2 span {
	    width: 12px;
	    height: 12px;
	    left: -6vw;
	}
	.Product-service2 .text span {
	    font-size: 50px;
	    bottom: 4vw;
	    right: 0;
	}
	.Product-service2 {
	    padding: 15vw 0vw 10vw;
	}
	.Product-service-open {
	    padding: 15vw 0;
	}
	.text.textWith-image p {
    	padding: 0;
	}
	.textWith-image .img.img2 {
	    width: 30%;
	}
	.Product-service .text {
	    padding: 0;
	}
	.textWith-image .img
	{
		width: 30%;
		margin-left: 5vw;
	}
	.more-btn a span {
	    font-size: 18px;
	}
	.more-btn a svg {
	    width: 20px;
	}
	.section2 .content {
    	padding-top: 10vw;
	}
	.greement-sec .text p {
	    width: 100%;
	    font-size: 18px;
	    line-height: 28px;
	    padding-left: 5vw;
	}
	.greement-sec .text p:before {
	    height: 90%;
	    top: 5vw;
	    right: -5vw;
	}
	.greement-sec .text p:after {
	    width: 12px;
	    height: 12px;
	    right: -6.4vw;
	}
	.greement-sec {
	    padding: 15vw 0vw;
	}
	.greement-sec2 .samip-sec .right p {
	    font-size: 18px;
	    line-height: 28px;
	    width: 100%;
	}
	.greement-sec2 .samip-sec {
	    flex-direction: column;
	}
	.greement-sec2 .samip-sec .left {
	    margin: 0;
	    width: 40%;
	}
	.greement-sec2 .samip-sec:before {
	    height: 30vw;
	    width: 1px;
	    right: -5vw;
	    transform: revert;
	    /* top: 0; */
	}
	.greement-sec2 .samip-sec:after {
	    width: 12px;
	    height: 12px;
	    top: 0;
	    right: -6.4vw;
	}

	.bod-main .swiper-slide {
	    display: flex;
	    align-items: center;
	}
	.bod-main .swiper-slide .box{
		height: 220px;
		transform: scale(.8) translate(0%, -30%);
	}
	.bod-main .swiper-slide.swiper-slide-prev .box {
    	transform: scale(.8) translate(5%, 12%);
 }
	.bod-main .swiper-slide.swiper-slide-next .box {
	    transform: scale(.8) translate(-5%, 12%);
	}
	.inner-banner .new-mbl h3
	{
		font-size: 18px;
		line-height: 28px;
		padding-left: 5vw;
	}
	.bodSwiper .slides-info .inner.active {
	    width: 100%;
	}
	.bodSwiper .slides-info {
	    width: 90%;
	    left: 5%;
	    top: 55%;
	}
	.bodSwiper .slides-info .inner h3 {
	    font-size: 26px;
	    line-height: 35px;
	    padding-left: 5vw;
	}
	.bodSwiper .slides-info .inner .lines-main {
	    position: absolute;
	    top: -10vw;
	    width: 100%;
	}
	.bodSwiper .slides-info .inner p {
	    font-size: 18px;
	}
	.bodSwiper .slides-info .inner .lines-main .line:before {
	    right: -5vw;
	    width: 78%;
	}
	.bodSwiper .slides-info .inner .lines-main .shape:before {
	    right: -25vw;
	    width: 12px;
	    height: 12px;
	    top: 5px;
	}
	.fraction-arrows .fraction,
	.fraction-arrows {
	    position: absolute;
	    bottom: 0;
	    width: 86%;
	}
	.treasury-graph {
	    flex-direction: column;
	}
	.treasury-graph .right {
	    width: 80%;
	    padding: 0;
	    margin-right: auto;
	    padding-left: 5vw;
	    margin-top: 10vw;
	    padding-bottom: 10vw;
	}
	.treasury-graph .left {
	    width: 100%;
	    height: auto;
	}
	.treasury-graph .right h2 {
	    font-size: 22px;
	    line-height: 30px;
	    padding-bottom: 20px;
	}
	.treasury-graph p {
	    font-size: 14px;
	    line-height: 24px;
	}
	.head-building .right .operating-income-main:after
	{
		bottom: 0;
	}
	.full-financials .inner,
	.highlights-section .inner {
		overflow: unset;
	}
	.financial-main .arrow-img img{
		 margin: 0 0 -15px;
	}
	.financial-main .arrow-img {
	    width: 30vw;
	}
	.achieveSwiper-mian .btn-adjact {
		padding: 20px 2px 0 0;
	}
	.full-financials-main {
	    height: 165vh;
	}
	.full-financials .horizantal-num {
	    left: 3vw;
	    width: 100%;
	}
	.full-financials .horizantal-num ul li {
	    grid-gap: 0px;
	}
	.full-financials .horizantal-num ul li .box .line {
	    width: 16px;
	}
	.full-financials .horizantal-num ul {
	    justify-content: space-evenly;
	}
	.full-financials .horizantal-num ul li {
	    grid-gap: 12px;
	}
	.full-financials .graph-main .lines ul li .number {
	    width: 64px;
	    font-size: 14px;
	}
	.full-financials .horizantal-num ul li .box .number span.num {
	    position: absolute;
	    right: -40px !important;
	    bottom: 25px;
	    font-size: 18px;
	    font-weight: 800;
	}
	.full-financials .horizantal-num ul li .box .number span.year {
	    right: -25px;
	    bottom: 40px;
	    font-size: 16px;
	}
	.achieveSwiper .inner h5 {
	 	font-size: 46px;
	}
	.is-chairman .chairman-main {
	    padding: 70px 0 0;
	}
	.chairman-main .heading h2 {
		font-size: 6vw;
	    text-transform: uppercase;
	}
	.chairman-main .heading {
	   
	    position: relative;
	}
	.chairman-swiper-main .chairmanSwiper .infos .right
	{
		padding: 0vw 0 0;
		z-index: 1;
		position: relative;
		/*display: none;*/
	}
	.is-chairman .chairman-swiper-main .chairmanSwiper .infos .img-holder {
	    flex-direction: column;
	    width: 60%;
	    margin: 44vw 0 0 auto;
	}
	.is-chairman .chairman-main .innerShadow {
	    background-position-y: 30vw;
		background-size:100%;
	}
	.is-chairman .chairman-main .frameBg {
	    background-position-x: 45vw;
	    background-position-y: 47vw;
	    background-size: 30%;
	}
	.is-chairman .chairman-main .right {
	    height: auto;
	}
	.is-chairman .shareholders {
	    position: absolute;
	    top: 10vw;
	    right: 20px;
	    padding-left: 5vw;
	}
	.is-chairman .chairman-main .chairman-swiper-main .chairmanSwiper .infos .left{
		top: auto;
		bottom: 5vw;
	}
	.is-chairman .chairman-main.ceo-main .right {
	    width: 100%;
	}

	.is-chairman .ceo-main .chairman-swiper-main .chairmanSwiper .infos {
	    grid-template-columns: 1fr;
	}
	.chairman-main.ceo-main .chairman-swiper-main .chairmanSwiper .infos .img-holder .reveal{
		width: 100%;
	}
	.treasury-graph .left::before{
		height: 120vh;
		width: 100%;
	}
	.graph-treasury ul li .box .number {
	    padding: 16px 5px 5px 0;
	    font-size: 16px;
	}
	.graph-treasury ul li:nth-child(1) .box {
    	height: 45%;
	}
	.graph-treasury
	{
		height: 45vh;
	}
	.graph-treasury ul li .box .years p {
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	.graph-treasury ul li .growth {
	    font-size: 12px;
	}
	.graph-treasury ul
	{
		grid-gap: 3vw;
	}
	.treasury-graph .left h2 {
		margin-bottom: 0;
	}
	.chairman-main.ceo-main .chairman-swiper-main .chairmanSwiper .infos .left
	{
		width: 75%;
	}
	.chairman-main.ceo-main .chairman-swiper-main .chairmanSwiper .infos .left
	{
		left: 5vw;
	}
	.ceo-main .inner .left .shareholders
	{
		left: 0;
		top: 30vw;
	}
	.shareholders p:before {
	    width: 100px;
	    bottom: 5vw;
	    height: 3px;
	}
	.ceo-main .inner .left .shareholders p
	{
		margin-bottom: 0;
		left: 0 !important;
		line-height: 20px;
		padding-bottom: 40px;
	}
	.ceo-main .inner .left .shareholders h2
	{
		line-height: 20px;
	}
	.ceo-main .inner .left .shareholders p
	{
		left: 20px;
	}
	.ceo-main .inner .left .operating-income-main
	{
		/*margin-right: -5vw;*/
	}
	.conclusion-main.chairman-main {
	    padding: 70px 0 0;
	}
	.chairman-main.conclusion-main .shareholders {
	    padding: 0 0 10vw 0;
	}
	.chairman-main.conclusion-main .shareholders p, 
	.chairman-main.conclusion-main > p {
	    padding: 0 0 30px 0;
	    width: 100%;
	}
	.chairman-main.conclusion-main .innerShadow {
	    background-position-y: 3%;
	    background-size: 120%;
	}
	.chairman-main.conclusion-main .left {
	    width: 90%;
	    padding: 28vw 0 0;
	}
	.chairman-main.conclusion-main .shareholders p {
		margin: 0;
	}
	.chairman-main.conclusion-main .chairman-content {
	    padding: 0 0 5vw 0;
	}
	.is-chairman2 .chairman-main .right
	{
		height: auto;
	}
	.is-chairman2 .chairman-swiper-main .chairmanSwiper .infos .img-holder
	{
		margin: 30vw 0 0 auto;
	}
	.is-chairman2 .chairman-main .frameBg
	{
		background-position-x: 40vw;
	    background-position-y: 26vw;
	    background-size: 35%;
	}
	.operating-income-main .box:last-child .million span {
		margin: 0 5vw 0 0;
 	}

	.chairman-swiper-main .heading .ch-cm{
		height: 57px;
	}
	.right.inner_ceo {
	    display: none;
	}
	.breached-main .bil {
    	font-size: 11px;
	}
	.breached-main .box .bil
	{
		font-size: 11px;
		margin-right: 1vw;
	}
	.head-sec .headquart-sec .text
	{
		padding: 0;
	}
	.download-head
	{
		width: 95%;
	}
	.download-head h2 {
	    width: 100%;
	    font-size: 30px;
	    line-height: 40px;
	}
	.download-body .box .lines {
	    width: 50%;
	}
	.download-body .box .lines .line:before {
	    right: 0;
	}
	.download-body .box .lines .shape:before {
	    right: 0;
	}
	.greement-sec:last-child {
	    border: none;
	    padding-bottom: 0;
	}
	.main_strategy_faq ul li .text_sec .bottom-contant
	{
		width: 80%;
	}
	.main_strategy_faq ul li .text_sec .head {
	    margin-top: 10vw;
	}
	.main_strategy_faq ul li .text_sec .head h3 {
	    font-size: 27px;
	    line-height: 40px;
	    padding: 0 2vw 0 0vw;
	}
	.main_strategy_faq ul li .text_sec .head h2 {
	    font-size: 27px;
	    line-height: 40px;
	}
	.main_strategy_faq ul li .text_sec .bottom-contant p {
	    padding: 0;
	    font-size: 18px;
	    line-height: 28px;
	}
	.main_volunteering_sec .volunteering_sec .right .list .img2
	{
		width: 35%;
	}
	.main_volunteering_sec .sustainability_sec .left .list .img.mb-img2
	{
		width: 35% !important;
	}
	.operating-income-main.totalOper .box:last-child
	{
		width: 100%;
	}
	.operating-income-main .box .detail .sar {
    	margin: 0;
	}
	.full-reports-main a {
    	font-size: 11px;
    	padding: 10px 10px 6px;
	}
	.inner-banner.treasury-ban .text h2 {
    	padding-bottom: 0;
	}
}