.tie-boston-page h2{margin-bottom: 40px; text-align: center;}
.tie-boston-page p, .tie-boston-page ul > li{margin-bottom: 20px; line-height: 1.625;}

.banner-main{position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; padding-top: 250px; padding-bottom: 325px;}
.banner-main .row{align-items: center;}
.banner-main h1{font-size: 50px; color: #fff;}
.banner-main h4{color: #fff; font-size: 50px; font-weight: 600; margin-bottom: 10px;}
.banner-main h6{color: #fff; font-size: 30px; text-transform: uppercase;}
.banner-main ul{display: flex; flex-wrap: wrap; row-gap: 47px;}
.banner-main ul > li{padding: 12px 35px; width: 50%; margin: 0;}
.banner-main ul > li:before{display: none;}
.banner-main ul > li:after{position: absolute; content: ''; width: 6px; height: 100%; background-color: #fff; left: 0; top: 0; border-radius: 12px;}

.about-boston{position: relative; background-size: cover; background-position: top center; background-repeat: no-repeat; padding-top: 532px; padding-bottom: 130px; margin-top: -420px; margin-bottom: 110px;}
.about-boston .title-main{display: flex; justify-content: center; align-items: center; margin-bottom: 35px;}
.about-boston h2{margin-bottom: 0; margin-right: 25px; font-weight: 400;}
.about-boston .content-block{max-width: 1008px; margin: 0 auto; text-align: center;} 

.the-challenge{text-align: center;}
.the-challenge .section-title{max-width: 1008px; width: 100%; margin: 0 auto; text-align: center; margin-bottom: 40px;}
.the-challenge ul{max-width: 700px; text-align: left; margin: 0 auto;}
.the-challenge ul > li{padding-left: 53px; margin-bottom: 30px;}
.the-challenge ul > li:before{display: none;}
.the-challenge ul > li:after{position: absolute; content: ""; background-image: url(../images/tie-boston/list-arrow.png); width: 34px; height: 34px; background-size: 100%; background-repeat: no-repeat; background-position: center; left: 0; top: -5px;}

.tailored-approach{position: relative; background-size: cover; background-position: bottom center; background-repeat: no-repeat; padding-top: 556px; padding-bottom: 170px; margin-top: -290px; margin-bottom: 120px;}
.tailored-approach:after{position: absolute; content: ""; background-image: url(../images/tie-boston/yellow-circle-shape.png); width: 234px; height: 138px;  bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center;}
.tailored-approach .section-title{max-width: 1008px; width: 100%; margin: 0 auto; text-align: center; margin-bottom: 60px;}
.tailored-approach .row > .col-4:after{position: absolute; content: ""; width: 4px; height: calc(100% - 40px); background-color: #ffdb2d; top: 0; right: -2px;}
.tailored-approach .row > .col-4:last-child::after{display: none;}
.tailored-approach .inner-block{text-align: center; padding: 0 30px;}
.tailored-approach .inner-block > h4{font-size: 22px; margin-bottom: 12px;}
 
.growth-platforms{padding-bottom: 110px;}
.growth-platforms .inner-block-main{max-width: 1111px; margin: 0 auto;}
.growth-platforms .row{margin-bottom: 40px;}
.growth-platforms .section-title{max-width: 1000px; margin: 0 auto; text-align: center; margin-bottom: 60px;}
.growth-platforms .content-block{position: relative; padding-top: 66px; padding-right: 15%; margin-top: 15px;}
.growth-platforms .content-block:before{position: absolute; content: ""; height: 2px; width: 100%; background-color: #ffdb2d; left: 0; top: 0;}
.growth-platforms .content-block:after{position: absolute; content: ""; height: 18px; width: 18px; border-radius: 100%; background-color: #ffdb2d; left: 0; top: -9px;}
.growth-platforms .content-block .social{width: 231px; height: 71px; border: 1px solid #000; border-radius: 70px; display: flex; justify-content: center; align-items: center; margin-bottom: 70px;}
.growth-platforms .row:last-child .content-block{padding-right: 0; display: flex; align-items: center;}
.growth-platforms .row:last-child .content-block > .social{margin-bottom: 0;}
.growth-platforms .row:last-child .content-block > p{margin-bottom: 0; padding-left: 66px; width: calc(100% - 231px);}

.social-media-amplify{position: relative; background-color: #f7f7f7; margin-top: 110px; padding-top: 110px;}
.social-media-amplify:before{position: absolute; content: ""; background-image: url(../images/tie-boston/grey-background-shape-top.png); width: 100%; height: 447px; background-size: cover; background-repeat: no-repeat; background-position: center; left: 0; right: 0; top: -447px;}
.social-media-amplify .section-title{max-width:1008px; margin: 0 auto; text-align: center; margin-bottom: 60px;}
.social-media-amplify .row > .col-7{padding-bottom: 80px;}
.social-media-amplify .row > .col-5{display: flex; align-items: flex-end;}
.social-media-amplify .content-block > ul > li{padding-left: 53px; margin-bottom: 30px;}
.social-media-amplify .content-block > ul > li:before{display: none;}
.social-media-amplify .content-block > ul > li:after{position: absolute; content: ""; background-image: url(../images/tie-boston/list-arrow.png); width: 34px; height: 34px; background-size: 100%; background-repeat: no-repeat; background-position: center; left: 0; top: -5px;}

.road-ahead{position: relative; background-color: #ffdb2d; margin-top: 40px; padding-top: 110px; padding-bottom: 110px;}
.road-ahead .content-block{max-width: 1008px; margin: 0 auto; text-align: center;}
.road-ahead:before{position: absolute; content: ""; background-image: url(../images/tie-boston/yellow-background-shape-top.png); width: 100%; height: 447px; background-size: cover; background-repeat: no-repeat; background-position: center; left: 0; right: 0; top: -447px;}

@media (max-width:1366px){
    .banner-main{padding-top: 110px; padding-bottom: 215px;}
    .banner-main h1{font-size: 42px;}
    .banner-main h4{font-size: 42px;}
    .banner-main h6{font-size: 24px;}
    .social-media-amplify{margin-top: 70px;}
}

@media (max-width:1199px){
    .about-boston{margin-bottom: 70px;}
    .tailored-approach{padding-top: 515px; margin-top: -350px; margin-bottom: 80px;}
    .social-media-amplify{margin-top: 20px; padding-top: 60px;}
    .road-ahead{padding-top: 50px; padding-bottom: 50px;}
    .tailored-approach .inner-block{padding: 0 10px;}
    .tailored-approach .inner-block > h4{font-size: 18px;}
}

@media (max-width:1023px){
    
}


@media (max-width:991px){
    .banner-main { padding-top: 70px; padding-bottom: 100px;}
    .banner-main h1{font-size: 35px;}
    .banner-main ul > li{padding: 5px 12px;}
    .banner-main h4{font-size: 35px;}
    .banner-main h6{font-size: 18px;}
    .banner-main ul > li:after{width: 4px;}
    .about-boston{padding-top: 400px; padding-bottom: 70px; margin-top: -350px;}
    .about-boston .title-main > figure{width: 160px;}
    .tailored-approach{margin-top: -400px;}
    .social-media-amplify{margin-top: 0;}
    .road-ahead{margin-top: 5px;}
    .growth-platforms {padding-bottom: 70px;}
    .growth-platforms .row > .col-6{width: 50%;}
    .growth-platforms .content-block{padding-top: 40px; padding-right: 0;}
    .growth-platforms .content-block .social{width: 200px; height: 60px; margin-bottom: 30px;}
    .social-media-amplify{padding-top: 30px;}
    .growth-platforms .row:last-child .content-block > p{width: calc(100% - 200px);}

    .social-media-amplify .row > .col-7{width: 100%; padding-bottom: 0;}
    .social-media-amplify .row > .col-5{width: 100%; justify-content: flex-end;}
    .social-media-amplify .row > .col-5 > .img-block{width: 400px;}
}

@media (max-width:767px){
    .tie-boston-page h2{margin-bottom: 30px;}
    .tie-boston-page br{display: none;}
    .banner-main h1{font-size: 30px; margin-bottom: 40px;}
    .banner-main h4{font-size: 30px;}
    .banner-main ul{row-gap: 30px;}
    .banner-main ul > li{width: auto; padding: 5px 15px; margin-right: 10px;}
    .banner-main ul > li:last-child{margin-right: 0px;}
    .about-boston { padding-top: 330px; padding-bottom: 54px; margin-top: -280px; margin-bottom: 50px;}
    .about-boston .title-main{margin-bottom: 25px;}
    .about-boston h2{margin-right: 15px; margin-bottom: 0;}
    .tailored-approach {margin-top: -310px; padding-top: 420px; padding-bottom: 50px; margin-bottom: 50px;}
    .tailored-approach .section-title,.growth-platforms .section-title{margin-bottom: 40px;}
    .tailored-approach .inner-block{padding: 0;}
    .tailored-approach .inner-block > h4{font-size: 16px;}
    .tailored-approach .row > .col-4:after,.tailored-approach:after{display: none;}
    .growth-platforms .row > .col-6:first-child{width: 100%; margin-bottom: 20px;}
    .growth-platforms .row > .col-6:last-child{width: 100%; text-align: center;}
    .growth-platforms .row:last-child .content-block{flex-wrap: wrap;}
    .growth-platforms .row:last-child .content-block > p{padding-left: 0; width: 100%; margin-top: 30px;}
    .road-ahead { padding-top: 30px; padding-bottom: 40px; margin-top: -15px;} 
}

@media (max-width:520px){
    .about-boston { padding-top: 360px; padding-bottom: 34px; margin-top: -330px;}
    .the-challenge ul > li{padding-left: 40px;}
    .the-challenge ul > li:after{height: 25px; width: 25px; top: 50%; transform: translateY(-50%);}
    .tailored-approach{margin-top: -460px; padding-top: 540px;}
}

@media (max-width:359px){
    .tailored-approach { margin-top: -510px; padding-top: 580px;}
}