#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(0, 0, 0, 0.6); 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 60px; width: auto;}

/**** 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;}
    #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 .labelTxt {font-size: 16px; line-height: 26px;}
}
