.main_wrapper { background-color: #FFFFFF; padding: 0; max-width: 1440px; width: 100%; box-sizing: border-box; margin: 0 auto; padding: 0 24px;}
.x5-group-section-1 { position: relative; margin: 0; padding: 0; min-height: 100%; }
.s1-left-circle { align-self: flex-start; background: #ECF86E; gap:41px; min-height: 88px; border-radius: 90px; padding: 13px 25px 13px 41px; font-size: clamp(20px, 1.80555555556vw, 26px); display: flex; align-items: center; justify-content: space-between; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.1); line-height:1.2; color:rgba(32, 30, 38, 1) }
.s1-left-circle-arrow { width: 64px; aspect-ratio: 1 / 1; }
.s1-grid { display: grid;grid-template-columns: minmax(0, 41%) minmax(0, 59%);  width: 100%; gap: 53px; align-items: start;  }
.s1-left { display: flex; flex-direction: column; gap: 157px; padding: 10px 0; }
.s1-left-logo { width: 320px; height: auto; object-fit: cover; flex-shrink: 0; }
.s1-left-row { display: flex; flex-direction: row; gap: 20px; align-items: center; padding: 10px 0; }
.s1-left-row img { width: 150px; height: 90px; border-radius: 20px;  aspect-ratio: 16 / 9; flex-shrink: 0; }
.s1-left-row p { font-size: clamp(36px, 3.05555555556vw, 44px); color: #201E26; line-height:0.86; margin-bottom:0}
.s1-right { display: flex; flex-direction: column; justify-content: space-between; padding: 10px 0; }
.s1-right-main-img {  width: 100%; height: -webkit-fill-available; position: relative; overflow: hidden; border-radius: 30px; aspect-ratio: 711 / 647;}
.s1-right-main-img img { width: 100%; height: -webkit-fill-available; object-fit: cover; display: block; }
.s1-right-column { position: absolute; bottom: 50px; left: 17px; right: 10px; display: flex; flex-direction: column; gap: 22px; padding: 8px; pointer-events: none; }
.s1-right-row1, .s1-right-row2 { display: flex; gap: 22px; flex-wrap: wrap; }
.s1-right-column span { border-radius: 90px; padding: 5.64px 16.57px 4.7px 19.32px; line-height:1.2; font-size: 18px; white-space: nowrap; width: auto; display: inline-block;color:rgba(32, 30, 38, 1) }
.s1-right-row1-1t { background-color: rgba(255, 255, 255, 0.48) }
.s1-right-row1-2t { background-color: rgba(236, 248, 110, 1) }
.s1-right-row2-1t { background-color: rgba(255, 255, 255, 0.48) }
.s1-right-row2-2t { background-color: rgba(255, 255, 255, 0.48) }
.s1-right-row2-3t { background-color: rgba(176, 207, 255, 1) }
.x5-group-section-2 { margin: 49px 0px 45px; background-color: #F0F0F0; border-radius: 30px; padding: 41px 31px 60px 41px; }
.s2-column { width: 100%; display: flex; flex-direction: column; gap: 38px; }
.s2-column-row { width: 100%; display: flex; flex-direction: row; gap: 32px;align-items: center; }
.s2-row-img { width: 60%; height: auto; border-radius: 20px; }
.s2-card { display: flex; flex-direction: column; justify-content: space-between; padding: 25px 58px 31px 58px; background-color: white; width: 40%; height: auto; border-radius: 30px; width: 583px;height:426px;gap: 88px; position:relative;}
.s2-card-row { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.s2-card-num { border-radius: 50px;  width: 65px; height: 65px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; }
.s2-card-img { height: 100px; width: auto; flex-shrink: 0; position:absolute; right:32px; top:8px }
.s2-card-img img { width: 100%; height: auto; display: block; object-fit: contain; }
.s2-card-text { margin-top: 0; font-size: 20px; line-height: 1.2; color: rgba(32, 30, 38, 1); white-space: pre-line;  text-wrap: pretty;  }
.s2-row-img { width: 60%;height:426px; border-radius: 20px; overflow: hidden; }
.s2-row-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.s2-col-button { display: flex; flex-direction: row; gap: 40px; align-items: center;  width: 55%; height: auto;  }
.s2-column-row-1 { width: 100%; display: flex; flex-direction: row; gap: 58px; }
.s2-col-text { width: 40%; height: auto; line-height:1.2;color:rgba(32, 30, 38, 1); align-self: center }
.s2-col-text { font-size: 44px; font-weight: 400; }
.s2-btn-arrow {  border-radius: 50px;  width: 64px; height: 64px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; }
.s2-btn-text { font-size: 24px; line-height:1.2; color:rgba(32, 30, 38, 1); text-wrap: pretty;  }
.x5-group-section-3 { margin: 0px 0px; border-radius: 20px; padding: 0px; }
.s3-main-text { font-size: 44px; font-weight: 400; line-height:1.2; color:rgba(32, 30, 38, 1); padding-left:41px; }
.s3-grid { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; gap: 30px; padding-top: 25px; }
.s3-card { display: flex; flex-direction: column; padding: 28px 35px 62px 41px; background-color: #F0F0F0; border-radius: 20px; gap: 18px; min-height: 500px; position: relative; }
.s3-card-img { width: 240px; height: auto; flex-shrink: 0; position: absolute; bottom: 5px; right: 0px; }
.s3-card-img img { width: 100%; height: auto; display: block; object-fit: contain; }
.s3-row { display: flex; flex-direction: row; gap: 15px; background-color: rgba(176, 207, 255, 1); border-radius: 90px; align-items: center;padding: 8px 10px; }
.s3-arrow {  border-radius: 50px; font-weight: 100; width: 64px; height: 64px; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center;  }
.s3-text { font-size: 24px; rgba(32, 30, 38, 1); line-height:1.2; }
.s3-card-text { text-wrap: pretty;  font-size: 20px; }
.x5-group-section-4 { margin: 0px 0px; border-radius: 20px; padding:27px 0 78px; }
.s4-row { display: flex; flex-direction: row; align-items: flex-end; gap: 30px; flex-wrap: nowrap; }
.s4-video { height: 878px; width: 444px; border-radius: 20px; object-fit: cover; }
.s4-row-col {  width: 70%; display: flex; flex-direction: column; justify-content: end; gap: 126px; }
.s4-text-row { display: flex; flex-direction: row; align-items: center; gap: 20px; padding-left:50px; }
.s4-arrow { border-radius: 50%;  width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.s4-text {  text-wrap: pretty; font-size: 24px; line-height: 1.2; max-width: 100%; color:rgba(32, 30, 38, 1); }
.s4-img { height:551px; width: 100%; max-width: 100%; border-radius: 20px; overflow: hidden; }
.s4-img img { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 20px; }
.x5-group-section-5 { margin: 0px 0px; background-color: #F0F0F0; border-radius: 30px; padding:39px 32px 51px 40px; }
.s5-play-button { position: absolute; bottom: 31px; left: 33px; border: none; border-radius: 50%; width: 66px; height: 66px; line-height: 1; cursor: pointer;  }
.s5-main-col { display: flex; flex-direction: column; max-width: 100%; }
.s5-main-row { max-width: 100%; display: grid; grid-template-columns: minmax(0, 42%) minmax(0, 57%); gap: 32px; }
.s5-left { display: flex; flex-direction: column; width: 100%; gap: 20px; }
.s5-card-text { text-wrap: pretty;  font-size: 20px; line-height:1.2; color:rgba(32, 30, 38, 1)}
.s5-card { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; padding:46px 105px 108px 56px; background-color: white; width: 100%; border-radius: 20px;position:relative;}
.s5-card-arrow { position:absolute; border-radius: 50%; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; bottom:34px; right:33px }
.s5-main-text { font-size: 44px; font-weight: 400;}
.s5-right { width: 100%; align-self:flex-end }
.s5-video { width: 759px; border-radius: 20px; aspect-ratio: 16 / 9;      height: 430px;   object-fit: cover;}
.video-wrapper {height:auto;position: relative;width: 100%; overflow: hidden;margin-bottom:0;border-radius: 20px; height: 430px;} 
.s5-main-image { padding-top: 51px; position: relative; width: 100%; }
.artek-hero-wrapper-s5 { position: relative; width: 100%; overflow: hidden; border-radius: 20px; }
.artek-hero-wrapper-s5 img { width: 100%; height: auto; display: block; }
.s5-row { position: absolute; bottom: 97px; left: 76px; right: 74px; display: flex;  align-items: center; justify-content: center; z-index: 3; }
.s5-text { background: #ECF86E; padding: 28px 42px 24px; font-size: 40px; line-height: 1.2; color: rgba(32, 30, 38, 1); font-weight: 400; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; height: 80px; white-space: nowrap;     width: 872px; }
.s5-text p { margin: 0; }
.s5-glob { background: #add8ff; padding: 10px 20px; height: 80px; min-width: 80px; border-radius: 999px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center; }
.s5-artek { background: white; padding: 10px 20px; height: 80px; min-width: 80px; border-radius: 999px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center; }
.s5-block img { max-width: 100%; max-height: 40px; object-fit: contain; }
@media (max-width: 1024px){
.s1-left{ gap:58px; }
.s1-left-logo{ width:200px; }
.s1-left-row img{ width:100px; height:60px; }
.s1-left-row p{ font-size:28px; }
.s1-left-circle-arrow { width: 48px; aspect-ratio: 1 / 1; }
.s1-left-circle{ padding:12px 28px; width:400px; gap:25px; font-size:18px;min-height:auto; }
.s1-left-circle-arrow{height:40px; width:40px }
.s1-right-column span{ border-radius:90px; padding:8px 20px; font-size:16px; white-space:nowrap; width:auto; display:inline-block; }
.s1-right-column {bottom: 20px;left: 17px;right: 10px;gap: 12px;padding: 8px;pointer-events: none;}
.s1-right-row1, .s1-right-row2 {gap: 12px;}
.s1-right-main-img img {       height: 374px;    object-fit: cover;    display: block;}
.s1-right-main-img {    width: 100%;    height: -webkit-fill-available;    position: relative;    overflow: hidden;    border-radius: 30px;   aspect-ratio: auto;
}
.s2-col-text{font-size:36px}
.s2-btn-text { font-size: 18px; }
.s2-btn-arrow{height:48px; aspect-ratio: 1 / 1;}
.s2-card {        padding: 20px 20px;        height: 327px;        width: 48%;        gap: 25px;    }
.s2-card-text{  font-size: 16px;}
.s2-column{gap:20px}
.s2-column-row{gap:20px}
.s2-column-row-1{gap:60px}
.s2-col-button {gap:20px}
.s2-card-num { border-radius: 50px;  width: 48px; height: 48px; aspect-ratio: 1 / 1; }
.s2-card-text{font-size:16px}
.s2-card-img { width: 100px; height: 100px; flex-shrink: 0; }
.s2-card-img img { width: 100%; height: auto; display: block; object-fit: cover; }
.s2-row-img {height: 327px;}
.s3-grid{ display:grid; grid-template-columns:repeat(3,1fr); justify-items:center; gap: 20px }
.s3-main-text{padding-left:20px; font-size:36px; }
.s3-card-img { width: 150px; height: auto; flex-shrink: 0; position: absolute; bottom: 5px; right: 0; }
.s3-card-img img { width: 100%; height: auto; display: block; object-fit: contain; }
.s3-card{min-height:0}
.s3-row{gap:12px}
.s3-card{    padding: 28px 20px 62px 20px;}
.s3-text{font-size:16px}
.s3-arrow{height:48px; width:48px}
.s3-card-text{font-size:16px}
.x5-group-section-3 { margin: 0px 0; border-radius: 20px; padding: 40px 0; }
.x5-group-section-2 { margin: 20px 0; border-radius: 20px; padding: 40px 20px; }
.x5-group-section-4 { margin: 0px 0; border-radius: 20px; padding: 0px 0; padding-bottom:20px }
.s4-row { display: flex; flex-direction: row; align-items: flex-end; gap: 20px; flex-wrap: nowrap; }
.s4-video{ height:550px; width:320px; border-radius:20px; object-fit:cover; }
.s4-row-col{ height:600px; width:70%; display:flex; flex-direction:column; justify-content:end; gap:70px; }
.s4-text{ font-size:18px;  max-width:100%; }
.s4-arrow{height:48px; width:48px}
.s4-img{height:340px}
.s4-text-row {padding-left: 32px;}
.x5-group-section-5 {    padding: 39px 20px 51px 20px;}
.s5-left { display: flex; flex-direction: column; width: 100%; gap: 20px; }
.s5-main-row { display:grid;  gap:20px; align-items:stretch; }
.s5-right    { display:grid; align-content:end; justify-content: end;} .s5-video    { display:block; width:100%; max-width:507px; height:295px; border-radius:20px; object-fit:cover; }
.s5-card-text{ font-size:16px; }
.s5-play-button { position: absolute; bottom: 16px; left: 16px; border: none; border-radius: 50%; width:48px; height: 48px; line-height: 1; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); }
.s5-card { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; padding: 50px 40px 60px; background-color: white; width: 100%; border-radius: 20px; min-height: 0; gap: 10px;  }
.s5-card-arrow {  border-radius: 50%; width: 48px; height: 48px; bottom: 16px; right: 16px;display: flex; align-items: center; justify-content: center;  }
.s5-main-text { font-size: 36px; font-weight: 400; }
.s5-text{font-size:28px;padding:15px 25px; height:auto}
.s5-artek {    height: 63px; min-width: 100px;  }
.s5-glob {    height: 63px;  min-width: 90px; }
.s5-row{bottom:60px}
}
@media (max-width: 768px){
.s1-grid {gap: 42px; }
.s1-right-main-img img {height: 277px;}
.s1-left{ gap:32px; }
.s1-left-logo{ width:160px; }
.s1-left-row img{ width:80px; height:50px; }
.s1-left-row p{ font-size:24px; }
.s1-left-circle{ padding:8px 18px; width:320px; min-height:50px; font-size:14px; }
.s1-left-circle-arrow{  width:32px; height:32px; }
.s1-right-column span {padding: 4px 8px;font-size: 10px;}
.s3-main-text{font-size:32px}
.s5-main-text{font-size:32px}
.s2-col-text{font-size:32px}
.s2-column-row{ flex-direction:row; }
.s2-column-row-1{ flex-direction:row; }
.s2-card, .s2-row-img{  height:262px; border-radius:20px; }
.s2-col-text{ width:46%; height:auto; }
.s2-column-row-1 {        gap: 10px;    }
.s2-col-button{ width:54%; height:auto; }
.s2-btn-text{font-size:14px}
.s2-btn-arrow{height:32px; width:32px}
.s2-card-text{font-size:12px; margin-top:0;}
.s2-card-num{height:32px; width:32px}
.s2-card-img { width: 60px; height: 60px; flex-shrink: 0; }
.s2-card-img img { width: 100%; height: auto; display: block; object-fit: cover; }
.x5-group-section-3 { padding: 40px 0;    }
.s3-text{ font-size:20px; }
.s3-card-text{ font-size:16px; }
.s3-card-img{ width:180px; }
.s3-grid { display:grid; grid-template-columns:repeat(2,1fr);  justify-items:stretch; }
.s3-grid > *:first-child { grid-column:1 / -1; } .s3-card{ gap:25px }
.s4-video{ height:400px; width:250px; border-radius:20px; object-fit:cover; }
.s4-row-col{ height:400px; width:70%; display:flex; flex-direction:column; justify-content:end; gap:30px; }
.s4-text{ font-size:14px;  max-width:100%; }
.s4-arrow{ width:32px; height:32px; }
.s4-text-row{padding-left:20px}
.s4-img {height: 262px;}
.x5-group-section-4{ margin:10px 0; border-radius:20px; padding:20px 0; }
.s5-main-row { display:grid; gap:20px; align-items:stretch; }
.s5-right    { display:grid; align-content:end; } .s5-video    { display:block; width:100%; max-width:400px; height:271px; border-radius:20px; object-fit:cover; }
.s5-card{padding:20px 30px 34px;}
.s5-card-text{ font-size:14px; }
.x5-group-section-5 { padding: 40px 20px;}
.s4-row{ gap:20px; }
.s5-row{ flex-direction:row; gap:5px; align-items:center; bottom:40px }
.s5-text{ font-size:18px; padding:12px 20px; height:auto; text-align:center; white-space:normal; }
.s5-glob, .s5-artek{ height:60px; min-width:100px; padding:10px 16px; }
.s5-block img{ max-height:30px; }
.s5-card-arrow, .s5-play-button{height:32px; width:32px}
.s5-row{left:40px; right:40px}
.s5-glob, .s5-artek{height:43px}
}
@media (max-width: 480px){
.main_wrapper { padding: 0 10px;}
.s1-grid{display:grid;grid-template-columns:repeat(1,1fr);width:100%; gap:10px}
.s1-left{display:flex;flex-direction:column;gap:20px;padding:0 0;align-items:center;}
.s1-right-main-img{align-self:center;width:100%;}
.s1-left-circle{align-self:center;}
.s1-right-column span {padding: 6px 8px;font-size: 14px;}
.s2-column-row{ flex-direction:column; }
.s2-column-row-1{ flex-direction:column; }
.s2-card{padding:20px 20px; gap:10px; width:100%}
.s2-row-img{width:100%}
.s2-card-num{border-radius:50px;width:36px;height:36px;}
.s2-card-img{width:80px;height:auto;flex-shrink:0;}
.s2-card-text{font-size:14px;}
.s2-btn-arrow{width:32px;height:32px;}
.s2-btn-text{font-size:14px;}
.s2-col-text {font-size: 28px;  width: 100%;}
.s2-col-button {        width: 100%;        height: auto;    }	
.x5-group-section-2{padding: 20px 10px; margin:10px 0;}
.x5-group-section-3{padding: 20px 10px}
.s3-main-text {font-size: 28px;}
.s3-text{ font-size:20px; }
.s3-card-text{ font-size:16px; }
.s3-card-img{ width:145px; bottom:5px; right:0; }
.s3-card {        min-height: 365px;    }
.s3-grid { display:grid; grid-template-columns:repeat(1,1fr);  justify-items:stretch; }
.s3-text{font-size:16px}
.s3-card{ gap:25px }
.s3-arrow{ width:42px; height:42px; }	
.x5-group-section-4{margin:10px 0;padding:20px 10px;}
.s4-row{display:flex;flex-direction:column;align-items:flex-start;gap:40px;flex-wrap:nowrap;}
.s4-video{height:300px;width:100%;} .s4-row-col{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;gap:10px;}
.s4-text-row{display:flex;flex-direction:row;align-items:center;gap:20px; padding-left:0}
.s4-arrow{width:42px;height:42px;}
.s4-text{font-size:18px;}
.s4-img{width:100%;border-radius:20px;overflow:hidden;position:relative;}
.s4-img img{width:100%;height:auto;object-fit:contain;display:block;position:relative;z-index:1;}
.x5-group-section-5{padding:20px 10px; margin: 40px 0;}
.s5-main-row{grid-template-columns:1fr;justify-items:center;gap:24px;}
.s5-left,.s5-right,.s5-card,.s5-video{width:100%;max-width:360px;}
.s5-card{padding:20px;min-height:260px;gap:12px; max-width:360px}
.s5-card-text{font-size:16px;}
.s5-card-arrow{width:48px;height:48px;}
.s5-main-text{font-size:28px;}
.s5-play-button{width:40px;height:40px;font-size:20px;bottom:12px;right:12px;}
.x5-group-section-5{padding:24px 12px;}
.s5-video{width:100%;max-width:360px;height:auto;aspect-ratio:16/9;display:block;margin:0 auto;}
.s5-row{position:absolute;bottom:15%;left:24px;right:24px;display:flex;gap:0;align-items:center;justify-content:center;z-index:3;}
.s5-text{background:#ECF86E;padding:10px 10px;font-size:10px;line-height:1.2;color:#000;font-weight:500;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;height:32px;white-space:nowrap;width:auto;}
.s5-text p{margin:0;}
.s5-glob{background:#add8ff;padding:10px 10px;height:32px;min-width:50px;border-radius:999px;box-shadow:0 5px 15px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;}
.s5-artek{background:#fff;padding:10px 10px;height:32px;min-width:50px;border-radius:999px;box-shadow:0 5px 15px rgba(0,0,0,0.1);display:flex;align-items:center;justify-content:center;}
.s5-block img{max-width:100%;max-height:40px;object-fit:contain;}
}
@media(max-width:375px){
.s2-row-img {        height: 196px;        border-radius: 20px;    }
}
html,body{hyphens:none !important;-webkit-hyphens:none !important;}
p,li,blockquote,h1,h2,h3,h4,h5,h6,
.s1-left-row p,.s1-left-circle-text,
.s1-right-row1-1t,.s1-right-row1-2t,
.s1-right-row2-1t,.s1-right-row2-2t,.s1-right-row2-3t,
.s2-col-text,.s2-btn-text,.s2-card-text,
.s3-main-text,.s3-text,.s3-card-text,
.s4-text,.s5-main-text,.s5-card-text,.s5-text{
hyphens:none !important;-webkit-hyphens:none !important;
word-break:normal;overflow-wrap:anywhere;
}