.burger-chain-page h2{position: relative; font-size: 48px; margin-bottom: 40px; line-height: 1.25; padding-top: 35px; text-align: center;}
.burger-chain-page h2:before{position: absolute; content: ""; width: 166px; height: 4px; background-color: #FFDB2D; top: 0;left: 0; right: 0; margin: 0 auto; text-align: center;}
.burger-chain-page p{line-height: 1.65; margin-bottom: 12px;}
.burger-chain-page p:last-of-type{margin-bottom: 0;}

.banner{position: relative; background-size: cover; background-repeat: no-repeat; background-position: center; padding: 16.4% 0; text-align: center;}
.banner h1{font-size: 52px; line-height: 1.4; color: #fff;}

.client-intervation{position: relative; padding: 122px 0; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: top;}
.client-intervation .inner-block.block1{margin-bottom: 120px;}
.client-intervation .inner-block.block1 p{max-width: 1020px; width: 100%; margin: 0 auto;}
.client-intervation .inner-block.block2 h2{margin-bottom: 50px;}
.client-intervation .inner-block.block2 p{max-width: 1165px; width: 100%; margin: 0 auto;}
.client-intervation .inner-block > ul{display: flex; justify-content: space-between; align-items: center; max-width: 1180px; width: 100%; margin: 0 auto; margin-bottom: 45px;}
.client-intervation .inner-block > ul > li{position: relative; width: 270px; height: 270px; background-color: #FFF5F0; border-radius: 100%; display: flex; justify-content: center; align-items: center; font-weight: 700; margin: 0; padding: 30px; line-height: 1.65; text-align: center;}
.client-intervation .inner-block > ul > li:after{position: absolute; content: ""; height: calc(100% + 20px); width: calc(100% + 20px); left: -10px; top: -10px; border-radius: 100%; background-image: url(../images/burger-chain/dashed-border-rounded.png); background-size: 100%; background-repeat: no-repeat; background-position: center;}
.client-intervation .inner-block > ul > li:before{display: none;}

.optimized-campaigns{position: relative; padding-bottom: 100px; z-index: 1;}
.optimized-campaigns .campaigns-block{display: flex;padding-top: 130px;position: relative;padding-bottom: 40px;}
.optimized-campaigns .campaigns-block:before{position: absolute;content: "";background-color: #FFDB2D;height: 100%;width: 200%;z-index: -1;top: 0;bottom: 0;right: -100%;border-radius: 30px;transform: skew(0deg, -4deg);}
.optimized-campaigns .campaigns-block .img-block{margin-left: -170px; width: 50%; margin-top: 130px;}
.optimized-campaigns .campaigns-block .content-block{width: 62%; padding-left: 90px;}
.optimized-campaigns .campaigns-block .content-block h2{text-align: left;}
.optimized-campaigns .campaigns-block .content-block h2:before{right: auto; background-color: #000;}
.optimized-campaigns .campaigns-block .content-block p{margin-bottom: 55px;}

.the-result{position: relative; z-index: 1;}
.the-result:before{position: absolute; content: ""; height: 130%; width: 100%; background-color: #FFF5F0; top: -49px; left: 0; right: 0; transform: skew(0deg, -4deg); z-index: -1;}
.the-result .inner-block p{max-width: 1020px;width: 100%;margin: 0 auto;}

@media (max-width:1700px){
    .optimized-campaigns .campaigns-block .img-block{margin-left: -60px;}
}

@media (max-width:1366px){
    .burger-chain-page h2{font-size: 36px; padding-top: 28px;}
    .banner{padding: 12% 0;}
    .banner h1{font-size: 38px;}
    .optimized-campaigns{padding-bottom: 90px;}
    .client-intervation{padding: 90px 0;}
    .client-intervation .inner-block.block1 {margin-bottom: 90px;}
    
}

@media (max-width:1199px){
    .optimized-campaigns .campaigns-block .content-block{padding-left: 40px;}
    .optimized-campaigns{padding-bottom: 83px;}
}

@media (max-width:1023px){
        
}

@media (max-width:991px){
    .banner h1{font-size: 34px;}
    .burger-chain-page h2{font-size: 28px; margin-bottom: 30px;}
    .client-intervation{padding: 70px 0;}
    .client-intervation .inner-block.block1 {margin-bottom: 70px;}
    .client-intervation .inner-block > ul > li{width: 190px; height: 190px; padding: 24px;}
    .optimized-campaigns{padding-bottom: 72px;}
    .optimized-campaigns .campaigns-block{flex-wrap: wrap;padding-top: 110px;padding-bottom: 40px;padding-left: 30px;padding-right: 30px;}
    .optimized-campaigns .campaigns-block .content-block {width: 100%;padding-left: 0;}
    .optimized-campaigns .campaigns-block .img-block {margin-left: 0;width: 100%;margin-top: 0; order: 2;}
    .optimized-campaigns .campaigns-block .content-block p {margin-bottom: 30px;}
     
}

@media (max-width:767px){
    .burger-chain-page h2 {font-size: 24px;margin-bottom: 20px; padding-top: 20px;}
    .burger-chain-page h2:before{width: 115px; height: 3px;}
    .banner h1 {font-size: 28px;}
    .client-intervation {padding: 40px 0;}
    .client-intervation .inner-block.block1 {margin-bottom: 40px;}
    .client-intervation .inner-block > ul{flex-direction: column; row-gap:40px;}
    .optimized-campaigns {padding-bottom: 65px;}
    .optimized-campaigns .campaigns-block{padding-top: 70px;}
    
}

@media (max-width:479px){
    
}

