.company-story {position: relative;padding-bottom: 80px;}
.company-story .heading {margin-bottom: 43px;}
.company-story .heading h2 {font-weight: 500;font-size: 48px;line-height: 58px;letter-spacing: -0.5px;color: #00068E;}
.company-story .heading p {font-weight: 500;font-size: 24px;line-height: 29px;letter-spacing: 0px;color: #1357F4;margin-bottom: 12px;}
.company-story .company-story-slider .item .image-wrp {padding: 0px 40px;margin-bottom: 40px;}
.company-story .company-story-slider .item .image-wrp .thumbnail {position: relative;padding-bottom: 320px;max-width: calc(100% - 90px);}
.company-story .company-story-slider .item .image-wrp .thumbnail img {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;object-fit: cover;border-radius: 15px;object-position: center;border-radius: 12px;}
.company-story .company-story-slider .item .content h2 {position: relative;margin-bottom: 13px;}
.company-story .company-story-slider .item .content h2::before {content: '';position: absolute;top: 50%;left: 0px;transform: translateY(-50%);width: 16px;height: 16px;background: url(./images/timeline-dot.svg) no-repeat center;background-size: contain;}
.company-story .company-story-slider .item .content h2::after {content: '';position: absolute;top: 50%;left: 20px;transform: translateY(-50%);width: calc(100% - 20px);height: 1px;border-bottom: 1px dashed #000000;}
.company-story .company-story-slider .item .content h2 span {font-weight: 500;font-size: 54px;line-height: 65px;letter-spacing: -0.5px;color: #00068E;padding: 0px 35px 0px 24px;background: #FFFFFF;display: inline-block;margin-left: 16px;position: relative;z-index: 1;}
.company-story .company-story-slider .item .content p {max-width: 530px;width: 100%;padding-left: 40px;line-height: 110%;}
.company-story .carousel-thumb-wrp {max-width: 400px;margin-top: 62px;}
.company-story .carousel-thumb-wrp .carousel-thumb {max-width: 100%;}

@media screen and (max-width: 1440px) {
    .company-story .heading h2 {font-size: 35px;line-height: 45px;}
    .company-story .company-story-slider .item .content h2 span {font-size: 45px;line-height: 56px;padding: 0px 20px 0px 20px;}
    .company-story .company-story-slider .item .image-wrp {padding: 0px 30px;margin-bottom: 30px;}
    .company-story .company-story-slider .item .image-wrp .thumbnail {padding-bottom: 280px;max-width: 90%;}
    .company-story .company-story-slider .item .content p {padding-left: 36px;}
    .company-story .carousel-thumb-wrp {max-width: 300px;margin-top: 50px;}
}

@media screen and (max-width: 1199px) {
    .company-story .heading p {font-size: 22px;line-height: 27px;margin-bottom: 10px;}
    .company-story .company-story-slider .item .content h2 span {font-size: 35px;line-height: 45px;padding: 0px 10px 0px 10px;}
    .company-story .company-story-slider .item .image-wrp {padding: 0px 20px;margin-bottom: 20px;}
    .company-story .company-story-slider .item .image-wrp .thumbnail {padding-bottom: 210px;max-width: 85%;}
    .company-story .company-story-slider .item .content p {padding-left: 26px;}
}

@media screen and (max-width: 767px) {
    .company-story {padding-bottom: 60px;}
    .company-story .heading h2 {font-size: 30px;line-height: 120%;}
    .company-story .heading p {font-size: 20px;line-height: 25px;}
    .company-story .company-story-slider .item .image-wrp .thumbnail {padding-bottom: 60%;max-width: 100%;}
    .company-story .company-story-slider .item .content h2 span {font-size: 30px;line-height: 40px;padding: 0px 15px 0px 15px;}
    .company-story .carousel-thumb-wrp {max-width: 70%;}
}