/* Fix for clipped tone marks */

.gradient-text {
	padding-top: 0.125em;
}

/* Fixes to accommodate longer card front copy */

@media only screen and (min-width: 735px) {
	.image-photo-traveler {
		height: 570px;
		background-size: cover;
	}
}

@media only screen and (min-width: 1069px) {
	.image-photo-traveler {
		height: 710px;
	}
}

/*Jia Chen card*/
.section-opportunities .card-jia {
	--card-background: linear-gradient(to bottom right, #26a6b2, #162a5c);
}

#jia-chen .card .card-text {
	color: white;
}

.image-photo-jia-chen {
	width: 590px;
	height: 417px;
	background-size: 590px 417px;
	background-image: url("/th/education/home/images/higher_education/app_development/photo_jiachen_yee__dkxudtv5a526_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.image-photo-jia-chen {
		background-image: url("/th/education/home/images/higher_education/app_development/photo_jiachen_yee__dkxudtv5a526_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.image-photo-jia-chen {
		width: 415px;
		height: 297px;
		background-size: 415px 297px;
		background-image: url("/th/education/home/images/higher_education/app_development/photo_jiachen_yee__dkxudtv5a526_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.image-photo-jia-chen {
		background-image: url("/th/education/home/images/higher_education/app_development/photo_jiachen_yee__dkxudtv5a526_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.image-photo-jia-chen {
		width: 537px;
		height: 467px;
		background-size: 537px 467px;
		background-image: url("/th/education/home/images/higher_education/app_development/photo_jiachen_yee__dkxudtv5a526_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.image-photo-jia-chen {
		background-image: url("/th/education/home/images/higher_education/app_development/photo_jiachen_yee__dkxudtv5a526_small_2x.jpg");
	}
}

.section-opportunities .card-jia {
	--card-text-color: white;
}

.section-opportunities .card-jia .plus-icon * {
	fill: #fff;
	stroke: #fff;
}

.section-opportunities .card-jia p {
	padding-bottom: 94px;
	font-size: 21px;
	line-height: 1.19048;
	font-weight: 600;
	letter-spacing: 0.011em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
	font-weight: 700;
}

.section-opportunities .card-jia .modal-cta {
	bottom: 0;
	font-size: 21px;
	line-height: 1.381;
	font-weight: 400;
	letter-spacing: 0.011em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
}

.section-opportunities .card-jia .card-front {
	position: relative;
}

.modal.modal-standard.jia .modal-headline {
	color: #3c1572;
}

.modal.modal-standard.jia .modal-image .image-1 {
	width: 980px;
	height: 579px;
	background-size: 980px 579px;
	background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee__enx00szes2wm_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.modal.modal-standard.jia .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee__enx00szes2wm_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.modal.modal-standard.jia .modal-image .image-1 {
		width: 692px;
		height: 398px;
		background-size: 692px 398px;
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee__enx00szes2wm_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.modal.modal-standard.jia .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee__enx00szes2wm_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.modal.modal-standard.jia .modal-image .image-1 {
		width: 643px;
		height: 430px;
		background-size: 643px 430px;
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee__enx00szes2wm_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.modal.modal-standard.jia .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee__enx00szes2wm_small_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.modal.modal-standard.jia .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee__enx00szes2wm_small.jpg");
		background-size: cover;
		width: 100%;
		height: max(160px, 50vw);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.modal.modal-standard.jia .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee__enx00szes2wm_small_2x.jpg");
	}
}

.modal.modal-standard.jia .modal-image .image-2 {
	width: 980px;
	height: 579px;
	background-size: 980px 579px;
	background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_1__fy452m1fqma2_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.modal.modal-standard.jia .modal-image .image-2 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_1__fy452m1fqma2_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.modal.modal-standard.jia .modal-image .image-2 {
		width: 692px;
		height: 398px;
		background-size: 692px 398px;
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_1__fy452m1fqma2_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.modal.modal-standard.jia .modal-image .image-2 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_1__fy452m1fqma2_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.modal.modal-standard.jia .modal-image .image-2 {
		width: 643px;
		height: 430px;
		background-size: 643px 430px;
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_1__fy452m1fqma2_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.modal.modal-standard.jia .modal-image .image-2 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_1__fy452m1fqma2_small_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.modal.modal-standard.jia .modal-image .image-2 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_1__fy452m1fqma2_small.jpg");
		background-size: cover;
		width: 100%;
		height: max(160px, 50vw);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.modal.modal-standard.jia .modal-image .image-2 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_1__fy452m1fqma2_small_2x.jpg");
	}
}

.modal.modal-standard.jia .modal-image .image-3 {
	width: 980px;
	height: 579px;
	background-size: 980px 579px;
	background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_2__ghl0vo242ci2_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.modal.modal-standard.jia .modal-image .image-3 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_2__ghl0vo242ci2_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.modal.modal-standard.jia .modal-image .image-3 {
		width: 692px;
		height: 398px;
		background-size: 692px 398px;
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_2__ghl0vo242ci2_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.modal.modal-standard.jia .modal-image .image-3 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_2__ghl0vo242ci2_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.modal.modal-standard.jia .modal-image .image-3 {
		width: 643px;
		height: 430px;
		background-size: 643px 430px;
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_2__ghl0vo242ci2_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.modal.modal-standard.jia .modal-image .image-3 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_2__ghl0vo242ci2_small_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.modal.modal-standard.jia .modal-image .image-3 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_2__ghl0vo242ci2_small.jpg");
		background-size: cover;
		width: 100%;
		height: max(160px, 50vw);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.modal.modal-standard.jia .modal-image .image-3 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jiachen_yee_2__ghl0vo242ci2_small_2x.jpg");
	}
}

.section-opportunities .quote-block.quote-jia .quote-text {
	color: #5f3670;
}

.modal-space {
	margin-top: 80px;
}

/*----------------More Stories starts------------------*/
.section-more-stories {
	margin-top: 150px;
	margin-bottom: 70px;
}

@media only screen and (max-width: 1068px) {
	.section-more-stories {
		margin-bottom: 0px;
	}
}
@media only screen and (max-width: 1068px) {
	.section-more-stories #story-2 {
		margin-bottom: 0px;
	}
}

.section-more-stories h4 {
	margin-bottom: 50px;
}

.section-more-stories h3.typography-headline-super {
	text-align: center;
	margin-bottom: 100px;
}
@media only screen and (max-width: 734px) {
	.section-more-stories h3.typography-headline-super {
		margin-bottom: 50px;
	}
}

.section-more-stories .section-content-extended {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	.section-more-stories .section-content-extended {
		width: 100%;
	}
}
@media only screen and (max-width: 1068px) {
	.section-opportunities .section-more-stories .card .card-content .card-image-container {
		width: 50%;
	}
	.section-opportunities .section-more-stories .card .card-content .card-content-container {
		width: 50%;
	}
}
@media only screen and (max-width: 734px) {
	.section-opportunities .section-more-stories .card .card-content .card-image-container {
		width: 100%;
	}
	.section-opportunities .section-more-stories .card .card-content .card-content-container {
		width: 100%;
	}
}

.section-more-stories .card {
	border-radius: 20px;
	display: flex;
	flex-direction: column;
}

@media only screen and (max-width: 1068px) {
	.section-more-stories .card {
		flex-direction: row;
	}
	.section-more-stories #story-1 .card, .section-more-stories #story-2 .card {
		margin-bottom: 40px;
	}
}
@media only screen and (max-width: 734px) {
	.section-more-stories .card {
		flex-direction: column;
	}
}

@media only screen and (max-width: 1068px) {
	.section-more-stories .card.vertical .image {
		border-radius: 0;
	}
}
@media only screen and (max-width: 1068px) {
	.section-more-stories .card.vertical .card-content-width {
		padding: 45px 40px;
	}
}
@media only screen and (max-width: 734px) {
	.section-more-stories .card.vertical .card-content-width {
		padding: 40px;
	}
}

.section-more-stories .cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 50px;
	grid-row-gap: 30px;
}

@media only screen and (max-width: 1068px) {
	.section-more-stories .cards {
		display: block;
	}
}

.section-more-stories .card-content {
	--card-text-color: white;
}

.section-more-stories .card-content .plus-icon * {
	fill: #fff;
	stroke: #fff;
}

.section-more-stories .card-content p {
	padding-bottom: 94px;
	font-size: 21px;
	line-height: 1.19048;
	font-weight: 600;
	letter-spacing: 0.011em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
	font-weight: 700;
}

.section-more-stories .card-content .modal-cta {
	bottom: 0;
	font-size: 21px;
	line-height: 1.381;
	font-weight: 400;
	letter-spacing: 0.011em;
	font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica",
		"Arial", sans-serif;
	position: relative;
}

.section-more-stories .card-content .modal-cta .modal-cta-more {
	margin-left: 0;
}

.section-more-stories .card-content .card-front {
	position: relative;
}

/*----------------CTA starts------------------*/
.section-more-stories .modal-cta .plus-icon {
	margin-right: 15px;
	display: none;
}
.section-more-stories .modal-cta .icon-after {
	display: inline-block;
}
@media only screen and (max-width: 1068px) {
	.section-more-stories .modal-cta .plus-icon {
		display: inline-block;
	}
	.section-more-stories .modal-cta .icon-after {
		display: none;
	}
}
/*----------------CTA ends------------------*/

/*----------------More Stories ends------------------*/

/*---------------Story 1 start---------------------*/
.section-opportunities #story1 .card-content {
	--card-background: linear-gradient(to bottom right, #26a6b2, #162a5c);
}

#story1 .card .card-text {
	color: white;
}

.modal.modal-standard.story1 .modal-headline {
	color: #24658c;
}

.image-photo-story1 {
	width: 575px;
	height: 426px;
	background-size: 575px 426px;
	background-image: url("/th/education/home/images/higher_education/app_development/photo_jose_manuel__beakzljdcd7m_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.image-photo-story1 {
		background-image: url("/th/education/home/images/higher_education/app_development/photo_jose_manuel__beakzljdcd7m_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.image-photo-story1 {
		width: 425px;
		height: 344px;
		background-size: 425px 344px;
		background-image: url("/th/education/home/images/higher_education/app_development/photo_jose_manuel__beakzljdcd7m_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.image-photo-story1 {
		background-image: url("/th/education/home/images/higher_education/app_development/photo_jose_manuel__beakzljdcd7m_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.image-photo-story1 {
		width: 543px;
		height: 345px;
		background-size: 543px 345px;
		background-image: url("/th/education/home/images/higher_education/app_development/photo_jose_manuel__beakzljdcd7m_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.image-photo-story1 {
		background-image: url("/th/education/home/images/higher_education/app_development/photo_jose_manuel__beakzljdcd7m_small_2x.jpg");
	}
}

.modal.modal-standard.story1 .modal-image .image-1 {
	width: 980px;
	height: 579px;
	background-size: 980px 579px;
	background-image: url("/th/education/home/images/higher_education/app_development/modal_jose_manuel__fbe75kyaohme_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.modal.modal-standard.story1 .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jose_manuel__fbe75kyaohme_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.modal.modal-standard.story1 .modal-image .image-1 {
		width: 692px;
		height: 398px;
		background-size: 692px 398px;
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jose_manuel__fbe75kyaohme_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.modal.modal-standard.story1 .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jose_manuel__fbe75kyaohme_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.modal.modal-standard.story1 .modal-image .image-1 {
		width: 643px;
		height: 430px;
		background-size: 643px 430px;
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jose_manuel__fbe75kyaohme_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.modal.modal-standard.story1 .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jose_manuel__fbe75kyaohme_small_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.modal.modal-standard.story1 .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jose_manuel__fbe75kyaohme_small.jpg");
		background-size: cover;
		width: 100%;
		height: max(160px, 50vw);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.modal.modal-standard.story1 .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_jose_manuel__fbe75kyaohme_small_2x.jpg");
	}
}
/*---------------Story 1 end---------------------*/

/*---------------Story 2 start---------------------*/
.section-opportunities #story2 .card-content {
	--card-background: linear-gradient(to bottom right, #cb1062, #640024);
}

#story2 .card .card-text {
	color: white;
}

.modal.modal-standard.story2 .modal-headline {
	color: #cb1062;
}

.image-photo-story2 {
	width: 575px;
	height: 426px;
	background-size: 575px 426px;
	background-image: url("/th/education/home/images/higher_education/app_development/photo_gam__m48ouv32016y_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.image-photo-story2 {
		background-image: url("/th/education/home/images/higher_education/app_development/photo_gam__m48ouv32016y_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.image-photo-story2 {
		width: 425px;
		height: 344px;
		background-size: 425px 344px;
		background-image: url("/th/education/home/images/higher_education/app_development/photo_gam__m48ouv32016y_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.image-photo-story2 {
		background-image: url("/th/education/home/images/higher_education/app_development/photo_gam__m48ouv32016y_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.image-photo-story2 {
		width: 543px;
		height: 345px;
		background-size: 543px 345px;
		background-image: url("/th/education/home/images/higher_education/app_development/photo_gam__m48ouv32016y_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.image-photo-story2 {
		background-image: url("/th/education/home/images/higher_education/app_development/photo_gam__m48ouv32016y_small_2x.jpg");
	}
}

.modal.modal-standard.story2 .modal-image .image-1 {
	width: 980px;
	height: 579px;
	background-size: 980px 579px;
	background-image: url("/th/education/home/images/higher_education/app_development/modal_gam__dcp26meat8om_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
	.modal.modal-standard.story2 .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_gam__dcp26meat8om_large_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	.modal.modal-standard.story2 .modal-image .image-1 {
		width: 692px;
		height: 398px;
		background-size: 692px 398px;
		background-image: url("/th/education/home/images/higher_education/app_development/modal_gam__dcp26meat8om_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.modal.modal-standard.story2 .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_gam__dcp26meat8om_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.modal.modal-standard.story2 .modal-image .image-1 {
		width: 643px;
		height: 430px;
		background-size: 643px 430px;
		background-image: url("/th/education/home/images/higher_education/app_development/modal_gam__dcp26meat8om_small.jpg");
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.modal.modal-standard.story1 .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_gam__dcp26meat8om_small_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	.modal.modal-standard.story1 .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_gam__dcp26meat8om_small.jpg");
		background-size: cover;
		width: 100%;
		height: max(160px, 50vw);
	}
}

@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.modal.modal-standard.story1 .modal-image .image-1 {
		background-image: url("/th/education/home/images/higher_education/app_development/modal_gam__dcp26meat8om_small_2x.jpg");
	}
}
/*---------------Story 2 end---------------------*/

.section-opportunities .card-jia .modal-cta:lang(th), .section-opportunities .card-jia p:lang(th), .section-more-stories .card-content .modal-cta:lang(th) {
	line-height: 1.381;
	font-family: "SF Pro TH", "SF Pro Display", "SF Pro Icons", "Helvetica Neue",
		"Helvetica", "Arial", sans-serif;
}

.section-opportunities .card-opportunities .card-headline {
	line-height: 1.2;
}
