.redsoda-page .row{display: flex; flex-wrap: wrap; padding: 0; margin: 0;}
.redsoda-page .row > *{padding: 0;}
.redsoda-page h2{position: relative; font-size: 48px; line-height: 1.3; padding-left: 20px; margin-bottom: 30px;}
.redsoda-page .center-title{display: flex; justify-content: center;}
.redsoda-page h2:before{ position: absolute;content: "";width: 9px;height: calc(100% - 20px);background-color: #FFDB2D;left: 0;top: 50%;transform: translateY(-50%);}
.redsoda-page p{line-height: 1.6; margin-bottom: 15px;}

.banner {position: relative;padding: 145px 0; background-color: #F1EAE5; z-index: 1;}
.banner .banner-img{position: absolute; right: 0; top: 0; height: 100%; width: 40.5%; z-index: -1;}
.banner .banner-img > img{object-fit: cover; height: 100%;}
.banner .banner-content {width: 50%;}
.banner h1{position: relative;font-size: 52px;padding-left: 18px;line-height: 1.4;}
.banner h1:before {position: absolute;content: "";width: 8px;height: calc(100% - 30px);background-color: #FFDB2D;top: 50%;left: 0;transform: translateY(-50%);}

.who-red-soda .first-row{align-items: center; margin-bottom: 100px;}
.who-red-soda .redsoda-music{display: flex; justify-content: space-between;}
.who-red-soda .logo-block{width: 336px;}
.who-red-soda .logo-block > figure{display: flex; margin-bottom: 30px;}
.who-red-soda .logo-block > h6{font-size: 18px; font-weight: 400;}
.who-red-soda .logo-block > h6 > a{font-size: 18px; text-decoration: none;}
.who-red-soda .content-block{width: calc(100% - 336px); padding-left: 140px;}

.their-goals{position: relative; z-index: 1; padding: 45px 0; max-width: 1397px; margin: 0 auto;}
.their-goals .red-shape{position: absolute; left: 0; top: 0;}
.their-goals .yellow-shape{position: absolute; right: 0; bottom: 0;}
.their-goals .row > *{position: static;}
.their-goals .row{align-items: center;}
.their-goals .goals-content-block.block1{width: 36%;padding-right: 70px;}
.their-goals .goals-content-block.block2{width: 38.5%;padding-left: 90px;}
.their-goals .their-img-block{width: 25.5%; text-align: center;}
.their-goals .their-img-block > figure{display: flex; justify-content: center; align-items: center;}
.their-goals .goals-content-block h2{padding-left: 0;}
.their-goals .goals-content-block h2:before{display: none;}
.their-goals .goals-content-block ul > li{ margin-bottom: 20px;}
.their-goals .goals-content-block ul > li:last-child{margin-bottom: 0;}

.what-did-seo{background-color: #F1EAE5;}
.what-did-seo h2{margin-bottom: 55px;}
.what-did-seo .what-did-seo-structure{margin-bottom: 150px;}
.what-did-seo .row{column-gap: 92px; row-gap: 137px; justify-content: center;}
.what-did-seo .seo-col{position: relative; width: calc(33.33% - 62px);}
.what-did-seo .seo-col h5{font-size: 48px;color: rgba(0 0 0 / 30%);margin-bottom: -17px;position: relative;padding-left: 35px;}
.what-did-seo .seo-col .inner-block{position: relative; padding: 35px; background-color: #fff; border-radius: 15px; height: 100%;}
.what-did-seo .seo-col .inner-block:after{position: absolute; content: ""; background-image: url(../images/redsoda/arrow-ltr.png); width: 105px; height: 12px; background-repeat: no-repeat; background-size: 100%; background-position: center; top: 50%; transform: translateY(-50%); right: -97px; z-index: 1;}
.what-did-seo .seo-col.reverse .inner-block:after{transform: translateY(-50%) rotate(180deg)}
.what-did-seo .seo-col:last-child .inner-block:before{position: absolute;content: "";background-image: url(../images/redsoda/corner-arrow.png);width: 297px;height: 286px;background-repeat: no-repeat;background-size: 100%;background-position: center;top: -142px;left: -294px;z-index: 1;}
.what-did-seo .seo-col.order3 .inner-block:before{position: absolute;content: "";background-image: url(../images/redsoda/arrow-ttb.png);width: 10px;height: 145px;background-repeat: no-repeat;background-size: 100%;background-position: center;z-index: 1;left: calc(50% - 5px);top: calc(100% - 4px);}
.what-did-seo .seo-col.order3 .inner-block:after,.what-did-seo .seo-col.order4 .inner-block:after,.what-did-seo .seo-col.order9 .inner-block:after,.what-did-seo .seo-col:last-child .inner-block:after{display: none;}
.what-did-seo .seo-col .inner-block h6{font-size: 20px; line-height: 1.4; margin-bottom: 8px;}
.what-did-seo .seo-col .inner-block p{margin-bottom: 0;}
.what-did-seo .seo-col.order1{order: 1;}
.what-did-seo .seo-col.order2{order: 2;}
.what-did-seo .seo-col.order3{order: 3;}
.what-did-seo .seo-col.order4{order: 6;}
.what-did-seo .seo-col.order5{order: 5;}
.what-did-seo .seo-col.order6{order: 4;}
.what-did-seo .seo-col.order7{order: 7;}
.what-did-seo .seo-col.order8{order: 8;}
.what-did-seo .seo-col.order9{order: 9;}
.what-did-seo .seo-col.order10{order: 10;}

.what-did-seo .what-did-sem-structure{} 
.what-did-seo .what-did-sem-structure .seo-col.order6 .inner-block:before {position: absolute;content: "";background-image: url(../images/redsoda/arrow-ttb.png);width: 10px;height: 145px;background-repeat: no-repeat;background-size: 100%;background-position: center;z-index: 1;left: calc(50% - 5px);top: calc(100% - 4px);}
.what-did-seo .what-did-sem-structure .seo-col:last-child .inner-block:before{position: absolute;content: "";background-image: url(../images/redsoda/corner-arrow2.png);width: 297px;height: 286px;background-repeat: no-repeat;background-size: 100%;background-position: center;top: -47%;right: -294px; left: auto; z-index: 1;}

.results .results-img-graph > figure{display: flex; justify-content: center;}
.results .results-img-graph > figure:first-child{margin-bottom: 43px;}

.quote{position: relative; background-color: #F1EAE5; z-index: 1;}
.quote .row{justify-content: flex-end;}
.quote .client-quote-profile{position: absolute;left: 0;top: 0;height: 100%;width: 33%;z-index: -1;}
.quote .client-quote-profile > img{object-fit: cover; height: 100%;}
.quote .client-quote-content{position: relative; width: 67%; padding: 75px 0;} 
.quote .client-quote-content:before{position: absolute; content: ""; background-image: url(../images/redsoda/quote-icon.png); width: 60px; height: 55px; background-size: 100%; background-repeat: no-repeat; background-position: center; top: -20px; left: 0; z-index: -1;} 
.quote .client-quote-content .client-name{margin-top: 40px;}
.quote .client-quote-content h5{font-size: 24px; font-weight: 400; margin-top: 12px;}


@media (max-width:1750px){
    .quote .client-quote-content{padding-left: 40px;}
    .quote .client-quote-content:before{left: 40px;}
}

@media (max-width:1440px){ 
    .their-goals .red-shape{width: 63.5%;}
    .their-goals .yellow-shape{width: 65.7%;}
}

@media (max-width:1366px){
    .redsoda-page h2{font-size: 35px;}
    .redsoda .section-wrap {padding: 90px 0;}
    .banner{padding: 85px 0;}
    .banner h1{font-size: 46px;}
    .banner .banner-content {width: 57%;}
    .their-goals{padding: 33px 0;}
    .what-did-seo .seo-col .inner-block{padding: 25px;}
    .what-did-seo .seo-col h5{font-size: 36px; margin-bottom: -12px;}
    .what-did-seo .seo-col .inner-block h6{font-size: 18px;}
    .who-red-soda .redsoda-music{column-gap: 20px;}
    .redsoda-music > *{width: calc(25% - 10px);}
    .quote .client-quote-profile{width: 40%;}
    .quote .client-quote-content{width: 58%;}
    .who-red-soda .content-block{padding-left: 90px;}
    
}

@media (max-width:1199px){
    .container{padding: 0 20px;}
    .banner h1 > br{display: none;}
    .who-red-soda .first-row{margin-bottom: 80px;}
}

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

@media (max-width:991px){
    .banner {padding: 35px 0;}
    .banner h1 {font-size: 35px;}
    .who-red-soda .logo-block {width: 235px;}
    .who-red-soda .content-block{width: calc(100% - 235px); padding-left: 40px;}
    .their-goals .red-shape,.their-goals .yellow-shape{display: none;}
    .their-goals .goals-content-block.block1{padding-right: 20px;}
    .their-goals .goals-content-block.block2{padding-left: 30px;}
    .their-goals .goals-content-block h2{font-size: 27px;}
    .what-did-seo .seo-col.order4{order: 4;}
    .what-did-seo .seo-col.order6{order: 6;}
    .what-did-seo .row {column-gap: 45px;row-gap: 80px;}
    .what-did-seo .seo-col{width: calc(50% - 23px);}
    .what-did-seo .seo-col .inner-block:after,.what-did-seo .seo-col.order3 .inner-block:before,.what-did-seo .seo-col:last-child .inner-block:before,.what-did-seo .what-did-sem-structure .seo-col.order6 .inner-block:before,.what-did-seo .what-did-sem-structure .seo-col:last-child .inner-block:before{display: none;}
    .quote .client-quote-profile {width: 280px;position: relative;margin: 0 auto;margin-bottom: 60px;}
    .quote{padding: 70px 0;}
    .quote .client-quote-content {width: 100%;padding: 0;padding-top: 50px;}
    .quote .client-quote-content:before {left: 0;width: 38px;}
    .quote .client-quote-content h5{font-size: 20px;}
    
}

@media (max-width:767px){
    .redsoda-page h2 {font-size: 30px; padding-left: 15px;}
    .redsoda-page h2:before{width: 5px; height: calc(100% - 12px);}
    .banner{display: flex; flex-wrap: wrap; padding-bottom: 0;}
    .banner .banner-img{position: relative; width: 100%; order: 2;}
    .banner .banner-content {width: 100%;margin-bottom: 40px; height: auto;}
    .banner .banner-img > img {object-fit: contain;height: auto;}
    .who-red-soda .logo-block{margin-bottom: 30px;}
    .who-red-soda .logo-block > figure{margin-bottom: 20px;}
    .who-red-soda .first-row {margin-bottom: 40px;}
    .who-red-soda .content-block {width: 100%;padding-left: 0;}
    .their-goals .row {align-items: baseline;}
    .their-goals .goals-content-block.block1{width: 50%;}
    .their-goals .goals-content-block.block2{width: 50%; padding-left: 20px;}
    .their-goals .their-img-block {width: 280px;text-align: center;order: 3;margin: 0 auto;margin-top: 40px;}
    .their-goals .goals-content-block h2 {font-size: 24px;margin-bottom: 20px;}
    
    .what-did-seo .row {column-gap: 0;row-gap: 50px;}
    .what-did-seo .seo-col {width: 100%;}
    .what-did-seo .seo-col:last-child {margin-bottom: 27px;}
    .what-did-seo .seo-col h5 {font-size: 30px;margin-bottom: -10px;padding-left: 25px;}
    .what-did-seo .what-did-seo-structure {margin-bottom: 80px;}
    
}

@media(max-width:640px){
    .who-red-soda .redsoda-music {column-gap: 10px;flex-wrap: wrap;row-gap: 10px;}
    .redsoda-music > * {width: calc(50% - 5px);}
    .their-goals{padding: 0;}
    .their-goals .goals-content-block h2 {font-size: 22px;margin-bottom: 10px;}
    .their-goals .goals-content-block.block1 {width: 100%;padding: 0;margin-bottom: 30px;}
    .their-goals .goals-content-block.block2 {width: 100%;padding-left: 0;}
    .their-goals .goals-content-block ul > li{margin-bottom: 10px;}
}

@media (max-width:479px){
    .banner h1 {font-size: 28px;}
    .redsoda-page h2 {font-size: 25px;margin-bottom: 18px;}
    .what-did-seo h2{margin-bottom: 25px;}
    .who-red-soda .first-row {margin-bottom: 20px;}
    .quote {padding: 40px 0;}
    .quote .client-quote-content h5 {font-size: 16px;}
}