.content-about{
    max-width: 1600px;
    background: white;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 675fr 925fr;
    column-gap: 40px;
    padding: 85px 50px 90px;
}


.about-header{
    text-align: left;
}

.about-video{
    position: relative;
    background: url(../images/phone-frame.png);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 795px;
    width: 100%;
    height: 100%;
    margin: 88px auto 0;
}

.about-button {
    min-width: 320px;
}

.video-wrap{
    position: relative;
    text-align: center;
}

.video-preview{
    position: absolute;
    max-width: 80%;
    left: 77px;
    top: -115px;
    border-radius: 8px;
}

.content-mission{
    background: #f4f3ef
}

.content-mission{
    padding: 90px 0 70px;
}


.mission-text {
    max-width: 1205px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.content-partners{
    max-width: 1600px;
    margin: 105px auto;
}

.partners-slider{
    padding: 0 140px; 
    width: 100%;
}

.partners-slider .slick-track{
    display: flex;
    align-items: center;
}

.slick-next:before{
    background: url(../images/arr-right.png), no-repeat;
    transform: translate(10px, 10px);
    width: 16px;
    height: 38px;
}

.slick-prev:before{
    background: url(../images/arr-left.png), no-repeat;
    transform: translate(10px, 10px);
    width: 16px;
    height: 38px;
}

.partners-logo{
    margin: 0 35px;
}

.logo-mod{
    max-height: 56px
}

.content-services{
    max-width: 1600px;
    margin: 0 auto 115px;
}

.services-wrap{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 75px;
    column-gap: 25px;
    margin-top: 65px;
    padding-left: 135px;
    padding-right: 80px;
}

.services-item, .services-item a {
    display: flex;
    align-items: center;
}
.services-item a:hover {
    text-decoration: none;
}

.services-img{
	max-width: 122px;
	width: 10vw;
    height: auto;
    margin-right: 20px;
}

.services-text{
    font-size: 32px;
    line-height: 36px;
}

.content-news{
    display: flex!important;
    max-height: 800px;
}

.news-info{
    width: 50%;
    background-color: black;
    padding-top: 130px;
    padding-bottom: 130px;
    margin: 0 auto;
}

.news-content{
    margin: 0 auto;
}

.title-wrap{
    max-width: 540px;
    height: 368px;
    margin-left: 112px;
    margin-bottom: 80px;
    overflow: hidden;
}

.mainNews {
    text-overflow: ellipsis;
}

.news-button {
    display: block;
    max-width: 242px;
    margin-left: 112px;
}

.news-title{
    text-align: left;
}

.news-img-wrap{
    width: 50%;
    background: #eeeeee;
}

.home-news-img{
    width: 100%;
    height: 100%;
    display: grid;
}

.review-title-wrap {
    position: absolute;
    width: 100%;
    height: 470px;
    background: #f4f3ef;
    top: 0;
}

.title-review {
    padding-top:105px; 
    padding-bottom: 35px;
}
.content-review {
    position: relative;
    padding-top: 254px;
    padding-bottom: 175px;
}

.review {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 160px;
}

.review-wrap {
    max-width: 520px;
    height: 500px; 
}

.review-item {
    position: relative;
    padding: 15px 0 0;
}

.review-author,
.review-text {
    padding: 0 30px;
}

.review-text {
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 15px
}

.review-author {
    opacity: .6;
}

.review-header {
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    position: absolute;
    width: 100%;
}

.review-content {
    height: 315px;
    padding-top: 45px;
    background: white;
    margin-top: 135px;
    border-radius: 0 0 16px 16px;
}

.review-decor {
    width: 100%;
    height: 49px;
    background: url(../images/Shape-7.png);
    background-repeat: no-repeat;
}

.header-eat {
    background: #ff8000;
}

.header-cola {
    background: #e61a27;
}

.header-diadeo {
    background: #c80651;
}
.about-video #frame {
	visibility: hidden;
	top: 0;
}
#playvideo:hover {
  color: #fff;
  text-decoration: none;
}
#playvideo {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
@media(max-width: 1440px) {
    .news-info {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .review {
        padding: 0 40px;
    }

    .partners-slider {
        padding-left: 40px;
        padding-right: 40px;
    }


}

@media(max-width: 1300px) {
    .content-about {
        align-items: center;
    }

    .about-video{
        max-height: unset; 
        margin: 105px 0 0;
        width: 615px;

    }
    .video-wrap{
        margin: 0 auto;
    }

    .video-preview {
        max-width: 475px;
        top: -80px;
    }

    .about-info{
        margin: 0 auto;
    }
    .about-text {
        font-size: 25px;
        line-height: 50px;
    }

    .services-wrap {
        padding-left: 80px;
    }
}

@media(max-width: 1200px) {
    .content-about {
        padding-left: 0;
        padding-right: 0;
    }

    .video-preview {
        max-width: 80%;
        left: 11%
    }

    .about-video {
        width: 100%;
        margin-top: 165px;
    }

    .services-img {
        max-width: 83px;
    }

    .services-text {
        font-size: 30.5px;
        line-height: 1.1;
    }

}

@media(max-width: 1024px) {
    .content-about {
        zoom: 0.8
    }

    .review {
        zoom: 0.6;
    }

    .main-slider {
        zoom: 0.8;
    }

    .header {
        zoom: 0.8;
    }

}

@media(max-width: 1000px) {
    .services-img {
        max-width: 56px;
    }

    .services-text {
        font-size: 20px;
    }

    .services-wrap {
        padding-right: 40px;
        padding-left: 40px;
    }

    .about-text {
        font-size: 20px
    }

    .about-button {
        min-width: 250px;
    }
}

@media(max-width: 850px) {
    .services-img {
        max-width: 56px;
    }

    .services-text {
        font-size: 16px;
    }

}


@media(max-width: 640px) {
    .content-news {
        max-height: unset;
    }
    .content-about {
        zoom: unset
    }

    .services-wrap {
        grid-template-columns: 1fr;
    }

    .services-img {
        max-width: 115px;
        width: 100%;
    }

    .services-text {
        font-size: 32px;
    }

    .block-parent {
        display: flex;
        flex-direction: column-reverse;
    }

    .content-services {
        margin-top: 85px;
    }

    .content-partners {
        margin-top: 0;
        max-width: 100vw;
    }

    .services-wrap {
        max-width: unset;
    }

    .services-img {
        max-width: 122px;
    }

    .content-about {
        padding-left: 0;
        padding-right: 0;
        column-gap: 125px;
        display: flex;
        flex-direction: column-reverse;
        position: relative;
    }

    .video-preview {
        max-width: 80%;
        top: -80px;
        left: 11%;
    }

    .about-video {
        width: 90%;
        height: 30%;
        margin-top: 160px;
        position: absolute;
        top: 0;
    }

    .about-info {
        padding-top: 409px;
        width: 90%;
        text-align: center;
    }

    .about-header {
        margin-top: 40px;
        text-align: center;
    }

    .about-text {
        font-size: 32px;
    }

    .about-button {
        margin-top: 48px;
        min-width: 400px;
        padding: 30px 25px;
        font-size: 40px;
    }

    .mission-text {
        max-width: 920px;
    }

    .content-news{
        display: block!important;
    }

    .news-img-wrap{
        width: 100%;
    }

    .home-news-img {
        max-height: 580px;
    }

    .news-info{
        width: 100%;
    }
    .review{
        display: block;
    }
    .review-wrap{
        margin: 0 auto;
        height: unset;
    }

    .review-content {
        height: unset;
    }

    .partners-logo {
        margin: 0 15px;
    }

    .title-wrap {
        height: unset;
    }


    .h2 {
        font-size: 48px;
    }

    .services-wrap {
        max-width: 998px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    .services-img {
        max-width: 83px;
    }

    .services-text {
        font-size: 25px;
        line-height: 1;
    }

    .title-wrap {
        height: 275px;  
        margin: 0 auto;
    }

    .news-info {
        padding-top: 70px;
        padding-bottom: 62px;
    }

    .news-title {
        text-align: center;
    }

    .news-button {
        margin: 0 auto;
        max-width: 280px;
        width: 100%;
        padding: 25px;
        font-size: 40px;
        line-height: 1.4;
    }

    .review {
        zoom: unset
    }

    .review-text {
        padding-left: 43px;
        padding-right: 48px;
        font-size: 22px;
        line-height: 1.5;
    }

    .review-img {
        width: auto;
    }

    .review-author {
        margin-bottom: 15px;
        padding-left: 43px;
    }

    .review-content {
        padding-top: 105px;
        margin-top: 80px;
    }

    .white-text{
        font-size: 48px
    }
    .yellow-text{
        font-size: 48px
    }
    .slick-active {
	opacity: 1 !important;
	filter: brightness(1) !important;
	left: 0 !important;
	position: absolute !important;
}
}

@media(max-width: 425px) {
    .about-button {
        min-width: 200px
    }
}

@media(max-width: 425px) {

    .content-about {
        padding-top: 43px;
        padding-bottom: 45px
    }

    .about-video {
        margin-top: 65px;
        height: 40%;
    }

    .about-info {
        padding-top: 240px
    }

    .video-preview {
        left: 11%;
        top: -50px;
    }

    .text {
        font-size: 16px;
        line-height: 32px;
    }

    .h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .button {
        margin-top: 24px;
        padding: 13px 12px;
        font-size: 14px;
    }

    .content-mission {
        padding-top: 45px;
        padding-bottom: 35px;
    }

    .content-services {
        margin-top: 45px;
    }

    .services-wrap {
        row-gap: 32px;
    }

    .services-img {
        max-width: 41px;
    }

    .services-text {
        font-size: 13px;
    }

    .news-info {
        padding-top: 35px;
        padding-bottom: 31px;
    }

    .news-button {
        width: 140px;
    }
    
    .title-wrap {
        height: 250px;
    }

    .white-text {
        font-size: 35px;
    }

    .yellow-text {
        font-size: 35px
    }

    .content-review {
        padding-top: 127px;
        padding-bottom: 55px
    }

    .review-title-wrap {
        height: 280px;
    }

    .review-wrap {
        /* height: 380px; */
    }

    .review {
        padding: 0 20px
    }

    .review-header {
        height: 72px;
    }

    .review-img {
        width: 145px
    }

    .review-content {
        padding-top: 53px;
        margin-top: 40px;
        height: 250px;
    }

    .review-text {
        padding-left: 21px;
        padding-right: 24px;
        font-size: 15px;
    }

    .review-author {
        padding-left: 21px;
    }

    .title-review {
        padding-top: 52px
    }
}

@media(max-width: 320px) {

    .content-about {
        padding-top: 43px;
        padding-bottom: 45px
    }

    .about-video {
        margin-top: 65px;
    }

    .about-info {
        padding-top: 200px
    }

    .video-preview {
        left: 11%;
        top: -40px;
    }

    .text {
        font-size: 16px;
        line-height: 32px;
    }

    .h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .button {
        margin-top: 24px;
        padding: 13px 12px;
        font-size: 14px;
    }

    .content-mission {
        padding-top: 45px;
        padding-bottom: 35px;
    }

    .content-services {
        margin-top: 45px;
    }

    .services-wrap {
        row-gap: 32px;
    }

    .services-img {
        max-width: 41px;
    }

    .services-text {
        font-size: 13px;
    }

    .news-info {
        padding-top: 35px;
        padding-bottom: 31px;
    }

    .news-button {
        width: 140px
    }
    
    .title-wrap {
        height: 250px;
    }

    .white-text {
        font-size: 35px;
    }

    .yellow-text {
        font-size: 35px
    }

    .content-review {
        padding-top: 127px;
        padding-bottom: 55px
    }

    .review-title-wrap {
        height: 280px;
    }

    .review-wrap {
        /* height: 380px; */
    }

    .review {
        padding: 0 20px
    }

    .review-header {
        height: 72px;
    }

    .review-img {
        width: 145px
    }

    .review-content {
        padding-top: 53px;
        margin-top: 40px;
        height: 250px;
    }

    .review-text {
        padding-left: 21px;
        padding-right: 24px;
        font-size: 15px;
    }

    .review-author {
        padding-left: 21px;
    }

    .title-review {
        padding-top: 52px
    }
}