@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Unbounded:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Unbounded&display=swap');
body {
    position: relative;
    padding: 0px;
    margin: 0px auto;
}

.casePageWrapper {
    font-family: "Montserrat";
    color: #1D1D1D;
    overflow: hidden;
    background-color: rgba(240, 235, 229, 1); 
}

.casePageWrapper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.casePageWrapper *:before,
.casePageWrapper *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.casePageWrapper ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.casePageWrapper a {
    text-decoration: none;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 1;
    -webkit-outline: none;
    -moz-outline: none;
    outline: none;
}

.casePageWrapper select,
.casePageWrapper input,
.casePageWrapper textarea {
    width: 100%;
    -webkit-outline: none;
    -moz-outline: none;
    outline: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    font-family: "Montserrat";
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.casePageWrapper button {
    padding: 0px;
    font-family: "Montserrat";
    background-color: transparent;
    border: none;
    -webkit-outline: none;
    -moz-outline: none;
    outline: none;
    cursor: pointer;
}
.casePageWrapper ul{
    list-style-type: none;
}
ul li {
    list-style-type: none;
}
.casePageWrapper ul li:before{
    display: none;
}
ul li:before{
    display: none;
}
.casePageWrapper button:disabled {
    cursor: default;
}

.casePageWrapper .container {
    width: 1738px;
    padding: 0px 15px;
    margin: 0px auto;
}
.container.tasks__container,.container.target__container{
    width: 1531px;
}
.container.mid__container{
    width: 1400px;
} 
.container.average__container{
    width: 1357px;
}    
.container.laptop__container{
    display: flex;
    flex-direction: column;
}
.main{
   padding-bottom: 90px;
   position: relative;
}
.text.main__text{
    margin-bottom: 68px;
    max-width: 600px;
}
.text{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    color: rgba(41, 43, 38, 1);
font-size: 25px;
font-weight: 400;
line-height: 100%;
letter-spacing: 0em;
text-align: left;
}
 .tasks__num{
    margin-right: 61px;
    font-size: 75px;
    top: 0px;
    left: 0px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
 }
ul.last__list li{
    list-style-type: none;
}
.blue{
    color: #184A84;
}
span.bald{
    font-weight: 600;
}
.tasks {
    position: relative;
}
.tasks.tasks__main{
    min-width: 104%;
    background-image: url("/img/bostan/background.png");
    background-position: right;
    background-position-y: 70%;
    background-repeat: no-repeat;
    margin-top: 150px;
    margin-bottom: 150px;
}
/*new*/
.laptop__img{
    margin: 0 auto;
    width: 94%;
}
.laptop__textblock{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}
.text.laptop__text{
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;   
}
.about {
    margin-bottom: 173px;
}
.about__flex {
    display: flex;
    flex-direction: column;
}
.about__textblock {
    display: flex;
    flex-direction: column;
}
.casePageWrapper h3.about__title {
    color: rgba(173, 197, 102, 1);
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height: 100%; 
    margin-bottom: 50px;
}
.about__span {
    font-family: "Unbounded", sans-serif;
    font-weight: 500;
}
.about__span.big {
    font-size: 40px;
    line-height: 48px;
    color:#6D8EEB;
}
.about__span.small {
    color:rgba(173, 197, 102, 1);
    font-size: 30px;
    line-height: 100%;
}
.about__block {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.about__points {
    display: flex;
    flex: 0 0 calc(50% - 32px);
    flex-direction: column;
}
.about__point:not(:last-child){
    margin-bottom: 124px;
}
.about__point{
    background-color:rgba(229, 220, 209, 1);
    padding: 15px 30px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    min-height: 122px;
}
.about__point img{
    width: 66px;
    height: 66px;
    margin-right: 20px;
}
.about__points_left .about__point:nth-child(1) img{
    width: 77px;
    height: 77px;
}
.about__points_left .about__point:nth-child(3) img{
    width: 68px;
    height: 68px;
}
.about__points_right .about__point:nth-child(2) img{
    width: 51px;
    height: 63px;
}
.about__points_right .about__point:nth-child(3) img{
    width: 62px;
    height: 62px;
}
.about__points_left .about__point:nth-child(2), .about__points_right .about__point:nth-child(2){
max-width: 50%;
}
.about__points_left{
    align-items: flex-start;
}
.about__points_right{
    align-items: flex-end;
}
.about__logo {
    position: absolute;
    width: 460px;
    height: 197px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.about__text.text{
    font-family:"Montserrat", sans-serif;
    font-size: 30px;
}
.navigation {
    display: flex;
    margin-bottom: 150px;
}
ul.navigation__list {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
}
ul.navigation__list li{
    list-style-type: none;
    border: 2px solid rgba(173, 197, 102, 1);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 34px;
}
ul.navigation__list li.about__text_active{
    background-color: rgba(173, 197, 102, 1);
}
.start {
    padding-bottom: 125px;
}
.start__heading {
    display: flex;
    align-items: center;
    margin-left: 96px;
}
.casePageWrapper p.titleNum {
    font-family:"Montserrat", sans-serif;
    font-weight: 700;
    font-size: 128px;
    line-height: 100%;
    color: rgba(229, 220, 209, 1);
    margin-right: 22px;
}
.titleMain {
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    font-size: 70px;
    line-height: 100%;
    color: rgba(173, 197, 102, 1);
    text-transform: uppercase;
}
.start__block {
    display: flex;
    flex-direction: column;
    position: relative;
}
.start__comment {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 600px;
    height: 193px;
    top: 0;
    right: 0;
    background-image: url('/img/bostan/comment.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.casePageWrapper p.start__comtext{
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 100%;
    margin-left: 35px;
}
.start__image {
    width: 100%;
}
.start__li {
    display: flex;
    align-items: center;
    position: absolute;
}
.start__li_first {
    top: 35%;
    left: -1%;
}
.start__num {
    width: 83px;
    height: 83px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Unbounded", sans-serif;
font-weight: 400;
font-size: 50px;
line-height: 100%;
color: rgba(245, 245, 245, 1);
background-color: rgba(109, 142, 235, 1);
border-radius: 20px;
position: absolute;
top: 50%;
left: -10px;
transform: translate(0%, -50%);
}
.text.start__text {
    background: rgba(173, 197, 102, 1);
border-radius:20px;
padding: 22px 30px;
margin-left: 50px;
max-width: 400px;
min-height: 102px;
color: white;
display: flex;
align-items: center;
}
.start__li_second {
    top: 55%;
    left: -3%;
}
.start__li_third {
    bottom: -3%;
    left: 50%;
    transform: translate(-50%, 0%);
}
.start__li_fourth {
    top: 55%;
    right: 0%;
}
.start__li_fiveth {
    top: 32%;
    right: -1%;
}
span.bold{
    font-weight: 700;
}
.tasks__target{
    width: 424px;
    height: 727px;
}
.tasks__target img{
    width: 100%;
    height: 100%;
    transform: rotate(11deg);
}
.casePageWrapper .tasks__common > .tasks__container{
    justify-content: space-between;
    position: relative;
    padding-top: 91px;
}
.casePageWrapper .tasks__common > .container .start__heading{
    margin-left: 0;
}
.tasks__flex {
position: relative;
max-width: 833px;
}
.target__block{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(247, 242, 237, 1);
    border-radius: 20px;
    padding: 80px 95px 95px 80px;
}
ul.last__list > li{
    list-style-type: none;
    position: relative;
    margin-left: 18px;
}
ul.last__list > li.text{
    font-size: 30px;
}
.tasks__number{
    width: 61px;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 2px 4px 8px 0px rgba(39, 38, 38, 0.3);
    background-color: rgba(173, 197, 102, 1);
    color:rgba(245, 245, 245, 1);
    font-family: "Unbounded", sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 100%;
padding: 2px 14px;
text-align: center;
box-sizing:border-box;
position: absolute;
top: 50%;
transform: translate(0, -50%);
left: -78px;
}
.target__background{
    opacity: 30%;
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: -6%;
    left: -64%;
}
.detail img.target__background{
    max-width: none;
}
.casePageWrapper .tasks__common > .tasks__container{
    flex-direction: column;
}
.casePageWrapper .tasks__common > .tasks__container .target__block:not(:last-child){
    margin-bottom: 50px;
}
.target__block.target__block_low{
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.target__block.target__block_low .text{
    font-size: 30px;
}
.target__block.target__block_low .target__title{
    flex: 0 0 42%;
    margin-right: 50px;
}
ul.last__list li:not(:last-child){
    margin-bottom: 40px;
}
.target__flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}
.blue{
    font-family: "Unbounded", sans-serif;
    color: rgba(109, 142, 235, 1);
}
.target__title{
    font-family: "Unbounded", sans-serif;
    font-weight: 400;
    font-size: 60px;
    line-height: 100%;
    color: rgba(109, 142, 235, 1);
}
.research{
    background-color: rgba(41, 43, 38, 1);
    padding-top: 195px;
    padding-bottom: 194px;
}
.navigation.navigation_research{
    margin-bottom: 94px;
}
.navigation.navigation_research .navigation__list .text.about__text{
    color: rgba(245, 245, 245, 1);
}
.navigation.navigation_research .navigation__list .text.about__text.about__text_active{
    color: rgba(41, 43, 38, 1);
}
.start__heading.start__heading_research{
    margin-left: 66px;
}
.research__point {
    display: flex;
    flex-direction: column;
    margin-top: 70px;
}
.research__flex{
    display: flex;
    flex-direction: column;
}
.research__title {
display: flex;
align-items: center;
}
.research__main{
    font-family: "Unbounded", sans-serif;
    font-weight: 600;
    font-size: 49px;
    line-height: 100%;
    color: rgba(245, 245, 245, 1);
}
.casePageWrapper p.research__num {
    margin-right: 22px;
    font-family: "Unbounded", sans-serif;
font-weight: 400;
font-size: 96px;
line-height: 100%;
letter-spacing: 10px;
color: rgba(173, 197, 102, 1);
}
.research__block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 58px;
    margin-left: 0px;
}
.research__point:not(:last-child){
    margin-bottom: 38px;
}
.research__question {
    background-color: rgba(217, 217, 217, 1);
    border-radius: 20px;
    padding: 28px 23px 28px 89px;
    position: relative;
}
.bald.bald_research{
    font-family: "Unbounded", sans-serif;
}
.research__corner {
    width: 87px;
    height: 87px;
    position: absolute;
    top: -9px;
    left: -13px;
    border-radius: 20px;
    background-color: rgba(41, 43, 38, 1);
    box-sizing: border-box;
}
.corner__grey {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 82px;
    height: 82px;
}
.corner__main {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 2;
    width: 64px;
    height: 63px;
}
.research__question .text {
    max-width: 538px;
}
.research__question.research__question_answer .text {
    max-width: 517px;
}
.research__line {
    margin-right: 18px;
    width: 400px;
    height: 88px;
}
.research__line.research__line_third {
    margin-right: 18px;
    width: 400px;
    height: 144px;
}
.tasks__container.tasks__container_wider{
    padding: 0px 30px;
}
.tasks__container_wider{
    max-width: 1620px;
}
.second__imgblock {
    position: relative;
    padding-top: 200px;
}
.second__img,.second__call,.second__card{
    width: 100%;
    border-radius: 20px;
    border: 4px solid rgba(109, 142, 235, 1)
}
img.second__call {
    width: 934px;
    height: 1145px;
    margin-bottom: 490px;
    position: relative;
    z-index: 1;
}
img.second__card {
    width: 900px;
    height: 1202px;
    position: absolute;
    bottom: -107px;
    right: 50px;
    z-index: 2;
}
.second__back{
position: absolute;
z-index: 0;
transform: rotate(-22deg);
width: 3250px;
bottom: -5%;
right: -41%;
}
.detail img.second__back{
    max-width: none;
}
.realization__card {
    position: relative;
    z-index: 2;
    display: flex;
    background-color: #41443D;
    border-radius: 20px;
    padding: 51px 23px 33px 37px;
    color: rgba(229, 220, 209, 1);
    flex-direction: column;
    max-width: 100%;
}
.realization__heading {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    margin-left: 17px;
}
.realization__leave {
    position: absolute;
    top: 22px; 
    left: 5px;
    width: 214px;
    height: 111px;
    z-index: 0;
    background-blend-mode: lighten;
    mix-blend-mode: lighten;
}
.casePageWrapper p.realization__num{
    margin-right: 47px;
}
.realization__num {
    position: relative;
    z-index: 1;
    font-family: "Unbounded", sans-serif;
font-weight: 400;
font-size: 70px;
line-height: 100%;
letter-spacing: 6px;
background-blend-mode: soft-light;
mix-blend-mode: soft-light;
}
.realization__title {
    font-family: "Unbounded", sans-serif;
font-weight: 400;
font-size: 30px;
line-height: 100%;
}
.realization__card .text{
    max-width: 663px;
    color: rgba(229, 220, 209, 1);
    font-size: 24px;
}
.realization__card .text .blue{
    font-family:"Montserrat", sans-serif;
}
.realization__point {
    position: absolute;
    bottom: -47px;
    left: -44px;
    border-radius: 20px;
    background-color:#6D8EEB;
    padding: 17px 22px;
}
.realization__point .text{
    color: rgba(229, 220, 209, 1);
    font-size: 24px;
}
.footer__main-part .wrap .item .title{
    font-weight: 300;
}
.realisation__main{
    margin-top: 140px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}
.realisation__dots {
    position: absolute;
}
.realisation__dots_first {
    top: -336px;
    left: 43%;
    width: 308px;
    height: 336px;
}
.realisation__image {
/*     position: absolute; */
border-radius: 20px;
}
.realisation__image_first {
    width: 980px;
    height: 449px;
    z-index: 2;
}
.realization__photo{
    position: relative;
    display: flex;
    align-self: flex-end;
}
.realization__photo.realization__photo_first{
    top: 26px;
    margin-bottom: 75px;
}
.realization__photo.realization__photo_second{
    top: -200px;
    left: 135px;
   
}
.realisation__dots_second{
    width: 224px;
    height: 340px;
    top: 256px;
    left: -244px;
}
.realization__card.realization__card_wider .text{
    max-width: 848px;
}
.realization__point.realization__point_right{
    left: 36%;
    right: -30px;
    bottom: -67px;
}
.realisation__dots_third{
width: 164px;
height: 88px;
top: -98px;
left: -82px;
}
.realisation__image_second{
    width: 644px;
    height: 2140px;
}
.realization__card_mid p.text{
    max-width: 868px;
}
.realization__card_wid p.text{
    max-width: 848px;
}
.realization__card_wid .realization__point_right {
    bottom: -65px;
}
.realization__card_wid .realization__point_right p.text{
    text-align: center;
}
.realisation__test{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.realisation__dots_fourth{
    width: 526px;
    height: 542px;
    left: -400px;
    top: 510px;
}
.realisation__dots_fiveth{
    width: 272px;
    height: 440px;
    bottom: -180px;
    left: -332px;
}
.realisation__image_third{
    width: 1313px;
    height: 760px;
    position: relative;
    z-index: 2;
}
.realization__card_third .text{
    max-width: 848px;
}
.realization__photo_third{
    margin-top: 200px;
    margin-bottom: 100px;
}
.realisation__dots_sixth{
    width: 508px;
    height: 656px;
    top: -618px;
    right: 310px;
    transform: rotate(10deg);
}
.realisation__dots_eights{
    width: 506px;
    height: 565px;
    top: 31%;
    right: -44%;
    transform: rotate(24deg);
/*     top: 25%;
    right: -37%;
    transform: rotate(10deg); */
    z-index: 1;
}
.realisation__dots_nineth{
    width: 608px;
    height: 665px;
    top: 38%;
    left: -68%;
    transform: rotate(355deg);
    z-index: 1;
}
img.realization__last{
    width: 100%;
    height: 815px;
    border-radius: 20px;
    margin-top: 50px;
}
p.text.realization__pad{
    margin-bottom: 20px;
}
.realisation__dots_sevens{
    width: 500px;
    height: 508px;
    left: -54%;
    top: 31%;
}
.realization__card_fourth{
    margin-top: 100px;
    align-self: flex-end;
    margin-bottom: 70px;
}
.realization__card_fourth .realization__point{
    left: -182px;
}
.realization__card_fourth .realization__point p.text{
    max-width: 750px;
}
.results{
    margin-bottom: 115px;
    margin-top: 140px;
}
.results__flex {
    display: flex;
    flex-wrap: wrap;
    margin-top: 120px;
}
.results__card {
    position: relative;
    margin-bottom: 50px;
    flex: 0 0 calc(50% - 40px);
}
.results__txtblock{
    display: flex;
    flex-direction: column;
    margin-left: 100px;
}
.results__txtblock p.text:last-child{
    max-width: 600px;
}
.results__txtblock p.text:first-child{
    margin-bottom: 10px;
}
.results__card:nth-child(1),.results__card:nth-child(3){
    margin-right: 40px;
}
.results__card:nth-child(2),.results__card:nth-child(4){
    margin-left: 40px;
}
.results__icon {
    width: 84px;
    height: 84px;
    position: absolute;
    top: -20px;
    left: 0;
}
.results__history {
    position: relative;
    min-width: 100%;
    height: 860px;
}
.result__line {
    width: 114%;
    left: -7%;
    height: 860px;
    position: absolute;
}
.detail img.result__line{
    max-width: none;
}
.result__point {
    position: absolute;
    display: flex;
    align-items: flex-start;
}
.result__point_black {
    bottom: 3%;
    left: 5%;
    flex-direction: column;
}
.result__text {
    font-family:"Montserrat", sans-serif;
font-weight: 400;
font-size: 35px;
line-height: 100%;
}
.result__box {
    font-family: "Unbounded", sans-serif;
font-weight: 500;
font-size: 30px;
line-height: 100%;
border-radius: 20px;
padding: 18px 15px;
color: #F5F5F5;
}
.result__point_black .result__box{
    color: #292B26;
    background: #ADC566;
}
.result__point_black .result__text{
    margin-left: 113px;
}
.result__point_percent {
    display: flex;
    bottom: 35%;
    left: 22%;
}
.result__point_percent .result__box{
    background-color: #292B26;
    max-width: 100%;
}
.result__item{
    display: flex;
    align-items: center;
    max-width: 500px;
}
.result__point_percent .result__text:not(:last-child){
    margin-bottom: 20px;
}
.result__point_green {
    bottom: 58%;
    left: 38%;
}
.result__point_green .result__box{
    background: #ADC566;
    padding: 11px 9px;
    margin-left: 10px;
}
.result__point_blue {
    top: 23%;
    right: -8%;
}
.result__point.result__point_blue{
    flex-direction: column;
} 
.result__point_blue .result__mod{
    flex-direction: row;
    align-items: center;
}
.result__point_blue .result__box{
    background-color: #6D8EEB;
    margin-right: 10px;
    margin-left: -97px;
}
.result__mod {
    display: flex;
    flex-direction: column;
}
.grid {
    margin-top: 25px;
    margin-bottom: 145px;
}
.grid__block {
    display: flex;
    gap: 20px;
}
.grid__block.grid__block_first .grid__el:first-child{ 
    flex: 0 0 calc(45% - 10px);
    background-color: #BBDE50;
    padding: 20px 32px 30px 19px;
}
.grid__block.grid__block_first .grid__el:nth-child(2){ 
    flex: 0 0 calc(55% - 10px);
    background: #292B26;
    position: relative;
    min-height: 649px;
    overflow: hidden;
}
.grid__block.grid__block_second .grid__el:first-child{ 
    flex: 0 0 calc(59% - 10px);
    border: 7px solid #ADC566;
}
.grid__block.grid__block_second .grid__el:nth-child(2){ 
    flex: 0 0 calc(41% - 10px);
}
.grid__block.grid__block_third .grid__el:first-child{ 
    flex: 0 0 calc(40% - 10px);
    position: relative;
    overflow: hidden;
    background: #6D8EEB;
}
.grid__block.grid__block_third .grid__el:nth-child(2){ 
    flex: 0 0 calc(60% - 10px);
    background-color: #BBDE50;
    padding: 20px 40px 60px 38px;
}
.grid__block.grid__block_fourth .grid__el:first-child{ 
    flex: 0 0 calc(62% - 10px);
    background-color: #292B26;
    padding: 30px 35px 33px 17px;
}
.grid__block.grid__block_fourth .grid__el:nth-child(2){ 
    flex: 0 0 calc(38% - 10px);
    border: 7px solid #6D8EEB;
}
.grid__flex{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.grid__flex .grid__point:first-child{
    background-color: #6D8EEB;
    padding: 23px 20px 33px 29px;
    border-radius: 20px;
    margin-bottom: 20px;
    height: 100%;
}
.grid__flex .grid__point:nth-child(2){
    background-color: #292B26;
    padding: 23px 20px 53px 20px;
    border-radius: 20px;
}
.grid__flex .grid__point:nth-child(2) p.grid__title, .grid__block.grid__block_fourth p.grid__title{
    color: #ADC566;
}
.grid__flex .grid__point:nth-child(2) p.text, .grid__block.grid__block_fourth p.text{
    color: #F5F5F5;
}
.grid__block.grid__block_fourth p.text:not(:last-child){
    margin-bottom: 0;
}
.grid__block_second .grid__el p.text:not(:last-child){
    margin-bottom: 0px;
}
.grid__block.grid__block_first .grid__el:nth-child(2) img{
    position: absolute;
    top: -13%;
    left: -10%;
    width: 100%;
    height: 100%;
}
.grid__block.grid__block_third .grid__el:first-child img{
    position: absolute;
    left: 16%;
    width: 100%;
    height: 100%;
}
.grid__block:not(:last-child){
    margin-bottom: 20px;
}
.grid__el {
    width: 100%;
    border-radius: 20px;
}
.grid__el p.text:not(:last-child){
    margin-bottom: 20px;
}
.grid__el img{
    width: 100%;
    height: 100%;
    border-radius: 15px;
}
.casePageWrapper p.grid__title{
    font-family: "Unbounded", sans-serif;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
} 
.grid__block.grid__block_first .grid__title{
    color: #F0EBE5;
}
/*new*/

.tasks__flex > .text{
    font-size: 22px;
}
.tasks:nth-child(2){
    padding-top: 0;
}
.tasks__flex .main__points .point__title:first-child, .title__big .point__title.first__point, .subtitle,.main__point .point__title{
    background-color: #ffffff;
    color: #000000;
    line-height: 30px;
}
.container.tasks__container{
    display: flex;
    justify-content: flex-start;
    align-items:center;
    padding-bottom: 140px;
    padding-top: 140px;
    position: relative;
}
.casePageWrapper h1.tasks__title{
    margin-bottom: 33px;
}
.tasks__title {
    font-family: "Unbounded", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
font-size: 95px;
font-weight: 400;
line-height: 100%;
letter-spacing: 0em;
text-align: left;
color: rgba(173, 197, 102, 1);
}
.second__img,.second__call,.second__card,.second__analytics{
    width: 100%;
}
.detail img{
    max-height: none;
}
ul li{
    list-style-type: disc;
}
.target__title{
    font-size: 45px;
}
.tasks__target{
    width: 339px;
    height: 582px;
}
ul.last__list > li.text{
    font-size: 22px;
}
.research__main{
    font-size: 39px;
}
/*new*/
.tasks.tasks__main{
    min-width:100%;
    background-position-x: 50%;
}
.about__text.text{
    font-size: 22px;
}
.about__span.big{
    font-size: 32px;
}
.about__span.small{
    font-size: 25px;
}
.titleMain{
    font-size: 60px;
}
.casePageWrapper p.titleNum{
    font-size: 110px;
}
.start__comment{
    width: 480px;
    height: 155px;
    right: 0%;
    top: 0%;
}
.casePageWrapper p.start__comtext{
    font-size: 23px;
    margin-left: 30px;
}
.start__num{
    width: 75px;
    height: 75px;
    font-size: 45px;
}
.text.start__text{
    font-size: 23px;
}
.start{
    padding-bottom: 100px;
}
.target__block.target__block_low .text{
    font-size: 22px;
}
.tasks__number{
    width: 49px;
    height: 49px;
    font-size: 24px;
}
.casePageWrapper p.research__num{
    font-size: 77px;
}
.research__line{
    width: 320px;
    height: 70px;
}
.research__line.research__line_third{
    width: 320px;
    height: 115px;
}
.text{
    font-size: 22px;
}
.second__imgblock {
    padding-top: 160px;
}
img.second__call {
    width: 747px;
    height: 916px;
    margin-bottom: 392px;
}
img.second__card {
    width: 720px;
    height: 962px;
    bottom: -85px;
    right: 35px;
}
.second__back{
width: 2600px;
bottom: -9%;
right: -21%;
}
.realisation__dots_first{
    width: 247px;
    height: 270px;
    top: -77%;
}
.realization__title{
    font-size: 24px;
}
.casePageWrapper p.realization__num{
    font-size: 56px;
}
.realization__leave{
    width: 171px;
    height: 89px;
    top: 28px;
    left: 15px;
}
.realisation__image_first{
    width: 784px;
    height: 360px;
}
.realisation__dots_second{
    width: 180px;
    height: 272px;
    left: -25%;
    top: 60%;
}
.realisation__dots_third{
    top: -2%;
    left: -40%;
}
.realization__card_mid p.text{
    max-width: 695px;
}
.realisation__dots_fourth{
    width: 421px;
    height: 434px;
    top: 20%;
    left: -70%;
}
.realisation__dots_fiveth{
    left: -57%;
}
.realisation__image_third{
    width: 840px;
    height: 486px;
}
.realisation__dots_sixth{
    width: 406px;
    height: 525px;
    top: -98%;
    right: -6%;
}
.realization__card.realization__card_wider .text{
    max-width: 680px;
}
.realisation__image_second{
    width: 515px;
    height: 1712px;
}
.result__text{
    font-size: 28px;
}
.result__box{
    font-size: 24px;
    padding: 15px;
}
.result__point_black .result__box{
    margin-top: 5px;
}
.result__point_black .result__text{
    margin-left: 90px;
}
.result__point_black{
    bottom: 16%;
    left: 4%;
}
.result__point_percent {
    bottom: 37%;
    left: 20%;
}
.grid__block.grid__block_first .grid__el:nth-child(2){
    min-height: 520px;
}
.grid__block.grid__block_second .grid__el:first-child{
    flex: 0 0 calc(56% - 10px);
}
.grid__block.grid__block_second .grid__el:nth-child(2) {
    flex: 0 0 calc(44% - 10px);
}
.grid__block.grid__block_third .grid__el:first-child img {
    top: -20%;
}
.casePageWrapper p.grid__title{
    font-size: 24px;
}
.grid__block.grid__block_first .grid__el:nth-child(2) img{
    top: -22%;
}
.tasks__flex {
    flex: 0 0 56.5%;
}
.tasks__flex.tasks__flex_points{
flex: 0 0 56%;
}
/*new*/
@media(min-width:2000px){
    .tasks.tasks__main{
        background-size: cover;
    }
}
@media(max-width:1800px){
    .realization__point{
        left: 10px;
    }
}
@media(max-width:1700px){

}
@media(max-width:1520px){
    ul.tasks__list li:nth-child(6) .tasks__num {
            top: 8px;
            left: -25px;
    }
    /*new*/
.tasks.tasks__main{
    margin-top: 100px;
    margin-bottom: 100px;
    background-position-y: 90%;
}
.text.laptop__text{
    font-size: 38px;
}
.tasks__title{
    font-size: 80px;
}
.about__logo{
    width: 368px;
    height: 158px;
}
.about__points_left .about__point:nth-child(2), .about__points_right .about__point:nth-child(2){
    max-width: 60%;
}
.about__text.text{
    font-size: 25px;
}
ul.navigation__list {
    margin-left: 0px;
    margin-right: 0px;
}
ul.navigation__list li{
    padding: 22px 30px;
}
.titleMain{
    font-size: 54px;
}
.casePageWrapper p.titleNum{
    font-size: 99px;
}
.start__comment{
    width: 384px;
    height: 124px;
    right: 0%;
    top: 0%;
}
.casePageWrapper p.start__comtext{
    font-size: 18px;
    margin-left: 25px;
}
.start__num{
    width: 65px;
    height: 65px;
    font-size: 38px;
    left: 4px;
}
.text.start__text{
    font-size: 20px;
    padding: 17px 25px;
    max-width: 320px;
}
.start__li_third{
    bottom: -2%;
}
.realisation__dots_first{
    left: 0%;
    width: 247px;
    height: 270px;
    top: -83%;
}
.realization__card .text{
    font-size: 22px;
}
.realisation__image_first{
    width: 627px;
    height: 288px;
}
.realisation__dots_second{
    width: 144px;
    height: 218px;
    left: -20%;
    top: 48%;
}
.research{
    padding-top: 105px;
    padding-bottom: 105px;
}
.realization__photo.realization__photo_first{
    margin-bottom: 75px;
}
.realisation__dots_third{
    width: 148px;
    height: 80px;
    top: -7%;
    left: -23%;
}
.realization__card_mid p.text{
    max-width: 556px;
}
.realization__card .text{
    max-width: 530px;
}
.realisation__dots_fourth{
    width: 336px;
    height: 347px;
    top: 15%;
    left: -59%;
}
.realisation__dots_fiveth{
    width: 218px;
    height: 352px;
    left: -52%;
    bottom: -6%;
}
.realization__card_third .text{
    max-width: 630px;
}
.realisation__image_third{
    width: 840px;
    height: 487px;
}
.realisation__dots_sixth{
    width: 325px;
    height: 420px;
    top: -81%;
    right: 26%;
}
.realisation__dots_sevens{
    width: 350px;
    height: 353px;
    left: -42%;
    top: 55%;
}
.realization__card_wid p.text{
    max-width: 680px;
}
.realization__card_wid .realization__point_right{
    bottom: -85px;
}
.realization__card.realization__card_wider .text{
    max-width: 544px;
}
.realisation__image_second{
    width: 463px;
    height: 1541px;
}
.realization__photo.realization__photo_second{
    top: -100px;
    left: -40px;
}
.realisation__dots_eights{
    width: 405px;
    height: 452px;
    top: 40%;
    right: -50%;
}
.realisation__dots_nineth{
    width: 562px;
    height: 616px;
    top: 50%;
    left: -88%;
}
img.realization__last{
    height: 765px;
}
.results__history,.result__line{
    height: 660px;
}
.result__text{
    font-size: 21px;
}
.result__box{
    font-size: 19px;
    padding: 12px;
}
.result__point_black .result__text{
    margin-left: 72px;
}
.result__point_black {
    bottom: 5%;
    left: 6%;
}
.result__point_percent .result__text:not(:last-child){
    margin-bottom: 15px;
}
.result__point_percent{
    bottom: 35%;
    left: 23%;
}
.result__point_green .result__box{
    margin-left: 5px;
}
.result__point_green{
    left: 42%;
}
.result__point_blue{
    top: 18%;
    right: 2%;
}
.grid__flex .grid__point:nth-child(2){
    padding: 23px 20px 23px 20px;
}
.grid__block.grid__block_third .grid__el:nth-child(2) {
    padding: 20px 40px 30px 38px;
}
.grid__block.grid__block_fourth .grid__el:nth-child(2) {
    flex: 0 0 calc(42% - 10px);
}
.grid__block.grid__block_fourth .grid__el:first-child {
    flex: 0 0 calc(58% - 10px);
}
/*new*/
ul.tasks__list li:nth-child(6) .tasks__num{
    top: 13px;
    left: -18px;
}
}
@media (min-width: 1200px) {
    .casePageWrapper .container {
        max-width: 1200px;
    }
}

@media (min-width: 1260px) {
    .casePageWrapper .container {
        max-width: 1230px;
    }
}
@media (max-width: 1199px) {
    .casePageWrapper .container {
        width: 991px;
    }
    .tasks.tasks__main{
        background-position: 70% 0%;
    }
    .container.tasks__container{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .tasks__num{
        font-size: 60px;
        margin-right: 30px;
    }
    .text,.tasks__flex > .text{
        font-size: 16px;
        line-height: 22px;
    }
    /*new*/
    .laptop__textblock{
        margin-bottom: 50px;
    }
    .tasks.tasks__main{
        margin-bottom: 70px;
        background-position-y: 0;
        background-position-x: 18%;
    }
    .text.laptop__text{
        font-size: 32px;
    }
    .tasks__title{
        font-size: 70px;
    }
    .about__span.big{
        font-size: 30px;
    }
    .about__text.text,.about__span.small {
        font-size: 23px;
    }
    .about__logo {
        width: 295px;
        height: 126px;
    }
    .about__point img{
        width: 53px;
        height: 53px;
        margin-right: 15px;
        margin-left: 0;
    }
    .about__points_left .about__point:nth-child(1) img{
        width: 62px;
        height: 62px;
    }
    .about__points_left .about__point:nth-child(3) img{
        width: 55px;
        height: 55px;
    }
    .about__points_right .about__point:nth-child(2) img{
        width: 41px;
        height: 51px;
    }
    .about__points_right .about__point:nth-child(3) img{
        width: 50px;
        height: 50px;
    }
    .about__point:not(:last-child){
        margin-bottom: 100px;
    }
    .about__point{
        padding: 15px 20px;
    }
    ul.navigation__list li{
        padding: 18px 14px;
    }
    .titleMain{
        font-size: 49px;
    }
    .casePageWrapper p.titleNum{
        font-size: 89px;
    }
    .start__heading{
        margin-left: 0px;
    }
    .start__comment{
        width: 307px;
        height: 99px;
        right: 8%;
        top: 2%;
    }
    .casePageWrapper p.start__comtext{
        font-size: 15px;
        margin-left: 22px;
    }
    .start__num{
        width: 52px;
        height: 52px;
        font-size: 31px;
        left: 12px;
    }
    .text.start__text{
        font-size: 16px;
        padding: 10px 20px;
        max-width: 260px;
        min-height: 70px;
    }
    .start__li_third{
        bottom: -2%;
    }
    .start__li_first {
        top: 35%;
        left: -1%;
    }
    .start__li_fiveth {
        top: 32%;
    }
    .about,.navigation{
        margin-bottom: 100px;
    }
    .target__block{
        padding: 64px 76px 76px 64px;
    }
    .tasks__target{
        width: 271px;
        height: 466px;
    }
    ul.last__list > li.text,.target__block.target__block_low .text{
        font-size: 19px;
    }
    .tasks__number{
        width: 44px;
        height: 44px;
        left: -70px;
    }
    .target__title{
        font-size: 36px;
    }
    .research{
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .casePageWrapper p.research__num{
        font-size: 62px;
    }
    .research__main{
        font-size: 31px;
    }
    .research__line{
        width: 256px;
        height: 56px;
    }
    .research__line.research__line_third{
        width: 256px;
        height: 92px;
    }
    .corner__main{
        width: 51px;
        height: 50px;
        top: 8px;
        left: 8px;
    }
    .corner__grey{
        width: 66px;
        height: 66px;
    }
    .research__corner{
        width: 70px;
        height: 70px;
    }
    .research__question{
        padding: 22px 19px 22px 71px;
    }
    .research__question.research__question_answer .text{
        max-width: 600px;
    }
    .research__line,.research__line.research__line_third{
        margin-right: 8px;
    }
    .second__imgblock {
        padding-top: 130px;
    }
    img.second__call {
        width: 598px;
        height: 733px;
        margin-bottom: 312px;
    }
    img.second__card {
        width: 576px;
        height: 770px;
    }
    .second__back{
    width: 2080px;
    }
    .realisation__dots_first{
        left: 4%;
        width: 197px;
        height: 217px;
        top: -98%;
    }
    .realization__card .text{
        font-size: 18px;
    }
    .realisation__image_first{
        width: 502px;
        height: 231px;
    }
    .realisation__dots_second{
        width: 115px;
        height: 175px;
        left: -26%;
        top: 35%;
    }
    .realization__photo.realization__photo_first{
        margin-bottom: 60px;
    }
    .realisation__main{
        margin-top: 100px;
    }
    .realisation__dots_third{
        width: 106px;
        height: 51px;
        top: -5%;
        left: -25%;
    }
    .realization__point.realization__point_right{
        bottom: -55px;
    }
    .realization__card_mid p.text{
        max-width: 445px;
    }
    .realization__card .text{
        max-width: 424px;
    }
    .realisation__dots_fourth{
        width: 270px;
        height: 278px;
        top: 10%;
        left: -59%;
    }
    .realisation__dots_fiveth{
        width: 175px;
        height: 219px;
        left: -47%;
        bottom: -6%;
    }
    .realization__card_third .text{
        max-width: 504px;
    }
    .realisation__image_third{
        width: 672px;
        height: 389px;
    }
    .realisation__dots_sixth{
        width: 260px;
        height: 336px;
        top: -81%;
        right: 26%;
    }
    .realisation__dots_sevens{
        width: 280px;
        height: 282px;
        left: -42%;
        top: 55%;
    }
    .realization__card_wid p.text{
        max-width: 544px;
    }
    .realization__card_wid .realization__point_right{
        bottom: -85px;
    }
    .realization__card.realization__card_wider .text{
        max-width: 435px;
    }
    .realisation__image_second{
        width: 370px;
        height: 1233px;
    }
    .realization__photo.realization__photo_second{
        top: -80px;
        left: -12px;
    }
    .realisation__dots_eights{
        width: 324px;
        height: 362px;
        top: 56%;
        right: -50%;
    }
    .realisation__dots_nineth{
        width: 450px;
        height: 493px;
        top: 60%;
        left: -88%;
    }
    img.realization__last{
        height: 612px;
    }
    .realization__title{
        font-size: 19px;
    }
    .casePageWrapper p.realization__num{
        font-size: 45px;
    }
    .realization__leave{
        width: 137px;
        height: 71px;
    }
    .realization__card{
        padding: 41px 18px 26px 30px;
    }
    .realization__heading{
        margin-left: 11px;
    }
    .casePageWrapper p.realization__num{
        margin-right: 29px;
    }
    .realization__point{
        padding: 13px 16px;
        bottom: -35px;
    }
    .realization__card_fourth .realization__point{
        left: -130px;
    }
    .results__icon{
        width: 66px;
        height: 66px;
        top: -10px;
    }
    .results__txtblock{
        margin-left: 80px;
    }
    .results__card{
        margin-bottom: 40px;
    }
    .results{
        margin-top: 100px;
        margin-bottom: 100px;
    }
    .results__history, .result__line{
        height: 580px;
    }
    .result__point_black{
        left: 2%;
        bottom: 7%;
    }
    .result__point_percent{
        left: 19%;
    }
    .result__point_green{
        left: 38%;
    }
    .result__point_blue .result__box{
        margin-left: -61px;
    }
    .result__point_blue{
        top: 20%;
        right: 0%;
    }
    .result__text{
        font-size: 19px;
    }
    .result__box{
        font-size: 17px;
        padding: 10px;
    }
    .result__point_green .result__box{
        padding: 10px;
    }
    .grid__block.grid__block_first .grid__el:first-child {
        flex: 0 0 calc(55% - 10px);
        padding: 20px 32px 30px 19px;
    }
    .grid__block.grid__block_first .grid__el:nth-child(2){
        flex: 0 0 calc(45% - 10px);
        min-height: 100%;
    }
    .casePageWrapper p.grid__title {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .grid__block.grid__block_first .grid__el:nth-child(2) img {
        top: -27%;
    }
    .grid__flex .grid__point:first-child {
        padding: 17px 20px 22px 29px;
    }
    .grid__block.grid__block_second .grid__el:first-child, .grid__block.grid__block_second .grid__el:nth-child(2){
        flex: 0 0 calc(50% - 10px);
    }
    .grid__block.grid__block_third .grid__el:nth-child(2){
        padding: 20px;
    }
    .grid__block.grid__block_third .grid__el:first-child img {
        top: -20%;
        left: 8%;
        width: 95%;
        height: 95%;
    }
    .grid__block.grid__block_fourth .grid__el:first-child{
        padding: 20px 25px 23px 15px;
    }
    .grid{
        margin-bottom: 100px;
    }
    /*new*/

ul.last__list li:not(:last-child){
    margin-bottom: 20px;
}
.tasks.tasks__pd{
    padding-top: 0;
}
.tasks__pd .subtitle.subtitle_diff{
    margin-bottom: 50px;
}
.casePageWrapper .tasks__common > .tasks__container{
    margin-top: 50px;
    margin-bottom: 50px;
}
}
@media (min-width: 992px) {
    .casePageWrapper .container {
        max-width: 100%;
    }
}
@media (max-width: 991px) {
        /*new*/
        .tasks.tasks__main{
            margin-bottom: 70px;
            background-position-y: 49%;
            background-position-x: 31%;
        }
        .text.laptop__text{
            font-size: 25px;
        }
        .tasks__title{
            font-size: 60px;
        }
        .casePageWrapper h3.about__title{
            font-size: 42px;
        }
        .about__span.big {
            font-size: 28px;
        }
        .about__text.text, .about__span.small {
            font-size: 20px;
        }
        .about__block{
            flex-direction: column;
        }
        .about__point:not(:last-child){
            margin-bottom: 30px;
        }
        .about__point{
            width: 100%;
        }
        .about__logo{
            position: static;
            margin-right: 0;
            transform: none;
            margin:0 auto;
            margin-bottom: 30px;
        }
        .about__points.about__points_left{
            margin-bottom: 30px;
        }
        .about__points_right{
            align-items: flex-start;
            margin-top: 30px;
        }
        .about__points_left .about__point:nth-child(2), .about__points_right .about__point:nth-child(2){
            max-width: none;
            width: 100%;
        }
        .about{
            margin-bottom: 100px;
        }
        .navigation__list{
            flex-wrap: wrap;
        }
        .navigation__list li{
            margin-bottom: 20px;
        }
        .titleMain{
            font-size: 39px;
        }
        .casePageWrapper p.titleNum{
            font-size: 71px;
        }
        .start__comment{
            width: 245px;
            height: 79px;
        }
        .casePageWrapper p.start__comtext{
            font-size: 14px;
            margin-left: 28px;
        }
        .start__num{
            width: 52px;
            height: 52px;
            font-size: 31px;
            left: 12px;
        }
        .text.start__text{
            font-size: 14px;
            padding: 10px 20px;
            max-width: 230px;
            min-height: 60px;
        }
        .start__li_third{
            bottom: -2%;
        }
        .start__li_first {
            top: 31%;
            left: 0%;
        }
        .start__li_second {
            top: 55%;
            left: -3%;
        }
        .start__li_fiveth {
            top: 34%;
            right: -1%;
        }
        .about, .navigation{
            margin-bottom: 75px;
        }
        .target__block{
            padding: 50px 60px 60px 50px;
        }
        .target__title{
            font-size: 29px;
        }
        .tasks__target{
            width: 217px;
            height: 373px;
        }
        ul.last__list > li.text, .target__block.target__block_low .text{
            font-size: 16px;
        }
        .tasks__number{
            width: 35px;
            height: 35px;
            left: -55px;
            font-size: 20px;
        }
        .target__block.target__block_low .target__title{
            flex: 0 0 41%;
        }
        .target__background{
            top: 0;
            left: -75%;
        }
        ul.navigation__list li{
            padding: 13px 17px;
        }
        .research{
            padding-top: 75px;
            padding-bottom: 75px;
        }
        .navigation.navigation_research,.research__point{
            margin-bottom: 50px;
        }
        .start__heading.start__heading_research{
            margin-left: 0;
        }
        .casePageWrapper p.research__num{
            font-size: 50px;
            letter-spacing: 6px;
            margin-right: 12px;
        }
        .research__point{
            margin-top: 50px;
        }
        .research__main{
            font-size: 25px;
        }
        .research__line{
            width: 185px;
            height: 50px;
        }
        .research__line.research__line_third{
            width: 185px;
            height: 66px;
        }
        .corner__main{
            width: 41px;
            height: 40px;
            top: 6.4px;
            left: 6.4px;
        }
        .corner__grey{
            width: 53px;
            height: 53px;
        }
        .research__corner{
            width: 59px;
            height: 59px;
            top: -10px;
            left: -12px;
        }
        .research__question{
            padding: 18px 15px 18px 57px;
        }
        .second__imgblock {
            padding-top: 100px;
        }
        img.second__call {
            width: 478px;
            height: 587px;
            margin-bottom: 250px;
        }
        img.second__card {
            width: 461px;
            height: 616px;
            bottom: -50px;
            right: 12px;
        }
        .second__back{
        width: 1664px;
        bottom: -4%;
        right: -37%;
        }
        .realization__card .text{
            font-size: 16px;
        }
        .realisation__image_first{
            width: 402px;
            height: 185px;
        }
        .realisation__dots_first{
            width: 158px;
            height: 174px;
            left: 28%;
        }
        .realisation__dots_second{
            width: 92px;
            height: 140px;
        }
        .realization__card .text{
            max-width: 390px;
        }
        .realization__title{
            font-size: 18px;
        }
        .realisation__image_second{
            width: 296px;
            height: 987px;
        }
        .realization__photo.realization__photo_second{
            left: 15px;
        }
        .casePageWrapper p.realization__num{
            font-size: 40px;
        }
        .realization__card.realization__card_wider .text{
            max-width: 370px;
        }
        .realization__card {
            padding: 32px 12px 24px 25px;
        }
        .realization__leave{
            width: 122px;
            height: 64px;
            top: 18px;
        }
        .realisation__dots_third{
            left: -11%;
            top: -6%;
        }
        .realization__card_mid p.text{
            max-width: 390px;
        }
        .realization__point.realization__point_right{
            right: 0px;
        }
        .realisation__dots_fourth{
            width: 216px;
            height: 222px;
            top: 11%;
        }
        .realisation__dots_fiveth{
            width: 140px;
            height: 174px;
            bottom: -10%;
        }
        .realisation__dots_sixth{
            top: -102%;
            right: 10%;
        }
        .realisation__image_third{
            width: 534px;
            height: 311px;
        }
        .realization__photo_third{
            margin-top: 100px;
        }
        .realisation__dots_sevens{
            width: 224px;
            height: 226px;
            top: 67%;
        }
        .realization__card_wid p.text{
            max-width: 435px;
        }
        .realisation__dots_eights{
            width: 259px;
            height: 290px;
            top: 65%;
        }
        .realization__card_wid .realization__point_right{
            bottom: -50px;
            left: 10%;
        }
        .realisation__dots_nineth{
            width: 360px;
            height: 394px;
            top: 66%;
            left: -76%;
        }
        .realization__card_fourth .realization__point{
            left: -108px;
        }
        img.realization__last{
            height: 490px;
            margin-top: 40px;
        }
        .results__icon{
            width: 53px;
            height: 53px;
            top: -8px;
        }
        .results__txtblock{
            margin-left: 64px;
        }
        .results__card{
            margin-bottom: 32px;
        }
        .results{
            margin-top: 75px;
            margin-bottom: 75px;
        }
        .results__flex{
            margin-top: 75px;
        }
        .results__history, .result__line{
            height: 500px;
        }
        .result__line{
            width: 126%;
            left: -13%;
        }
        .result__text{
            font-size: 17px;
        }
        .result__box{
            font-size: 15px;
        }
        .result__point_black .result__text{
            margin-left: 50px;
        }
        .result__box,.result__point_green .result__box{
            padding: 8px;
        }
        .result__point_black {
            left: 0%;
            bottom: 10%;
        }
        .result__point_percent{
            bottom: 36%;
            left: 16%;
        }
        .result__point_green {
            left: 35%;
        }
        .result__point_blue .result__box {
            margin-left: -49px;
            margin-right: 5px;
        }
        .result__point_blue {
            top: 22%;
            right: -2%;
        }
        .casePageWrapper p.grid__title{
            font-size: 16px;
        }
        .grid__el p.text:not(:last-child) {
            margin-bottom: 15px;
        }
        .grid__block.grid__block_first .grid__el:first-child{
            padding: 20px;
        }
        .grid__block.grid__block_first .grid__el:nth-child(2) img{
            top: -29%;
            width: 107%;
        }
        .grid__block.grid__block_first .grid__el:first-child {
            flex: 0 0 calc(62% - 5px);
        }
        .grid__block.grid__block_first .grid__el:nth-child(2) {
            flex: 0 0 calc(38% - 5px);
        }
        .grid__block.grid__block_third .grid__el:first-child img {
            top: -25%;
            width: 100%;
            height: 100%;
        }
        .grid__block.grid__block_fourth .grid__el:first-child {
            padding: 12px 15px 15px 15px;
        }
        .grid__block.grid__block_second .grid__el:first-child {
           border: 5px solid #ADC566;
        }
        .grid__flex .grid__point:first-child {
            padding: 12px 12px 12px 15px;
            margin-bottom: 10px;
        }
        .grid__flex .grid__point:nth-child(2){
            padding: 12px 12px 12px 15px;
        }
        .grid__block{
            gap: 10px;
        }
        .grid__block:not(:last-child){
            margin-bottom: 10px;
        }
        .grid__block.grid__block_second .grid__el:first-child{
            flex: 0 0 calc(50% - 0px);
        }
        .grid__block.grid__block_third .grid__el:nth-child(2) {
            flex: 0 0 calc(60% - 5px);
        }
        .grid__block.grid__block_third .grid__el:first-child {
            flex: 0 0 calc(40% - 5px);
        }
        .grid__block.grid__block_fourth .grid__el:nth-child(2) {
            flex: 0 0 calc(42% - 0px);
        }
        /*new*/
    .casePageWrapper .container{
        width: 768px;
    }
    .text.main__text:not(:last-child){
        margin-bottom: 30px;
    }
    .main{
        padding-bottom: 60px;
    }
    .tasks__num{
        font-size: 50px;
        margin-right: 25px;
    }
    .main__image,.main__back{
        height: 1072px;
    }
    .text{
        font-size: 14px;
        line-height: 18px;
    }
    .tasks__flex{
        flex: 0 0 65%;
    }
}

@media (max-width: 767px) {
    .casePageWrapper .container {
        width: 100%;
    }
            /*new*/
            .laptop__textblock{
                margin-bottom: 30px;
                flex-direction: column;
            }
            .tasks.tasks__main{
                margin-bottom: 0px;
                padding-bottom: 50px;
                margin-top: 50px;
                background-size: initial;
                background-position-y: 63%;
                background-position-x: 42%;
            }
            .text.laptop__text{
                font-size: 22px;
                margin-bottom: 15px;
            }
            .tasks__title{
                font-size: 50px;
            }
            .laptop__img{
                width: 100%;
            }
            .about{
                margin-top: 50px;
                margin-bottom: 50px;
            }
            .casePageWrapper h3.about__title{
                font-size: 35px;
                margin-bottom: 30px;
            }
            .about__span.big{
                font-size: 27px;
                line-height: 33px;
            }
            .about__text.text, .about__span.small{
                font-size: 18px;
            }
            .about__point img{
                width: 43px;
                height: 43px;
                margin-right: 15px;
                margin-left: 0;
            }
            .about__points_left .about__point:nth-child(1) img{
                width: 50px;
                height: 50px;
            }
            .about__points_left .about__point:nth-child(3) img{
                width: 44px;
                height: 44px;
            }
            .about__points_right .about__point:nth-child(2) img{
                width: 33px;
                height: 41px;
            }
            .about__points_right .about__point:nth-child(3) img{
                width: 40px;
                height: 40px;
            }
            .about__points_right{
                margin-top: 30px;
            }
            .about__point{
                min-height: 80px;
            }
            .about__logo {
                width: 236px;
                height: 101px;
            }
            .navigation__list{
                flex-direction: column;
            }
            .navigation{
                margin-bottom: 50px;
            }
            .titleMain{
                font-size: 27px;
            }
            .casePageWrapper p.titleNum{
                font-size: 47px;
            }
            .start__heading{
                margin-left: auto;
                margin-right: auto;
                align-items: center;
                justify-content: center;
            }
            .start__li,.start__num{
                position: static;
            }
            .start__li:not(:last-child){
                margin-bottom: 15px;
            }
            .start__li_third,.start__num{
                transform: none;
            }
            .start__comment{
                position: static;
                margin-left: auto;
                margin-right: auto;
                margin-top: 20px;
            }
            .start__list{
                display: flex;
                flex-direction: column;
            }
            .text.start__text{
                margin-left: 20px;
                max-width: calc(100% - 72px);
                width: 80%;
                min-height: 60px;
            }
            .start{
                padding-bottom: 50px;
            }
            .target__block{
                padding: 30px 40px 40px 30px;
            }
            .target__title{
                font-size: 23px;
            }
            ul.last__list > li.text, .target__block.target__block_low .text{
                font-size: 15px;
            }
            ul.last__list > li{
                margin-left: 55px;
            }
            .target__block.target__block_low{
                flex-direction: column;
            }
            .target__block.target__block_low .target__title{
                flex: 0 0 100%;
                margin-right: 0px;
                margin-left: 0px;
                align-self: flex-start;
                margin-bottom: 25px;
            }
            .casePageWrapper .tasks__common > .tasks__container .target__block:not(:last-child){
                margin-bottom: 30px;
            }
            .target__block.target__block_low{
                padding: 30px 30px;
            }
            ul.navigation__list li{
                padding: 12px 12px;
            }
            .navigation__list li:not(:last-child){
                margin-bottom: 14px;
            }
            .navigation__list li:last-child{
                margin-bottom: 0;
            }
            .target__flex{
                flex-direction: column-reverse;
            }
            .research{
                padding-top: 50px;
                padding-bottom: 50px;
            }
            .casePageWrapper p.research__num{
                font-size: 40px;
                letter-spacing: 4px;
            }
            .research__main{
                font-size: 20px;
            }
            .research__block{
                flex-direction: column;
            }
            .research__line{
                transform: rotate(90deg);
                height: 155px;
                width: 149px;
            }
            .research__line.research__line_third{
                height: 155px;
                width: 149px;
                margin-right: auto;
            }
            .research__point:not(:last-child){
                margin-bottom: 0;
            }
            .second__imgblock {
                padding-top: 50px;
            }
            img.second__call {
                width:100%;
                height: 428px;
                margin-bottom: 20px;
            }
            img.second__card {
                width:100%;
                height: 400px;
                bottom: 0px;
                right: 0px;
                position: static;
            }
            .second__back{
            display: none;
            }
            .second__img, .second__call, .second__card{
                border: 2px solid rgba(109, 142, 235, 1);
            }
            .research__point {
                margin-bottom: 0;
            }
            .realisation__main{
                margin-top: 50px;
            }
            .realization__leave{
                width: 120px;
                height: 64px;
            }
            .realization__card .text{
                font-size: 15px;
            }
            .detail img.realisation__dots{
                display: none;
            }
            .realisation__image_first{
                width: 100%;
                height: 160px;
                margin-top: 30px;
            }
            .realization__photo.realization__photo_first{
                margin-bottom: 50px;
                margin-top: 20px;
            }
            .realization__point{
                padding: 10px 13px;
                bottom: -37px;
            }
            .casePageWrapper .realization__card.realization__card_third p.realization__num{
                margin-right: 17px;
            }
            .realisation__test{
                flex-direction: column;
                margin-top: 60px;
            }
            .realisation__image_second{
                width: 100%;
                height: 1110px;
            }
            .realization__photo.realization__photo_second{
                top: 0px;
                margin-top: 70px;
                margin-bottom: 30px;
                left: 0;
            }
            .realization__point.realization__point_right{
                left: 17%;
                bottom: -45px;
            }
            .realization__photo{
                align-self: center;
                width: 100%;
            }
            .realisation__image_second{
                margin-bottom: 100px;
            }
            .realization__card.realization__card_third .realization__point{
                left: 4px;
            }
            .realisation__image_third{
                width: 100%;
                height: 222px;
            }
            .realization__photo_third{
                margin-top: 60px;
                margin-bottom: 30px;
            }
            .realization__card.realization__card_wid .realization__point.realization__point_right{
                left: 8%;
                bottom: -65px;
            }
            .realization__card_fourth .realization__point{
                left: 77px;
                bottom: -64px;
            }
            img.realization__last{
                margin-top: 10px;
                height: 280px;
            }
            .results__icon{
                width: 42px;
                height: 42px;
                top: 0px;
            }
            .results__txtblock{
                margin-left: 60px;
            }
            .results__card{
                margin-bottom: 32px;
            }
            .results{
                margin-top: 50px;
                margin-bottom: 50px;
            }
            .results__flex{
                margin-top: 75px;
                flex-direction: column;
            }
            .results__card:nth-child(1), .results__card:nth-child(3){
                margin-right: 0;
            }
            .results__card:nth-child(2), .results__card:nth-child(4){
                margin-left: 0;
            }
            .results{
                margin-bottom: 30px;
            }
            .results__history, .result__line{
                height: 200px;
            }
            .result__text{
                font-size: 13px;
            }
            .result__box{
                font-size: 12px;
            }
            .result__point_black .result__text{
                margin-left: 40px;
            }
            .result__box, .result__point_green .result__box{
                padding: 6px;
            }
            .result__point_black {
                left: -2%;
                bottom: -3%;
            }
            .result__point_percent .result__text:not(:last-child){
                margin-bottom: 8px;
            }
            .result__point_percent {
                bottom: 31%;
                left: 10%;
            }
            .result__point_blue .result__box {
                margin-left: -40px;
            }
            .result__point_blue {
                top: -9%;
                right: -2%;
            }
            .result__point_green{
                bottom: 62%;
                left: 18%;
            }
            .results__history{
                margin-top: 50px;
            }
            .grid__block{
                flex-direction: column;
                gap: 20px;
            }
            .grid__block:not(:last-child) {
                margin-bottom: 20px;
            }
            .grid__flex .grid__point:first-child {
                margin-bottom: 20px;
            }
            .grid__block.grid__block_third .grid__el:first-child img{
                top: -19%;
            }
            .grid__block.grid__block_second .grid__el:first-child img{
                max-height: 243px;
                object-fit: cover;
            }
            .grid__block.grid__block_fourth .grid__el:nth-child(2) img{
                max-height: 231px;
                object-fit: cover;
            }
            .grid__el img{
                border-radius: 10px;
            }
            .grid__block.grid__block_second .grid__el:first-child{
                max-height: 262px;
            }
            .grid__block.grid__block_fourth .grid__el:nth-child(2){
                border: 9px solid #6D8EEB;
                max-height: 250px;
            }
            .grid{
                margin-top: 0;
                margin-bottom: 50px;
            }
            .grid__block.grid__block_first .grid__el:nth-child(2),.grid__block.grid__block_third .grid__el:first-child{
                width: 100%;
                min-height: 250px;
            }
            .grid__block.grid__block_first .grid__el:nth-child(2) img {
                top: -15%;
                width: 100%;
            }
            .grid__block.grid__block_second .grid__el:first-child {
                border: 9px solid #ADC566;
            }
            /*new*/
    .text{
        font-size: 14px;
        line-height: 20px;
    }
    .container.tasks__container{
        flex-direction: column;
        padding-top: 0px;
        padding-bottom: 50px;
    }
    .casePageWrapper .tasks:nth-child(2) .tasks__container{
        padding-top: 50px;
    }
    .tasks__flex.tasks__flex_points{
        flex: 0 0 100%;
    }
    .detail img.second__back{
        display: none;
    }
.tasks__container{
    flex-direction: column-reverse;
}
.tasks__img{
    width: 220px;
    height: 364px;
    align-self: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
    .casePageWrapper .tasks:nth-child(2) .tasks__container{
        padding-bottom: 0px;
    }
    .casePageWrapper .tasks:nth-child(5) .tasks__container{
        padding-top: 40px;
    }
    .tasks__num {
        font-size: 42px;
        margin-right: 25px;
    }
.main__image,.main__back{
    height: 1020px;
}
.main{
    padding-bottom: 30px;
}
    .tasks.tasks__pd{
        padding-top: 50px;
        padding-bottom: 50px;
    }
    }
.casePageWrapper p,
.casePageWrapper h1,
.casePageWrapper h2,
.casePageWrapper h3,
.casePageWrapper h4,
.casePageWrapper h5,
.casePageWrapper h6 {
    margin: 0px;
}
@media(max-width:645px){
    .main__image,.main__back{
        height: 1120px;
    }
}