* {
-webkit-box-sizing: border-box;
box-sizing: border-box; }.block-header {
padding: 60px 20px;
max-width: 1100px;
margin: 0 auto; }
.block-header .header-title {
font-size: 2.8rem;
line-height: 1.1;
margin-bottom: 40px;
font-weight: 800;
color: #222;
width: 100%; }
.block-header .header-body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
gap: 40px; }
@media (min-width: 992px) {
.block-header .header-body {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; } }
.block-header .header-content {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; }
.block-header .header-content .header-description {
font-size: 1.15rem;
line-height: 1.6;
color: #444;
border-left: 4px solid #DE5662;
padding-left: 20px;
margin: 0; }
.block-header .header-video-wrapper {
-webkit-box-flex: 1.2;
-webkit-flex: 1.2;
-ms-flex: 1.2;
flex: 1.2;
position: relative;
width: 100%;
border-radius: 12px;
overflow: hidden;
-webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
aspect-ratio: 16 / 9; }
.block-header .header-video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }