#growthStory {margin: 0;padding: 150px 0 0 0;background-color: #131a43;clip-path: polygon(0 110px, 100% 0, 100% 100%, 0% 100%);}#growthStory canvas {height: 100%;}#growthStory h4 {margin: 0;padding: 0 0 50px 0;font-weight: 700;font-size: 44px;line-height: 60px;color: #fff;text-align: center;width: 100%;}#growthStory .box {padding: 20px 10px 10px 10px;margin-bottom: 24px;background: rgba(255, 255, 255, 0.1);border-radius: 11px;}#growthStory .box .icon {display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}#growthStory .box .icon img {max-width: 40px;}#growthStory .box h5 {margin: 0;padding: 20px 0 10px 0;text-align: center;}#growthStory .box h5 span {margin: 0;padding: 0;font-weight: 800;font-size: 51px;line-height: 28px;color: #fff;}#growthStory .box h5 label {margin: 0;padding: 0 0 0 10px;font-weight: 600;font-size: 40px;line-height: 28px;color: #fff;}#growthStory .box .labelTxt {margin: 0;padding: 0;font-weight: 400;font-size: 18px;line-height: 30px;text-align: center;color: #fff;}#growthStory .bottomTxt {font-weight: 300;font-size: 24px;line-height: 38px;text-align: center;color: #fff;padding-top: 20px;}#growthStory .bottomTxt span {font-weight: 600;font-size: 30px;padding-top: 10px;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}#companyCarousel {margin: 80px 0 0 0;padding: 0;padding: 30px 0;background: rgba(0, 0, 0, 0.4);}#companyCarousel .infiniteCarouselWrapper {padding: 0;}#companyCarousel .infiniteCarouselWrapper .slider::before, #companyCarousel .infiniteCarouselWrapper .slider::after {display: none;}#companyCarousel .infiniteCarouselWrapper .slider li {border-radius: 0;background: none;display: flex !important;align-items: center;flex-wrap: wrap;justify-content: center;padding: 0 20px;width: auto;}#companyCarousel .infiniteCarouselWrapper .slider li img {max-width: 160px;filter: brightness(0.8);}

/**** media queries ****/
@media only screen and (min-width: 0px) and (max-width: 767px) {
    #growthStory {padding: 100px 0 0 0; clip-path: polygon(0 50px, 100% 0, 100% 100%, 0% 100%);}
    #growthStory h4 {padding: 0 0 30px 0; font-size: 32px; line-height: 40px;}
    #growthStory .box h5 {padding: 10px 0;}
    #growthStory .box h5 span {font-size: 36px;}
    #growthStory .box .labelTxt {font-size: 16px; line-height: 20px;}
    #companyCarousel {margin-top: 30px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #growthStory {padding: 120px 0 0 0; clip-path: polygon(0 80px, 100% 0, 100% 100%, 0% 100%);}
    #growthStory h4 {padding: 0 0 40px 0; font-size: 36px; line-height: 36px;}
    #growthStory .box h5 span {font-size: 38px;}
    #growthStory .box .labelTxt {font-size: 16px;}
    #companyCarousel {margin: 30px 0 0 0;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #growthStory {clip-path: polygon(0 90px, 100% 0, 100% 100%, 0% 100%); padding: 120px 0 0 0;}
    #growthStory h4 {padding: 0 0 30px 0; font-size: 36px;}
    #growthStory .box h5 span {font-size: 38px;}
    #growthStory .box .labelTxt {font-size: 16px; line-height: 26px;}
    #companyCarousel {margin: 40px 0 0 0;}
    #companyCarousel .infiniteCarouselWrapper .slider li {padding: 0 40px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    #growthStory {padding: 110px 0 0 0; clip-path: polygon(0 80px, 100% 0, 100% 100%, 0% 100%);}
    #growthStory h4 {padding: 0 0 15px 0; font-size: 32px;}
    #growthStory .box h5 {padding: 10px 0 0 0;}
    #growthStory .box h5 span {font-size: 32px;}
	#growthStory .box h5 label {font-size: 22px;}
    #companyCarousel {margin: 50px 0 0 0;}
    #growthStory .box .labelTxt {font-size: 14px; line-height: 24px;}
    #companyCarousel {margin: 60px 0 0 0; padding: 20px 0;}
    #companyCarousel .infiniteCarouselWrapper .slider li {padding: 0 20px;}
    #companyCarousel .infiniteCarouselWrapper .slider li img {max-width: 120px;}
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    #growthStory h4 {padding: 0 0 30px 0; font-size: 38px; line-height: 48px;}
    #growthStory .box h5 {padding: 14px 0 5px 0;}
    #growthStory .box h5 span {font-size: 38px;}
	#growthStory .box h5 label {font-size: 28px;}
    #growthStory .box .labelTxt {font-size: 16px; line-height: 26px;}
}
