.grow {flex-grow: 1;}
.flex {display: flex;}
.flex-col {flex-direction: column;}
.section-sccb-api {
	height: 100%;
	width: 100%;
	padding-bottom: 5rem;
}
.sccb-api-hero {
	position: relative;
	/* margin-left: auto; */
	/* margin-right: auto; */
	/* max-width: 100%; */
	/* padding-left: 1rem; */
	/* padding-right: 1rem; */
	margin-bottom: 130px;
}
.sccb-api-hero-wrapper {
	position: relative;
	z-index: 10;
	height: 400px;
}
.sccb-api-hero-wrapper img {
	object-position: left top;
	object-fit: cover;
	align-items: center;
	width: 100%;
	z-index: 1;
	max-width:100%;
	display: block;
	vertical-align: middle;
}

.sccb-api-hero-title {
	padding-left: 103px;
	padding-top: 7rem;
	position: absolute;
	top: 0px;
	z-index: 10;
}

.sccb-api-hero-title-highlight span
,.sccb-api-hero-box-highlight span
,.sccb-api-solution-introduce-highlight span
,.sccb-api-let-us-help-content-highlight span
,.sccb-api-work-highlight span
,.sccb-api-contact-us-content-title-highlight span{
	color: rgb(236 28 36);
}
.sccb-api-hero-title-subText {
	margin:0px;
	font-size: 16px;
	line-height: 18px;
}
.sccb-api-hero-desc {
	position: absolute;
	bottom: -130px;
	right: 0px;
	z-index: 50;
	margin-left: auto;
	width: 100%;
	max-width: 80%;
	border-top: 8px solid rgb(236 28 36);
	background-color: rgb(248 248 248);
	padding: 40px 25px;
}

.sccb-api-hero-box-subText{	
	margin-top: 1.5rem;
	padding-right: 230px;
	font-size: 14px;
	line-height: 18px;
}
.sccb-api-solution-container {
	flex-direction: row;
	background-color: rgb(248 248 248);
	display: flex;
	min-height: 600px;
}
.sccb-api-solution-wrapper {
	flex: 1 1 0%;
	background-color: rgb(255 255 255);
	padding-top: 60px;
	padding-right: 80px;
}
.sccb-api-solution-introduce-highlight,.sccb-api-let-us-help-content-highlight,.sccb-api-work-highlight,.sccb-api-contact-us-content-title-highlight {
	font-size: 32px;
	line-height: 40px;
	font-weight:500;
}
.sccb-api-hero-title-highlight,.sccb-api-hero-box-highlight {
	font-size: 42px;
	line-height: 52px;
	font-weight: 500;
}
.sccb-api-solution-introduce-desc {
	margin-bottom: 15px;
	margin-top: 15px;
}
.sccb-api-solution-introduce-desc p{
	margin-bottom: 15px;
}
.sccb-api-solution-introduce-img {
    position: relative;
    height: 700px;
    flex: 1 1 0%;
    padding: 60px 0px;
}
.sccb-api-solution-introduce-img img{
	object-position: center;
	object-fit: cover;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: block;
}

.sccb-api-let-us-help-container{
    display: flex;
    flex-direction: row;
    gap: 80px;
}
.sccb-api-let-us-help-img {
    position: relative;
    height: auto;
    width: 100%;
    min-width: 480px;
}
.sccb-api-let-us-help-img img,.sccb-api-work-img img,.sccb-api-contact-us-img img{
	object-position: center;
	object-fit: cover;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: block;
}
.sccb-api-let-us-help-content {
	margin-top: 25px;
	margin-bottom: 25px;
	padding-left: 0px;
	padding-right: 160px;
	padding-top: 50px;
	padding-bottom: 50px;
}
.sccb-api-let-us-help-content-point{
	margin-top: 40px;
	margin-bottom:15px;
}
.sccb-api-let-us-help-content-point h4{
	font-weight:600;
	margin-bottom: 18px;
	text-decoration:none;
}
.sccb-api-work {
	margin-top: 5rem;
}
.sccb-api-work-container {
    position: relative;
    z-index: 10;
    min-height: 660px;
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 40px;
}
.sccb-api-work-img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 380px;
    z-index: 1;
}
.sccb-api-work-content {
    position: relative;
    z-index: 10;
}
.sccb-api-work-title {
    text-align: center;
}
.sccb-api-work-card-wrap {
    display: grid;
    grid-auto-flow: row;
    grid-auto-rows: minmax(0, 1fr);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem;
    margin-left: 208px;
    margin-right: 60px;
    margin-top: 72px;
}
.sccb-api-work-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    background-color: rgb(248 248 248);
    padding: 20px;
}
.sccb-api-work-card img {
	width: 40px;
	height: 40px;
}
.sccb-api-contact-us {
	margin-top: 5rem;
}
.sccb-api-contact-us-container {
    display: flex;
    flex-direction: row;
    gap: 48px;
    align-items: center;
	
}
.sccb-api-contact-us-img {
    position: relative;
    aspect-ratio: 1 / 1;
    height: auto;
    width: 600px;
}
.sccb-api-contact-us-content-title>p{
    margin-top: 20px;
}

.sccb-api-contact-us-box a{color: rgb(255 255 255);text-decoration:none;}
.sccb-api-contact-us-box p{margin:0px;line-height: 22px;}
.sccb-api-contact-us-box h5{font-size: 18px;line-height: 28px;}
.sccb-api-contact-us-content-title{width:380px;}
.sccb-api-contact-us-box {
    background-color: rgb(236 28 36);
    padding: 48px 34px;
    color: rgb(255 255 255);
    max-width: 380px;
}
.sccb-api-let-us-help {
    margin-right: auto;
    margin-left: auto;
    background-color: rgb(248 248 248);
}


@media (min-width: 768px) and (max-width: 991px) {
    .sccb-api-let-us-help {
        width: 100%;
    }
	.sccb-api-solution-container{
	    flex-direction: column-reverse;
	}
	.sccb-api-solution-introduce-img{
	    padding: 0px;
	}
	.sccb-api-let-us-help-container{flex-direction: column;margin-top: 48px;gap: 10px;}
	.sccb-api-let-us-help-img {
	    min-width: 100%;
	    height: 233px;
	}
	.sccb-api-let-us-help-content {
	    margin: 0px;
	    padding: 40px;
	}
	.sccb-api-work-img {top:100px;height: 100%;}
	.sccb-api-work-card-wrap{grid-template-columns: repeat(1, minmax(0, 1fr));margin-left: 60px;}
	.sccb-api-contact-us-container {flex-direction: column;}
	.sccb-api-contact-us-img {width:100%;height: 233px;margin-bottom: -200px;z-index: 1;}
	.sccb-api-contact-us-content{z-index:2;background-color:white;width: 480px;}
	.sccb-api-contact-us-content-title{padding:20px}
	.sccb-api-contact-us-box{max-width: 480px;}
}
@media (min-width: 992px) and (max-width: 1199px)  {
    .sccb-api-let-us-help {
        width: 992px;
    }
}
@media (min-width: 1200px) {
    .sccb-api-let-us-help {
        width: 1200px;
    }
}