.max-solutions-page .row{margin: 0 -45px;}
.max-solutions-page .row > *{padding-left: 45px; padding-right: 45px;}
.max-solutions-page h2{font-size: 48px; margin-bottom: 62px; line-height: 1.25;}
.max-solutions-page p{line-height: 1.65; margin-bottom: 12px;}
.max-solutions-page p:last-of-type{margin-bottom: 0;}

.banner {position: relative;padding: 210px 0; background-color: #513090; z-index: 1;}
.banner .banner-img{position: absolute; right: 0; top: 0; height: 100%; width: 34%; background-repeat: no-repeat; background-size: cover; z-index: -1;}
/*.banner .banner-img > img{object-fit: cover; height: 100%;}*/
.banner .banner-content {max-width: 886px;width: 100%;}
/*.banner .banner-img-block {display: none;}*/
.banner h1{position: relative;font-size: 52px;color: #fff; line-height: 1.4; background-color: #513090; z-index: 1;}
.banner h1:after{position: absolute; content: ""; width: 47%; height: 8px; background-color: #FFDB2D; right: 0; bottom: 32px; z-index: -1;}

.about-max-solutions{position: relative; max-width: 1600px; width: calc(100% - 40px); margin: 0 auto; border-radius: 55px; background-color: #fff; box-shadow: 7px 7px 6px rgba(155 155 155 / 23%); margin-top: -55px; padding: 130px 0; z-index: 1;}
.about-max-solutions .about-shape{position: absolute; bottom: 0; right: 0; display: flex;}
.about-max-solutions h2{position: relative; display: inline-block;}
.about-max-solutions h2:after{position: absolute; content: ""; width: 145px; height: 3px; background-color: #FFDB2D; bottom: 24px; right: -160px;}

.max-solutions-journey{background-color: #F4F4F4; padding-top: 390px;margin-top: -250px;}
.max-solutions-journey h2{text-align: center;}
.max-solutions-journey .journey-block{position: relative; max-width: 1135px; margin: 0 auto;}
.max-solutions-journey .journey-block > * {padding: 0;}
.max-solutions-journey .journey-block .border-shape{ position: absolute;left: 0;right: 0;margin: 0 auto;text-align: center;top: 50%;transform: translateY(-50%);padding: 0;}
.max-solutions-journey .journey-block .inner-block{text-align: center;}
.max-solutions-journey .journey-block .inner-block .img-block{padding: 180px 0;}
.max-solutions-journey .journey-block .inner-block figure{position: relative; width: 231px; height: 231px; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 100%; margin: 0 auto; box-shadow: -6px 7px 0 rgba(0 0 0 / 5%);}
.max-solutions-journey .journey-block .inner-block h4{position: absolute; font-size: 26px; left: 0; right: 0; bottom: 0;}
.max-solutions-journey .journey-block .inner-block:nth-child(3) h4{top: 0;}

.the-challenge h2{position: relative;}
.the-challenge h2:after{position: absolute; content: ""; width: 145px; height: 3px; background-color: #FFDB2D; bottom: -24px; left: 0;}
.the-challenge .row:nth-child(even){margin-top: 90px;}
.the-challenge .row:nth-child(even) .col-7{order: 2;}

.paid-advertising{position: relative; background-color: #F4F4F4; padding-bottom: 210px; z-index: 1;}
.paid-advertising:after{position: absolute;content: "";width: 690px;height: 690px;background-color: #fff;border-radius: 100%;bottom: -250px;right: -120px;z-index: -1;}
.paid-advertising h2{text-align: center; max-width: 2000px; width: 100%; margin-left: auto; margin-right: auto;}
.paid-advertising .row > .col-4{position: static;}
.paid-advertising .img-block{position: absolute;right: 0;top: calc(50%);transform: translateY(-50%); width: 36%;}
.paid-advertising p{margin-bottom: 50px;}

.the-result{position: relative; background-color: #513090; z-index: 1;}
.the-result1{margin-bottom: 180px;}
.the-result:before{position: absolute; content: ""; background-image: url(../images/max-solutions/blue-shape.png); width: 100%; height: 286px; background-size: cover; background-position: center; background-repeat: no-repeat; top: -280px;}
.the-result:after{position: absolute; content: ""; background-image: url(../images/max-solutions/blue-shape-bottom.png); width: 100%; height: 172px; background-size: cover; background-position: center; background-repeat: no-repeat; bottom: -172px;}
.the-result h2{color: #fff;}
.the-result p{color: #fff;}
.the-result2:before,.the-result2:after{display: none;}

.max-client-quote .section-title{text-align: center; max-width: 1065px; margin: 0 auto; margin-bottom: 60px;}
.max-client-quote .section-title h2{margin-bottom: 40px;}
.max-client-quote .client-profile{text-align: center;}
.max-client-quote .client-quote-content{padding-left: 30px;}
.max-client-quote .quote-img{margin-left: -30px; margin-bottom: 5px;}
.max-client-quote .client-detail{position: relative; padding-left: 50px; margin-top: 50px;}
.max-client-quote .client-detail:before{position: absolute; content: ""; width: 35px; height: 3px; background-color: #FFDB2D; left: 0; top: 14px;}
.max-client-quote .client-detail > h6{margin-bottom: 5px; line-height: 1.65; font-size: 20px;}
.max-client-quote .client-detail > p{font-size: 20px; margin-bottom: 5px;}


@media (max-width:1366px){
    .max-solutions-page h2{font-size: 36px; margin-bottom: 40px;}
    .banner{padding: 85px 0;} 
    .banner h1{font-size: 45px;}
    .banner .banner-content {max-width: 618px;}
    .banner .banner-img{width: 41%;}
    .banner h1:after{width: 35%; bottom: 25px;}
    .about-max-solutions{padding: 80px 0;}
    .about-max-solutions h2:after{bottom: 19px;}
    .about-max-solutions .about-shape{width: 30%;}
    .max-solutions-journey{padding-top: 340px;}
    .max-solutions-journey .journey-block .inner-block h4{font-size: 22px;}
    .paid-advertising:after{width: 620px; height: 620px;}
}

@media (max-width:1023px){
    .paid-advertising{padding-bottom: 140px;}
    .paid-advertising:after{display: none;}

    .the-result:after{bottom: -125px;}
    .the-result1 {margin-bottom: 130px;}
}

@media (max-width:991px){
    .max-solutions-page .row {margin: 0 -15px;}
    .max-solutions-page .row > * {padding-left: 15px;padding-right: 15px;}
    .max-solutions-page h2{font-size: 30px;}
    .banner {padding: 55px 0;}
    .banner .banner-content {max-width: 430px;}
    .banner h1 {font-size: 35px;}
    .banner h1:after{display: none;}
    .about-max-solutions{padding: 60px 0; margin-top: 60px; box-shadow: 0px 0px 12px 4px rgba(155 155 155 / 23%);}
    .max-solutions-journey {padding-top: 60px;margin-top: 60px;}
    .max-solutions-journey .journey-block{max-width: 728px; margin: 0 auto;}
    .max-solutions-journey .journey-block > * {padding: 0;}
    .max-solutions-journey .journey-block .inner-block .img-block {padding: 120px 0;}
    .max-solutions-journey .journey-block .inner-block figure{width: 165px; height: 165px;}
    .max-solutions-journey .journey-block .inner-block figure > img{width: 65px;}
    .max-solutions-journey .journey-block .inner-block h4 {font-size: 19px;}
    .the-challenge h2:after{bottom: -16px;}
    .the-result:before,.the-result:after{display: none;}
    .paid-advertising {padding-bottom: 60px;}
    .paid-advertising p {margin-bottom: 30px;}
    .paid-advertising .row > .col-8{width: 100%; margin-bottom: 40px;}
    .paid-advertising .row > .col-4{width: 100%;}
    .paid-advertising .img-block{position: static; transform: translateY(0); max-width: 400px;width: 100%;margin: 0 auto;}

    .the-result1 {margin-bottom: 0px;}
    .max-client-quote .client-detail > h6{font-size: 16px;}
    .max-client-quote .client-detail > p{font-size: 16px;}
    
}

@media (max-width:767px){
    .max-solutions-page .container{padding: 0 20px;}
    .banner,.about-max-solutions,.max-solutions-journey{padding: 40px 0;}
    .banner{display: flex; flex-wrap: wrap; padding-bottom: 0;}
    .banner .banner-content {max-width: 100%; margin-bottom: 40px;}
    .banner .banner-img{background-image: url(../images/max-solutions/banner-mob.jpg)!important; order: 2;width: 100%;position: static;padding-bottom: 60%;}
    .about-max-solutions,.max-solutions-journey{margin-top: 40px;}
    .about-max-solutions{border-radius: 35px;}
    .about-max-solutions .about-shape{display: none;}
    .about-max-solutions .row > .col-5{text-align: center; margin-top: 40px;}
    .about-max-solutions .row > .col-5 > figure{width: 200px;margin: 0 auto;}
    .max-solutions-journey .journey-block{justify-content: center; row-gap:40px;}
    .max-solutions-journey .journey-block .inner-block{width: 50%; display: flex; flex-direction: column;}
    .max-solutions-journey .journey-block .inner-block .img-block {padding: 0;}
    .max-solutions-journey .journey-block .inner-block figure{margin-bottom: 20px;}
    .max-solutions-journey .journey-block .border-shape{display: none;}
    .max-solutions-journey .journey-block .inner-block h4 {font-size: 16px;position: static; order: 2;}
    .the-challenge .row:nth-child(even) {margin-top: 50px;}
    .the-challenge .row > .col-5{text-align: center; margin-top: 30px; order: 2;}

    .max-client-quote .section-title{margin-bottom: 40px;}
    .max-client-quote .section-title h2 {margin-bottom: 20px;}
    .max-client-quote .client-quote-content{padding-left: 0;}
    .max-client-quote .quote-img{margin-left: 0;}
    .max-client-quote .client-detail{margin-top: 20px;}
    .max-client-quote .client-profile{margin-bottom: 40px;}
    .max-client-quote .client-detail > h6{font-size: 16px;}
    .max-client-quote .client-detail > p{font-size: 16px;}
    .max-client-quote .client-detail:before{top: 12px;}
    
}

@media (max-width:479px){
    .max-solutions-page h2 {font-size: 24px; margin-bottom: 20px;}
    .banner h1 {font-size: 29px;}
    .about-max-solutions h2:after{display: none;}
    .max-solutions-journey .journey-block {row-gap: 25px;}
    .max-solutions-journey .journey-block .inner-block figure {width: 120px;height: 120px;}
    .max-solutions-journey .journey-block .inner-block figure > img {width: 55px;}
    .max-solutions-journey .journey-block .inner-block h4{font-size: 15px;}
    .the-challenge h2{padding-bottom: 20px;}
    .the-challenge h2:after{bottom: 0;}
}