h2 {
    font-size: 4.8rem;
    line-height: 48px
}

h3 {
    font-size: 3rem;
    line-height: 30px
}

p {
    font-size: 1.6rem;
    line-height: 1.2
}

picture {
    display: block
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.text-center {
    text-align: center
}

.text-uppercase {
    text-transform: uppercase
}

.d-flex {
    display: -ms-flexbox;
    display: flex
}

.d-inline-flex {
    display: inline-flex
}

.justify-content-start {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-content-end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-content-center {
    -ms-flex-pack: center;
    justify-content: center
}

.justify-content-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-content-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.align-items-start {
    -ms-flex-align: start;
    align-items: flex-start
}

.align-items-end {
    -ms-flex-align: end;
    align-items: flex-end
}

.align-items-center {
    -ms-flex-align: center;
    align-items: center
}

.align-items-baseline {
    -ms-flex-align: baseline;
    align-items: baseline
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.text-center {
    text-align: center
}

.about-banner {
    background: #14151b url("../images/about-banner.jpg") no-repeat right top;
    margin-top:65px;
    min-height: 468px;
    padding: 100px 0
}

.aboutbanner-content {
    max-width: 625px
}

h1 {
    color: #fff;
    font-size: 7.2rem;
    letter-spacing: -3px;
    line-height: 70px;
    margin-bottom: 26px;
    font-weight: 900;
    font-family: 'Proxima Nova Bl'
}

.top-tier {
    display: block;
    color: #fff;
    font-size: 3.6rem;
    letter-spacing: -.9px;
    line-height: 34px;
    padding-bottom: 25px;
    margin-bottom: 40px;
    position: relative
}

.top-tier:after {
    content: "";
    background-color: #fff;
    width: 30px;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0
}

.aboutbanner-content p {
    color: #fff;
    margin-bottom: 0;
    font-family: 'Proxima Nova Lt'
}

.aboutbanner-content p,h1 {
    padding-left: 30px
}

.about-section {
    padding: 81px 0
}

.our-mission {
    padding-bottom: 40px
}

.our-direction {
    background-color: #f9f8f8
}

.about-box {
    width: 31.7%
}

.we-are {
    padding-top: 35px
}

.our-mission .we-are {
    padding: 23px 0 0 15px
}

.our-mission .we-are p {
    padding-right: 16px
}

.our-direction .we-are {
    padding-top: 4px
}

.our-direction .we-are p {
    padding-right: 34px
}

.about-box img {
    width: auto;
    height: auto;
    display: block
}

.we-are h2 {
    margin-bottom: 18px
}

.we-are p {
    font-size: 2rem;
    margin-bottom: 23px;
    padding-right: 30px
}

.we-are p:last-child {
    margin-bottom: 0
}

.about-content {
    padding: 35px 20px 25px 0
}

.about-global h3 {
    margin-bottom: 13px
}

.about-content p {
    margin-bottom: 35px;
    text-align: left
}

.about-content p:last-child {
    margin-bottom: 0
}

.clickable {
    display: inline-block;
    background-color: transparent;
    border: 2px solid #02789e;
    padding: 20px 30px;
    border-radius: 4px;
    color: #14151b;
    font-size: 1.6rem;
    font-weight: 700;
    transition: all .5s;
    font-family: 'Proxima Nova Rg'
}

.clickable:hover {
    background-color: #02789e;
    color: #fff
}

.co-founder-para {
    border-top: 8px solid #14151b;
    border-bottom: 4px solid #14151b;
    padding: 70px;
    position: relative
}

.co-founder-para p {
    max-width: 910px;
    font-size: 3.6rem;
    line-height: 1.3;
    margin-bottom: 30px;
    letter-spacing: -1px;
    font-family: 'Proxima Nova Th'
}

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

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

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

.co-founder em {
    display: inline-block;
    font-size: 1.8rem;
    letter-spacing: -.5px;
    margin-bottom: 2px;
    font-family: 'Proxima Nova Th'
}

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

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

.map-blog {
    background-color: #14151b;
    padding: 80px 0
}

.landmark-content {
    position: relative
}

.landmark-para {
    position: absolute;
    top: 50%;
    left: 100px;
    width: 550px;
    transform: translateY(-50%)
}

.landmark-para p {
    color: #fff;
    font-size: 2.8rem;
    line-height: normal;
    font-weight: 700;
    margin-bottom: 88px
}

.maplink {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.maplink:after {
    content: "";
    background-image: url(../images/sprite.png);
    display: inline-block;
    background-position: -233px -732px;
    width: 34px;
    height: 18px;
    margin-left: 6px;
    transition: all .4s ease
}

.maplink:hover {
    color: #e01321
}

.maplink:hover:after {
    margin-left: 8px
}

.csr-bg {
    background: url(../images/csr.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed
}

.csr-content {
    padding: 330px 0 158px;
    max-width: 795px
}

.csr-content h2 {
    color: #fff;
    padding-right: 20px;
    margin-bottom: 26px
}

.csr-content p {
    color: #fff;
    font-size: 2.6rem;
    letter-spacing: -.9px
}

.csr-wrapper {
    margin-top: -100px
}

.csr-box {
    width: 31.8%;
    background-color: #fff;
    padding: 59px 30px 56px;
    box-shadow: 4px 6px 17.8px 2.2px rgba(0,0,0,.18)
}

.csr-subhead {
    display: flex;
    align-items: center;
    margin-bottom: 22px
}

.csr-subhead h3 {
    margin-bottom: 0;
    width: calc(100% - 78px);
    margin-left: 20px
}

.csr-logo {
    width: 78px
}

.icon-carefund {
    background-position: -12px -881px;
    width: 63px;
    height: 82px
}

.icon-supportex {
    background-position: -99px -881px;
    width: 78px;
    height: 75px
}

.icon-initiative {
    background-position: -209px -881px;
    width: 78px;
    height: 75px
}

.csr-box p {
    margin-bottom: 16px
}

.csr-box p:last-child {
    margin-bottom: 0
}

.responsibility-section {
    padding: 100px 0
}

.responsibility-head {
    max-width: 850px;
    margin: 0 auto 34px
}

.responsibility-head h2 {
    margin-bottom: 15px
}

.responsibility-head p {
    font-size: 2.6rem;
    letter-spacing: -.9px
}

.responsibility-sec {
    background-color: #14151b;
    display: flex
}

.responsibility-box {
    width: 33.33%;
    text-align: center;
    padding: 61px 41px 41px;
    border-right: 1px solid #1f212c
}

.responsibility-box:last-child {
    border: none
}

.responsibility-box1 {
    background: url(../home-images/blockchain-bg.png) no-repeat center center
}

.responsibility-box2 {
    background: url(../home-images/data-bg.png) no-repeat center center
}

.responsibility-box3 {
    background: url(../home-images/iot-bg.png) no-repeat center center
}

.responsibility-box h3 {
    color: #fff;
    margin-bottom: 14px
}

.responsibility-box p {
    color: #fff;
    font-weight: 300
}

.responsibility-logo {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 3px solid #b60f1a;
    width: 66px;
    height: 66px;
    margin-bottom: 24px
}

.icon-layoff {
    background-position: -322px -888px;
    width: 29px;
    height: 37px
}

.icon-poplejoin {
    background-position: -370px -888px;
    width: 28px;
    height: 32px
}

.icon-mental {
    background-position: -419px -888px;
    width: 29px;
    height: 26px
}

.testimonial-blog {
    padding: 51px 0 86px
}

.testimonial-blog h3 {
    color: #323030;
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 51px;
    text-align: center;
    line-height: 1.1
}

#product-data-tabs {
    max-width: 888px;
    margin: 0 auto
}

.product-data-tab {
    text-align: center;
    padding-bottom: 38px;
    box-shadow: 0 0 11.28px .72px rgba(0,0,0,.13)
}

.product-data-tab img {
    display: block;
    margin: 0 auto
}

.watch-video {
    display: block;
    margin-top: 3px
}

.watch-video a {
    display: inline-block;
    color: #e01321;
    font-size: 18px;
    margin: 4px 0
}

.icon-video {
    width: 15px;
    height: 15px;
    background-position: -646px -33px
}

.client-profile {
    display: inline-block;
    color: #999aa1;
    font-size: 13px;
    margin: 38px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #f4e5a2;
    text-transform: uppercase;
    font-weight: 500
}

blockquote {
    color: #323030;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.3;
    font-style: normal;
    width: 80%;
    margin: 0 auto;
    min-height: 143px
}

.icon-openquote {
    background-position: -288px -740px;
    width: 17px;
    height: 12px;
    margin: -31px 7px 0 0
}

.icon-closequote {
    background-position: -319px -740px;
    width: 17px;
    height: 12px;
    margin: 0 0 -13px 7px
}

.testimonial-tabs {
    display: flex
}

#product-data-tabs #product-data-tabs-control {
    font-family: 'Open Sans';
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    width: 100%
}

.testimonial-tabs li {
    width: 14.285%;
    opacity: .5;
    transition: opacity .25s ease-in-out
}

.testimonial-tabs li.active-tab {
    opacity: 1
}

.testimonial-tabs li a {
    display: block;
    height: 79px;
    overflow: hidden;
    text-align: center
}

.testimonial-tabs li img {
    height: 100%
}

.client-name {
    display: block;
    color: #323030;
    font-size: 10px;
    margin: 8px 0 0;
    opacity: 0;
    font-family: Roboto,sans-serif;
    transition: opacity .25s ease-in-out
}

.client-country {
    color: #857f82;
    font-size: 12px;
    opacity: 0;
    font-family: Roboto,sans-serif;
    transition: opacity .25s ease-in-out
}

.testimonial-tabs li.active-tab .client-country,.testimonial-tabs li.active-tab .client-name {
    opacity: 1
}

.testimonial-btn-wrap {
    display: block;
    text-align: center;
    margin-top: 16px
}

.button-testimonial {
    color: #e01321;
    font-size: 15px;
    font-weight: 500
}

.button-testimonial .icon-arrow {
    background-position: -105px -108px;
    width: 18px;
    height: 7px;
    margin-left: 3px
}

.award-section {
    background-color: #14151b
}

.awards-wrapper {
    padding: 52px 0 50px
}

.awards-wrapper h2 {
    color: #fff;
    text-align: center;
    font-size: 26px;
    margin-bottom: 45px
}

.accolades-awards {
    display: flex;
    align-items: center;
    justify-content: center
}

.awards-block {
    flex: auto;
    text-align: center;
    margin: 0 24px
}

.awards-block {
    text-align: center
}

.gl-iso {
    background-position: -1px -1px;
    width: 48px;
    height: 70px
}

.gl-nasscom {
    background-position: -58px -1px;
    width: 128px;
    height: 19px
}

.gl-microsoft {
    background-position: -195px -1px;
    width: 137px;
    height: 32px
}

.gl-google {
    background-position: -2px -243px;
    width: 139px;
    height: 48px
}

.gl-inc {
    background-position: -58px -26px;
    width: 66px;
    height: 55px
}

.world-section {
    background-color: #e9e7e7
}

.world-wrapper {
    padding: 75px 0 55px;
    text-align: center
}

.world-wrapper h2 {
    font-size: 28px;
    margin-bottom: 30px;
    font-weight: 600;
    text-align: center
}

.world-cards {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 5px
}

.world-wrapper .card-wrapper {
    display: block;
    width: 31.5%;
    padding: 0;
    margin-bottom: 15px;
    position: relative;
    cursor: pointer;
    transition: all .5s ease-in-out;
    box-shadow: 0 0 11.28px .72px rgba(0,0,0,.13)
}

.world-img,.world-img picture img {
    width: 100%;
    height: 270px
}

.world-img,.world-img picture img {
    width: 100%;
    height: 270px
}

.card-text {
    padding: 5px 15px;
    position: absolute;
    bottom: 0;
    text-align: left;
    width: 100%;
    background: #fff;
    z-index: 1;
    transition: all .5s ease-in-out
}

.time-wrap {
    margin-bottom: 5px
}

.gl-clock {
    background-position: -430px -170px;
    width: 22px;
    height: 27px;
    vertical-align: middle
}

.time-wrap span {
    font-size: 14px;
    color: #a79fa3;
    vertical-align: middle;
    font-weight: 600
}

.card-text h3 {
    font-size: 13px;
    padding: 0;
    margin-bottom: 0;
    line-height: 1.3
}

.card-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    transition: all .3s ease-in-out;
    padding: 18px 15px;
    background-color: #f9f8f8;
    text-align: left;
    align-items: center;
    justify-content: space-between
}

.card-bottom a {
    color: #cb111d;
    font-size: 13px;
    font-weight: 600;
    position: relative
}

.gl-red {
    background-position: -479px -23px;
    width: 17px;
    height: 6px;
    transition: all .3s cubic-bezier(.4,0,.2,1)
}

.world-cards .card-wrapper:hover .card-text {
    padding: 20px 15px 30px;
    bottom: 49px
}

.world-cards .card-wrapper:hover .card-text h3 {
    font-size: 16px
}

.world-cards .card-wrapper:hover .card-bottom {
    display: flex
}

.know-more:hover::after {
    width: 100%
}

.acclamation-wrap {
    background-color: #f9f8f8;
    padding: 90px 0
}

.accolades-blog {
    align-items: center
}

.acclamation-feed {
    width: 200px;
    margin-top: 9px
}

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

.acclamation-slider {
    width: 77%;
    padding-bottom: 0
}

.acclamation-slidebox {
    flex: 0 0 30%;
    margin-right: 15px;
    padding-right: 15px
}

.awards-logo {
    background-color: #14151b;
    padding: 0 15px;
    display: flex;
    align-items: center;
    width: 100%;
    height: 80px
}

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

.service-section {
    padding: 99px 0 10px 0
}

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

.sec-detail {
    width: 65%;
    font-size: 2.6rem;
    letter-spacing: -.9px;
    margin-bottom: 72px
}

.service-block {
    flex-wrap: wrap
}

.service-design {
    flex: 0 0 30.1%;
    margin-bottom: 49px;
    padding: 20px 40px 30px 0;
    position: relative
}

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

.service-design h3 {
    margin-bottom: 19px
}

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

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

.grow-box {
    width: 47%;
    padding: 15px 0;
    position: relative
}

.grow-business:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: url(../images/grow-seperater.svg)
}

.grow-figure {
    width: 155px
}

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

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

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

.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: all .5s;
    border: 2px solid transparent
}

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

@media only screen and (max-width:1366px) {
    .csr-content {
        padding: 220px 0 158px
    }

    .responsibility-section {
        padding-bottom: 70px
    }
}

@media only screen and (max-width:1279px) {
    .about-banner {
        margin-top: 101px
    }
}

@media only screen and (max-width:1199px) {
    .our-mission .we-are p,.we-are p {
        padding-right: 0
    }

    .csr-content {
        padding: 120px 0 145px
    }

    .csr-subhead {
        display: block;
        text-align: center
    }

    .csr-logo {
        display: inline-block;
        margin-bottom: 18px
    }

    .csr-subhead h3 {
        width: 100%;
        margin-left: 0
    }

    .about-content,.our-direction .about-content,.our-mission .about-content {
        padding: 30px 20px 15px 0
    }

    .card-text {
        bottom: 33px;
        padding: 15px
    }

    .world-cards .card-wrapper:hover .card-text {
        padding: 15px;
        bottom: 33px
    }

    .grow-content h3 {
        font-size: 2.6rem
    }

    .btn-grow {
        padding: 18px 22px
    }
}

@media only screen and (max-width:1024px) {
    .about-banner {
        margin-top: 76px;
        padding: 80px 0;
        min-height: auto
    }

    .top-tier {
        font-size: 2.6rem;
        margin-bottom: 20px
    }

    h1 {
        font-size: 5.2rem;
        margin-bottom: 20px
    }

    h2 {
        font-size: 3.6rem;
        line-height: 1;
        letter-spacing: -1.5px
    }

    h3 {
        font-size: 2.2rem;
        line-height: 1
    }

    p {
        font-size: 1.6rem
    }

    .we-are p {
        font-size: 1.8rem
    }

    .co-founder-para {
        padding: 50px
    }

    .csr-content p,.responsibility-head p {
        font-size: 2rem
    }

    .acclamation-wrap {
        padding: 60px 0
    }

    .acclamation-feed {
        width: 155px;
        margin-right: 65px
    }

    .acclamation-slider {
        overflow: visible
    }

    .acclamation-feed strong {
        font-size: 2.8rem
    }

    .acclamation-slidebox {
        flex: 0 0 32%
    }

    .sec-detail {
        width: 90%;
        font-size: 2.2rem
    }
}

@media only screen and (max-width:1023px) {
    .about-section {
        padding: 70px 0
    }

    .about-content,.our-direction .about-content,.our-mission .about-content {
        padding: 30px 15px 25px 0
    }

    .we-are h2 {
        margin-bottom: 22px
    }

    .clickable {
        font-size: 14px;
        padding: 11px 20px
    }

    .co-founder-para p {
        font-size: 3rem;
        margin-bottom: 42px
    }

    .landmark-para {
        left: 40px
    }

    .landmark-para p {
        font-size: 2.6rem;
        margin-bottom: 65px
    }

    .csr-box {
        padding: 40px 15px 45px
    }

    .responsibility-box {
        padding: 50px 15px 41px
    }

    .responsibility-section {
        padding-bottom: 60px
    }

    blockquote {
        width: 90%
    }

    .acclamation-slider {
        width: calc(100% - 160px);
        justify-content: space-between;
        overflow-x: scroll;
        margin-top: 0;
        padding-bottom: 10px
    }

    .acclamation-feed strong {
        font-size: 2.6rem
    }

    .acclamation-slidebox {
        flex: 0 0 46%;
        margin-right: 10px;
        padding-right: 12px
    }

    .service-design {
        padding: 20px 15px 30px 0;
        margin-bottom: 20px
    }

    .grow-section {
        padding: 30px 0
    }

    .grow-box {
        width: 100%;
        padding: 40px 0
    }

    .grow-content h3 {
        font-size: 2.4rem;
        line-height: 1
    }

    .btn-grow {
        padding: 18px
    }

    .grow-business::after {
        display: block;
        background: url(../images/mobile-dotted.svg);
        top: 100%;
        height: 2px;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    p {
        font-size: 1.6rem;
        line-height: 1.4
    }

    h2 {
        font-size: 3rem;
        line-height: 1;
        letter-spacing: -1.5px
    }

    h3 {
        font-size: 2rem;
        line-height: 1
    }

    .responsibility-head p {
        font-size: 1.8rem
    }

    .about-banner {
        padding: 70px 0;
        background-position: 30% 100%;
        min-height: auto
    }

    h1 {
        font-size: 4.4rem;
        line-height: 1;
        letter-spacing: -1.5px;
        margin-bottom: 18px
    }

    .top-tier {
        font-size: 2.2rem;
        line-height: 1.15;
        margin-bottom: 27px
    }

    .aboutbanner-content p,h1 {
        padding-left: 20px
    }

    .our-direction .we-are p,.we-are p {
        font-size: 1.8rem;
        padding-right: 0
    }

    .aboutbanner-content p {
        width: 81%
    }

    .about-section {
        padding: 35px 0
    }

    .about-blog,.csr-wrapper,.responsibility-sec,.world-cards {
        display: block
    }

    .mission-blog {
        display: flex;
        flex-direction: column
    }

    .about-box {
        padding-top: 0;
        width: 100%;
        margin-bottom: 40px
    }

    .about-box:last-child {
        margin-bottom: 0
    }

    .we-are h2 {
        margin-bottom: 16px
    }

    .about-content,.our-direction .about-content,.our-mission .about-content {
        padding: 30px 15px 0 0
    }

    .about-content p {
        margin-bottom: 25px
    }

    .clickable {
        border-radius: 14px;
        padding: 15px 20px
    }

    .technological-tide {
        background-color: #fa9577;
        padding: 50px 15px;
        margin: 10px 0
    }

    .co-founder-para {
        padding: 40px 35px
    }

    .co-founder-para p {
        font-size: 2rem;
        margin-bottom: 26px;
        letter-spacing: -1px
    }

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

    .our-mission .we-are {
        padding-left: 0;
        padding-top: 0;
        margin-bottom: 40px
    }

    .mission-1 {
        order: 2
    }

    .mission-2 {
        order: 3;
        margin-bottom: 0
    }

    .mission-3 {
        order: 1
    }

    .our-mission .we-are p {
        padding-right: 0
    }

    .map-blog {
        padding: 50px 0
    }

    .landmark-para {
        left: 12px;
        width: 85%
    }

    .landmark-para p {
        font-size: 1.4rem;
        margin-bottom: 15px
    }

    .maplink {
        font-size: 1.5rem;
        margin-bottom: 3px
    }

    .landmark-content img {
        min-height: 150px
    }

    .csr-content {
        padding: 45px 0 70px
    }

    .csr-content h2 {
        padding-right: 0;
        margin-bottom: 19px
    }

    .csr-content p {
        font-size: 1.8rem
    }

    .csr-wrapper {
        margin-top: -38px;
        padding-left: 15px;
        display: flex;
        flex-wrap: nowrap;
        overflow: auto
    }

    .csr-box {
        width: 100%;
        padding: 30px 20px 40px;
        margin-bottom: 18px;
        flex: 0 0 46%;
        margin-right: 12px
    }

    .responsibility-section {
        padding: 45px 0
    }

    .responsibility-head h2 {
        margin-bottom: 13px
    }

    .responsibility-box {
        width: 100%;
        padding: 45px 20px 45px;
        border-right: none;
        border-bottom: 1px solid #1f212c
    }

    .csr-container {
        padding: 0
    }

    .testimonial-blog {
        padding: 15px 0 35px
    }

    .testimonial-blog h3 {
        margin-bottom: 38px
    }

    blockquote {
        width: 92%;
        font-size: 18px
    }

    .client-profile {
        margin: 26px 0
    }

    .awards-wrapper {
        padding: 45px 0 50px
    }

    .awards-wrapper h2 {
        font-size: 24px
    }

    .accolades-awards {
        width: 100%;
        display: flex;
        margin-top: 20px;
        padding-bottom: 16px;
        flex-wrap: nowrap;
        overflow-x: scroll;
        align-items: center;
        justify-content: space-between
    }

    .awards-block {
        flex: 0 0 20%;
        margin-right: 20px;
        text-align: center
    }

    .world-wrapper h2 {
        font-size: 26px
    }

    .world-wrapper {
        padding: 45px 0
    }

    .world-wrapper .card-wrapper {
        width: 100%;
        margin-bottom: 22px
    }

    .world-wrapper .card-wrapper:last-child {
        margin-bottom: 0
    }

    .acclamation-wrap {
        padding: 40px 0
    }

    .acclamation-feed strong {
        font-size: 2.4rem
    }

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

    .service-section {
        padding: 50px 0 30px 0
    }

    .sec-detail {
        width: 100%;
        font-size: 1.8rem;
        margin-bottom: 45px
    }

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

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

    .service-design:after {
        width: 100%
    }

    .grow-section {
        padding-bottom: 10px
    }

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

    .grow-figure {
        width: 90px
    }

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

    .grow-content h3 {
        font-size: 2rem;
        line-height: 1
    }

    .grow-content p {
        margin-bottom: 0
    }

    .btn-grow {
        position: absolute;
        top: 100%;
        left: 0;
        padding: 16px 15px;
        border-radius: 14px
    }

    .grow-business::after {
        margin-top: 85px
    }
}

@media only screen and (max-width:666px) {
    .client-country,.client-name {
        display: none
    }

    .testimonial-tabs li a {
        height: auto
    }

    .testimonial-btn-wrap {
        margin-top: 28px
    }

    .csr-box {
        flex: 0 0 86%
    }
}

@media only screen and (max-width:374px) {
    .landmark-para p,.maplink {
        font-size: 1.3rem
    }
}