.case-page h1,.case-page h2,.case-page h3{font-family:'NEXT ART',sans-serif;line-height:1.2}
.case-page h3{font-size:60px}
.case-top{position:relative;background-image:url('../img/cases/case-page-block-1-bg.png');background-repeat:no-repeat;background-size:2638px;background-position:calc(100% + 530px) calc(100% + 200px)}
.case-top::after{content:'';position:absolute;bottom:0;right:0;width:363px;height:363px;background:#ff8400;opacity:.5;filter:blur(250px);z-index:-1}
.case-top .case-top-inner{padding-top:100px;position:relative}
.case-top .case-top-image{position:absolute;top:68px;right:6px;max-width:560px}
.case-top h1{font-size:60px;font-weight:700}
.case-top h1 small{display:block;font-size:30px;font-weight:400}
.case-top-about{margin-top:80px;max-width:310px;background-color:#0b84ff;padding:20px 0 0;border-radius:20px}
.case-top-about h4{margin:0;padding:0 20px;font-size:20px}
.case-top-about .case-top-about-text{padding-left:20px;padding-right:20px;margin-top:10px}
.case-top-about .case-top-about-url{margin-top:30px}
.case-top-about .case-top-about-url a{display:inline-flex;align-items:center;justify-content:space-between;width:100%;border-radius:20px;background-color:#fff;font-size:20px;font-weight:700;padding:20px;color:#000}
.case-top-about .case-top-about-url a::after{content:'';width:40px;height:22px;background-image:url('../img/cases/arrow-right-black.svg');background-repeat:no-repeat;background-size:contain}
.case-top-about .case-top-about-url a:hover{opacity:.7}
.case-results{margin-top:90px}
.case-results h3{margin:0}
.case-results .case-results-list{margin-top:40px;border-radius:15px;padding:30px 50px;border:1px solid #3f3f3f;display:inline-grid;grid-template-columns:repeat(4,1fr);gap:20px;background-color:#000}
.case-results .result-title{font-family:'NEXT ART';font-size:60px;line-height:1.1;font-weight:700;color:#ff8400}
.case-results .result-text{font-size:17px;font-weight:200;line-height:1.2;margin-top:10px}
.site-positions{margin-top:100px}
.site-positions h3{font-weight:700}
.site-positions-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.site-positions-list-item-description{font-size:20px;font-weight:700;margin-bottom:20px}
.site-positions-list-item-image{border-radius:20px;overflow:hidden}
.site-positions-list-item-image img{max-width:100%}
.site-positions-list .site-positions-list-item:nth-of-type(2) .site-positions-list-item-description{color:#ff8c00}
.project-problem{padding:100px 0;margin-top:100px;background:radial-gradient(64.22% 10.09% at 50% 0,#ff8400 0,rgba(252,252,252,.5) 51%,rgba(0,0,0,0) 100%),linear-gradient(108.17deg,#131313 29.8%,rgba(0,0,0,0) 102.17%);text-align:center}
.project-problem h3.beauty-text{text-shadow:0 0 9.5px var(--et-color-4),0 0 9.5px var(--et-color-7),0 0 30px var(--et-color-4),0 0 30px var(--et-color-4)}
.project-problem h3{font-weight:700}
.project-problem-text{margin-top:40px;font-size:15px;line-height:1.2}
.project-goals{margin-top:100px}
.project-goals-list{margin-top:40px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.project-goals-list-item{padding:20px;font-size:15px;border-radius:10px;border:1px solid #3f3f3f}
.strategy-goals{padding:100px 0;position:relative;--bg-wh:300px}
.strategy-goals::before{content:'';position:absolute;left:0;z-index:-1;top:470px;width:var(--bg-wh);height:var(--bg-wh);background:#ff8400;opacity:.5;filter:blur(250px)}
.strategy-goals::after{content:'';position:absolute;right:0;z-index:-1;top:127px;width:var(--bg-wh);height:var(--bg-wh);background:#fff;opacity:.5;filter:blur(250px)}
.strategy-goals h2{font-weight:700}
.strategy-description{margin-top:10px;font-size:15px;color:#c9c9c9}
.strategy-description p{margin-bottom:0}
.strategy-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
.strategy-step-item{background-color:#151515;border-radius:15px;padding:20px;display:inline-flex;align-items:center;gap:10px}
.strategy-step-item-num{color:#ff8400;font-size:44px;font-weight:700;font-family:'NEXT ART',sans-serif}
.strategy-step-item-text{font-size:17px;line-height:1.2}
.goals-inner{padding-top:100px}
.goals-columns{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.goals-column ul{font-size:17px;font-weight:200;line-height:1.4;color:#c9c9c9;list-style-type:none;padding:0;margin: 0;}
.goals-column ul li{padding-left:20px;position:relative;margin-bottom:8px}
.goals-column ul li::before{content:'\00B7';font-size:40px;font-weight:700;color:var(--et-color-4);position:absolute;top:0;left:0;line-height:.7}


.progress-block {
    padding: 100px 0;
    text-align: center;
    background-image: url("../img/progress-bg.jpg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
}
.progress-block h2 {
    font-weight: 700;    
}
.progress-bullets-intro {
    font-size: 20px;
    font-weight: bold;
    margin-top: 40px;
}
.progress-block .progress-list {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-top: 20px;
}
.progress-block .progress-list .progress-list-item {
    background-color: #0086FF;
    border-radius: 10px;
    padding: 20px;
    font-size: 15px;
}

.recomendation-block {
    padding: 100px 0;
    text-align: center;
}
.recomendation-block h3 {text-shadow:0 0 9.5px var(--et-color-4),0 0 9.5px var(--et-color-7),0 0 30px var(--et-color-4),0 0 30px var(--et-color-4); font-weight: 700;}
.recomendation-bullets-intro {
    font-size: 20px;
    font-weight: bold;
    margin-top: 40px;
    line-height: 1.2;
}
.recomendation-bullets-intro p {
    margin-bottom: 0;    
}
.recomendation-list {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2,auto);
    justify-content: center;
    gap: 20px;
}
.recomendation-list-item {
    display: inline-flex;
}
.recomendation-list .recomendation-list-item:nth-of-type(2n+1) {
    justify-content: flex-end;
}

.recomendation-list-item-inner {
    font-weight: 200;
    font-size: 17px;
    line-height: 1.1;
    color: #C9C9C9;
    border: 1px solid #3F3F3F;
    padding: 20px;
    border-radius: 10px;
    width: fit-content;
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.recomendation-list-item-inner::before {
    content: '\00B7';
    font-size: 40px;
    font-weight: 700;
    color: var(--et-color-4);    
    line-height: .7;
}

.order-form-row {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    justify-content: space-between;
}
.case-page .order {
    position: relative;
    background-image: none;
}
.case-page .order::after {
    content: '';
    background: #FF8400;
    width: 363px;
    height: 363px;
    position: absolute;
    top: 129px;
    right: -10px;
    opacity: 0.5;
    filter: blur(250px);
    z-index: -1;
}
.case-page .order .form-wrapper {
    margin-top: 40px;
}
.order-form-decoration-img {
    display: inline-flex;
    justify-content: flex-end;
}

@media (max-width: 1399px){
    .case-top h1 {
        font-size: 48px;
    }    
    .case-top h1 small {
        font-size: 26px;
    }
    .case-top .case-top-image {
        top: 38px;
        max-width: 480px;
    }
    .project-problem h3,
    .strategy-goals h2,
    .recomendation-block h3 {
        font-size: 48px;
    }
    .progress-block {
        background-size: cover;
    }
    .order-form-decoration-img img {
        width: 400px;
        height: fit-content;
    }
}
@media (max-width: 1199px){
    .case-top {
        background-size: 2468px;
    }
    .case-top .case-top-inner {
        padding-top: 50px;
    }
    .case-top h1 {
        font-size: 40px;
    }
    .site-positions h3 {
        font-size: 40px;
    }
    .project-problem h3,
    .strategy-goals h2,
    .recomendation-block h3 {
        font-size: 40px;
    }
    .case-top .case-top-image {
        max-width: 370px;
    }
}
@media (max-width: 991px){
    .case-top {
        background-position: calc(100% + 520px) top;
    }
    .case-top h1 {
        font-size: 28px;
    }
    .site-positions h3 {
        font-size: 28px;
    }
    .project-problem h3,
    .strategy-goals h2,
    .recomendation-block h3 {
        font-size: 28px;
    }
    .case-top h1 br {
        display: none;
    }
    .case-top h1 small {
        font-size: 17px;
    }
    .case-top .case-top-image {
        position: inherit;
        top: inherit;
        right: inherit;
    }
    .case-top-about {
        margin-top: 40px;
    }
    .case-results {
        margin-top: 60px;
    }
    .case-results .case-results-list {
        grid-template-columns: repeat(2,1fr);
        margin-top: 20px;
    }
    .case-page h2 {
        font-size: 28px;
    }
    .case-results .result-title {
        font-size: 30px;
    }
    .site-positions-list-item-description {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .site-positions {
        margin-top: 60px;
    }
    .project-goals {
        margin-top: 60px;
    }
    .project-problem-text {
        margin-top: 20px;
    }
    .project-goals-list {
        margin-top: 20px;
    }
    .project-problem {
        padding: 60px 0;
        margin-top: 60px;
    }
    .strategy-goals {
        padding: 60px 0 0;
    }
    .strategy-description {
        margin-top: 0;
    }
    .goals-columns {
        grid-template-columns: repeat(2,1fr);
        margin-top: 20px;
    }
    .goals-inner,.progress-block {
        padding: 60px 0;
    }
    .progress-bullets-intro {
        margin-top: 20px;
    }
    .recomendation-block {
        padding: 60px 0 0;
    }
    .order-form-row {
        grid-template-columns: repeat(1,1fr);
    }
    .order-form-decoration-img {
        justify-content: flex-start;
        margin-top: 20px;
    }
    .case-page .order::after {
        top: inherit;
        bottom: 0;
        width: 285px;
        height: 285px;
    }
    .case-page .order {
        overflow: hidden;
    }
}

@media (max-width: 767px){
    .strategy-steps {
        grid-template-columns: repeat(1,1fr);
        margin-top: 20px;
    }
}

@media (max-width: 680px){
    .recomendation-list {
        grid-template-columns: repeat(1,1fr);
        gap: 10px;
    }
    .recomendation-list .recomendation-list-item:nth-of-type(2n+1),.recomendation-list .recomendation-list-item {
        justify-content: center;
        
    }
    .recomendation-list-item-inner {
        width: 100%;
    }
}
@media (max-width: 580px){
    .site-positions-list {
        grid-template-columns: repeat(1,1fr);
    }
    .project-goals-list {
        gap: 10px;
    }
    .project-goals-list-item {
        width: 100%;
    }
    .goals-columns {
        grid-template-columns: repeat(1,1fr);        
        gap: 0px;
    }
    .progress-block .progress-list .progress-list-item {
        width: 100%;
    }
    .progress-bullets-intro {
        font-size: 17px;
    }
    .recomendation-bullets-intro {
        font-size: 17px;
        margin-top: 20px;
    }
    .order-form-decoration-img img {
        max-width: 100%;
    }
}
@media (max-width: 480px){
    .case-top {
        background-image: url('../img/bg_waves_mobile_services.png');
        background-size: auto;
        background-position: right 90px;
    }
    .case-results .case-results-list {
        grid-template-columns: repeat(1,1fr);
    }
}
@media (max-width: 380px){
    .case-top .case-top-image {
        max-width: 100%;
    }
}