a{
    color: unset;
}
.mg-btm-0{
    margin-bottom: 0;
}
.dis-block{
    display: block;
}
.our-story-banner.demo .wrapper{
    display:none;    
}
.our-story-banner.demo{
    background-color:transparent;
}
.bnr-lt,.bnr-rt{
    width: 50%;
}
.ourstory-banner{
    background-color: var(--bg-color);
    text-align: center;
    padding: 120px 0 0;
}
h1 {
    font-size: 50px;
    line-height: 1.2;
    letter-spacing: -1.5px;
    width: 70%;
    margin: 0 auto 20px;
}
.ourstory-banner .zh-color{
    margin:20px auto 0;
}
.ourstoryimg{
    margin: 60px auto 0;
    max-width: 1600px;
    display: flex;
align-items: flex-end;
}
.ourstoryimg object{
    width: 100%;
}
.ourstoryimg img{
display: table-cell;
vertical-align: bottom;
 }
.ourstory-banner p{
    width: 69%;
    margin: 0 auto;
    padding: 20px 0 0;
    letter-spacing: -0.5px;
    font-size: 24px;
    line-height: 1.6;

}
.puvi-med{
    font-family:var(--zf-secondary-medium);
}
.sec-ttl h4{
    width: 90%;
    font-size: 44px;
    line-height: 1.2;
    letter-spacing: -1.5px;
    position: relative;
    margin-bottom: 30px;
}
.sec-ttl{
    width: 75%;
    margin: 0 auto;
    text-align: center;
}
.our-story-banner{
    background: #FAF0CC;
    margin-top: 60px;
    position: relative;
}
img{
    width: 100%;
}
.big-ttl{
    font-size: 40px;
    letter-spacing: -2.2px;
    line-height: 1.2;
    width: 100%;
    position: relative;
    margin: 0 0 10px 0;
}
.big-ttl span{
    font-size: 85px;
    letter-spacing: -2.8px;
}
.bot-line::after{
    content: '';
    background-color: #f60b1e;
    width: 40px;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    display: block;
    margin:10px 0 30px;
}
.bnr-cntn{
     margin: 90px auto 0px;
}
.bnr-cntn .lt-cntn,.bnr-cntn .rt-cntn{
    width: 96%;
    padding-bottom: 30px;
}
.bnr-cntn .lt-cntn p{
    font-size: 20px;
    width: 85%;
}
.bnr-cntn .lt-cntn p .highlight{
    color: var(--primary-color);
    font-family: 'Zoho_Puvi_Medium';
}
.bnr-cntn .rt-cntn p{
    font-size: 24px;
    letter-spacing: -0.4px;
    line-height: 1.4;
    margin: 5px 0 0 0;
    color: var(--primary-color);
}
.bnr-cntn .rt-cntn{
    border-top: 1px dashed #bfc0c2;
    display: flex;
    flex-direction: column;
    align-self: center;
    position: relative;
    top: -8px;
    padding-top: 40px;
    width: 65%;
}
.our-story-banner-img{
    position: relative;
    bottom: 0;
    width: calc(100% + 105px);
    height: calc(100% + 0px);
    display: flex;
    align-items: center;
}
.zh-future-sec h4{
    /*padding-top: 29px;*/
    margin: 0 auto 12px;
}
.author-details{
    font-size: 18px;
}
.author-details .author-role{
    display: block;
    font-size: 14px;
    color: var(--secondary-color);
}
.zh-our-journey .lt-cntn{
    width: 100%;
}
.author-details .author-img{
    width: 75px;
    margin-right: 20px;
}
.zh-our-journey{
        background: #F6F9FD;
    /* color: #fff; */
    position: relative;
    background-color: var(--bg-color);
    /* background: #F6F9FD url(/sites/zweb/images/zh-hans/zoho_general_pages/zh-ourstory-bg.svg) no-repeat;
    background-size: 100%;
    background-position: 0 -10px; */
}
.zh-our-journey .wrapper,.our-story-banner .wrapper{
    overflow: visible;
}
.zh-our-journey .wrapper{
        display: flex;
    justify-content: space-between;
    align-items: self-start;
        padding: 100px 0 0;
        flex-direction: column;
}
.zh-our-journey .sec-ttl h4{
    width: 100%;
}
.zh-our-journey p{
    /* color: #fff; */
    opacity: 0.8;
    width: 66%;
    margin: 0 auto;
    text-align: center;
}
.zh-our-journey p span{
    font-family: 'Zoho_Puvi_Medium';
}
.zh-our-journey .bot-line::after{
    background-color: #ffd600;
}
/* .zh-our-journey::after{
        content: '';
    background: url(/sites/zweb/images/zh-hans/zoho_general_pages/zh-ourstory-bg.svg) no-repeat;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: 103%;
    background-position: -20px -125px;
    max-width: 1440px;
    margin: 0 auto;
    left: 0;
    right: 0;
} */
.zh-our-journey .zh-ourstory-bg{
    display: block;
    position: relative;
    top: 6px;
    margin: -220px auto 0;
    max-width: 1600px;
}
.zh-our-journey .rt-cntn{
    position: relative;
    top: 165px;
    width: 70%;
    z-index: 1;
    /*padding: 65px 60px 65px 70px;*/
    padding: 65px 30px 65px 70px;
    background: #0172c6;
    background-color: var(--bg-blue-color);
    border-radius: 10px;
    margin: 0 auto;
}
.zh-our-journey .lt-cntn{
    z-index: 1;
    position: relative;
    margin-bottom: -60px;
}
.journey-outer{
        display: flex;
    justify-content: space-between;
    padding-top: 50px;
}
.journey-outer:first-child{
    padding-top: 0;

}
.journey-outer:last-child{
  /*justify-content: center;*/
/*  justify-content: flex-start;*/
} 
/*.journey-outer:last-child .journey-inner{
   width: 27%;
}*/
.journey-outer:last-child .journey-inner:nth-child(2){
    margin-left: -18px;
}
.journey-inner{
    min-width: 140px;
    /*text-align: center;*/
}
.journey-inner .num{
    font-size: 45px;
    line-height: 1;
    color: #fff;
}
.journey-inner .desc{
    font-size: 14px;
    display: block;
    letter-spacing:-0.2px;
    color: #fff;
    font-family:var(--zf-secondary-medium);
        text-transform: uppercase;
}
.journey-inner .num .counter{
    display: inline-block;
}
.journey-outer:nth-child(2) .journey-inner:first-child .counter:nth-child(2) {
    width: 28px;
}
.journey-outer:nth-child(2) .journey-inner:last-child .counter {
    width: 57px;
}
.journey-outer:nth-child(3) .journey-inner:last-child .counter:nth-child(2) {
    width: 28px;
}
.journey-outer:last-child .journey-inner::after{
    display: none;
}
.zh-future-sec,.zh-ourstory-approach{
    background: #fff;
    padding:100px 0 70px;
}
.zh-future-sec{
    padding-top: 290px;
}
.zh-ourstory-approach{
    padding-bottom: 45px;
}
.zh-future-sec .wrapper,.zh-ourstory-approach .wrapper{
    overflow: visible;
}
.zh-future{
    position: relative;
    margin-top: 20px;
}
.zh-ourstory-approach .zh-future .leftside{
    top: 0;
    width: 440px;
}
.zh-future .leftside {
    position: absolute;
    left: 0;
    width: 310px;
    top:50px;
    height: 100%;
    padding-bottom: 120px;
}
.zh-ourstory-approach .zh-future .leftside{
    left:auto;
}
.zh-future .leftside .leftNav {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 130px;
}
.zh-future .leftside .leftNav .livespan {
    position: relative;
    top: 20px;
}
.zh-future .leftside .leftNav .movLine {
    /*background-color: var(--highlight-color);*/
     background-color: var(--redclr);
    height: 58px;
    width: 2px;
    position: absolute;
    left: -0.5px;
    z-index: 1;
    transition: all 1s ease;
    top: 0;
    border-radius: 10px;
}
.zh-future .leftside .leftNav ul {
    border-left: 1px solid #e7ebf0;
    margin-bottom: 60px;
    position: relative;
}
.zh-future .leftside .leftNav li {
    font-size: 16px;
    padding: 5px 0 5px 28px;
    transition: color 1s ease;
    cursor: pointer;
    position: relative;
    text-align: left;
    letter-spacing: -0.2px;
    margin: 12px 0 12px;
    color: var(--secondary-color);
}
.zh-future .leftside .leftNav li.selected {
    color: var(--highlight-color);
    font-family: var(--zf-secondary-medium);
     /*color: var(--redclr);*/
}

.zh-future .rightside {
    margin-left: 460px;
    width: calc(100% - 522px);
}
.zh-ourstory-approach .zh-future .rightside {
    width: calc(98% - 560px);
}
.zh-future .sec-sub-ttl h6{
    font-size: 40px;
    letter-spacing: -1.5px;
    line-height: 1.3;
    position: relative;
    margin-bottom: 30px;
}
.zh-ourstory-approach .zh-future .sec-sub-ttl h6{
    font-size: 50px;
    letter-spacing: -1.5px;
    line-height: 1.1;
    margin-bottom: 30px;
    width: 85%;
}
.zh-future .sec-sub-ttl h6.bot-line{
    margin-top: 20px;
}
.zh-future .rightside .rightside-cntn{
    padding: 60px 0;
    border-bottom: 1px solid #e7ebf0;
}
/*.zh-ourstory-approach .zh-future .rightside .rightside-cntn{
    border-bottom:none;
}*/
.zh-ourstory-approach .zh-future .rightside .rightside-cntn:first-child{
    padding-top: 0;
}
.zh-ourstory-approach .zh-future .rightside .rightside-cntn > p{
    width: 570px;
}
.rightside-cntn .img-sec{
    margin: 30px 0 30px;
}
.dummy-img,.dummy-img2{
    background: #e5e5e5;
    width: 50%;
    margin-bottom: 30px;
}
.dummy-img2{
    width: 100%;
    margin: 20px 0;
    height: 300px;
}
.rightside-cntn .cntn-box p,.rightside-cntn .cntn-box .inner-story{
    width: 43%;
}
.rightside-cntn .cntn-box .inner-story p:first-child{
    padding-right: 0;
}
.rightside-cntn .cntn-box .inner-story p{
    width: 100%;
    font-family: "Roboto Slab";
    font-weight: 300;
}
.rightside-cntn .cntn-box .inner-story{
    padding-left: 60px;
    position: relative;
}
.rightside-cntn .cntn-box p:first-child{
    padding-right: 20px;
}
.rightside-cntn .cntn-box .img-sec{
    width: 50%;
    margin: 7px 0 15px;
}
.rightside-cntn .cntn-box.cntn-testi{
    align-items: center;
}
.zh-future .rightside .rightside-cntn:last-child{
    border: 0;
}
.sec-separate{
    flex-wrap: wrap;
    justify-content: space-between;
}
.sec-separate p{
    width: 50%;
}
.sec-separate p:first-child{
    width: 44%;
}
.zh-ourstory-approach .zh-future .rightside {
    width: calc(97% - 550px);
    margin-left: 580px;
}
.zh-testimonialhighlight{
    font-size: 20px;
    font-family: "Roboto Slab";
    font-weight: 300;
    position: relative;
    padding-left: 40px;
    width: 64%;
    margin: 40px 0 30px;
}
.zh-quote:before{
    content: '';
    background:url(/sites/zweb/images/zh-hans/zoho_general_pages/zh-newhome-sprite.png) left top no-repeat;
    width: 29px;
    height: 26px;
    background-position: -172px -30px;
    background-size: 660px auto;
    margin-bottom: 0;
    position: absolute;
    left:0;
    display: block;
}
.rightside-cntn .cntn-box .inner-story:before{
    left: unset;
    top: -30px;
    background-position: -174px -36px;
}
.highlightselection{
    background-color: #fff3e4;
}
.declight{
    text-decoration: underline;  
}
.awards-topsection{
    width: 90%;
    margin: 0 auto;
    text-align: center;
}
.awards-topsection h4{
    font-size: 50px;
    margin-bottom: 10px;
}
.awards-topsection p{
    width: 61%;
    margin: 0 auto;
}
.awards .wrapper{
    margin-top: 0px;
    padding: 100px 0 80px;
    border-top: 1px solid #ededed;
}
.rating-inner-container {
    display: flex;
    justify-content: center;
    padding: 30px 0;
}
.rating-box {
    display: inline-block;
    margin: 15px 20px 40px;
    width: 30%;
    transition: transform .5s ease;
}
.rating-box a {
    color: #1b1b1b;
}
.rating-logo {
    width: 245px;
    height: 60px;
    position: relative;
    margin: 0 auto;
    display: block;
}
.rating-logo::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-size: 330px;
}
.rt-box8::before {
    background-position: -467px -83px;
    width: 140px;
    height: 55px;
    background-size: 1030px;
}
.rating-logo.rt-box8::before {

}
.rt-box1::before {
    background-position: -835px -73px;
    width: 140px;
    height: 55px;
    background-size: 1050px;
}
.rating-logo.rt-box1::before {

}
.rating-info {
    margin: 0 auto;
    width: 82%;
    font-size: 16px;
    line-height: 1.4;
    position: relative;
    letter-spacing: -0.5px;
    text-align: center;
    display: block;
}
.rating-info::before,.rating-info::after {
    content: "";
    position: absolute;
    width: 19px;
    height: 56px;
    left: -22px;
    top: 4px;
}
.rating-info::after {
    background-position: -749px -39px;
    left:auto;
    right: -22px;
}
.rating-inner-container .rating-info::before, .rating-inner-container .rating-info::after {
    top: 8px;
}
.rating-box .rt-cmp-name {
    font-family: var(--zf-primary-semibold);
    font-size: 17px;
    letter-spacing: 0;
}
.rt-cmp-name {
    display: block;
}
.rating-box .rt-awards {
    font-size: 13px;
    width: 190px;
    display: block;
    margin: 0 auto;
    color: #111;
    padding: 5px 0;
    line-height: 1.5;
}
.rt-box2::before {
    background-position: -77px -1px;
    width: 63px;
    height: 64px;
}
.rating-logo.rt-box8::before {

}
.rt-box4::before {
    background-position: -216px -1px;
    width: 85px;
    height: 70px;
}
.rt-box8::before {
    background-position: -467px -83px;
    width: 140px;
    height: 55px;
    background-size: 1030px;
}


/*our story banner css*/
.our_story_innr{
    position: relative;
}
.our_story_innr ul li:after{
    content: "";
    background-size: cover;
    z-index: 1;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
mix-blend-mode: hard-light;
background-color: #131524;
}

.our_story_innr ul li .innr-box{
    width: 100%;
    height: 100%;
}
.flip-img{
    transform: scaleX(-1);
}
.our_story_innr ul li{
    width: 16.6666667vw;
    height: 16.667vw;
    position: relative;
    overflow: hidden;
        background-color: #131524;
}
.mob-ban .our_story_innr ul li{
    width: 11.1111111vw;
    height: 11.1111111vw;
    }
.our_story_innr ul li img{
        filter: grayscale(1);
        height: 100%;
}
.our_story_innr ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
}
.our_story_innr ul li span{
    position: absolute;
    left: 0;
}
.our_story_innr ul li span.top-right{
    width: 0;
      height: 0;
      border-top: 16.667vw solid #131524;
      border-left: 16.667vw solid transparent;
}
.mob-ban .our_story_innr ul li span.top-right{
    border-top: 11.1111111vw solid #131524;
      border-left: 11.1111111vw solid transparent;
    }
.our_story_innr ul li span.top-left{
   width: 0;
      height: 0;
      border-top: 16.667vw solid #131524;
      border-right: 16.667vw solid transparent;
}
.mob-ban .our_story_innr ul li span.top-left{
    border-top: 11.1111111vw solid #131524;
      border-right: 11.1111111vw solid transparent;
    }
.our_story_innr ul li span.bot-left{
    width: 0;
      height: 0;
      border-bottom: 16.667vw solid #131524;
      border-right: 16.667vw solid transparent;
}
.mob-ban ul li span.bot-left{
    border-bottom: 11.1111111vw solid #131524;
      border-right: 11.1111111vw solid transparent;
    }
.our_story_innr ul li span.bot-right{
    width: 0;
      height: 0;
      border-bottom: 16.667vw solid #131524;
      border-left: 16.667vw solid transparent;
}
.mob-ban .our_story_innr ul li span.bot-right{
    border-bottom: 11.1111111vw solid #131524;
      border-left: 11.1111111vw solid transparent;
    }
.our_story_innr ul li .yellow-btm-left span.bot-left{
      border-bottom-color: #f8a647;
}
.our_story_innr ul li .aqua-top-right span.top-right{
      border-top-color: #21b1a0;
}
.our_story_innr ul li .yellow-top-right span.top-right{
      border-top-color: #f8a647;
}
.our_story_innr ul li .brown-top-left span.top-left{
      border-top-color:  #ff5b52;
}
.our_story_innr ul li .brown-btm-right span.bot-right{
      border-bottom-color:  #ff5b52;
}
.our_story_innr ul li .aqua-btm-right span.bot-right{
      border-bottom-color:  #21b1a0;
}
.our_story_innr ul li .aqua-top-left span.top-left{
      border-top-color:  #21b1a0;
}
.our_story_innr ul li .blue-top-left span.top-left{
      border-top-color:  blue;
}
.our_story_innr ul li .blue-top-right span.top-right{
      border-top-color: blue;
}
.our_story_innr ul li .aqua-top-right span.top-right{
      border-top-color: #21b1a0;
}
.our_story_innr ul li:nth-child(15) span.bot-right{
      border-bottom-color:  solid #6641ee;
}
.our_story_innr ul li:nth-child(17) span.bot-left{
      border-bottom-color: solid #f8a647;
}
/**/
.mob-ban{
    display: none;
}

.ban_cntn{
     position: absolute;
    width: 45vw;
    height: 45vw;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    background-color: #080a14;
    bottom: 0;
    margin: auto;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.ban_cntn:after{
        content: "";
    width: 90%;
    height: 90%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    z-index: -1;
    background: transparent;
    border: 1px solid #262831;
    margin: auto;
}
.ban_cntn:before{
        content: "";
    width: 95%;
    height: 95%;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    z-index: -1;
    background: url(/sites/zweb/images/zh-hans/zoho_general_pages/zh-our-story-bannerbg-element.png) no-repeat;
    background-size: 100%;
    margin: auto;
}
.ban_cntn .ban-sec-ttl{
    font-size: 25px;
    color: #ffffff;
}
.ban_cntn h1{
        font-size: 60px;
    color: #ffffff;
    margin: 0 0 20px;
    line-height: 1;
        font-family: var(--zf-primary-regular);
}
.ban_cntn .ban_innr_cntn{

}
.author-name em {
    line-height: 1;
    font-size: 13px;
    padding: 3px 5px;
    background-color: #06AF67;
    color: #ffffff;
    margin-left: 5px;
}
.ban_cntn p{
   font-size: 16px;
    color: #ffffff;
    max-width: 410px;
    margin: 0 auto;
}
.ban_cntn .top-para{
    width: 400px;
}
.ban_cntn p span{
    display: block;
    margin-top: 10px;
}
.ban_cntn p em{
    display: block;
    font-size: 20px;
    margin-top: 10px;
        color: #21b1a0;
}
/*.ban_cntn .tilde{
    font-size: 22px;
    font-family: "Roboto Slab";
    color: #ffffff;
}*/
.ban_cntn .tilde{
        font-size: 25px;
    color: #21b1a0;
    font-family: var(--zf-secondary-medium);
    line-height: 1;
    margin-bottom: 20px;
}
.ban_cntn .border-dot{
        position: absolute;
        width: 100%;
        height: 100%;
}
/**/


/*testimonial section start*/
.testimonial{
    display: flex;
    align-items: center;
    justify-content: center;
        /*border-top: 1px solid #ededed;*/
        padding: 80px 0 0;
}
.slick_wrap{
    width: 100%;
 max-width: 1100px;
margin: 0 auto;
}
.slick-next::after, .slick-next::before, .slick-prev::after, .slick-prev::before{
    background: #9eafcc;
}
.testimonial .slick-slider .slick-list{
    max-width: 90%;
    margin: 0 auto;
}
.slick_sec{
    display: flex !important;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    /*margin:0 0 120px 0;*/
}
.slick_sec .lf{
    border-right: 1px solid #e7ebf0;
    /*padding-right: 100px;*/
    position: relative;
    margin-right: 100px;
    /*display: flex;*/
    width: 300px;
    align-items: center;
    padding: 20px 100px 20px 0;
}
.slick_sec .lf img{
        width: 80%;
    margin-left: 20%;
}
.slick_sec .rt_slick{
    width: 300px;
}
.testimonial-text{
width: 100%;
    font-family: "Roboto Slab";
    font-weight: 300;
}
.author-name{
    font-size: 18px;
        display: block;
}
.author-role{
font-size: 14px;
    color: var(--secondary-color);
    display: inline-block;
    padding-top: 2px;
}
.l_more{
    position: relative;
    bottom: -10px;
    width: 100px;
    right: 0;
    left: 40%;
    cursor: pointer;
    text-decoration: underline;
}
.play-button {
        position: relative;
    bottom: -10px;
    width: 100px;
    right: 0;
    left: 47%;
    cursor: pointer;
}
.play-button-icon span{
    font-size: 16px;
}
.play-button::after {
    content: '';
    position: absolute;
    display: block;
   background: url(/sites/zweb/images/zh-hans/zoho_general_pages/zh-newhome-sprite.png) left top no-repeat;
background-position:-9px -30px;
width: 40px;
height: 36px;
top:calc(50% - 20px);
left: -41px;
background-size: 350px auto;
    transform: scale(0.8);
    transition: transform 0.4s ease;
    cursor: pointer;
}
/*.footer-signup{
    margin-top: 100px;
}*/
.mob-ban img{
    display: none;
}
.ban_cntn .ban_innr_cntn {
    position: relative;
}
.testimonial-logo{
        width: 150px;
    margin-bottom: 18px;
    display: none;
}
.testimonial-logo.peri{
    width: 80px;
    display: none;
}
.testimonial-author-wrap{
    position: relative;
    display: none;
}
.testimonial-author-wrap-innr{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.testimonial-author-wrap .author-left{
    width: 30%;
}
.testimonial-author-wrap .author-right{
    margin-left: 20px;
}
.mob_ver_com_sense,.mob_ver_carbon{
    display: none;
}
.web_ver_com_sense,.web_ver_carbon{
    display: block;
}
.rightside-cntn .cntn-box .img-sec.com-sense{
    width: 44%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.mob-div{
    width: 30px;
    height: 1px;
    background-color: #F0665A;
    display: none;
    margin: 0 auto 15px;
}
.author-raju{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.author-raju img{
       width: 75px;
    margin-right: 15px;
}
.float-txt{
        position: absolute;
    left: 0;
    top: auto;
    bottom: 1px;
    padding: 15px 20px 0 0;
    border-top: 1px solid #c6c6c6;
    z-index: -1;
}
/*.float-txt:after{
     content: "";
    width: 200px;
    position: absolute;
    border-top: 1px solid #333;
    top: -25px;
    right: -25px;
    z-index: -1;
}*/
.float-img{
    position: relative;
}
.float-txt p{
          font-size: 13px;
    width: 180px;
    line-height: 1.4;
    margin-bottom: 15px;
}
.float-txt .author-name{
    font-size: 14px;
    line-height: 1.2;
    font-family:var(--zf-secondary-medium);
}
.author-name{
font-size: 18px;
display: flex;
align-items: center;
font-family: var(--zf-secondary-medium);
}
.float-txt .author-role{
    font-size: 11px;
        margin-top: 2px;
}
.testimonial-sec h4{
        margin: 0px auto 15px;
}
.testimonial-sec .sec-ttl p{
    width: 95%;
    margin: 0 auto;
}
.testimonial-sec .wrapper{
    border-top:1px solid #e7ebf0;
    padding: 120px 0 0;
}
.our-story-made-in-india{
        padding: 100px 0 0px;
        display: flex;
        background-color: #0873bf;
        background-color: var(--bg-blue-color);     
        display: none;  
}
/*.our-story-made-in-india .codeNM h6{
    display: none;
}*/
.ccode-in  .our-story-made-in-india .codeNM h6{
    display: none;
}
.ccode-us .our-story-made-in-india .codeNM h6 {
    display: block;
}
.testimonial-sec{
    padding-bottom: 100px;
}
.our-story-made-in-india h6{
   font-size: 50px;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.3;
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
        letter-spacing: -1.5px;
        margin-top: 30px;
}
.our-story-made-in-india img{
    display: block;
    margin-top: 90px;
}
.our-story-made-in-india .codeIn img,.our-story-made-in-india .codeNM img{
    margin-top: 220px;
    opacity: 0.7;
}
.our-story-made-in-india h6 span{
    display: block;
}
.our-story-made-in-india .codeIn,.our-story-made-in-india .codeNM{
    width: 100%;
}

/*.slick-next {
    right: 10px;
}
.slick-prev {
    left: 10px;
}*/
.slick-prev {
    left: 0;
    /*top: 50%;*/
}
.slick-next {
    right:0;
}
.cntn-box.flx.str_com{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rightside-cntn .cntn-box.str_com p:first-child{
    width: 50%;
}
/*testimonial section end*/




/**/








@media only screen and (max-width : 1280px) { 
    .our-story-banner-img{
            width: calc(100% + 50px);
    }
    .big-ttl span {
    font-size: 72px;
}
.bnr-cntn .lt-cntn p{
        width: 95%;
}
.zh-our-journey .wrapper::after{
        background-position: 0px 0px;
}
.ban_cntn h1 {
    font-size: 50px;
    }
    .zh-future .sec-sub-ttl h6 {
        font-size: 36px;
    line-height: 1.2;
}

}

@media only screen and (max-width : 1180px) { 
.zh-ourstory-approach .zh-future .rightside {
    margin-left: 500px;
    width: calc(100% - 500px);
}
.zh-ourstory-approach .zh-future .leftside {
    top: 0;
    width: 420px;
}
.zh-testimonialhighlight{
    width: 90%;
}
.zh-ourstory-approach .zh-future .sec-sub-ttl h6 {
    font-size: 42px;
    width: 100%;
    line-height: 1.3;
    }
    .rating-box{
            width: 23%;
            margin: 15px 10px 40px;
    }
    .rating-box .rt-cmp-name {
    font-size: 14px;
}
.rating-logo::before{
    left: 43%;
}
.zh-future .rightside{
margin-left: 400px;
    width: calc(100% - 400px);
}
/*.zh-future .rightside {
    margin-left: 420px;
    width: calc(100% - 480px);
}*/
.zh-our-journey .zh-ourstory-bg{
    margin: -200px auto 0;

}
.zh-our-journey .rt-cntn{
    top: 115px;
    /*padding: 55px 50px 55px 60px;*/
    padding: 55px 20px 55px 60px;
}
.journey-outer:nth-child(2) .journey-inner:last-child .counter{
    width: 54px;
}
.sec-ttl h4{
    width: 100%;
}
}

@media only screen and (max-width : 1100px) { 
.big-ttl span {
    font-size: 62px;
}
.zh-future .rightside {
    width: calc(100% - 350px);
    margin-left: 360px;
}
.rightside-cntn .cntn-box .img-sec.com-sense {
    width: 55%;
}
.zh-ourstory-approach .zh-future .rightside {
    margin-left: 500px;
    width: calc(100% - 500px);
}
/* .zh-our-journey p{
        padding-right: 30px;
} */
    .ban_cntn p {
    font-size: 12px;
    max-width: 300px;
    }
    .ban_cntn p em {
    font-size: 14px;
    line-height: 1.5;
}
.ban_cntn h1 {
    font-size: 42px;
}
.ban_cntn .ban-sec-ttl {
    font-size: 20px;
    }
    .ban_cntn .tilde{
            margin-bottom: 10px;
    }
    .ban_cntn h1{
            margin: 0 0 20px;
    }
    .slick_sec .lf{
    margin-right: 70px;
    padding: 20px 70px 20px 0;
}
    .slick_sec .lf img{
    width: 80%;
    margin-left: 20%;
}
.play-button{
    left: 47%;
}
p {
    font-size: 16px;
}
.rightside-cntn .cntn-box .inner-story {
    padding-left: 30px;
    position: relative;
    width: 60%;
}
.zh-our-journey p{
    width: 75%;
}
}
@media only screen and (max-width : 1050px){
    .zh-our-journey .zh-ourstory-bg{
        margin: -180px auto 0;
    }
    .journey-inner .num{
        font-size: 37px;
    }
    .journey-outer:nth-child(2) .journey-inner:last-child .counter {
        width: 44px;
    }
    .sec-ttl h4{
        font-size: 48px;
    }
}
@media only screen and (max-width : 1023px) { 
    .big-ttl span {
    font-size: 52px;
}
.zh-our-journey::after{
    background-size: 112%;
    background-position: -50px 100px;
}
.zh-ourstory-approach .zh-future .rightside {
    margin-left: 480px;
    width: calc(100% - 480px);
}
.zh-our-journey .wrapper::after {
    background-position: 0px 30px;
}
.awards-topsection p {
    width: 85%;
    }
    .our_story_innr ul li {
    width: 20vw;
    height: 20vw;
}
.our_story_innr ul li span.top-right{
      border-top-width: 20vw;
      border-left-width: 20vw;
}
.our_story_innr ul li span.top-left{

      border-top-width: 20vw;
      border-right-width: 20vw;
}
.our_story_innr ul li span.bot-left{
      border-bottom-width: 20vw;
      border-right-width: 20vw;
}
.our_story_innr ul li span.bot-right{
      border-bottom-width: 20vw;
      border-left-width: 20vw;
}
.our_story_innr ul li:nth-child(6),
.our_story_innr ul li:nth-child(12),
.our_story_innr ul li:nth-child(18){
    visibility: hidden;
    display: none;
}
.mob-ban .our_story_innr ul li:nth-child(6),
.mob-ban .our_story_innr ul li:nth-child(12),
.mob-ban .our_story_innr ul li:nth-child(18){
    visibility: visible;
    display: block;
}

.ban_cntn .top-para {
    width: 290px;
}
    p{
        font-size: 16px;
    }
    .rightside-cntn .cntn-box .img-sec.com-sense {
    width: 100%;
}
    .our-story-made-in-india h6 {
    font-size: 50px;
}
.our-story-made-in-india h6 {
 
        letter-spacing: -1px;
}
    .float-txt p {
    font-size: 12px;
    width: 120px;
        margin-bottom: 12px;
}
.float-txt .author-name {
    font-size: 13px;
    }
    .float-txt .author-role {
    font-size: 10px;
}
.our-story-banner-img {
    width: calc(100% + 38px);
}
.zh-ourstory-approach .zh-future .sec-sub-ttl h6 {
    font-size: 36px;
    }
.bnr-cntn .lt-cntn p {
    font-size: 18px;
    }
.zh-ourstory-approach .zh-future .rightside {
    margin-left: 320px;
    width: calc(100% - 300px);
}
.zh-ourstory-approach .zh-future .leftside {
    width: 280px;
}
.zh-testimonialhighlight {
    width: 95%;
}
.sec-ttl h4{
        width: 100%;
            line-height: 1.3;
    font-size: 35px;
}
.journey-outer:last-child{
        left: 0px;
        bottom: unset;
        position: relative;
}
.journey-outer:first-child{
    padding-top: 0;
}
.journey-inner .num {
    font-size: 32px;
}
.zh-our-journey::after {
    display: none;
}
.zh-our-journey .lt-cntn {
    width: 100%;
}
.zh-our-journey .rt-cntn{
    width: 85%;
        /*right: -40px;*/
        /*padding-top: 0;*/
}
.rightside-cntn .cntn-box .img-sec {
    width: 100%;
    }
    .awards-topsection h4{
        font-size: 36px;
    }
    .rating-box {
    width: 40%;
    margin: 70px auto;
    display: block;
}
.rating-inner-container{
    display: block;
}
.rating-logo::before {
    left: 50%;
}
.rating-box:last-child{
    margin-bottom: 0;
}
.rating-box:first-child{
    margin-top: 30px;
}
.author-details{
    padding-bottom: 20px;
}
.rightside-cntn .cntn-box.cntn-testi{
        padding-top: 30px;
            top: -15px;
}
.sec-ttl h4{
    padding-top: 0;
}
.sec-separate{
    display: block;
}
.sec-separate p {
    width: 100%;
}
.sec-separate p:first-child {
    width: 100%;
}
.ban_cntn p {
    max-width: 290px;
}
.ban_cntn {
    width: 50vw;
    height: 50vw;
}
.ban_cntn h1 {
    font-size: 36px;
}
.ban_cntn .ban-sec-ttl {
    font-size: 18px;
}
.ban_cntn .tilde {
    margin-bottom: 0px;
}
.ban_cntn h1 {
    margin: 0 0 15px 0px;
}
.slick_sec .lf img {
    width: 70%;
    margin-left: 30%;
}
.slick_sec .lf {
    margin-right: 50px;
    padding: 20px 50px 20px 0;
}
.play-button {
    left: 52%;
}
.zh-future-sec .zh-future .leftside{
    display: none;
}
.zh-future .rightside {
    margin: 0 auto;
    width: 80%;
}
.mob_ver_com_sense{
    display: block;
}
.web_ver_com_sense{
    display: none;
}
.zh-future .rightside .rightside-cntn .str_com{
        display: block;
}
.rightside-cntn .cntn-box p, .rightside-cntn .cntn-box .inner-story,.rightside-cntn .cntn-box.str_com p:first-child {
    width: 100%;
}

.zh-future-sec{
        padding: 250px 0 30px;
}
.testimonial{
        padding: 80px 0 0;
}
.float-txt {
       bottom: -60px;
    left: -10px;    
}
.float-txt:after {
    width: 170px;
}
.ourstory-banner p{
    width: 80%;
}
.testimonial-sec .wrapper{
    padding: 90px 0 0;
}
}
@media only screen and (max-width : 900px){
    .zh-our-journey .zh-ourstory-bg{
        margin: -130px auto 0;
    }
    .zh-our-journey .rt-cntn{
        right: 0;
        padding: 40px 10px 40px 40px;
    }
    .zh-future-sec{
        padding: 200px 0 20px;
    }
    .zh-our-journey .rt-cntn{
        width: 85%;
    }
    .journey-inner .desc{
        font-size: 11px;
    }
    .journey-inner:last-child{
        min-width: 100px;
    }
}
@media only screen and (max-width : 767px) { 
    .our-story-made-in-india .codeIn img, .our-story-made-in-india .codeNM img {
        margin-top: 160px;
    }
    .testimonial-sec{
        padding-bottom: 70px;
    }
    .our-story-banner .wrapper{
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .our-story-made-in-india h6 {
    font-size: 40px;
}
.mob_ver .author-role-ttl {
    line-height: 1;
    font-size: 13px;
    padding: 3px 5px;
    background-color: #06AF67;
    color: #ffffff;
    display: inline-block;
}
.testimonial-author-wrap-innr{
    align-items: flex-start;
}
.slick-next {
    right:0;
}   
.slick-prev {
    left: 0;
}
    .bnr-lt, .bnr-rt {
    width: 100%;
}
.bnr-cntn .lt-cntn p{
    width: 100%;    
}
.bot-line::after{
        margin: 10px auto 30px;
}
.our-story-banner-img {
    width: calc(80%);
    right: 0;
    margin: 0 auto;
    position: relative;
}
.bnr-cntn .lt-cntn{
        padding: 60px 60px;
            width: 100%;
}
.zh-future .leftside{
    position: relative;
    display: block;
    margin: 0 auto;
}
.zh-future .leftside .leftNav{
    position: relative;
    top: 0;
}
.zh-ourstory-approach .zh-future .leftside {
    width: 60%;
    padding: 0px 0 80px 0px;
}
.zh-ourstory-approach .zh-future .rightside {
    margin-left: 0;
    width: calc(85%);
    text-align: left;
    margin: 0 auto;
}
.zh-future{
    margin-top: 0;
}
.zh-our-journey .sec-ttl{
    text-align: center;
    margin: 0 auto;
}
.zh-our-journey .wrapper{
    display: block;
}
.zh-our-journey .wrapper {
    padding-top: 80px;
}
.zh-our-journey .rt-cntn{
    right: 0;
        width: 100%;
}
.zh-our-journey p {
    padding-right: 0;
    text-align: center;
    width: 90%;
    margin: 10px auto 50px;
}
.journey-inner {
    width: 200px;
    display: inline-flex;
    flex-flow: column;
    justify-content: center;
    /* align-items: center; */
}
.journey-outer{
    justify-content: center;
}
.journey-inner .num .counter{
    padding-bottom: 10px;
}
.journey-outer:nth-child(2) .journey-inner:last-child .counter{
    width: unset;
}
.zh-future .rightside {
    margin-left: 0;
    width: calc(100%);
}
.zh-future .sec-sub-ttl h6 {
    font-size: 32px;
}
p {
    font-size: 18px;
}
.rightside-cntn .cntn-box .img-sec {
    width: 50%;
  margin: 50px auto;
}
.rating-logo::before {
    left: 50%;
}
.rating-box {
    width: 40%;
    }
    .bnr-cntn {
    margin: 0px auto 0px;
}
/**/
.our_story_innr ul{
    display: flex;
}
.ban_cntn {
           width: 100vw;
    /*padding: 80px 0;*/
    border-radius: unset;
    display: block;
    height: 100%;
    position: relative;
    }
    .ban_cntn:before,.ban_cntn:after{
        display: none;
    }
    .our_story_innr ul:after{
        display: none;
    }
    .ban_cntn p em{
            font-size: 20px;
    margin: 15px 0;
    }
    .ban_cntn .tilde{
            margin: 15px 0;
    }
    .ban_cntn p {
    max-width: 60%;
    font-size: 18px;
}

.slick_sec .rt_slick,.slick_sec .lf {
    width: 60%;
}
.testimonial-text{
    font-size: 18px;
}
.testimonial .author-name{
    font-size: 18px;
}
.testimonial .author-role {
    font-size: 14px;
    }
/*    .play-button {
    left: 95px;
    bottom: 0;
}*/
.play-button {
     left: unset;
    position: relative;
    bottom: unset;
    margin-left: 26px;
    margin-top: 5px;
}
/*.play-button-icon span {
    font-size: 12px;
}*/
.play-button::after{
   top: calc(50% - 18px);
    left: -37px;
    transform: scale(0.6);
}
.slick_sec .lf {
    margin-right: 30px;
    padding: 20px 30px 20px 0;
}
.slick_sec .lf img {
    width: 60%;
    margin-left: 40%;
}
/*.footer-signup {
    margin-top: 0px;
}*/
.mob-ban{
    display: block;
    position: relative;
}
.mob-ban img{
    display: block; 
}
/*.our_story_innr{
    display: none;
}*/
.btm_cntn{
    position: relative;
    padding: 50px 0;
}
.top_cntn {
    position: relative;
}
.ban_cntn .top-para {
    width: unset;
}
.testimonial-sec .author-name,.testimonial-sec .author-role {
    display: none;
}
.mob_ver .author-name,.mob_ver .author-role{
    display: block;
}
.slick_sec .lf{
    display: none;
}
.testimonial-author-wrap{
    display: block;
}
/*.testimonial-author-wrap-innr{
    display: flex;
    }*/
    .testimonial {
    padding: 0px 0 0px;
    margin-top: 60px;
}
.testimonial-sec .wrapper {
    padding: 80px 0 0;
}
    .mob_ver_com_sense,.mob_ver_carbon{
    display: block;
}
.web_ver_com_sense,.web_ver_carbon{
    display: none;
}
.rightside-cntn .cntn-box.cntn-testi{
    display: block;
}
.rightside-cntn .cntn-box .img-sec {
    width: 100%;
    }
    .rightside-cntn .cntn-box .img-sec.com-sense{
        width: 100%;
    }
    .mob-ban{
    display: block;
        margin-top: 60px;
}
.mob-ban .our_story_innr ul{
    display: flex;
    }
.our_story_innr ul{
    display: none;
}
.our-story-banner{
    margin-top: 0;
}
.mob-div{
    display: block;
}
.author-raju img {
    width: 65px;
    }
    .float-txt {
       bottom: 10px;
    left: -80px;
}
.float-txt p {
    width: 180px;
    font-size: 13px;
    }
    .float-txt .author-name {
    font-size: 14px;
}
.float-txt .author-role {
    font-size: 11px;
}
.float-img {
    z-index: 1;
    }
.float-txt:after {
    width: 200px;
    z-index: -1;
}
    .rightside-cntn .cntn-box .inner-story {
    padding-left: 20px;
        padding-top: 25px;
}
.our-story-made-in-india {
    padding: 70px 0 0px;
}
.play-button-icon span{
    font-size: 15px;
}
.testimonial .author-name{
    font-size: 16px;
}
.ourstory-banner p{
    width: 100%;
}
.zh-our-journey .rt-cntn{
    top: 55px;
}
.zh-our-journey .zh-ourstory-bg{
    margin: -180px auto 0;
    display: none;
}
.our-story-made-in-india h6{
    margin-top: 0;
}
.zh-future-sec{
     padding:150px 0 10px;
 }
}
@media only screen and (max-width : 650px) { 
.bnr-cntn .lt-cntn {
    padding: 60px 20px;
}

.testimonial-sec p {
    width: 100%;
}
.testimonial-sec .sec-ttl h4 {
    width: 100% !important;
}
/*.our-story-made-in-india img {
    padding-top: 130px;
}*/
.our-story-made-in-india h6 {
    font-size: 36px;
}
.testimonial-sec .wrapper {
    margin-top: 50px;
    padding-top: 60px;
}
.zh-ourstory-approach .zh-future .rightside{
    width: 90%;
}
.zh-our-journey{
    padding: 0px 0 0px;
}
.zh-ourstory-approach{
    padding: 90px 0 80px;
}
/*.zh-future-sec{
    padding-bottom: 0;
}*/
.sec-ttl {
    width: 90%;
}
.awards .wrapper{
    padding: 80px 0 80px;
    margin: 80px auto 0;
}
.awards-topsection p {
    width: 100%;
}
.rating-box {
    width: 70%;
}
.zh-future .rightside .rightside-cntn {
    padding: 50px 0 50px;
}
.zh-ourstory-approach .zh-future .rightside .rightside-cntn p:last-child{
    margin-bottom: 0;
}
.zh-future .rightside .rightside-cntn:last-child{
    padding-bottom: 0px;
}
.rightside-cntn .cntn-box .inner-story:before {
    top: -5px;
}
.rightside-cntn .cntn-box.cntn-testi{
    display: block;
    padding-top: 0;
}
.ban_cntn p {
    max-width: 90%;
}
.ban_cntn .top-para {
    width: unset;
}
.ban_cntn .tilde {
    margin: 5px 0;
}
.slick_sec .lf {
    margin-right: 20px;
    padding: 20px 20px 20px 0;
}
.slick_sec .lf img {
    width: 60%;
    margin-left: 40%;
}
.slick_sec .rt_slick, .slick_sec .lf {
    width: 80%;
}
.zh-ourstory-approach .zh-future .sec-sub-ttl h6,.sec-ttl h4,
.zh-future .sec-sub-ttl h6{
    font-size: 30px;
    letter-spacing: -0.5px;
}
.sec-ttl h4{
    font-size: 30px;
    width: 100% !important;
    margin: 0px auto 15px;
}
.ban_cntn p {
    font-size: 16px;
}
.ban_cntn p em {
    font-size: 20px;
    margin: 15px 0;
}
.zh-ourstory-approach .zh-future .leftside {
    width: 70%;
    padding-bottom: 90px;
    }
    .zh-ourstory-approach {
    padding: 50px 0 80px;
}
.float-img{
        width: 80%;
    margin: 0 auto;
    position: relative;
    left: 30px;
}
.float-txt {
    bottom: -30px;
    left: -80px;
}
.float-txt p {
       width: 166px;
    font-size: 12px;
    }
    .float-txt .author-name {
    font-size: 13px;
}
  .float-txt .author-role {
    font-size: 11px;
}
.rightside-cntn .img-sec,.rightside-cntn .cntn-box .img-sec,.rightside-cntn .cntn-box .img-sec {
    margin: 20px 0 16px;
}
.rightside-cntn .cntn-box .img-sec{
   margin-bottom: 30px;
}
.ourstory-banner p{
    font-size: 20px;  
 }

 h1{
    font-size: 44px;
    width: 90%;
 }
 
}
@media only screen and (max-width : 600px){
    .journey-outer{
        flex-wrap: wrap;
        padding-top: 0;
        width:50%;
    }
    .rt-inner-cntn{
        display: flex;
        flex-direction: row;
        align-items:flex-start;
    }
.journey-outer:last-child{
      justify-content:center;
}
.journey-outer:last-child .journey-inner{
width:100%;
}
    .journey-inner{
        width: 100%;
        padding-top: 30px;
        text-align: center;
    }
    .journey-inner:first-child{
        padding-top: 0;
    }
    .zh-our-journey .rt-cntn{
        padding: 40px 20px 40px 20px;
    }
}
@media only screen and (max-width : 550px) { 
.float-txt {
    bottom: -55px;
    left: -90px;
 }

}
@media only screen and (max-width : 400px) { 
.bnr-cntn .lt-cntn {
    padding: 60px 0px;
}
.our-story-made-in-india h6 {
    font-size: 32px;
}
.zh-testimonialhighlight {
    width: 100%;
}
.big-ttl span {
    font-size: 46px;
}
.sec-ttl h4 {
    width: 100%;
}
.zh-our-journey p{
    width: 100%;
}
.rating-box {
    width: 85%;
}
.awards-topsection h4 {
    font-size: 32px;
    margin-bottom: 20px;
}.ban_cntn p {
    max-width: 80%;
}
.testimonial-text {
    font-size: 16px;
}
.testimonial .author-name {
    font-size: 14px;
}
.testimonial .author-role {
    font-size: 12px;
}
.play-button-icon span {
    font-size: 13px;
}
.float-txt {
   bottom: -75px;
   left: -80px;
}
.passionblk{
    display:block;
}
h1 {
    font-size: 42px;
    width: 100%;
}
.zh-future-sec{
    padding: 150px 0 10px;
}
}
@media only screen and (max-width : 320px) { 
    .float-txt p {
    width: 150px;
}
.our-story-made-in-india img {
   margin-top: 70px;
}
.float-txt {
    bottom: -75px;
    left: -70px;
}
.our-story-made-in-india h6 {
    font-size: 28px;
} 
.zh-ourstory-approach .zh-future .leftside {
    padding-bottom: 100px;
}
.journey-inner{
    min-width: 130px;
}
.zh-our-journey .rt-cntn {
    padding: 30px 10px 30px 10px;
}
}




/**/