.foundation-sec,
h1 {
    font-family: 'Proxima Nova Bl';
    font-weight: 900
}

.day-txt:before,
.founder-section:after {
    position: absolute;
    width: 100%;
    content: ""
}

.banner-blog,
.day-txt,
.day-txt em,
.founder-content,
.founder-flex,
.founder-section,
h1 {
    position: relative
}

h1,
h2 {
    line-height: 1
}

.founder-banner {
    background-color: #14151b;
    margin-top: 76px;
    padding: 40px 0;
    overflow: hidden
}

h1 {
    color: #fff;
    font-size: 4.4rem;
    letter-spacing: -1.5px;
    padding-right: 30px;
    display: inline-block;
    margin-bottom: 0
}

.banner-right,
.single-para br {
    display: none
}

.foundation-sec {
    color: #fbe3a9;
    font-size: 72px;
    writing-mode: vertical-rl
}

.foundation-txt {
    width: 111px;
    margin-left: 30px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    overflow: hidden;
    line-height: 1.1
}

.nine {
    margin-top: -30px
}

.one-seven {
    font-size: 1.3rem;
    letter-spacing: 3px;
    font-family: 'Proxima Nova Rg';
    writing-mode: horizontal-tb;
    padding: 51px 0 26px 6px
}

.day-txt {
    display: block;
    text-align: right
}

.co-founder em,
.right-comma {
    display: inline-block;
    font-family: 'Proxima Nova Th'
}

.day-txt:before {
    background-color: #fff;
    height: 9px;
    right: 0;
    top: 6px;
    padding-left: 10px
}

.day-txt em {
    padding-left: 8px;
    background-color: #14151b
}

.founder-section {
    padding: 50px 0
}

.founder-section:after {
    left: 0;
    top: 0;
    height: calc(100% - 26px);
    display: none
}

.md-section {
    background-color: #fa9577
}

.director-section {
    background-color: #fff
}

.ceo-sec,
.ceo-section {
    background-color: #fbe3a9 !important;
}

.founder-flex {
    flex-direction: column;
    z-index: 1
}

.founder-content {
    border-top: 8px solid #14151b;
    border-bottom: 4px solid #14151b;
    padding: 40px 36px;
    height: 100%;
    order: 2
}

.founder-content p {
    font-size: 2.2rem;
    line-height: 1.2;
    margin-bottom: 30px;
    letter-spacing: -.6px;
    font-family: 'Proxima Nova Th'
}

.right-comma {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #14151b;
    width: 36px;
    height: 32px;
    padding: 0 3px 3px;
    color: #fff;
    display: flex;
    justify-content: center;
    font-size: 7.2rem;
    font-weight: 700
}

.bg-comma {
    left: 0;
    top: 0;
    height: 28px
}

.logo-diff,
.logo-sec {
    height: 50px;
    display: flex
}

.co-founder {
    font-size: 1.4rem
}

.co-founder em {
    font-size: 1.8rem;
    letter-spacing: -.5px;
    margin-bottom: 2px
}

.logo-sec,
.story-board span {
    font-family: 'Proxima Nova Bl'
}

.em-rotate {
    transform: rotate(180deg);
    position: relative;
    top: 9px
}

.btm-comma {
    position: relative;
    top: -5px
}

.founder-graphic {
    max-width: 410px;
    margin-bottom: 55px;
    position: relative;
    order: 1
}

.founder-sec {
    background-color: #fa9577;
    padding: 0 15px 15px;
    max-width: 322px;
    margin: 0 auto
}

.founder-pattern {
    position: absolute;
    bottom: -30px;
    width: 100%;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%)
}

.founder-sec img {
    display: block;
    transition: .3s
}

.director-sec {
    background-color: #fff;
    margin-bottom: 40px
}

.rohit-speak {
    margin-bottom: 0
}

.saga-section {
    padding: 50px 0;
    position: relative;
    overflow: hidden
}

.story-board {
    position: absolute;
    top: 495px;
    transform: rotate(90deg);
    left: 67%
}
.banner-blog h1::before {
  content: "";
  display: block;
  background-color: #fff;
  height: 31px;
  width: 80vw;
  position: absolute;
  left: 100%;
  top:10px;
}
.story-board span {
    font-size: 19.9rem;
    color: #f5f4f4;
    letter-spacing: -3px;
    font-weight: 900
}

h2 {
    font-size: 3rem
}

.saga-section h2 {
    margin-bottom: 30px
}

.saga-data {
    overflow-x: scroll;
    margin-bottom: 40px;
    padding-bottom: 10px
}

.saga-data li {
    flex: 0 0 85%;
    margin-right: 15px;
    border: 2px solid #14151b
}

.saga-svg {
    border-bottom: 2px solid #14151b
}

.saga-svg img {
    width: 100%;
    height: 100%;
    display: block
}

.saga-data li p {
    font-size: 1.6rem;
    background-color: #fff;
    padding: 30px 20px
}

.single-para {
    max-width: 890px;
    font-size: 1.8rem;
    margin-bottom: 50px
}

.acclamation-slider {
    padding-bottom: 10px;
    overflow-x: scroll
}

.acclamation-slidebox {
    flex: 0 0 80%;
    margin-right: 16px;
    padding-right: 15px;
    position: relative
}

.logo-sec {
    background-color: #14151b;
    width: calc(100% - 30px);
    padding: 0 15px;
    color: #fff;
    font-size: 2.6rem;
    letter-spacing: -1px;
    align-items: center;
    font-weight: 800
}

.logo-sec img {
    height: 20px
}

.logo-diff {
    border: 1px solid #14151b;
    padding: 20px 10px 15px;
    margin: -15px 0 0 30px;
    align-items: center
}

.acclamation-slidebox p {
    font-size: 1.2rem;
    font-family: 'Proxima Nova Lt';
    font-weight: 600;
    line-height: 1.2;
    padding-top: 7px
}

.service-section {
    background-color: #bcdfea;
    padding: 40px 0 30px
}

.service-section h2 {
    max-width: 810px;
    margin-bottom: 45px
}

.service-block {
    overflow-x: scroll;
    padding-bottom: 10px
}

.service-design {
    position: relative;
    padding: 30px 15px 0 0;
    flex: 0 0 85%;
    margin-right: 20px
}

.service-design::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 8px;
    background-color: #14151b
}

.service-design h3 {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 19px
}

.service-design p {
    font-size: 1.8rem;
    line-height: 1.23
}

.employees-blog {
    padding: 40px 0
}

.employees-blog p {
    max-width: 890px;
    font-size: 1.8rem
}

.recognitions-blog {
    padding-bottom: 45px
}

.recognitions-feed {
    width: 200px
}

.recognitions-feed strong {
    line-height: 30px;
    letter-spacing: -1.5px;
    margin-bottom: 4px;
    font-size: 2.4rem;
    font-weight: 700;
    font-family: 'Proxima Nova Th'
}

.recognitions-slider {
    margin-top: 20px;
    padding-bottom: 10px;
    overflow-x: scroll
}

.recognitions-logo {
    width: 100%;
    height: 80px
}

.recognitions-logo img {
    height: auto;
    width: 145px
}

.grow-section {
    background-color: #14151b;
    padding: 25px 0 20px
}

.grow-box {
    height: 100%;
    padding: 15px 0;
    align-items: center;
    position: relative
}

.grow-figure {
    width: 100px
}

.grow-content h3 {
    color: #fff;
    font-size: 2.2rem;
    line-height: 1;
    margin-bottom: 10px
}

.grow-content {
    width: calc(100% - 100px);
    padding-left: 15px
}

.grow-content p {
    color: #fff;
    margin-bottom: 0
}

.btn-grow {
    background-color: #02789e;
    color: #fff;
    font-size: 1.6rem;
    font-family: 'Proxima Nova Rg';
    font-weight: 700;
    padding: 20px 26px;
    border-radius: 4px;
    transition: .5s;
    border: 2px solid transparent
}

.btn-grow:hover {
    border: 2px solid #02789e;
    color: #fff;
    background: 0 0
}

@media all and (min-width:768px) {
    h1 {
        font-size: 5.2rem
    }
    h2 {
        font-size: 3.6rem
    }
    .founder-banner {
        padding: 67px 0
    }
    .banner-right {
        display: block;
        position: absolute;
        right: -153px;
        top: -66px;
        width: 91.8%
    }
    .founder-flex {
        flex-direction: row
    }
    .founder-content {
        width: 655px;
        padding: 50px 35px;
        order: 1
    }
    .founder-graphic {
        width: 410px;
        margin-bottom: 0;
        order: 1
    }
    .founder-sec {
        padding: 0 26px 26px;
        max-width: 322px;
        position: absolute;
        left: 0;
        bottom: -123px
    }
    .founder-pattern {
        position: absolute;
        left: auto;
        right: -15px;
        bottom: -48px;
        width: 100%;
        z-index: -1;
        transform: none
    }
    .director-section {
        background-color: #fff;
        margin-bottom: 0
    }
    .founder-content p {
        font-size: 2.4rem;
        line-height: 1;
        letter-spacing: -1px
    }
    .ceo-section {
        background-color: #fbe3a9
    }
    .director-sec {
        margin-bottom: 0
    }
    .founder-section {
        padding: 70px 0
    }
    .ceo-section,
    .director-section {
        padding-top: 140px
    }
    .saga-section {
        padding: 140px 0 90px
    }
    .saga-section h2 {
        margin-bottom: 40px
    }
    .saga-wrap {
        border-left: 4px solid #14151b;
        padding: 0 0 10px 20px
    }
    .saga-data {
        border: 2px solid #14151b;
        border-right: none;
        margin-bottom: 60px;
        padding-bottom: 0;
        overflow: visible
    }
    .saga-data li {
        flex: 0 0 33.333%;
        margin-right: 0;
        border: none;
        border-right: 2px solid #14151b
    }
    .saga-svg {
        border-bottom: 2px solid #14151b
    }
    .single-para {
        font-size: 2.2rem
    }
    .logo-sec {
        font-size: 3rem
    }
    .employees-blog {
        padding: 60px 0
    }
    .acclamation-slidebox {
        flex: 0 0 40%;
        margin-right: 16px;
        padding-right: 15px;
        position: relative
    }
    .grow-section {
        background-color: #14151b;
        padding: 45px 0
    }
    .btn-sec {
        width: 35%
    }
    .grow-figure {
        width: 155px
    }
    .grow-content {
        width: calc(100% - 155px);
        padding-left: 30px
    }
    .grow-content h3 {
        color: #fff;
        font-size: 2.4rem;
        line-height: 1;
        margin-bottom: 10px
    }
    .grow-content p {
        color: #fff;
        font-size: 2rem;
        margin-bottom: 0
    }
    .btn-grow {
        background-color: #02789e;
        color: #fff;
        font-size: 1.6rem;
        font-family: 'Proxima Nova Rg';
        font-weight: 700;
        padding: 20px 26px;
        transition: .5s;
        border: 2px solid transparent
    }
    .btn-grow:hover {
        border: 2px solid #02789e;
        color: #fff;
        background: 0 0
    }
    .service-section {
        padding: 70px 0 40px
    }
    .service-block {
        overflow: visible;
        flex-wrap: wrap;
        padding-bottom: 0
    }
    .service-design {
        flex: 0 0 45%;
        padding: 25px 0 0;
        margin: 0 0 48px
    }
    .service-design h3 {
        font-size: 2.4rem
    }
}

@media all and (min-width:992px) {
    .founder-section {
        padding: 90px 0
    }
    .founder-banner {
        padding: 94px 0
    }
    .banner-right {
        right: -153px;
        top: -94px;
        width: 91.8%
    }
    .founder-content p {
        font-size: 2.8rem;
        line-height: 1
    }
    .founder-pattern {
        right: -45px
    }
    .ceo-section,
    .director-section {
        padding-top: 130px
    }
    .acclamation-slidebox {
        flex: 0 0 28%
    }
    .recognitions-feed strong {
        font-size: 3rem
    }
    .service-design {
        flex: 0 0 31%;
        margin-right: 0
    }
    .recognitions-slider {
        width: 77%;
        overflow: visible
    }
    .recognitions-slidebox {
        flex: 0 0 33%
    }
}

@media all and (min-width:1024px) {
    h2 {
        font-size: 4.4rem;
        line-height: 46px
    }
    .founder-sec {
        padding: 0 26px 26px;
        max-width: 322px;
        position: absolute;
        left: 0;
        bottom: -123px
    }
    .founder-flex {
        padding-right: 70px
    }
    .founder-pattern {
        position: absolute;
        right: -56px;
        bottom: -48px;
        width: 100%;
        z-index: -1
    }
    .saga-wrap {
        border-left: 4px solid #14151b;
        padding: 0 0 10px 60px
    }
    .employees-blog p,
    .single-para {
        font-size: 2.6rem;
        letter-spacing: -.9px
    }
    .employees-blog {
        padding: 90px 0 40px
    }
    .break-point {
        display: none
    }
    .grow-content h3 {
        color: #fff;
        font-size: 3.6rem;
        line-height: 36px;
        letter-spacing: -1.5px;
        margin-bottom: 10px
    }
    .grow-content p {
        color: #fff;
        font-size: 2.6rem;
        margin-bottom: 0
    }
    .recognitions-blog {
        padding-bottom: 70px
    }
}

@media all and (min-width:1200px) {
    h2 {
        font-size: 4.8rem;
        line-height: 48px
    }
    h1 {
        font-size: 7.2rem;
        line-height: 72px;
        letter-spacing: -3px;
        top: 3px
    }
    .banner-blog h1::before {
  top:25px;
}
    .founder-banner {
        padding: 107px 0;
        margin-top: 65px;
    }
    .banner-right {
        right: -166px;
        top: -106px;
        width: 86%
    }
    .foundation-sec {
        margin-top: -130px
    }
    .founder-flex {
        padding-right: 10px
    }
    .acclamation-slider {
        overflow: visible
    }
    .acclamation-slidebox {
        flex: 0 0 23%
    }
    .recognitions-slidebox {
        flex: 0 0 33%
    }
    .single-para br {
        display: block
    }
    .btn-sec {
        width: 28%
    }
}

@media all and (min-width:1280px) {
    .banner-right {
        top: -118px
    }
    .founder-banner {
        padding: 118px 0
    }
    .founder-flex {
        padding-right: 70px
    }
    .founder-content p {
        font-size: 3.6rem;
        line-height: 1.3
    }
    .saga-wrap {
        border-left: 4px solid #14151b;
        padding: 0 0 10px 90px
    }
    .service-section {
        padding: 99px 0 20px
    }
    .service-section h2 {
        max-width: 810px;
        margin-bottom: 70px
    }
    .service-design {
        flex: 0 0 32%;
        padding: 20px 40px 30px 0
    }
    .service-design::after {
        width: 90%
    }
    .service-design h3 {
        font-size: 3rem;
        line-height: 30px;
        margin-bottom: 19px
    }
    .service-design p {
        font-size: 1.8rem;
        line-height: 1.23
    }
    .recognitions-feed strong {
        font-size: 3.6rem;
        line-height: 36px
    }
}

@media all and (min-width:1366px) {
    .founder-banner {
        padding: 117px 0
    }
    .banner-right {
        top: -117px
    }
}

@media all and (min-width:1440px) {
    .founder-content {
        width: 680px
    }
    .btn-sec {
        width: 35%
    }
}