:root {
    --purple: #AE90C3;
    --lightpink: #F6B0BD;
    --green: #45B383;
    --cyan: #009CA6;
    --yellow: #F2A900;
    --orange: #fc4c02;
    --red: #D3281B;
    --midred: #DA291C;
    --darkred: #9A3324;
    --ivory: #D1CCBD;
    --grey: #999999;
    --midgrey: #4A4F53;
    --darkgrey: #222221;
    --lightgrey: #F3F2EE;
    --white: #ffffff;
    --black: #000000;
    --currentColor: currentColor;
    --border: #DDD9CB;
    --blacks: #dddddd;
}

/* Mix css */

.Large .RightContent,
.PromotionalContent .col:first-child .RightContent {
    padding-top: 32px;
}

.Large .contentTypeTag {
    padding-bottom: 32px;
}

.Large h3 {
    max-width: 220px;
}

.LightGrey {
    background-color: var(--lightgrey);
}

.orangeBG {
    background-color: var(--orange);
}

.ourPortfolio .subTitle,
.Discover .subTitle {
    max-width: 242px;
    padding-bottom: 26px;
}


/********** HOME PAGE CSS **********/

/** HOME BANNER **/

.BannerBlock .contentBlock {
    padding-right: 0px;
    padding-bottom: 133px;
}

.videoColumn {
    position: relative;
    padding: 9% 5.5% 9% 5.5%;
}

.videoBox {
    position: relative;
    z-index: 9;
}

.videoBox::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.video {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.videoHeading {
    position: absolute;
    top: auto;
    bottom: 129px;
    right: 0;
    left: 58px;
    max-width: 359px;
    line-height: 43px;
}

.videoHeading>span {
    background-color: var(--white);

}

.videoHeading>span span {
    z-index: 999;
    position: relative;
}

.Rightimage {
    position: absolute;
    top: -74px;
    right: 0;
    max-width: 495px;
    height: 100%;
    z-index: -1;
    z-index: 9;
    max-height: 430px;
    width: 100%;
}

.Leftimage {
    position: absolute;
    bottom: 0;
    left: -32%;
    max-width: 408px;
    height: 100%;
    z-index: -1;
    z-index: 8;
    overflow: hidden;
    max-height: 395px;
    width: 100%;
}

.Rightimage img,
.Leftimage img {
    filter: blur(4px);
    -webkit-transition: -webkit-filter 0.3s ease-in-out;
    transition: -webkit-filter 0.3s ease-in-out;
    -o-transition: filter 0.3s ease-in-out;
    transition: filter 0.3s ease-in-out;
    transition: filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}

.Leftimage:hover img,
.Rightimage:hover img {
    filter: blur(0px);
}

.BannerBlock .Link:not(:last-child) {
    margin-right: 45px;
}


/** HOME CALL TO ACTION **/

.CalltoAction {
    padding-bottom: 151px;
}

.CalltoAction h2 {
    max-width: 667px;
}

.CalltoAction h2 span {
    display: block;
}

/** HOME WHAT WE DO  **/

.Whatwedo {
    padding-bottom: 106px;
}

.Whatwedo .pageSubtitle {
    max-width: 319px;
    padding-bottom: 20px;
}

.manualSelection {
    justify-content: space-between;
}

.manualSelection .Wrapper {
    max-width: 434px;
    padding-bottom: 74px
}

.manualSelection .Wrapper:nth-child(2n) {
    position: relative;
    top: 212px;
    left: -86px;
}

.manualSelection .box {
    max-width: 319px;
    z-index: -1;
}

.manualSelection .orangeArea {
    min-width: 319px;
    color: var(--white);
    padding: 18px 0px 35px 28px;
    position: relative;
    margin-top: -100px;
    left: 115px;
}


.manualSelection .orangeArea .highlitedText {
    line-height: 43px;
    max-width: 195px;
    padding-bottom: 13px;
}

.manualSelection .orangeArea .subTitle {
    max-width: 234px;
}


/** HOME OUR REACH  **/
.ourReach {
    padding-bottom: 190px;
}

.ourReach .contentBlock {
    padding-left: 0px;
}

.ourReach .col_1_1_1 {
    justify-content: space-between;
}

.ourReach .col_1_1_1 .col:nth-child(1) {
    width: 50%;
    padding-left: 0px;
}

.ourReach .col_1_1_1 .col:nth-child(2),
.ourReach .col_1_1_1 .col:nth-child(3) {
    width: 25%;
}

.ourReach .col_1_1_1 .col {
    padding-bottom: 0px;
}

.ourReach .Wrapper {
    position: relative;
    overflow: hidden;
}

.ourReach .Wrapper .box {
    z-index: -1;
    left: 0px;
    top: 10px;
    max-width: 504px;
}

.ourReach .orangeArea {
    margin-top: -75px;
    left: 132px;
    max-width: 460px;
    padding: 21px 43px 30px 38px;
    line-height: 32px;
}

.ourReach .pageSubtitle {
    padding-bottom: 20px;
}

.ourReach .stats .flexWrap {
    flex-direction: column;
}


/** HOME LATEST NEWS & PORTFOLIO **/

.laestNewsPortflio {
    padding-bottom: 99px;
}

.laestNewsPortflio .contentBlock {
    padding-top: 70px;
    overflow: hidden;

}

.laestNewsPortflio .contentBlock,
.laestNewsPortflio .RightCol {
    padding-right: 0px;
}

.laestNewsPortflio h2 {
    padding-bottom: 25px;
    max-width: 346px;
}

.laestNewsPortflio .pageSubtitle {
    max-width: 283px;
    padding-bottom: 25px;
}

.laestNewsPortflio .newsTag {
    position: absolute;
    bottom: 0;
    background-color: var(--orange);
    padding: 5px 23px;
    text-transform: uppercase;
    color: var(--white);
}

.laestNewsPortflio .TextContent {
    background-color: var(--orange);
    color: var(--white);
    padding: 9px 0px 22px 23px;
}

.laestNewsPortflio .TextContent .newsTitle {
    text-transform: uppercase;
    max-width: 220px;
    padding-bottom: 10px;
}

.laestNewsPortflio .TextContent a {
    font-weight: 500;
    line-height: 24px;
    color: var(--white);
}

.laestNewsPortflio .slick-list {
    width: 110%;
}

/********** HOME PAGE CSS **********/



/********** SECTIONAL TEMPLATE ROWS STARTS  **********/
/* SECTIONAL BANNER */
/* SECTIONAL LARGE BANNER */
.sectionalbanner {
    padding-bottom: 147px;
}

.sectionalbanner .col_75 {
    padding-bottom: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.sectionalbanner .col_75.paddingLarge {
    justify-content: flex-start;
}

.sectionalbanner .col_75.paddingSmall {
    justify-content: flex-end;
}

.sectionalbanner .box::before {
    padding-top: 48%;
}

.sectionalbanner .paddingLarge .Wrapper,
.sectionalbanner .paddingSmall .Wrapper {
    max-width: 890px;
    width: 100%;
}



.Large {
    padding-bottom: 180px;
}

.Large .TextContent {
    position: relative;
}

.Large .LeftContent {
    width: 33%;
    background-color: var(--white);
    margin-top: -71px;
    padding-top: 40px;
    padding-bottom: 95px;
}



.Large .RightContent {
    max-width: 560px;
}


/* SECTIONAL SMALL BANNER */
.Small h1 {
    max-width: 170px;
}

.Small .Wrapper {
    max-width: 890px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.Small .box {
    z-index: -1;
    width: 100%;
}

.Small .orangeArea {
    max-width: 490px;
    margin-top: -101px;
    right: -30px;
    left: auto;
    padding: 25px;
    width: 100%;
}

.Small h3 {
    max-width: 390px;
}

.Small .pageSummary {
    max-width: 298px;
}

.Small .col_75 {
    display: flex;
    justify-content: flex-start;
}

/* SECTIONAL PROMOTIONAL CONTENT */

.PromotionalContent {
    padding-bottom: 126px;
}

.PromotionalContent .col_1_1 .col.odd:not(:last-child) {
    padding-bottom: calc(25vw + 120px);
}

.PromotionalContent .col_1_1 .col.even {
    padding-top: 170px;
}

.PromotionalContent .col_1_1 .col:not(:first-child):not(.even) {
    margin-top: -25vw;
}

.PromotionalContent .col:not(:first-child) {
    display: flex;
    justify-content: flex-end;
}

.PromotionalContent .TextContent {
    position: relative;
}

.PromotionalContent .LeftContent {
    z-index: 1;
    margin-top: -60px;
    background: #fff;
    padding: 30px 25px 0px 0px;
    max-width: 319px;
    width: 100%;
}

.PromotionalContent .LeftContent .contentTypeTag,
.PromotionalContent .LeftContent h3 {
    max-width: 292px;
}

.PromotionalContent .LeftContent .contentTypeTag {
    padding-bottom: 22px;
}

.PromotionalContent .col:not(:first-child) .RightContent {
    max-width: 340px;
    position: relative;
}


.PromotionalContent .col:not(:first-child) .Wrapper {
    max-width: 548px;
    width: 100%;
}

.PromotionalContent .col:first-child .RightContent .d_f_none,
.PromotionalContent .col:not(:first-child) .LeftContent .d_o_none,
.PromotionalContent .col:first-child .RightContent .d_f_none+br,
.PromotionalContent .col:not(:first-child) .LeftContent .d_o_none+br {
    display: none !important;
}

.PromotionalContent .col:not(:first-child) .TextContent {
    flex-direction: column;
    position: relative;
}

.PromotionalContent .col:first-child .TextContent .LeftContent {
    width: 48%;
    padding-bottom: 119px;
    position: relative;
}

.PromotionalContent .col .TextContent .Link {
    display: inline-block;
    margin-top: 10px;
}


.PromotionalContent .col:first-child .TextContent .RightContent {
    width: 52%;
}

.PromotionalContent .col:first-child .TextContent .RightContent p {
    padding-bottom: 0px;
}

.PromotionalContent .col .TextContent .RightContent p {
    width: 100%;
    max-width: 344px;
}

.PromotionalContent .ImageWrap {
    position: relative;
}

.PromotionalContent .ImageWrap .img {
    width: 100%;
    height: auto;
}

.PromotionalContent .TextContent .contentTypeTag,
.PromotionalContent .TextContent h3 {
    max-width: 319px;
    padding-bottom: 30px;
    width: 100%;
}

/* SECTIONAL PROMOTIONAL CONTENT */

/* OUR PORTFOLIO */

.ourPortfolio {
    padding-top: 50px;
    padding-bottom: 75px;
    margin-bottom: 80px;
    overflow: hidden;
}

.ourPortfolio .flexWrap {
    padding-bottom: 59px;
    display: block !important;
}

.ourPortfolio h3 {
    color: var(--orange);
    margin-right: 42px;
    padding-bottom: 0px;

}

.ourPortfolio .pageSummary {
    max-width: 550px;
    padding-bottom: 118px;

}

.ourPortfolio .TextContent {
    position: relative;
    margin-top: -80px;
    max-width: 275px;
    background-color: var(--lightgrey);
    padding-top: 21px;
}

.ourPortfolio .cardTag {
    padding-bottom: 10px;
}

.ourPortfolio .contentTypeTag {
    padding-bottom: 18px;
}

.ourPortfolio .flexWrap h3 {
    display: inline-block;
    /* float: left; */
}

@media screen and (min-width: 1080px) {
    .ourPortfolio .flexWrap .Link {
        /* float: right; */
        position: relative;
        top: -10px;
    }
}

.PortfolioSlider .slick-list {
    width: 120%;
}

.PortfolioSlider .slick-slide:not(:last-child) {
    margin-right: 26px;
}

.PortfolioSlider .slick-track {
    margin-left: 0px !important;
}


/* OUR PORTFOLIO */

/* THREE COL PROMOS  */
.threeColPromos {
    padding: 116px 0px;
    color: var(--white);
    margin-bottom: 190px;
}

.threeColPromos .contentBlock.columnBlock {
    padding: 0px 80px 0px 101px;
}

.threeColPromos .col_1_1_1 {
    justify-content: space-between;
}

.threeColPromos .col_1_1_1 .col {
    max-width: 345px;
    width: 100%;
}

.threeColPromos .flexWrap {
    align-items: flex-end;
    justify-content: space-between;
    padding: 0px 13px 54px 13px;
}

.threeColPromos .box {
    margin-bottom: 22px;
}

.threeColPromos .TextContent {
    max-width: 240px;
}

.threeColPromos .contentTypeTag {
    color: var(--white);
    padding-bottom: 13px;
}

.threeColPromos .subTitle {
    padding-bottom: 17px;
}

.threeColPromos .highlitedText {
    padding-bottom: 0;
    text-transform: uppercase;
}

.threeColPromos a {
    color: var(--white);

}

.threeColPromos .Link:hover {
    color: var(--darkgrey);
}

.threeColPromos .Link::before {
    background-color: var(--white);
}

.threeColPromos .Link::after {
    background-image: url(../images/whitearrow.svg);
}

/* THREE COL */

/* IMAGE TITLE TEXT */
.ImageTitleText {
    padding-bottom: 55px;
}

.ImageTitleText .box {
    z-index: -1;
}

.ImageTitleText .box:before {
    padding-top: 56%;
}

.ImageTitleText .orangeArea {
    max-width: 358px;
    top: -64px;
    left: -33px;
    padding: 35px 28px 28px 33px;
    min-height: 330px;
    width: 100%;
}

.ImageTitleText h3,
.ImageTitleText .contentTypeTag {
    color: var(--white);
    max-width: 260px;
    padding-bottom: 14px;
}

.ImageTitleText .text {
    width: calc(100% - 358px);
    padding-top: 44px;
}

/* SECTIONAL STATS */
.statsMain .contentTypeTag {
    padding-bottom: 35px;
}

.SectionalStats {
    max-width: 100%;
    justify-content: space-between;
    padding-bottom: 216px;
}

.SectionalStats .Wrapper {
    width: 28%;
}

.SectionalStats .description {
    padding-bottom: 0px;
}



/* SECTIONAL STATS */

/********** SECTIONAL TEMPLATE ROWS STARTS  **********/


/* POST CSS */
/* BANNER IMAGE */
.single .pageWrap .contentBlock,
.page-template-template-content .pageWrap .contentBlock {
    padding: 0px 158px;
}

.single .pageWrap .columnBlock,
.page-template-template-content .pageWrap .columnBlock {
    padding: 0px 145px;
}

.single .NewsList .col_1_1 .col {
    padding-bottom: 145px;
}

.single .NewsList .TextContent {
    max-width: 305px;
}

.single .NewsList .description {
    line-height: 24px;
    max-width: 234px;
}

.PostDetailBanner .contentBlock,
.page-template-template-content .contentDetailBanner .contentBlock {
    padding-right: 0 !important;
}

.PostDetailBanner .pageSubtitle {
    max-width: 319px;
}

.PostDetailBanner .TextContent {
    background-color: var(--white);
    max-width: 435px;
    position: absolute;
    z-index: 9;
    width: 100%;
    padding-bottom: 40px;
    top: 0;
}

.PostDetailBanner .contentTypeTag {
    color: var(--black);
    padding-bottom: 20px;
}

.PostDetailBanner h3 {
    max-width: 350px;
    color: var(--orange);
    padding-bottom: 0;
}

.PostDetailBanner .box {
    max-height: 593px;
}

.PostDetailBanner .box:before {
    padding-top: 42%;
}

.PostDetailBanner .LeftRightCol {
    padding-top: 70px;
    padding-bottom: 112px;
}

.PostDetailBanner .LeftRightCol .col {
    padding-bottom: 0;
}

.PostDetailBanner .RightCol p {
    max-width: 688px;
    padding-bottom: 0px;
}

/* BANNER IMAGE */

/* 2 POST */
.NewsList .newsTag {
    text-transform: uppercase;
    padding-bottom: 12px;
}

/* 2 POST */

/* HIGHLITED IMAGE TEXT */
.BlockQuote {
    padding-bottom: 84px;
}

.BlockQuote .box {
    max-width: 662px;
    width: 100%;
    z-index: -1;
}

.BlockQuote .orangeArea::before {
    display: none;
}

.BlockQuote .box+.orangeArea {
    padding: 62px 63px 71px 65px;
    left: 140px;
    margin-top: -84px;
    max-width: 790px;
    width: 100%;
}

.BlockQuote .box+.orangeArea::before {
    display: block !important;
}

.BlockQuote .box+.orangeArea blockquote {
    color: var(--white);
}

/* HIGHLITED IMAGE TEXT */

/* READ MORE & DISCOVER  */
.Discover h3 {
    padding-left: 13px;
    color: var(--orange);
    padding-bottom: 40px;
}

.Discover .TextContent {
    max-width: 285px;
    background-color: var(--white);
    top: -80px;
    position: relative;
    padding: 12px 27px 0px 0px;
}

.Discover .contentTypeTag {
    padding-bottom: 13px;
}

.single .NewsList .col_1_1 .col {
    padding-bottom: 145px;
}

/* READ MORE & DISCOVER  */

/* POST CSS */



/********** CONTENT PAGE CSS **********/
.contentDetailBanner {
    padding-bottom: 109px;
}

.contentDetailBanner .box:before {
    content: "";
    display: block;
    padding-top: 44%;
}

.contentDetailBanner .TextContent {
    padding: 31px 30px 40px 0px;
    background-color: var(--white);
    position: relative;
    max-width: 900px;
}

.contentDetailBanner .box+.TextContent {
    margin-top: -206px;
}

.contentDetailBanner .TextContent h3 {
    max-width: 635px;
    color: var(--orange);
}

.contentDetailBanner .TextContent .pageSummary {
    max-width: 669px;
}


/* CONTENT LARGEIMAGE */
.SingleImage {
    padding-top: 115px;
    padding-bottom: 84px;
}

.SingleImage .contentBlock {
    padding-left: 0 !important;
}

.SingleImage .flexWrap {
    align-items: flex-end;
}

.SingleImage .box {
    width: 100%;
    max-width: 936px;
    overflow: visible;
}

.SingleImage .box::after {
    content: '';
    display: block;
    position: absolute;
    top: -105px;
    right: -115px;
    bottom: 0;
    left: auto;
    width: 100%;
    height: 100%;
    background-color: var(--lightgrey);
    z-index: -1;
}

.SingleImage .caption {
    max-width: 206px;
    top: -105px;
    position: relative;
    left: 142px;
}

/* CONTENT LARGEIMAGE */

/* CONTENT DOUBLE IMAGES */

.DoubleImage {
    width: 100%;
    padding-bottom: 60px;
}

.DoubleImage .content_800 {
    padding-right: 0px !important;
    justify-content: space-between;
}

.DoubleImage .Wrapper {
    max-width: 319px;
}

.DoubleImage .box {
    overflow: visible;
    margin-bottom: 60px;
}

.DoubleImage .box::after {
    content: '';
    display: block;
    position: absolute;
    top: 27px;
    right: -27px;
    bottom: 0;
    left: auto;
    width: 100%;
    height: 100%;
    background-color: var(--lightgrey);
    z-index: -1;
}

/* CONTENT DOUBLE IMAGES */

/* EDITOR ROW */
.editorRow {
    padding-bottom: 107px;
}

.editorRow>*:last-child {
    padding-bottom: 0px;
}

/* EDITOR ROW */

/* OUR ARIA FOR WORK */
.Ourareaofwork {
    padding-bottom: 130px;
}

.Ourareaofwork .contentBlock {
    padding-left: 0px !important;
    /* padding-right: 0px !important; */
}

.Ourareaofwork .orangeBG h3 {
    padding-left: 13px;
}

.Ourareaofwork .contentBlock .orangeBG {
    padding-top: 90px;
    padding-bottom: 116px;
    padding-right: 50px;
    position: relative;
}

.Ourareaofwork .orangeBG::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: calc(-1000% + 1px);
    width: 1000%;
    height: 100%;
    background-color: var(--orange);
}

.Ourareaofwork .orangeBG h3 {
    color: var(--white);
    padding-bottom: 55px;
}

.Ourareaofwork .col_1_1 .col {
    padding-bottom: 55px;
}

.Ourareaofwork .Wrapper {
    text-decoration: none;
    background-image: none !important;
}

.Ourareaofwork .Wrapper .box {
    margin-bottom: 23px;
    max-width: 319px;
}

.Ourareaofwork .contentTypeTag {
    color: var(--white);
    max-width: 319px;

}

/********** CONTENT PAGE CSS **********/



/********** NEWS INSIGHT CASE STUDY RESOURCES LIST PAGE CSS **********/
.NewsList h1 {
    padding-bottom: 90px;
}

.NewsList .col_1_1 .col {
    padding-bottom: 120px;
}

.NewsList .box {
    max-width: 204px;
    width: 100%;
}

.NewsList .box:before {
    padding-top: 95.3%;
}

.NewsList .TextContent {
    max-width: 277px;
    width: 100%;
    padding-left: 28px;
}

.NewsList .name_date {
    padding-bottom: 15px;
}

.NewsList h4 {
    color: var(--orange);
    text-transform: uppercase;
}

.NewsList .description {
    padding-bottom: 20px;
}

.NewsList .paginationBox {
    padding: 0px 0px 70px 244px;
    padding-top: 0px;
}


/* New Post List Page */
.NewsList.postList {
    padding-bottom: 70px;
}

.NewsList.postList .titleWrapper {
    width: 100%;
    align-items: flex-end;
    justify-content: space-between;
}

.NewsList.postList .mobileNone {
    padding-bottom: 65px;
}

.NewsList.postList .titleWrapper h1 {
    padding-bottom: 0;
}

.NewsList.postList h2 {
    font-size: 55px;
    font-style: normal;
    font-weight: 600;
    line-height: 73px;
    letter-spacing: -1.1px;
    text-transform: uppercase;
    padding-bottom: 19px;
}

.NewsList.postList .titleWrapper span {
    color: var(--grey, #757575);
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 17px;
    font-style: normal;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.NewsList.postList .titleWrapper a {
    color: #222221;
    display: inline-flex !important;
    align-items: center;
    margin-right: 15px;
    -webkit-transition: color 0.3s ease-in-out !important;
    -o-transition: color 0.3s ease-in-out !important;
    transition: color 0.3s ease-in-out !important;
    position: relative;
    background-image: linear-gradient(var(--orange), var(--orange)) !important;
    background-position: left 100%;
    margin-left: 5px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.16px;
    padding-bottom: 1.5px;
    background-size: calc(100% - 18px) 1px !important;
}

.NewsList.postList .titleWrapper a:hover {
    color: var(--orange);
}

.NewsList.postList .titleWrapper a svg {
    padding-left: 8px;
    width: 21px;
    animation: upDown 1.5s ease-in-out infinite;
}

@keyframes upDown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(7px);
    }

    100% {
        transform: translateY(0);
    }
}

.NewsList.postList .col {
    padding-bottom: 76px;
}

.NewsList.postList .box {
    width: 100%;
    max-width: 115px;
}

.NewsList.postList .TextContent {
    width: calc(100% - 115px);
    padding-left: 22px;
}

.NewsList.postList .twoBox .box {
    width: 49%;
    max-width: 319px;
}

.NewsList.postList .twoBox .TextContent {
    width: 51%;
    max-width: 319px;
    padding-left: 26px;
}


.NewsList.postList .name_date {
    color: #222221;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    text-transform: none;
    padding-bottom: 7px !important;
}

.NewsList.postList .TextContent a {
    background: none !important;
}

.NewsList.postList h4 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 800;
    font-style: normal;
    letter-spacing: -0.2px;
    color: var(--orange);
    font-family: 'Lato', sans-serif;
    text-transform: none;
    transition: all 0.35s linear;
    background: linear-gradient(to bottom,
            var(--orange) 0%,
            var(--orange) 98%);
    background-size: 0px 1px;
    background-repeat: no-repeat;
    background-position: left 100%;
    cursor: pointer;
    display: inline;
    padding-bottom: 0px !important;
}

.no-touch .NewsList.postList h4:hover {
    background-size: 100% 1px;
}


.NewsList.postList .twoBox .TextContent h4 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.24px;
}

.NewsList.postList .TextContent .Link {
    color: #222221;
    font-family: 'Lato', sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500 !important;
    line-height: 20px !important;
    letter-spacing: -0.16px;
    text-transform: none !important;
    display: block !important;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 7px 0 2px 0 !important;
    background-image: linear-gradient(var(--currentColor), var(--currentColor));
    background-repeat: no-repeat;
    background-position: 0 100% !important;
    background-size: calc(100% - 15px) 1px !important;
}

.NewsList.postList .TextContent .Link:hover {
    color: var(--orange);
}

.NewsList.postList .TextContent .Link::after {
    width: 15px;
    height: 11px;
    top: 6px;
    background-image: url(../images/postArrow.svg);
}

.NewsList.postList .loadMore {
    color: #FFF;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.18px;
    background-color: var(--orange);
    border: 1px solid var(--orange);
    display: block;
    padding: 7px 11px 8px 11px;
    gap: 10px;
    /* border: none; */
    /* outline: none; */
    margin: 15px auto 0px auto;
    cursor: pointer;
    transition: all 0.35s ease;
}

.NewsList.postList .loadMore:hover {
    background-color: transparent;
    color: var(--orange);
}

.reportList {
    background: #F3F2EE;
    padding: 51px 0 65px 0;
}

.reportList h2 {
    padding-bottom: 35px;
}

.reportList .Wrapper .TextContent .Link {
    background-size: 100% 1px !important;
    background-position: 0px 100% !important;
}

.reportList .Wrapper .TextContent .Link svg {
    padding-left: 5px;
    width: 18px;
    position: relative;
    top: 2px;
}

.reportList .TextContent .Link::after {
    display: none !important;
}


/********** NEWS INSIGHT CASE STUDY RESOURCES LIST PAGE CSS **********/

/********** PORTFOLIO LIST PAGE CSS **********/
.Portfolio {
    background-color: var(--orange);
}

.Portfolio h1,
.Portfolio .pageSummary {
    color: var(--white);
}

.Portfolio .pageSummary {
    padding-bottom: 107px;
    max-width: 625px;
}

.Portfolio .TextContent {
    background-color: var(--lightgrey);
    padding: 27px 45px 60px 26px;
}

.Portfolio .cardTag {
    line-height: 32px;
    padding-bottom: 10px;
}

.Portfolio .contentTypeTag {
    padding-bottom: 17px;
}

.Portfolio .TextContent p {
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    color: var(--orange);
    padding-bottom: 17px;
}

.Portfolio .Wrapper {
    position: relative;
}

.Portfolio a.Link {
    position: absolute;
    bottom: 32px;
}

.Portfolio .paginationBox {
    padding-top: 58px;
    padding-bottom: 75px;
}

.Portfolio .noRecords {
    color: var(--white);
}

.noRecords {
    color: var(--orange);
    text-align: center;
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

/********** PORTFOLIO LIST PAGE CSS **********/

/********** TEAM LIST PAGE CSS **********/
.ourteamList h1 {
    padding-bottom: 40px;
}

.ourteamList .flexWrap {
    justify-content: space-between;
}

.ourteamList .leftContent {
    padding-right: 13px;
}

.ourteamList .rightContent {
    padding: 10px 13px 0px 0px;
}

.ourteamList .box {
    max-width: 319px;
    margin-bottom: 23px;
}

.ourteamList .teamMemberName {
    padding-bottom: 3px;
}

.ourteamList .description {
    padding-bottom: 15px;
    line-height: 24px;
    letter-spacing: 0px;
}

.TeamList {
    position: relative;
}

.TeamList .col {
    padding-bottom: 50px;
}

.col.teamactive {
    margin-bottom: 22px;
}

.teamcontent {
    margin-top: 50px;
    background-color: var(--lightgrey);
    padding: 20px 21px 27px 26px;
    width: calc(100% - 22px);
    position: relative;
    margin-bottom: 20px;
    display: none;
    position: absolute;
    left: 0;
    padding: 30px 26px;
    clear: both;
    overflow: visible;
    width: 100%;
}

.teamcontent .closeteam {
    position: absolute;
    top: 24px;
    right: 21px;
    background-image: none !important;
}

.teamcontent.active {
    display: block;
}

.teamcontent::before {
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    right: -22px;
    bottom: 0;
    left: auto;
    width: 100%;
    height: 100%;
    background-color: var(--orange);
    z-index: -1;
}

.teamcontent .Content {
    max-width: 670px;
}

.teamcontent .teaminnerdes {
    background-color: var(--lightgrey);
    width: 100%;
}

.open {
    display: inline-block !important;
    background-image: none !important;
}

/********** TEAM LIST PAGE CSS **********/

/********** SEARCH PAGE CSS **********/

.Searchfilter .col_1_1 {
    align-items: flex-end;
}

.showingCount {
    max-width: 208px;
    width: 100%;
    padding-top: 14px;
}

.Searchfilter #searchform {
    max-width: 711px;
    width: 100%;
}

.Searchfilter .searchItems {
    margin-bottom: 10px;
    position: relative;
}

.Searchfilter .searchfield {
    border-color: var(--orange) !important;
    border-width: 2px !important;
    color: var(--darkgrey);
    padding: 5px 0px 15px 5px;
}

.Searchfilter h1 {
    padding-bottom: 9px;
}

.Searchfilter .searchfield::-webkit-input-placeholder {
    color: var(--darkgrey);
    opacity: 1;
}

.Searchfilter .searchfield::-moz-placeholder {
    color: var(--darkgrey);
    opacity: 1;
}

.Searchfilter .searchfield:-ms-input-placeholder {
    color: var(--darkgrey);
    opacity: 1;
}

.Searchfilter .searchfield:-moz-placeholder {
    color: var(--darkgrey);
    opacity: 1;
}

.Searchfilter .submit {
    display: block !important;
    top: 0px;
    position: relative;
}

.searchItems .clear {
    display: block;
    width: 16px;
    height: 43px;
    position: relative;
    right: 0px;
    background: url(../images/close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 999;
    cursor: pointer;
    padding: 5px 0px;
    background-position: 0px 5px;
    border-bottom: 2px solid var(--orange);
    margin-right: 27px;
}

.Searchfilter #searchsubmit {
    display: block;
    font-size: 0px;
    padding: 5px;
    border: none;
    width: 22px;
    height: 22px;
    background-color: transparent;
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.searchWrapper {
    padding: 25px 0px 37px 0px;
    border-top: 1px solid var(--border);
    justify-content: space-between;
}

.searchWrapper .detail {
    width: 100%;
    max-width: 662px;
    padding-right: 27px;
}

.searchWrapper .detail .contentTypeTag {
    padding-bottom: 17px;
}

.searchWrapper .detail p {
    font-size: 16px;
    line-height: 21px;
}

.searchWrapper .box {
    max-width: 319px;
    width: 100%;
}

.searchWrapper .box:before {
    padding-top: 66.4%;
}

.searchBlock .paginationBox {
    padding: 30px 0px 75px 0px;
    border-top: 1px solid var(--border);
}

/********** SEARCH PAGE CSS **********/



/* PAGINATION CSS */
.paginationBox {
    padding-top: 120px;
    padding-bottom: 86px;
    padding-left: 13px;
}

.page-numbers {
    font-size: 16px !important;
    line-height: 46px !important;
    font-weight: 500;
    color: var(--grey) !important;
    text-decoration: none !important;
    margin-right: 20px;

}

.page-numbers:nth-last-child(2),
.page-numbers.Next {
    margin-right: 0px;
}

.page-numbers.current {
    color: var(--darkgrey) !important;
    position: relative;
}

.page-numbers.current::before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: auto;
    right: 0;
    bottom: -5px;
    left: 0;
    background-color: var(--orange);
}

.Portfolio .page-numbers.current::before {
    background-color: var(--white);
}

.page-numbers.Prev {
    margin-right: 34px;
}

.page-numbers.Next {
    margin-left: 34px;
}

.page-numbers.Prev.disabled,
.page-numbers.Next.disabled {
    opacity: 0.5;
}


.Portfolio .page-numbers {
    color: var(--darkgrey) !important;
}

.Portfolio .page-numbers.current {
    color: var(--white) !important;
}



.Portfolio .page-numbers.Prev svg path,
.Portfolio .page-numbers.Next svg path,
.Portfolio .page-numbers.Prev svg line,
.Portfolio .page-numbers.Next svg line {
    stroke: var(--white) !important;
}

.paginationBox span:not(.current) {
    margin-right: 20px;
}

.paginationBox a {
    background-image: none !important;
}

/* 404 CSS */


.flex-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    animation: colorSlide 15s cubic-bezier(0.075, 0.82, 0.165, 1) infinite;
    padding: 100px;
}

.flex-container .text-center {
    max-width: 350px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.flex-container .text-center h1,
.flex-container .text-center h3 {
    margin: 10px;
    color: #fff;
}

.flex-container .text-center h3 {
    margin: 30px 0px;
    padding-bottom: 0;
}

.flex-container p {
    color: var(--white);
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.flex-container p a {
    font-size: inherit;
    color: var(--white);
}

.flex-container .text-center h1 {
    font-size: 8em;
    line-height: 1;
    text-align: center;
    border-bottom: 1px dashed white;
}



@keyframes colorSlide {

    0% {
        background-color: var(--green);
    }

    25% {
        background-color: var(--purple);
    }

    50% {
        background-color: var(--cyan);
    }

    75% {
        background-color: var(--red);
    }

    100% {
        background-color: var(--orange);
    }
}

.DefaultContent {
    padding-bottom: 76px;
}


span.word span::before,
span.word span::after {
    content: " ";
    display: inline-block;
    width: 6px;
}

span.word span {
    display: inline-block;
}

.footer_logo {
    display: flex;
}




/* ----------- InsightBanner ------------ */
.InsightBanner .TextContent {
    position: relative;
    padding-bottom: 0px;
    max-width: 670px;
}

.InsightBanner h3 {
    max-width: 635px;
    padding-bottom: 16px;
}

.InsightBanner .pageSubtitle {
    max-width: 669px;
}

.InsightBanner .LeftRightCol {
    flex-direction: column;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.InsightBanner .LeftRightCol .col {
    width: 100% !important;
}

.InsightBanner+section:not(.editorRow) {
    padding-top: 113px;
}


.InsightBanner+section.editorRow {
    padding-top: 50px;
}


section:last-child {
    margin-bottom: 0px !important;
}