.main_wrapper { background-color: #F0F0F0;  padding: 0; max-width:1440px; width:100%;   box-sizing: border-box;  margin: 0 auto; border-radius: 0; }
.artek-section-1 { position: relative; margin: 0; padding: 22px 24px 40px; }
.artek-hero-wrapper { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 20px; }
.artek-hero-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; }
.s1-text1 { position: absolute;  left: 65px; top:368px; background: rgba(240, 240, 240, 0.74); padding: 39px 95px 29px 64px; border-radius: 20px;  font-size: clamp(32px, 3.61vw, 52px); font-weight: 400; min-width: 722px; line-height: 1; z-index: 1; color:rgba(32, 30, 38, 1) }
.s1-row1 { position: absolute; bottom: 72px; left: 65px; right:65px; max-width: 100%; display: flex; justify-content: space-between;  box-sizing: border-box; z-index: 1; }
.s1-left { align-self: flex-end; background: #F0F0F0; min-width: 505px; min-height: 82px; color:rgba(32, 30, 38, 1); border-radius: 90px; padding: 0 16px 0 32px; line-height:1.2; font-size: 28px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.s1-left-arrow { width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; margin-left: 20px; }
.s1-right { display: flex; flex-direction: column; align-items: flex-end; gap: 42px; align-self: flex-end; }
.s1-logo1 { width: 101px; height: 101px; border-radius: 50%; background: linear-gradient(to bottom, #FF7F2A, #D40000); color: white; font-size: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 0.9; text-align: center; aspect-ratio: 1 / 1; }
.s1-text2 { background: rgba(240, 240, 240, 0.72); padding: 24px 33px 20px 37px; border-radius: 90px; font-size: 28px; line-height:1.2; min-width: 633px; min-height: 78px; display: inline-flex; align-items: center; text-align: center;color:rgba(62, 49, 101, 1) } .artek-section-2 {padding: 40px 24px; display: flex; justify-content: center; background: #F0F0F0; }
.s2-row { display: flex; gap: 43px; background:rgba(255, 255, 255, 0.74); border-radius: 20px; padding: 52px 33px 52px 47px; max-width: 100%; box-shadow: 0 2px 8px rgba(0,0,0,0.05); align-items: center; }
.s2-img { width: 361px;height:235.16px; border-radius: 20px; overflow: hidden; }
.s2-img img { width: 100%; height: 100%; border-radius: 20px; object-fit: cover; display: block;  }
.s2-text { width: 1049px; font-size: 28px; line-height: 1.2; color:rgba(32, 30, 38, 1) } .artek-section-3 { padding:19px 24px 40px;}
.s3-div { max-width: 100%; margin: 0 auto; }
.s3-text { text-align: start; margin-bottom: 37px; }
.s3-text-main-with-icon { display: flex; flex-direction: row; align-items: center; justify-content: start;  line-height:1.2; gap: 16px; font-size: 44px; font-weight: 400; margin-bottom: 14px; color:rgba(32, 30, 38, 1)}
.s3-icon-button { width: 83px; height: 46px; min-width: 48px; min-height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.s3-text-p { font-size: 28px; line-height: 1.2; max-width: 100%; margin: 0 auto; color:rgba(32, 30, 38, 1); }
.s3-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 41px 50px; }
.s3-card { background: #ffffff; min-height: 319px; border-radius: 20px; padding: 31px 94px 48px 30px; display: flex; flex-direction: column; gap: 24px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.s3-arrow { width: 65px; height: 65px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.s3-p1 { font-size: 28px; margin-bottom: 12px; line-height:1.5;  color:rgba(32, 30, 38, 1) }
.s3-p2 { font-size: 20px; line-height: 1.2; margin: 0; color:rgba(32, 30, 38, 1)}
.s3-img { width: 100%; aspect-ratio: 16 / 9; border-radius: 16px; overflow: hidden; }
.s3-img img { width: 100%; height: 100%; object-fit: cover; display: block; } .artek-section-4 {padding: 46px 24px; }
.s4-div { max-width: 100%; margin: 0 auto; }
.s4-text { text-align: start; margin-bottom: 40px; }
.s4-text-main-with-icon { display: flex; flex-direction: row; align-items: center; justify-content: start; gap: 16px; font-size: 44px; font-weight: 400; margin-bottom: 16px;  color:rgba(32, 30, 38, 1); line-height:1.2;}
.s4-icon-button { width: 83px; height: 46px; min-width: 48px; min-height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .s4-grid{
display: grid;
grid-template-columns:
[col1] minmax(0,1fr)
[g12] 65px
[col2] minmax(0,1fr)
[g23] 36px        
[col3] minmax(0,1fr);
row-gap: 9px;     
}
.s4-grid > :nth-child(3n+1){ grid-column: col1; }
.s4-grid > :nth-child(3n+2){ grid-column: col2; }
.s4-grid > :nth-child(3n){   grid-column: col3; }
.s4-g-item { display: flex; flex-direction: column; height: 100%; }
.s4-card, .s4-img2 { flex: 1; height: 100%; }
.s4-img1 { flex: 1; width: 100%; }
.s4-img1 img { width: 100%; height: auto; object-fit: cover; border-radius: 16px; aspect-ratio: 16/11; }
.s4-img2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 11px;  }
.s4-img2 img { width:100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover;  border-radius: 16px;}
.s4-number { font-size: 36px; color: #009FE3; line-height:1.2; margin-bottom:11px}
.s4-card .s4-text { font-size: 20px; line-height: 1.2;  color:rgba(32, 30, 38, 1); } .artek-section-5 {padding: 33px 24px; }
.s5-div { max-width: 100%; margin: 0 auto; }
.s5-text { text-align: start; margin-bottom: 35px; }
.s5-text-main-with-icon { display: flex; flex-direction: row; align-items: center; justify-content: start; gap: 16px; font-size: 44px; font-weight: 400; margin-bottom: 16px;  color:rgba(32, 30, 38, 1); line-height:1.2; }
.s5-icon-button {width: 83px; height: 46px; min-width: 48px; min-height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.s7-icon-button { width: 83px; height: 46px; min-width: 48px; min-height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.s5-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 54px; align-items: stretch; }
.s5-left { display: flex; flex-direction: column; justify-content: space-between; height: 100%; gap: 24px; }
.s5-left p { font-size: 28px; line-height: 1.2; color: rgba(32, 30, 38, 1); margin-bottom:0; }
.s5-button { display: inline-block; background-color: #72A9C6; color: #201E26; font-size: 28px; padding: 5px 51px 8px 51px; border-radius: 90px; width: fit-content; cursor: pointer; transition: background-color 0.3s ease;text-decoration: underline; }
.s5-button:hover { background-color: #91c4e0; }
.s5-right img { width: 100%; height:100%; object-fit: cover; border-radius: 20px; } .artek-section-6 { padding: 37px 24px; }
.s6-div { max-width: 100%; margin: 0 auto; }
.s6-text { text-align: start; margin-bottom: 45px; }
.s6-text-main-with-icon { display: flex; flex-direction: row; align-items: center; justify-content: start; color:rgba(32, 30, 38, 1); gap: 16px; font-size: 44px; font-weight: 400; line-height:1.2}
.s6-icon-button { width: 83px; height: 46px; min-width: 48px; min-height: 48px; display: flex; align-items: center; justify-content: center; cursor: pointer; }
.s6-grid-1 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 57px;  }
.s6-card { display: flex; align-items: stretch; border-radius: 20px; padding: 25px 39px 32px 52px; background-color: #fff; height: 100%; box-sizing: border-box; align-items:center}
.s6-text-card { margin: 0; font-size: 20px; line-height: 1.2; font-weight: 400; color:rgba(32, 30, 38, 1) }
.s6-grid-2 { padding-top:48px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 54px; }
.s6-img-icon { position: relative; border-radius: 20px; overflow: hidden; }
.s6-img { width: 100%; aspect-ratio: 3/2; object-fit: cover; border-radius: 20px; }
.s6-arrow { width: 51px; height: 51px; position: absolute; top: 14px; left: 15px; border-radius: 50%; display: flex; align-items: center; justify-content: center; pointer-events: none; } .artek-section-7 { padding: 56px 0 40px; }
.s7-div { padding: 0 24px; width: 100%; }
.s7-text-main { padding-bottom: 100px; }
.s7-main { position: relative; width: 100%; padding: 0; }
.s7-main-img-logo { position: relative; width: 100%; }
.s7-row { position: absolute; bottom: 24px; left: 24px; right: 24px; display: flex; gap: 10px; align-items: center; justify-content: flex-start; }
.artek-hero-wrapper-s7 { position: relative; width: 100%; overflow: hidden; border-radius: 20px; }
.artek-hero-wrapper-s7 img { width: 100%; height: auto; display: block; }
.s7-g-rev { width: 100vw; max-width: 100vw; margin: 0; position: absolute; top: -21%; left: 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: start; gap: 20px; }
.s7-g-element { display: flex; flex-direction: column; gap: 20px; }
.s7-card { position: relative;z-index: 1; display: flex; background: white; border-radius: 20px;  padding:20px 6px 20px 25px; font-size: 20px; max-width: none; flex:0 0 auto; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); line-height: 1.2; color:rgba(32, 30, 38, 1); flex-direction:column }
.s7-g-rev > *:nth-child(1) .s7-card{ width:360px; transform:translate(0px, -44px); }
.s7-g-rev > *:nth-child(2) .s7-card{ width:400px; transform:translate(2px, -54px); }
.s7-g-rev > *:nth-child(3) .s7-card{ width:350px; transform:translate(5px, -26px); }
.s7-g-rev > *:nth-child(4) .s7-card{ width:214px; transform: translate(8px, 10px); }
.s7-block { height: auto; border-radius: 20px; display: flex; align-items: center; justify-content: center; }
.s7-text { max-width: 1073px; flex-grow: 1; background: white; padding:34px 0 38px 33px; font-size: clamp(16px, 2.5vw, 36px); line-height: 1;color:rgba(32, 30, 38, 1);font-weight: 400; text-align: left; justify-content: flex-start;  }
.s7-text p { margin: 0; }
.s7-glob { background: linear-gradient(135deg, #FF5E00, #D62424); padding: 10px 20px;     width: 193px; height: 180px; }
.s7-artek { background: white; padding: 10px 8px; width: 119px; box-shadow: 0 0 10px rgba(0,0,0,0.05);height: 180px; }
.s7-block img { max-width: 100%; max-height: 100%; object-fit: contain; }
.s7-mobile-icons { display: none; width: 100vw; max-width: 100vw; margin: 0; position: absolute; top: -10%; left: 0; width: 100%; flex-wrap: wrap; justify-content: center; gap: 20px; }
.s7-icon { width: 70px; height: 40px; cursor: pointer; }
.s7-text-main-with-icon { display: flex; flex-direction: row; align-items: center; justify-content: start; gap: 16px; font-size: 44px; font-weight: 400; margin-bottom: 115px; }
.mini{ font-size:16px}
.big{max-width: 274px; justify-self:end; align-self:end}
@media (max-width: 1024px) {
.s1-text1 { padding: 20px 40px; font-size: clamp(24px, 3.125vw, 32px);  min-width: 320px;top: 266px; left:52px }
.s1-left { min-width: 310px; min-height: 52px; font-size: 18px; }
.s1-left-arrow { width: 36px; height: 36px; }
.s1-right { gap: 20px; }
.s1-logo1 { width: 60px; height: 60px; font-size: 18px; aspect-ratio: 1 / 1; }
.s1-text2 {  font-size: 18px;min-width: 330px;min-height: 52px;padding: 10px 20px; }
.s1-row1 {    left: 52px;    right: 52px;  }
.s3-text-main-with-icon { flex-direction: column; gap: 16px; }
.s2-row { flex-direction: row; padding: 24px;  gap:10px}
.s2-img { overflow: hidden;  display: grid; place-items: center;}
.s2-img img { width: 100%; height: auto; object-fit: cover; aspect-ratio: 16 / 12; }
.s2-text { width: 100%; font-size: 18px;  }
.s3-text-main-with-icon { flex-direction: row; align-items: center; gap: 16px; font-size:32px}
.s3-icon-button{width:64px}
.s3-grid{gap:30px}
.s3-text-p {font-size: 20px;}
.s3-card {gap: 30px; padding: 20px 32px 10px 32px; min-height: 320px;}
.s3-arrow{height: 48px; width: 48px; }
.s3-p1 {font-size: 24px; margin: 0 0 20px	}
.s3-p2 {font-size: 20px}
.s4-grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40px; align-items: stretch;
} .s4-grid > *{
grid-column: auto !important;
} .s4-text-main-with-icon { flex-direction: row; align-items: center; gap: 16px; font-size:32px}
.s4-icon-button{width:64px}
.s6-text-main-with-icon { flex-direction: row; align-items: center; gap: 16px; font-size:32px}
.s6-icon-button{width:64px}
.s5-text-main-with-icon { flex-direction: row; align-items: center; gap: 16px; font-size:32px}
.s5-icon-button{width:64px}
.s5-left { gap: 14px; }
.s5-left p { font-size: 18px;  }
.s5-button { font-size: 18px; }
.s5-grid {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 26px;    align-items: stretch;}
.s6-grid-1{gap:30px}
.s6-card {    padding: 25px 39px 32px 30px;}
.s6-arrow { height: 40px; width: 40px; }
.s6-grid-2{gap:30px}
.s7-div { padding: 40px 0px; width: 100%; }
.s7-g-rev {  top: -17%;  gap: 10px; }
.s7-card {  padding: 10px; font-size: 13px; max-width: none; flex:0 0 auto; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); line-height: 1.5; }
.s7-text-main-with-icon { flex-direction: row; align-items: center; gap: 16px; margin-bottom: 120px; font-size:32px; margin-left:24px}
.s7-icon-button{width:64px}
.s7-g-rev > *:nth-child(1) .s7-card{ width:260px; transform:translate(16px, -50px); }
.s7-g-rev > *:nth-child(2) .s7-card{ width:300px; transform:translate(25px, -70px); }
.s7-g-rev > *:nth-child(3) .s7-card{ width:200px; transform:translate(34px, -50px); }
.s7-g-rev > *:nth-child(4) .s7-card{ width:180px; transform: translate(40px, 10px); }
.s7-main{padding:0 16px}	
.s7-block { height: 100px; border-radius: 24px; display: flex; align-items: center; justify-content: center; }
.s7-text-main { padding-bottom: 50px; }
.s7-row { gap: 10px; }
.s7-text {  padding: 10px 30px; font-size: 20px; }
}
@media (max-width: 768px) {
.artek-section-1 {padding: 20px 24px;}
.s1-text1 { padding: 10px 30px; font-size: 24px; font-weight: 400; min-width: 280px; TOP: 190px;}
.s1-left { min-width: 200px; min-height: 39px; font-size: 16px; }
.s1-left-arrow { width: 24px; height: 24px; }
.s1-row1 { position: absolute; bottom: 20%; left: 0; width: 100%; display: flex; justify-content: space-between; padding: 0 40px; box-sizing: border-box; z-index: 1; }
.s1-right { gap: 20px; }
.s1-logo1 { width: 50px; height: 50px; font-size: 14px; aspect-ratio: 1 / 1; }
.s1-text2 { font-size: 16px; min-width: 200px; min-height: 39px; }
.artek-section-2 {padding: 20px 24px;}
.s2-row { flex-direction: row; padding: 24px; }
.s2-img { width: 35%; border-radius: 12px; overflow: hidden; }
.s2-img img { width: 100%; height: auto; aspect-ratio: 16 / 12; object-fit: cover; }
.s2-text { width: 65%; font-size: 14px; margin-top: 16px; }
.s3-text-main-with-icon { font-size: 32px; font-weight: 400; margin-bottom: 16px; flex-direction: row}
.s7-text-main-with-icon { font-size: 32px; font-weight: 400; margin-bottom: 16px; flex-direction: row}
.artek-section-3 {    padding: 19px 24px 20px;}
s
.s3-text-p { font-size: 18px; }
.s3-grid { gap: 16px; }
.s3-card { gap: 30px; min-height: 300px; padding:20px 20px 10px 20px;}
.s3-arrow { width: 36px; height: 36px; }
.s3-p1 { font-size: 24px; margin-bottom: 10px; }
.s3-p2 { font-size: 16px;  margin: 0;  }
.s4-number{font-size:28px}
.s4-text-main-with-icon {font-size:32px;  flex-direction: row; align-items: center; }
.s4-grid { gap: 20px; }
.s4-img2 {align-items: center}
.s4-card .s4-text { font-size: 16px;  }
.s5-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.s5-text-main-with-icon { font-size: 32px; font-weight: 400; margin-bottom: 16px; flex-direction: row; justify-content: start;}
.s5-left {gap: 10px;}
.s5-button {        font-size: 14px;      padding: 6px 51px 4px 51px;  }
.s5-left p { font-size: 14px}
.s5-right img { width: 100%;object-fit: cover; border-radius: 20px; }
.s6-text-main-with-icon {font-size:32px;  flex-direction: row; align-items: center; }
.s6-grid-1 { grid-template-columns: repeat(2, 1fr); gap: 10px; }
.s6-text-card{font-size: 16px;}
.s6-grid-2 { padding-top: 20px; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.s6-arrow { width: 24px; height: 24px; }
.s7-main {    padding: 0 10px;}
.s7-div {padding: 0 0}
.artek-section-7 {padding: 20px 0}
.s7-g-element { display: flex; flex-direction: column; gap: 10px; }
.s7-card {  padding: 10px; font-size: 10px; max-width: none; flex:0 0 auto; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); line-height: 1.5; }
.s7-text-main-with-icon { flex-direction: row; align-items: center; gap: 16px; margin-bottom: 100px; }
.s7-g-rev > *:nth-child(1) .s7-card{ width:180px; transform:translate(5px, -50px); }
.s7-g-rev > *:nth-child(2) .s7-card{ width:250px; transform:translate(3px, -70px); }
.s7-g-rev > *:nth-child(3) .s7-card{ width:170px; transform:translate(2px, -50px); }
.s7-g-rev > *:nth-child(4) .s7-card{ width:130px; transform: translate(0px, 10px); }
.s7-text { font-size: 14px; display: flex; align-items: center !important; justify-content: flex-start; text-align: left; box-sizing: border-box; }
.s7-artek{width:80px}
.s7-glob{width:100px}
}
@media (max-width: 480px) {
.main_wrapper {  padding: 0 0;    }
.artek-section-1{padding: 20px 10px}
.artek-hero-wrapper { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 14px; }
.s1-text1 {top:100px; left:20px; padding:10px 20px; border-radius:14px; font-size:16px; font-weight:300; min-width:170px; line-height:1; }
.s1-row1 { bottom:10%; padding:0 20px; }
.s1-left { min-width:140px; min-height:23px; padding:0 4px; font-size:9px; }
.s1-left-arrow { width:20px; height:20px; margin-left:8px; }
.s1-right { gap:20px; }
.s1-logo1 { width:40px; height:40px; font-size:14px; line-height:1; }
.s1-text2 { padding:0 4px; font-size:9px; min-width:140px; min-height:23px; }
.artek-section-2{padding: 20px 10px}
.s2-row {padding: 10px 10px 30px; flex-direction:column; border-radius:14px }
.s2-text{font-size: 14px; width: 90%; margin:0}
.s2-img { width: 90%; border-radius: 14px; overflow: hidden; }
.s2-img img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.artek-section-3{padding: 20px 10px}
.s3-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.s3-text-main-with-icon { font-size:24px;   gap:12px; }
.s3-icon-button{align-items: center;width: 42px;}
.s3-text-p { font-size:14px; }
.s3-card {min-height: 200px; border-radius: 14px; padding: 12px 10px 10px 10px; display: flex; flex-direction: column; gap: 20px; }	 
.s3-arrow { width: 24px; height: 24px; }
.s3-p1 { font-size: 14px; margin-bottom: 10px; }
.s3-p2 { font-size: 10px; margin: 0; }
.s3-img{border-radius: 14px}
.artek-section-4{padding: 20px 10px}
.s4-text-main-with-icon { font-size:24px;   gap:12px; }
.s4-grid { gap:10px; display: grid; grid-template-columns: repeat(2, 1fr); }
.s4-number { font-size: 20px; color: #009FE3; }
.s4-card .s4-text { font-size:10px; margin: 0 0 14px}
.s4-icon-button { width: 42px;}
.s4-img1 img { border-radius: 14px; }
.s4-img2 img {  border-radius: 14px;}
.artek-section-6{padding: 20px 10px}
.s6-text-main-with-icon { font-size:24px;   gap:12px; margin: 0}
.s6-icon-button {width: 42px; }
.s6-card{padding:20px 16px; border-radius: 14px}
.s6-text-card {font-size: 10px}
.s6-grid-2 { padding-top: 20px; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.s6-img-icon {  border-radius: 14px; }
.s6-img { border-radius: 14px; }
.s6-arrow { position:absolute; width:20px; height:20px; top: 6px; left: 6px }
.s6-text{margin-bottom:6px}
.artek-section-5{padding: 20px 10px}
.s5-text-main-with-icon {  font-size:24px;   gap:12px; margin: 0}
.s5-icon-button { width: 42px; align-items: center;}
.s5-left p { font-size: 8px}
.s5-right img { width: 100%;  object-fit: cover; border-radius: 14px; }
.s5-button { font-size: 10px; padding: 5px 10px; }
.s7-g-rev { display:none; }
.s7-mobile-icons { display:flex; }
.s7-g-rev.active { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; pointer-events:auto; margin-top:20px; }
.s7-row { position:absolute; bottom:10px; left:10px; right:10px; display:flex; gap:3px; align-items:center; justify-content:flex-start; }
.s7-block { height:60px; border-radius:14px; background:#fff; display:flex; align-items:center; justify-content:flex-start; padding:0 12px; box-sizing:border-box; }
.s7-text { font-size:10px; line-height:1.2; margin:0; text-align:left; }
.s7-glob { background:linear-gradient(135deg, #FF5E00, #D62424); padding:5px 10px; width:100px; }
.s7-artek { background:#fff; padding:5px 10px; width:80px; box-shadow:0 0 10px rgba(0,0,0,0.05); }
.s7-icon-button { width: 42px; align-items: center;}
.s7-text-main-with-icon { font-size:20px;   gap:12px; margin-left:10px; margin-bottom: 30px;}
.artek-hero-wrapper-s7 {  border-radius: 14px; }
.s7-text-main {padding-bottom: 0px;}
.mini {
font-size: 8px;
}
}