/* Dian Xiao Er */

.dxe .slide-1 video,
.dxe .slide-2 video {top: 0;}
.dxe .slide-7 .info-markono-col-2{width:40%;}
.dxe .swiper-slide.slide-12{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('https://info.channelnewsasia.com/brandstudio/mti/assets/images/energising-enterprises/panel9.jpg');
}

.dxe .swiper-slide.slide-15{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('https://info.channelnewsasia.com/brandstudio/mti/assets/images/energising-enterprises/panel12.jpg');
}

.dxe .intro-content p{width:100%}

.dxe .info-markono-col-2 br{margin:0}

.dxe .info-markono-col-2 span{color:#f18f50!important}

.dxe .slide-15 .content-wrapper{
    width: 100%;
    height: 100%;
    justify-content: center;
    padding-bottom:0
}

.dxe .slide-15 .intro-content {
    width: 65%;
}

.dxe .slide-3 .intro-content, .dxe .slide-4 .intro-content,
.dxe .slide-12 .intro-content, .dxe .slide-16 .intro-content {
	/*width: 80%;*/
	margin: 0 auto;
	padding: 0 0 40px 0;
}

.dxe .slide-7 .info-markono-col-2 p, .dxe .slide-8 .info-markono-col-2 p, .dxe .slide-9 .info-markono-col-2 p {
	line-height: 1.8vw;
}
.dxe .slide-15 .intro-content h6 {
    background-color: #000000;
    width: fit-content;
    margin: 0 auto;
    padding: 9px 18px;
}

.dxe .col-content .content-list p{
    width: 100%;
}

.dxe .col-content .title{
    font-size: 2vw;
    line-height: 2.2vw;
    font-weight: 700 !important;
    color: #f9a744;
    margin:0;
    padding:0 0 10px 0;
}

.dxe .col-content p{
    font-weight: 400;
    margin:0
}

.dxe .col-content ul {
    padding: 0 0 0 35px;
    margin: 10px 0;
}
.dxe .slide-15 .dxe-grow .col-left, 
.dxe .slide-15 .dxe-grow .col-right{
    height: 100%;
}
/* .dxe .dxe-grow .col-left {
    border-right: 2px dotted #ffffff;
} */
.dxe .panel-icon {
    width: 125px;
}
.dxe .col-right .col-content {
    margin: 0 0 0 20px;

}

.dxe .slide-15 .col-left {
    flex-direction: column;
}
.dxe .slide-15 .col-left .col-content {
    margin: 0 20px 0 0;
}

.dxe .slide-19 .info-markono-col-2{
    width:90%;
    padding-bottom:20px;
}
.dxe .slide-19 .panel-icon{
    width:95px;
    padding-right:5%;
}

.dxe .slide-19 .info-markono-col-2 div p span{
    color: #EF7F5B;
    font-size: 2.4vw;
    font-weight: 700;
    line-height: 1.8vw;
}


.dxe .swiper-slide.slide-footer {
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url('https://info.channelnewsasia.com/brandstudio/mti/assets/images/energising-enterprises/cta-banner.jpg');
    display:flex;
    justify-content: flex-end;
}

/* ------------------------------------------------------------------- Mobile ------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  
    
    .dxe .swiper-slide.slide-2 {
        background-position: center;
    }

	.dxe .slide-2 .intro-content {
		margin: 0 auto !important;
		/*padding:0 5%;*/
		box-sizing:border-box;
	}
	.mti .icon-bar-container {
		padding: 10px 0;
	}
    .dxe .slide-3 .intro-content, .dxe .slide-4 .intro-content,
.dxe .slide-12 .intro-content, .dxe .slide-16 .intro-content{
    width:90% !important;
		margin: 0 auto !important;
}
	.mti .m-bottom-space .intro-content div{width:100% !important;}
	.dxe .panel-icon {
		width: 85px;
	}

    .dxe .slide-7 .col-content-wrapper,.dxe .slide-8 .col-content-wrapper,.dxe .slide-9 .col-content-wrapper {
        justify-content: center;
        row-gap: 10px;
        /*flex-flow: column-reverse;*/
        height: auto;
				width:80%;
    }

	.dxe .swiper-slide.slide-12 {background-position:60%;}
	.dxe .swiper-slide.slide-11 {
		/*background-image: url(https://info.channelnewsasia.com/brandstudio/mti/assets/images/energising-enterprises/mobile/panel9.jpg);*/
	}
   
    .dxe .slide-15{
        background-image: url('https://info.channelnewsasia.com/brandstudio/mti/assets/images/energising-enterprises/mobile/panel12.jpg');
        background-size: cover;
    }
    .dxe .slide-15 .content-wrapper {
        height: 100vh;
    }

    .dxe .slide-15 .col-left .col-content {
        margin-right: unset;
    }
    .dxe .col-content .title {
			padding:0;
    }
    .dxe .col-content .content-list p{
        margin-left:20px
    }
    .dxe .slide-19 .info-markono-col-2{
        width:80%!important;
        padding-bottom:0px;
    }
    .dxe .slide-19 .info-markono-col-2 .panel-icon{
        width:75px;
    }
    .dxe .slide-19 .info-markono-col-2 div p span{
        color: #EF7F5B;
        font-size: 7vw;
        font-weight: 700;
        line-height: 5vw;
    }
	.dxe .swiper-slide.slide-footer {
		flex-direction: column;
		justify-content: center;
		background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		background-image: url('https://info.channelnewsasia.com/brandstudio/mti/assets/images/energising-enterprises/mobile/last-panel.jpg')
	}
	.dxe .footer-section {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		margin: 0;
		/*padding: 50px 0;*/
		background: none;
		/*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);*/
	}
    .dxe .footer-section p {
        width: 65%;
        text-align: center;
        font-weight: 700 !important;
        margin: 15px 0 !important;
    }

    .dxe .footer-section .btn-find-out {
        font-size: 16px;
        padding: 10px 32px;
    }
    .dxe .m-bottom-space {
        position: relative;
        bottom: unset;
    }

    .dxe .desktop-banner{
        display: none;
    }
		
		.dxe .col-content ul {
				padding: 0 0 0 35px;
				margin:0;
		}

}

@media screen and (max-width: 375px), screen and (max-height: 667px){
    .dxe .slide-19 .info-markono-col-2 .panel-icon{
        width:60px;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
    .dxe .swiper-slide.slide-2 {
        background-position: center;
    }

    .dxe .slide-2 .intro-content {
        margin: 18px auto !important;
    }
    /* .dxe .info-markono-1-text {
        padding-top: 0;
        column-gap: unset;
        flex-direction: column-reverse;
        justify-content: center;
    }
    .dxe .info-arrow {
        position: absolute;
        left: 0;
        padding-top: 6px;
    }
    .dxe .info-markono-col-1 {
        width: 25%;
        padding: 10px 0 0 0;
        justify-content: center;
        flex-direction: row;
    }
    .dxe .info-markono-col-2 {
        text-align: left;
        width: 65%;
        padding: 9px 0 0 0;
    }
    .dxe .info-markono-col-2 p {
        position: relative;
        padding: 0 0 0 30px;
    } */
    /*.dxe .swiper-slide.slide-11 {
        background-image: url(https://info.channelnewsasia.com/brandstudio/mti/assets/images/energising-enterprises/mobile/panel9.jpg);
    }*/
   
    .dxe .slide-15{
        background-image: url(https://info.channelnewsasia.com/brandstudio/mti/assets/images/energising-enterprises/mobile/panel12.jpg);
        background-size: cover;
    }
    .dxe .slide-15 .content-wrapper {
        height: 100vh;
    }
    .dxe .col-right .col-content {
        margin-left: 0;
    }
    .dxe .slide-15 .col-left .col-content {
        margin-right: unset;
    }
    .dxe .col-content .title {
        font-size: 24px;
    }
    .dxe .col-content .content-list p{
        margin-left:20px
    }
    .dxe .slide-19 .info-markono-col-2 div p span{
        color: #EF7F5B;
        font-size: 50px;
        font-weight: 700;
        line-height: 60px;
    }
    .dxe .slide-19 .info-markono-col-2 {
        width: 63%;
        /* padding-bottom: 20px; */
    }
    .dxe .swiper-slide.slide-footer {
        flex-direction: column;
        background-image: url('https://info.channelnewsasia.com/brandstudio/mti/assets/images/energising-enterprises/mobile/last-panel.jpg')
    }
    .dxe .footer-section {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        margin: 0;
        padding: 0 0 50px 0;
        background: none;
				/*background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);*/
    }
    .dxe .footer-section p {
        width: 65%;
        text-align: center;
        font-weight: 700 !important;
        margin: 15px 0 !important;
    }

    .dxe .footer-section .btn-find-out {
        font-size: 16px;
        padding: 10px 32px;
    }
    .dxe .m-bottom-space {
        position: relative;
        /*bottom: 120px;*/
    }

    .dxe .mobile-banner{
        display: none;
    }

    

}
/* Landscape iPad Pro */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
	.dxe .slide-3 .intro-content, .dxe .slide-4 .intro-content,
	.dxe .slide-12 .intro-content, .dxe .slide-16 .intro-content {
		padding: 0 0 80px 0;
	}
}