.outside_education_showcase .showcase-image-inner-wrap {width: 300px;margin-left: auto;margin-right: auto;}
/* .outside_education_showcase .showcase-block{padding-top: 90px;} */

.showcase-content-sec {
	background: linear-gradient(0deg, #EEFAFF 0%, #FFF 100%);
	position: relative;
	padding: 100px 0 160px 0;
	z-index: 0;
}
.showcase-content-sec::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	pointer-events: none;
	background-image: url('../../../assets/images/community-sec-dots.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index: -1;
}
.showcase-image-col {
	max-width: 50%;
	width: 100%;
}
.showcase-content-col {
	max-width: 47.6%;
	width: 100%;
}
.showcase-content {
	max-width: 685px;
	width: 100%;
	margin: 0 auto;
}
.showcase-image-wrap {
	padding-top: 120%;
	width: 100%;
}
.showcase-image-container {
	max-width: 63.6%;
	margin: 0 auto 0 auto;
	padding: 20px;
	border: 1px solid var(--color-ice);
	filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.10));
	background-color: var(--color-white);
	transform: rotate(16.72deg);
	transform-origin: center;
	position: relative;
	left: -6.7%;
}
.showcase-title {
	margin: 0 0 10px 0;
}
.showcase-block.image-right {
	flex-direction: row-reverse;
}
.showcase-block {
	padding: 24px 0 95px;
}
.showcase-block:last-child {
	padding-bottom: 0;
}
.showcase-block.image-right .showcase-image-container {
	transform: rotate(-16.72deg);
	top: 10%;
	left: 5%;
}
.showcase-btn-wrap {
	margin: 90px 0 0 0;
}
.showcase-block:has(+ .showcase-block.image-right) {
	padding-bottom: 0px;
}
.showcase-block.image-right .showcase-image-inner-wrap, .showcase-block.image-right .showcase-image-inner-wrap img {
	margin-left: auto;
}

.showcase-text a {
	color: var(--color-brand-blue);
}
.showcase-text a:hover {
	color: var(--color-black);
}
.outside_education_showcase .showcase-block:has(+ .showcase-block.image-right) {
	padding-bottom: 95px;
	padding-top: 0;
}
@media screen and (max-width:1800px) {
	.showcase-content-sec {
	padding: 100px 0 130px 0;
}
}
@media screen and (max-width:1600px) {
.showcase-content-sec {
	padding: 100px 0 110px 0;
}
.showcase-btn-wrap {
	margin: 70px 0 0 0;
}
.showcase-image-inner-wrap {
	max-width: 90%;
}
}
@media screen and (max-width:1440px) {
.showcase-content-sec {
	padding: 100px 0 90px 0;
}
.showcase-btn-wrap {
	margin: 55px 0 0 0;
}
}
@media screen and (max-width:1360px) {
.showcase-content-sec {
	padding: 100px 0 80px 0;
}
.showcase-content-sec::before {
	background-size: contain;
}
.showcase-block.image-right {
	padding-top: 40px;
}
.outside_education_showcase .showcase-block:has(+ .showcase-block.image-right) {
	padding-bottom: 60px;
	padding-top: 0;
}
}

@media screen and (max-width:992px) {
	.showcase-content-sec {
	padding: 100px 0 60px 0;
}
.showcase-btn-wrap {
	margin: 40px 0 0 0;
}
.showcase-content-col,.showcase-image-col {
	max-width: 100%;
}
.showcase-image-inner-wrap {
	max-width: 60%;
	margin: 0 auto;
}
.showcase-image-col {
	padding: 0px 0 20px 0;
}
.showcase-block.image-right .showcase-image-col {
	padding-top: 30px;
}
.outside_education_showcase .showcase-block:has(+ .showcase-block.image-right) {
	padding-bottom: 30px;
	padding-top: 0;
}
.outside_education_showcase .showcase-block.image-right {
	padding-top: 20px;
	padding-bottom: 20px;
}
}
@media screen and (max-width:640px) {
	.showcase-content-sec {
	padding: 100px 0 50px 0;
}
.showcase-image-inner-wrap {
	max-width: 64%;
}
.showcase-btn-wrap {
	margin: 35px 0 0 0;
}
.showcase-block.image-right .showcase-image-col {
	padding-top: 0px;
}
.showcase-title br {
	display: none;
}
.outside_education_showcase .showcase-block:has(+ .showcase-block.image-right) {
	padding-bottom: 40px;
}
}
@media screen and (max-width:480px) {
.showcase-image-inner-wrap {
	max-width: 77%;
}
}