/*simulate new css*/
@media screen and (max-width: 1199px) {
    .az-section {
        padding: 2rem 1rem;
}
}
@media screen and (max-width: 767px) {
	.order-3.mb-n8{
		margin-top:-3rem !important;
	}
}
.section-px-0{
	padding-left:0 !important;
	padding-right:0 !important;
}
.az-section{
	background:#ffffff;
}
main.main-container h2, main.main-container .h2{
	font-size:1.5rem !important;
}
@media screen and (max-width: 991px) {
    main.main-container h2, main.main-container .h2 {
        font-size: 1.25rem !important;
    }
}
@media screen and (max-width: 1199px) {
    .az-section {
        padding-right: 0;
        padding-left: 0;
    }
}
main.main-container .row-hover-content .az-text ul li, main.main-container .row-hover-content .az-text ol li {
    padding: 0 !important;
}

@media (min-width: 1140px) and (max-width:1199px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1080px;
    }
}
.anim-pending{
	opacity:0;
}
html,body{
	overflow-x:hidden !important;
}
.text-white, .text-white h2, .text-white h3, .text-white h4, .text-white p{
	color:#ffffff !important;
}
@media (min-width: 768px){
	.position-md-absolute{
		position:absolute !important;
	}
}
h2{
	padding-left:0;
}
h2:before{
	display:none;
}
@media (max-width: 767px) {
	.br-lg-parent br{
		display:none !important;
	}
}
.line-height-1-2{
	line-height:1.2 !important;
}
.line-height-very-tight{
	line-height:0.75 !important;
}
.min-h-screen{
	min-height:100dvh;
	min-height:100vh;
	display:flex;
}
.min-h-screen > .container-fluid > .az-row{
	height:100%;
}
.az-image.max-w-150 > img {
    max-width: 150%;
}


.fadeInUp, .jello {
    -webkit-animation-name: fadeInUp2 !important;
    animation-name: fadeInUp2 !important;
    --animate-duration: 2800ms !important;
    -webkit-animation-duration:2800ms !important;
    animation-duration:2800ms !important;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity:0;
}
@-webkit-keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,28%,0);
        transform: translate3d(0,28%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp2 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,28%,0);
        transform: translate3d(0,28%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp, .jello {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    --animate-duration: 2800ms !important;
    -webkit-animation-duration:2800ms !important;
    animation-duration:2800ms !important;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
/* fadeInUpSmall */

@-webkit-keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,16%,0);
        transform: translate3d(0,16%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpSmall {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,16%,0);
        transform: translate3d(0,16%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
.fadeInUpSmall {
    -webkit-animation-name: fadeInUpSmall !important;
    animation-name: fadeInUpSmall !important;
    --animate-duration: 1500ms !important;
    -webkit-animation-duration:1500ms !important;
    animation-duration:1500ms !important;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity:0;
}
.bg-clip{
    /*position: absolute;
    bottom: 16%;
    max-width: 160%;
    width: 160%;
    left: -58%; */
    position: absolute;
    bottom: 2%;
    max-width: 150%;
    width: 150%;
    left: -19%;
}
@media (max-width: 767px) {
    .u-header > span{
        text-align:center !important;
    }
}
@media (min-width: 768px) and (max-width:1199px) {
		.col-talent{
			transform:translateX(10px);	
		}
    .u-header{
        font-size:28px !important;
    }
     .bg-clip {
        position: absolute;
        bottom: 12%;
        max-width: 190%;
        width: 190%;
        left: -74%;
    }
    .bg-clip{
    	        position: absolute;
        bottom: 21%;
        max-width: 180%;
        width: 180%;
        left: -74%;
    }
}
@media (min-width: 992px) and (max-width:1199px){
	.u-header{
        font-size:33px !important;
    }
}
@media (min-width: 1200px) and (max-width:1399px) {
    .bg-clip{
        bottom: 15%;
    }
}
@media (min-width: 1400px) {
    .bg-clip{
	    position: absolute;
	    bottom: 13%;
	    max-width: 150%;
	    width: 150%;
	    left: -47%;
    }
}

@media (min-width: 768px) {
    .tabs-talent-image img{
        max-width: 160%;
    width: 160% !important;
    margin-left: -50%;
    }
    .tabs-talent-image.mb-n10, .tabs-talent-image.mb-md-n10, .tabs-talent-image.mb-lg-n10{
    	margin-bottom:-9.25rem;	
    }
}

.az-button-content.btn-primary {
	font-family: "Libre Franklin", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.az-button-content.btn-primary {
    background: linear-gradient(90deg, #8A704C 0%, #AE8D1C 100%);
    color: #ffffff;
    border: none;
    padding: 8px 36px;
    font-size: 12px;
    font-weight: 400 !important;
    letter-spacing: 3px;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    width: fit-content;
    clip-path: polygon(8px 0%, calc(100% - 8px) 0%, 100% 50%, calc(100% - 8px) 100%, 8px 100%, 0% 50%);
    transition: filter 0.3s ease;
}

.az-button-content.btn-primary p {
    margin: 0;
}

.az-button-content.btn-primary:hover {
    filter: brightness(1.3);
}

.has-play-icon {
  position: relative;
  cursor: pointer;
}

.has-play-icon {
  position: relative;
  cursor: pointer;
}

.has-play-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Ccircle cx='30' cy='30' r='28.5' fill='none' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M24 19.5 L42 30 L24 40.5 Z' fill='white' stroke='white' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
  background-color: transparent;
  pointer-events: none;
  z-index: 1;
  transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}

.has-play-icon:hover::after {
  transform: translate(-50%, -50%) scale(1.12);
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 20px rgba(255, 255, 255, 0.35);
}

@media (prefers-reduced-motion: reduce) {
  .has-play-icon::after {
    transition: none;
  }
}

/* col with hover */
html:not([class*="dxpr-builder-edit-mode"]) .row-title-bottom{
	background: #1D2870;
background: linear-gradient(180deg,rgba(29, 40, 112, 0) 0%, rgba(29, 40, 112, 1) 60%);
	color:#ffffff;
position:absolute;
width:100%;
bottom:0px;
left:0;
height:120px;
display:flex;
align-items:flex-end;
padding:1rem;
}
.row-hover-content p{
	line-height:1.15 !important;
}
.row-hover-content li::marker{
	line-height:1px;
	font-size:9px;
}
@media (min-width:768px) and (max-width: 1199px){
	.row-title-bottom p, .row-title-bottom span{
		font-size:16px !important;
	}
	.row-hover-content p, .row-hover-content span{
		font-size:11px !important;
	}
	.row-hover-content ul{
		padding-left:1rem !important;
	}
	.research-carousel .research-carousel-heading{
		font-size:18px !important;
	}
}
.card-with-hover{
	border-radius: 5px;
   /* overflow: hidden; */
}
.card-with-hover .row{
	--bs-gutter-x:0 !important;
}

@media (min-width:1440px){
	.card-with-hover .row{
		--bs-gutter-x:0 !important;
	}
}

html:not([class*="dxpr-builder-edit-mode"]) .card-with-hover .row-hover-content{
	background: #ffffff;
	color:#000000;
position:absolute;
width:calc(100% - 2rem);
height:auto;
min-height:100%;
top:0px;
left:1rem;
display:flex;
align-items:flex-start;
padding:1rem;
opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 2;
}
@media (min-width:1440px){
	.html:not([class*="dxpr-builder-edit-mode"]) .card-with-hover .row-hover-content{
		
	}
}
/* Visible state (toggled by JS); !important overrides the inline opacity:0 */
html:not([class*="dxpr-builder-edit-mode"]) .card-with-hover.is-hovered .row-hover-content {
  opacity: 1 !important;
  visibility: visible;
}

/* In edit mode, keep the content visible so it can be edited */
html[class*="dxpr-builder-edit-mode"] .card-with-hover .row-hover-content {
  opacity: 1 !important;
}

.row-hover-content ul{
	padding-left:1rem !important;
	margin-top:5px;
	margin-bottom:0.9rem;
}
.row-hover-content ul li{
	margin-bottom:0;
	margin-top:0;
	padding:0 !important;
}
.aspectratio2to1{
	aspect-ratio:2.35/1;
	min-height:500px;
}
.aspectratio3to1{
	aspect-ratio:3/1;
}
.boldfirstsimg{
	min-height:450px;
	background-position:60% !important;
}
.sustainable-campus{
	aspect-ratio:1.92/1;
}
@media (min-width: 768px) and (max-width: 1399px){
	.sustainable-campus{
		aspect-ratio:1.6/1;
	}	
}
@media (max-width: 767px){
	.aspectratio2to1{
		aspect-ratio:auto;
		min-height:auto;
	}
	#asia-premier-desktop{
		background:none !important;
	}
	.aspectratio3to1, .sustainable-campus{
		aspect-ratio:auto;
	}
	.boldfirstsimg{
		background-image: url('/sites/default/files/styles/1920/public/2026-10/smu-building-xs.jpg?itok=Q_ckq-5O&fid=92636') !important;
		aspect-ratio:1/1.2;
		padding:0 !important;
	}
	.sustainable-campus{
		/* background-color:#141B4D;
		background-size: contain !important;
    background-position: 0 0 !important;
    padding-top: 47vw !important; */
    background-image:url('/sites/default/files/styles/1920/public/2026-10/sustainable-bg-xs.jpg?itok=xSQhCDSR&fid=92641') !important;
    padding-bottom: 25vw !important;
    background-position: bottom !important;
	}
	/*.sustainable-campus p, .sustainable-campus h2, .sustainable-campus span{
		color:#fff !important;
	}*/
	
	.bg-bold-first-mobile{
		background: #FFFFFF;
		background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
		padding-top:1.25rem !important;
	}
}
.world-class-stats{
	margin-bottom:1.5rem;
}

.world-class-stats-sup{
	white-space:nowrap;
}
.min-h-bold-firsts{
	height:100%;
}
@media (min-width:500px) and (max-width: 767px){
	.world-class-stats{
		width:390px;
	} 
	
	
}

@media (max-width: 767px){
	.min-h-bold-firsts{
		height:auto;
	}
	.row-stats-mobile > .col-3{
		width:auto;
	}
}
@media (min-width: 1400px){
	.min-h-bold-firsts{
		min-height:120px;
	}
	.mt-md-n10-bold-firsts{
		margin-top:-9.5rem !important;
	}
	.world-class-stats-num{
		font-size:88px !important;
	}
	.world-class-stats-num-1{
		margin-right:-5px;
		font-size:108px !important;
	}
	.world-class-stats-sup{
		font-size: 20px !important;
	}
}


/* card */

.card-carousel-bold-ideas-subpages .card-body{
	padding: 0 0 1rem;
	transition:all 0.3s ease-in-out;	
}
.card-carousel-bold-ideas-subpages .az-image{
	overflow:hidden;
}
.card-carousel-bold-ideas-subpages{
	transition:all 0.3s ease-in-out;	
}

.card-carousel-bold-ideas-subpages .card-body p{
	line-height:1.2;
}
.card-carousel-bold-ideas-subpages:hover .az-image img{
	transform:scale(1.1);
}
	
.card-carousel-bold-ideas-subpages:hover .card-body{
	background:#141B4D !important;
}
.card-carousel-bold-ideas-subpages:hover .card-body p{
	color:#fff !important;
}
/* 1. Make the carousel row a flex container so all items get equal height
      (.owl-stage is the Owl v2 name, .owl-wrapper is v1; include both) */
.owl-carousel{
	display: flex !important;
  flex-direction: column-reverse;
}
.owl-wrapper,
.owl-stage {
  display: flex !important;
}

/* 2. Each item stretches to the row height and passes it down */
.owl-item {
  display: flex;
  float: none; /* Owl floats items; not needed with flex */

}
.owl-carousel .owl-item{
	padding:0 0.5rem;
}

/* 3. The slide wrapper fills the item */
.owl-item > .az-slide {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* The clearfix pseudo-elements would become empty flex items, so remove them */
.owl-item > .az-slide.clearfix::before,
.owl-item > .az-slide.clearfix::after {
  display: none;
}

/* 4. The card fills the slide (it's already flex-direction: column) */
.card-carousel-bold-ideas-subpages {
  flex: 1 1 auto;
}

/* 5. card-body already has flex: 1 1 auto; make it a column flex container too */
.card-carousel-bold-ideas-subpages > .card-body {
  display: flex;
  flex-direction: column;
}

/* 6. The inner container fills card-body, so mt-auto has space to push against */
.card-carousel-bold-ideas-subpages > .card-body > .az-ctnr {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.st-owl-theme.st-owl-navigation-circle .owl-buttons .owl-prev, .st-owl-theme.st-owl-navigation-circle .owl-buttons .owl-next{
	background:none !important;
}
.st-owl-theme.st-owl-navigation-circle .owl-buttons .owl-prev::after, .owl-prev::before, .st-owl-theme.st-owl-navigation-circle .owl-buttons .owl-next::after, .st-owl-theme.st-owl-navigation-circle .owl-buttons .owl-next::before{
	background:#AE8D1C !important;
}

.st-owl-theme .owl-buttons .owl-prev:hover::before, .st-owl-theme .owl-buttons .owl-next:hover::before{
	-webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}
.st-owl-theme .owl-buttons .owl-prev:hover::after, .st-owl-theme .owl-buttons .owl-next:hover::after{
	webkit-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
}

@media (min-width:768px){
	.bold-ideas-carousel .owl-carousel .owl-wrapper{
		/* margin:0 -15px; */
	}
}

/*sweeping effect education */

/* Container: clip the sweep */
.img-preparing-overlay {
  overflow: hidden;
}

/* Stop DXPR's default slide on the image itself (the sweep replaces it) */
.img-preparing-overlay.slideInLeft {
  animation-name: none !important;
}

/* Navy sweep panel: 0% → 100% #141B4D gradient edge, then solid */
.img-preparing-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 200%;
  background: linear-gradient(
    to right,
    rgba(20, 27, 77, 0) 0%,
    #141B4D 50%,
    #141B4D 100%
  );
  transform: translateX(-50%); /* covers the image until triggered */
  pointer-events: none;
  z-index: 1;
}

/* Trigger: DXPR's built-in slideInLeft class */
.img-preparing-overlay.slideInLeft::after {
  animation-name: preparingSweep;
  animation-duration: 2300ms !important;   /* uses DXPR's duration setting */
  animation-delay: inherit;      /* uses DXPR's delay setting, if any */
  animation-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
  animation-fill-mode: both;
}

@keyframes preparingSweep {
  from { transform: translateX(-50%); }
  to   { transform: translateX(50%); }
}

.img-turning-overlay.flipInX {
  animation-name: flipInX2 !important;
  animation-duration: 5000ms !important;
  animation-fill-mode: both;
  backface-visibility: visible !important;
  animation-fill-mode: forwards;
}

@keyframes flipInX2 {
  from {
    transform: perspective(1000px) translateX(0rem) translateY(0rem) rotateY(0deg);
  }
  to {
    transform: perspective(1000px) translateX(-3rem) translateY(-1rem) rotateY(180deg);
  }
}

.world-class-stats{
	padding-left: 2rem;
    border-left: 1px solid #AE8D1C;
}
@media (max-width: 767px){
	.world-class-stats{
	    border-left: none !important;
	}
}
@media (min-width: 768px) and (max-width:1199px){
	.world-class-stats{
		padding-left: 1.25rem;
	}
}

.bg-strong-graduate-gradient {
  background-color: #ffffff;
  background-image:
    /* lightens the bottom so the top-right stays the richest */
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.15) 60%,
      rgba(255, 255, 255, 0.4) 100%
    ),
    /* main diagonal fade: white on the left, warm beige on the right */
    linear-gradient(
      62deg,
      #ffffff 0%,
      #ffffff 24%,
      rgba(240, 222, 196, 0.45) 32%,
      rgba(236, 216, 186, 0.75) 45%,
      #e9d4b4 65%,
      #e6cfab 100%
    );
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.bg-strong-graduate-gradient{
		padding-bottom:0;
	}
	#strong-graduate{
		height:30vw;
		margin-top: calc(-33vw - -3rem) !important;
		overflow:hidden;
    margin-bottom: -2rem !important;
	}
	.jauges{
		bottom:calc(0) !important;
	}
	.pb-jauges-mobile{
		padding-left:1rem;
		padding-right:1rem;
		padding-bottom:calc(25vw - 3rem);
	}

@media (min-width:576px) and (max-width:767px){
	#strong-graduate{
		margin-bottom: -2rem !important;
	}
}
@media (max-width:767px){
	#strong-graduate .az-image > img{
		transform:scale(1.5);
		transform-origin:top;
	}
	#strong-graduate{
		align-items: flex-start !important;
	  /* margin-top:-31vw !important; */
	}
	.jauges{
		display:none !important;
	}
}
@media (min-width:768px){
	.bg-strong-graduate-gradient{
		padding-bottom:calc(260px - 4rem);
	}
	#strong-graduate{
		height:260px;
		overflow:hidden;
		margin-top: calc(-260px - -4rem) !important;
    margin-bottom: -3rem !important;
	}
	.jauges{
		bottom:calc(-260px - -4rem) !important;
	}
	.card-discover{
		aspect-ratio:1.9/1;
		min-height:200px;
		border-radius:5px;
		overflow:hidden;
	}
	/* .card-discover .az-image > img{
		transition:0.3s all ease-in-out;
	}
	.card-discover:hover .az-image > img{
		transform:scale(1.075);
	} */
	.card-discover{
		transition:0.3s all ease-in-out;
	}
	.card-discover:hover{
		transform:scale(1.1);
	}
}

@media (min-width:1200px){
	.bg-strong-graduate-gradient{
		padding-bottom:calc(370px - 4rem);
	}
	#strong-graduate{
		height:370px;
		overflow:hidden;
		 margin-top: calc(-370px - -4rem) !important;
    margin-bottom: -3rem !important;
	}
	.jauges{
		bottom:calc(-370px - -4rem) !important;
	}
}

.st-owl-theme .owl-buttons .owl-prev::before, .st-owl-theme .owl-buttons .owl-prev::after, .st-owl-theme .owl-buttons .owl-next::before, .st-owl-theme .owl-buttons .owl-next::after{
	width: 0.18rem;
}
.pb-special-globe{
	padding-bottom:18.85rem !important;
}
.mt-special-globe{
	margin-top:-20.85rem;
}
@media (min-width:768px){
	.pb-special-globe{
		padding-bottom:23.85rem !important;
	}
	.mt-special-globe{
		margin-top:-26.85rem;
	}
}

.global-carousel .slick-slider{
	overflow:visible;
}
.global-carousel .slick-arrow.slick-next {
    right: 10px;
    position: absolute;
    top: 45px;
}
.global-carousel .slick-arrow.slick-prev {
    right: 65px;
    top:45px;
    left:auto;
}
@media (min-width:768px){
	.global-carousel .slick-arrow.slick-next, .global-carousel .slick-arrow.slick-prev {
		top:4rem;
	}
}
.global-carousel .slick-arrow, .global-carousel .slick-arrow.slick-disabled, .research-carousel .slick-arrow, .research-carousel .slick-arrow.slick-disabled{
background:none;	
}
.global-carousel .slick-arrow:before, .research-carousel .slick-arrow:before{
	color:#AE8D1C;

}

.global-carousel .slick-prev:before, .global-carousel .slick-next:before, .research-carousel .slick-prev:before, .research-carousel .slick-next:before{
	font-size:26px;
}

/* ---------- Layout ---------- */
.global-carousel .slide-item {
  padding: 0 10px;
}

/* ---------- Globe ---------- */
.global-carousel .global-globe {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* ---------- Card ---------- */
.global-carousel .global-card {
  position: relative !important;
  z-index: 2;
  margin-top: -7.5rem;          /* how much the card overlaps the globe */
  overflow: hidden;
  width:calc(100% - 80px);
  margin-left:auto;
  margin-right:auto;
}

/* University image */
.global-carousel .global-card-img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  /* height: 420px !important; */
  object-fit: cover;
  margin: 0 !important;
  aspect-ratio:2.47/1;
}

/* Text box with gradient, on top of the image */
.global-carousel .global-card-overlay {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: 25% !important;       /* gradient starts 25% down the image */
  z-index: 2;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0 1.25rem 1.25rem;
  background: linear-gradient(to top,
    rgba(29, 39, 112, 1) 10%,
    rgba(29, 39, 112, 0) 100%) !important;
}

/* ---------- Text ---------- */
.global-carousel .global-carousel-heading {
  font-family: 'Libre Franklin', Arial, sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  color: #fff !important;
  font-size: 21px;
  line-height: 1.25;
  margin: 0 0 14px;
}
.global-carousel .global-card-overlay p {
  font-family: 'Libre Franklin', Arial, sans-serif !important;
  font-weight: 300 !important;
  color: #fff !important;
  font-size: 15px;
  line-height: 1.2;
  margin: 0;
  max-width: 560px;
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
  .global-carousel .global-card-img {
    height: auto !important;
  }
  .global-carousel .global-card-overlay {
    top: 15% !important;
    padding: 0 20px 20px;
  }
  .global-carousel .global-carousel-heading {
    font-size: 20px !important;
  }
  .global-carousel .global-card-overlay p {
    font-size: 14px;
  }
}

.research-carousel{
	padding-top:40px;
}
.research-carousel .slick-slider{
	overflow:visible;
}
.research-carousel .slick-arrow.slick-next {
    right: 0;
    position: absolute;
    top: -40px;
}
.research-carousel .slick-arrow.slick-prev {
    right: 60px;
    top:-40px;
    left:auto;
}

/* ---------- Layout ---------- */
.research-carousel .slide-item {
  padding: 0 10px;
}

/* ---------- Card ---------- */
.research-carousel .research-card {
  position: relative !important;
  overflow: hidden;
  border-radius: 4px;
  aspect-ratio:1;
}
.research-carousel .research-card-img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 400px !important;
  object-fit: cover;
  margin: 0 !important;
}

/* Text + button box with gradient, on top of the image */
.research-carousel .research-card-overlay {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: 30% !important;
  z-index: 2;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 0 24px 28px;
  background: linear-gradient(to top,
    rgba(29, 39, 112, 1) 46%,
    rgba(29, 39, 112, 0) 100%) !important;
}

/* ---------- Heading ---------- */
.research-carousel .research-carousel-heading {
  font-family: 'Libre Franklin', Arial, sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  color: #fff !important;
  font-size: 21px;
  line-height: 1.25;
  margin: 0;
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
  .research-carousel .research-card-img {
    height: 420px !important;
  }
  .research-carousel .research-carousel-heading {
    font-size: 20px !important;
  }
}

.changemaking {
  background: #141a4b;
  padding: 2rem 0;
}
.changemaking .cm-item {
  padding: 0.75rem 1.25rem 0;
}
.changemaking .cm-stat {
  color: #AE8D1C;
  font-weight: 700;
  font-size: clamp(2rem, 4vw, 2.6rem) !important;
  line-height: 1.1;
  margin: 0;
  text-transform:none !important;
  font-family:'Libre Franklin';
}
.changemaking .cm-title {
  color: #AE8D1C;
  font-weight: 700;
  font-size: clamp(1.25rem, 2.2vw, 1.5rem) !important;
  line-height: 1.3;
  margin: 0;
  text-transform:none !important;
  font-family:'Libre Franklin';
}
.changemaking .cm-label {
  color: #ffffff;
  font-size: 0.875rem;
  margin: 0;
}

/* Dividers: horizontal on mobile, vertical on desktop */
.changemaking .cm-divider {
  /* border-top: 1px solid #AE8D1C;
  border-bottom: 1px solid #AE8D1C; */
}
@media (min-width: 768px) {
	.changemaking .cm-stat, .changemaking .cm-title {
		margin: 0 0 0.75rem;
	}
  .changemaking .cm-divider {
    border-top: 0;
    border-bottom:0;
    border-left: 1px solid #AE8D1C;
    border-right: 1px solid #AE8D1C;
  }
}

.bottom-blue-gradient:after{
	content:' ';
	position:absolute;
	z-index:60;
	width:100%;
	height:30%;
	left:0;
	bottom:0;
	background: linear-gradient(to top,#141B4D 10%,rgba(20,27,77,0) 100%);
}

@media (max-width: 767px) {
	.changemaking {
		  padding: 0;
		  margin-bottom:2rem;
	}
	.cm-stat{
		margin-bottom:0;
	}
	.row-force-text-center-mobile p, .row-force-text-center-mobile h2, .row-force-text-center-mobile h3{
		text-align:center !important;
		padding-left: 0.5rem;
	  padding-right: 0.5rem;
		
	}
	.row-force-text-center-mobile .col-md-2{
		margin-bottom: 1rem;
		width:50%;
	}
	.row-force-text-center-mobile .col-md-2 p{
		text-align:left !important;
	}
	.section-w-globe > .container{
		padding:0;
	}
	.global-carousel .global-globe{
		width:140% !important;
		margin-left:-20% !important;
	}
	.global-carousel .global-card{
		width:100%;
		margin-top:-5.5rem;
	}
  .global-carousel .global-card-overlay {
    top: 15% !important;
    padding: 20px 20px 20px;
    position: relative !important;
  }
}
#asia-premier-desktop::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.225);
  pointer-events: none;
  z-index: 0;
}
.smalller-by-2-points{
	font-size:calc(100% - 4px);
}