/* community-sec */
.community-sec {padding: 64px 0;}
.community-sec .community-grp {display: flex; justify-content: center; align-items: center; width: 100%; gap: 44px;}
.community-sec .community-grp .community-img {position: relative; display: block; width: 56%;}
.community-sec .community-grp .community-img::after {content: ''; display: block; padding-top: 69%;}
.community-sec .community-grp .community-img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; object-fit: cover; border-radius: 16px;}
.community-sec .community-grp .community-content {width: 44%;}
.community-sec .community-grp .community-content span {display: block; padding: 8px 20px; margin-bottom: 20px; font-family: 'Inter'; font-weight: 600; font-size: 14px; line-height: 100%; border-radius: 60px; background: rgba(60, 182, 74, 0.1); min-width: 175px; text-align: center; width: 175px;}
.community-sec .community-grp .community-content h2 { margin: 0; color: #FFF; margin-bottom: 20px; font-family: 'Inter'; font-weight: 500; font-style: Medium; font-size: 36px; line-height: 100%; }
.community-sec .community-grp .community-content ul {display: block; margin: 0; padding: 0; list-style: none;}
.community-sec .community-grp .community-content ul li {display: block; margin: 0; padding: 0; list-style: none; color: #A1A1AB; font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 32px; letter-spacing: 0%; }
.community-sec .community-grp .community-content .btnbox {display: flex; margin-top: 32px;}
.community-sec .community-grp .community-content .btnbox a {display: flex; justify-content: center; align-items: center; padding: 14px 32px; font-family: 'Inter'; font-weight: 600; font-size: 16px; line-height: 20px; color: #FFF; background: #3CB64A; border-radius: 60px;}

.community-sec .community-grp .community-content.mobile-title{ display: none; }
.community-sec .community-grp .community-content.mobile-title h2{margin: 0;}

@media (max-width: 1199px) { 
	.community-sec {padding: 44px 0;}
	.community-sec .community-grp .community-img {width: 50%;}
	.community-sec .community-grp .community-content {width: 50%;}
	.community-sec .community-grp .community-content h2 {font-size: 32px; line-height: 1.3; }
}

@media (max-width: 991px) { 
	.community-sec {padding: 44px 0;}
	.community-sec .community-grp {flex-direction: column;}
	.community-sec .community-grp .community-img {width: 100%;}
	.community-sec .community-grp .community-content {width: 100%; gap: 30px;}
	.community-sec .community-grp .community-content h2 {font-size: 28px; line-height: 1.3;}
}

@media (max-width: 767px) { 
	.community-sec {padding: 24px 0;}
	.community-sec .community-grp {flex-direction: column; gap: 25px;}
	.community-sec .community-grp .community-img {width: 100%;}
	.community-sec .community-grp .community-content {width: 100%; gap: 30px;}
	.community-sec .community-grp .community-content h2 {font-size: 28px; line-height: 1.3;}

	.community-sec .community-grp .community-content.mobile-title{ display: block; }
	.community-sec .community-grp .community-content.not-mobile h2,
	.community-sec .community-grp .community-content.not-mobile span{display: none;}
}
/* community-sec */