.about-block{ border-radius: 8px; overflow: hidden}
.about-block img{ border-radius: 8px;  }
.about-text{ padding: 15px;}

.about-block-1{ background: #EDF5F9; margin-bottom: 30px; }
.about-block-1 video{ width: 100%; max-height: 380px; object-fit: cover; }
.about-block-1 .block-inner-left{ background: #000; border-radius: 8px; overflow: hidden}
.about-slogan{ padding-left: 60px; padding-top: 30px; font-weight: 600;  }
.about-slogan:before{content: ""; display:block; position: absolute; width: 40px; height: 40px; left: 15px; top:15px; background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9JyMwMEE3RTEnIHdpZHRoPSc4MDBweCcgaGVpZ2h0PSc4MDBweCcgdmlld0JveD0nMCAwIDMyIDMyJyB2ZXJzaW9uPScxLjEnPjx0aXRsZT5xdW90ZTwvdGl0bGU+PHBhdGggZD0nTTkuNTYzIDguNDY5bC0wLjgxMy0xLjI1Yy01LjYyNSAzLjc4MS04Ljc1IDguMzc1LTguNzUgMTIuMTU2IDAgMy42NTYgMi42ODggNS4zNzUgNC45NjkgNS4zNzUgMi44NzUgMCA0LjkwNi0yLjQzOCA0LjkwNi01IDAtMi4xNTYtMS4zNzUtNC0zLjIxOS00LjY4OC0wLjUzMS0wLjE4OC0xLjAzMS0wLjM0NC0xLjAzMS0xLjI1IDAtMS4xNTYgMC44NDQtMi44NzUgMy45MzgtNS4zNDR6TTIxLjk2OSA4LjQ2OWwtMC44MTMtMS4yNWMtNS41NjMgMy43ODEtOC43NSA4LjM3NS04Ljc1IDEyLjE1NiAwIDMuNjU2IDIuNzUgNS4zNzUgNS4wMzEgNS4zNzUgMi45MDYgMCA0Ljk2OS0yLjQzOCA0Ljk2OS01IDAtMi4xNTYtMS40MDYtNC0zLjMxMy00LjY4OC0wLjUzMS0wLjE4OC0xLTAuMzQ0LTEtMS4yNSAwLTEuMTU2IDAuODc1LTIuODc1IDMuODc1LTUuMzQ0eicvPjwvc3ZnPg==");}

.about-block-2{ background: #EDF5F9; margin-bottom: 30px }
.about-block-2 img{ width: 100%; max-height: 380px; object-fit: cover}

.about-items{ margin-bottom: 40px; margin-top: 0; padding-top: 20px}
.about-items .about-item{ padding-left: 23px; padding-top: 16px }
.about-items .about-item:first-child{ margin-bottom: 20px;}
.about-items .about-item h3{ font-weight: 900; font-size:20px; color: #00A7E1; margin-top: 0; margin-bottom: 15px}
.about-items .about-item:before{content: ""; display:block; position: absolute; width: 18px; height: 18px; left: 0px; top:0px; background: #00A7E1}

@media only screen and (min-width: 768px) {

    .about-slogan{ padding: 60px 30px 40px 110px;   }
    .about-slogan:before{content: ""; display:block; position: absolute; width: 70px; height: 70px; left: 30px; top:40px;}

    .about-items{ margin-bottom: 60px;   padding-top: 40px}

    .about-items .about-item{   flex-basis: calc(50% - 20px); box-sizing: border-box;}
    .about-items .about-item:first-child{ margin-bottom: 0;}

}


@media only screen and (min-width: 1024px) {

    .about-block{display: flex; justify-content: space-between}
    .about-block-inner{ flex-basis: 50%; box-sizing: border-box; display: flex; align-items: center}

    .about-slogan{ padding-left: 110px; padding-top: 60px; padding-bottom: 40px;  font-size: 18px}
    .about-text{  }

    .about-block-2 img{ width: 100%; max-height: none; height:100%; }
    .about-block-2 .block-inner-left{ order: 10}
    .about-block-2 .about-text{ padding: 20px; padding-left: 30px}
}

@media only screen and (min-width: 1280px) {
    .about-block-2 .about-text{   padding-left: 30px}

}