#service-02-section{}
#service-02-section h2{color:#9079C4;text-align:center;margin:10px 0;font-size:45px}
.tabs{margin-top:30px}
.tab-content{padding-top:0}
.tab-content .fall-content:nth-child(odd){background-color:white}
.tab-content .fall-content:nth-child(even){background-color:#E3E3EE}
.fall-content{position:relative}
.fall-content img.fall-bg,
.fall-content img.fall-bg-mobile{width:100%;display:block}
.fall-content .slogan{position:absolute;width:68%}
.fall-content .slogan h3{color:#9079C4;font-size:30px;margin:0}
.fall-content .slogan p{color:var(--secondary-color);font-size:18px;margin:0;line-height:25px}

.tab-content .fall-content.left .slogan{padding-right:50px}
.tab-content .fall-content.right .slogan{padding-left:50px}
.tab-content .fall-content.left .slogan{left:32%;top:20px}
.tab-content .fall-content.right .slogan{left:20px;top:20px}
.tab-content .fall-content a.more-btn{display:block;color:var(--secondary-color);text-decoration:none;font-size:14px}

.fall-content img.badge-img{position:absolute;bottom:30px;width:100px}
.fall-content.left img.badge-img{left:20%}
.fall-content.right img.badge-img{right:20%}

.fall-content .slogan p::-webkit-scrollbar{width:5px}
.fall-content .slogan p::-webkit-scrollbar-thumb{background-color:var(--primary-color)}
.fall-content .slogan p::-webkit-scrollbar-track{background:#C9C9C9}

.fall-content img.fall-bg-mobile{display:none !important}
@media screen and (max-width: 991px) {
	.fall-content .slogan p{max-height:100px;overflow-y:auto}
	.fall-content img.badge-img{width:70px}
}

@media screen and (max-width: 830px) {
	.fall-content img.fall-bg{display:none !important}
	.fall-content img.fall-bg-mobile{display:block !important}
	.fall-content img.badge-img{display:none}

	.tab-content .fall-content.left .slogan,
	.tab-content .fall-content.right .slogan{top:calc(50% + 50px);width:100%;left:0;right:0;
		padding-left:20px;padding-right:20px
	}
	.fall-content .slogan p{font-size:20px;line-height:1.8;margin-top:20px;max-height:initial}

	.fall-content .slogan h3{text-align:center}
}

@media screen and (max-width: 768px) {
	#service-02-section .tabs{gap:15px;flex-wrap:wrap;border-bottom:0;margin:0 0 20px;justify-content:center}
	#service-02-section .tabs li{flex:0 0 calc(50% - 30px);border:1px solid #9079C4;border;border-radius:20px;padding:5px 10px;color:#9079C4;font-weight:600}
	#service-02-section .tabs li.active{background-color:#9079C4;color:white}
	#service-02-section .tabs li:nth-child(3n){margin-right:0}
}

@media screen and (max-width: 650px) {
	.fall-content .slogan h3{font-size:28px}
	.fall-content .slogan p{font-size:15px;max-height:80px;overflow-y:hidden;text-overflow:ellipsis}
}

@media screen and (max-width: 500px) {
	.tab-content .fall-content.left .slogan,
	.tab-content .fall-content.right .slogan{top:calc(50% + 15px)}

	.fall-content .slogan h3{font-size:22px}
	.fall-content .slogan p{font-size:.85rem
		max-height:80px;overflow-y:auto
	}
}