.responsive-iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.team-member_item_image-container {
	width: 100%;
    aspect-ratio: 16/17;
	overflow: hidden;
}

// Fallback (current, using padding hack)
@supports not (aspect-ratio: 16 / 17) { 
  .team-member_item_image-container::before {
		float: left;
		padding-top: 94%;
		content: '';
	}

	.team-member_item_image-container::after {
		display: block;
		content: '';
		clear: both;
	}
}

.team-member_item_image {
	width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.hp-text-bg
{
	color: #fff;
    background-image: url(/media/1240/homepage-bg-text.png);
    background-repeat: no-repeat;
    height: 100%;
    padding: 15px 80px 20px 40px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-44%);
    max-width: 650px;
}

.hp-text-bg h2 {
	display:none;
}

.hp-text-bg img {
	max-width: 200px;
	margin-bottom: 10px;
}

.hp-text-bg .btn-secondary {
	background: #f3ba15;
	color: #223150;
	font-weight: bold;
}

.hp-text-bg a
{
	color: #fff; 
}  

@media only screen and (max-width: 600px) {

	.hp-text-bg h2 {
		display:inline-block;
	}

	.hp-text-bg img {
		display:none;
	}
	.hp-text-bg {
		width: 95%;
		font-size: 14px;
		padding: 100px 80px 20px 40px; 
	}

	.hp-text-bg h2
	{
		font-size: 30px;
	}
} 

@media (min-width: 992px) {
	.hp-text-bg {
		transform: translateY(-39%);
	}
}

@media (min-width: 1200px) {
	.hp-text-bg {
		transform: translateY(-34%);
	}
}

@media (min-width: 2000px) {
	.hp-text-bg {
		transform: translateY(-32%);
	}
}

.hp-box {
	transform: skewX(-10deg);
}

.hp-box-inner {
	transform: skewX(10deg);
}

.course-detail-rte p span {
	font-size: 1rem !important;
}