html{font-size: .5208333333vw!important;}

.manrope-<uniquifier> {
  font-family: "Manrope", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
section:nth-child(2n) {background:white}


.main>section.s-8,.main>section.s-12{background:#f2f5f8}
.main>section.white {background:white}
.main>section.grey {background:#f2f5f8}
.anim {opacity:0}
.anim.on {opacity:1}
.main ul:not([class])>li:not([class]) {    background-image: none;
    padding-left: 2.5rem;
    position: relative;}
.main ul:not([class])>li:not([class]):before {content: "";
    position: absolute;
    left: -.1rem;
    width: .6rem;
    margin-top: 1.2rem;
    height: .6rem;
    opacity: 1;
    background: #d56773;
    border: .1rem solid #d56773;
    border-radius: 50%;

}
.main a {color: #d56773;text-decoration: none;transition:.3s}
.logos span {background: #ffffffe3;border-radius: 1.6rem;    max-width: 28rem;
display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    font-size: 2rem;
    text-align: center;
    line-height: 1.4;
    width: 35rem;
    height: 11rem;
    font-weight: 600;}

.project-container>span {    position: absolute;
    top: 7rem;
    color: #ffffff40;
    font-size: 8.4rem;
    z-index: 5;
    font-weight: bolder;
    left: 7rem;}
.s-100 {flex-direction: column;background:white}
.s-100 .tt {padding-bottom: 6rem;padding-top: 0;}
.s-100 .project h2 {font-size: 6rem;}

.s-6.v50 .logo {width: 80rem;margin-bottom: 5rem;}

.s-6.v50 .lines:after,.s-6.v50 .lines:before {background:#e51770}

.s-10 .project .desc h2{font-size: 6rem;}
.main p {color:#3e4456;line-height: 1.3;font-size: 2.5rem;}
.main>section{min-height: 90rem;display: flex;align-items:center;overflow: hidden;position: relative;}

section>div {width: 160rem;margin: 0 auto;padding-bottom: 15rem;padding-top: 15rem;font-size: 1.6rem;z-index: 1;}
img {max-width: 100%;}
h2,.h2 {font-size: 10rem;font-weight: 800;color: #4d4f51;line-height: 1.2;color:#636d88;margin-bottom: 4rem;}
h3,.h3 {font-size: 5rem;color:#636d88;margin-bottom: 2rem;}
.text-2,.text-3 {display: flex;align-items: flex-start;flex-direction: row;flex-wrap: wrap;gap:2rem}
.text-2>div {width: calc(100% / 2 - 1rem);}
.text-3>div {width: calc(100% / 3 - 1.4rem);}




.text-3 h3 {line-height: 1.2;font-size: 4rem;}
.text-2 h2 {font-size: 6rem;margin-bottom: 5rem;}
.text-2 p,.text-3 p{font-size: 2.5rem;}

ul:not([class]) {font-size: 2.5rem;}

.s-1 .text-2>div.master {width: 64%;}
.s-1 .year {    position: absolute;
    right: -4rem;
    bottom: -28rem;
    color: #ffffff08;
    font-size: 80rem;
    font-weight: 700;}
.relative {    position: relative;}

.s-1 {background: rgb(67,75,97);background: linear-gradient(306deg, rgb(232 98 108) 0%, rgba(120, 127, 149, 1) 52%)}
.s-1 h2,.s-1 h1 {color:white;font-size: 10rem;margin-bottom: 5rem;font-weight: 800;}
.s-1 .text-2 .pers {    width: 34%;;height: 44rem;position: relative;}

.main>section.s-2 {background: #f2f5f8}

.pers {perspective: 140rem;}

.step h2 {margin-bottom:0}

.s-2 .cdr {    width: 11rem;
    height: 11rem;
    display: block;
    opacity: .2;
    position: absolute;
    background: #ff8a927a;
    transform: rotate(296deg);
    animation: none;
    left: 12rem;
    top: 21rem;}
.s-2 p {font-size: 6rem;color: #636d88;font-weight: 600;line-height: 1.2;margin:0}

.main>section.s-3 {background: rgb(172,179,200);
background: linear-gradient(118deg, rgb(232 98 108) 0%, rgba(120, 127, 149, 1) 100%)}
.s-3 img {    position: absolute;
    right: 0;
    bottom: 0;
    height: 77rem;
    opacity: .6;}


.s-3 p {    font-size: 10rem;    margin: 0;
    max-width: 80%;
    line-height: 1.1;
    font-weight: 800;
    color: white;}
.s-3 em {position: absolute;
        right: 50rem;
    color: white;
    bottom: -16rem;
    font-size: 5rem;}

.s-3 svg {width: 58rem;
    position: absolute;
    opacity: .05;
    top: -10rem;
    left: -4rem;}

.main>section.s-4 {min-height: 120rem;}
.s-4 .text-3 {align-items: flex-start;}
.s-4 div div{text-align: center;display: flex;flex-direction: column;align-items: center;
gap: 4rem;background: #f2f5f8;border-radius: 1.8rem;padding-top: 3rem;}
.s-4 h2 {color: #d56773;font-size: 16rem;margin-bottom: 0;line-height: 1.1;}
.s-4 h3 {color: #636d88;font-size: 4rem;margin-bottom: 0;margin-top: -3rem;}
.s-4 p {font-size: 2.2rem;text-align: center;background: #f2f5f8;
padding: 0 3rem;height: 10rem;display: flex;align-items: center;border-radius: 2rem;margin-bottom: 5rem;}


.s-5>div {z-index: 2;display: flex;gap: 5rem;justify-content: flex-start;flex-direction: column;align-items: flex-start;}
.s-5>div>div {display: flex;align-items: flex-end;gap: 2rem;margin-left: 11rem;}
.s-5 h2 {color:white;}
.s-5 h3 {color: #d56773;font-size: 9rem;color:white}
.s-5 p {font-size: 5rem;color:white;    margin-bottom: 2rem;}
.s-5 .el-1 {background-color: white;height: 61rem;width: .3rem;position: absolute;top: 66rem;left: 3rem;}
.s-5 .blur-wrap {z-index: 1;backdrop-filter: blur(1rem);position: absolute;width: 100%;height: 100%;}
.s-5 .bg {position: absolute;width: 100%;height: 100%;opacity: .9;filter: contrast(57%);}



.s-6 h2 {font-size: 15rem;margin-bottom: 3rem;color: #d56773;}
.s-6 h3 {margin-left: 0;padding-top: 7rem;padding-bottom: 6rem;font-size: 6rem;}
.s-6 .lines { position:relative;   padding-left: 4.5rem;
    margin-left: 2.5rem;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 6rem;}
.s-6 .lines.last:after {content: none;}
.s-6 .lines:before {
    content: "";
    position: absolute;
    left: -1rem;
    width: 1.5rem;
    height: 1.5rem;
	top: 1.1rem;
    opacity: 1;
    background: #d56773;
    border: .1rem solid #d56773;
    border-radius: 50%;
}
.s-6 .lines:after {
        content: "";
    position: absolute;
    left: -.3rem;
    top: 1.1rem;
    width: .3rem;
    height: 100%;
    opacity: 1;
    background: #d56773;
}


.s-6 h4 {    color: #636d88;
    font-size: 3rem;
    line-height: 1;
    display: block;
    margin-bottom: 2rem;}


.offer h2 {text-align: center;width: 100%;margin-bottom: 7rem;font-size: 9rem;}

.s-8 div{min-height: 63rem;}
.offer div{display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    gap: 4rem;
    background: white;
    padding: 4rem 2.5rem;
    border-radius: 2.6rem;
    border: .2rem solid #636d881c;}
.offer img{    height: 9rem; max-width: 22rem; object-fit: contain;}
.offer h3{font-size: 3rem;text-align: center;margin: 0;margin-bottom: 3rem;    line-height: 1.2;}

.s-12 d.offer div {    padding: 6rem 7.5rem;}

.main .offer ul {font-size:2.2rem}
.main section.s-17 {background: linear-gradient(306deg, rgb(232 98 108) 0%, rgba(120, 127, 149, 1) 52%);}
.s-17 h2 {color:white}
.s-12 div{min-height: 59rem;}
.s-17 div{min-height: 45rem;opacity: .95 !important;}

.s-12.v2 .offer div{align-items: flex-start;}
.s-12.v2 h3{text-align: left;color: #ff7f00;    margin-bottom: 1rem;}
.s-12.v2 h4{font-size: 2.5rem;color: #636d88;margin-bottom: -3rem;}
.s-12.v2 .text-2{align-items: stretch;}
.s-12.v2 p{font-size: 2rem;background: #f2f5f8e0;
padding: 2.6rem;border-radius: 1.6rem;}
.s-12.v2 ul li{font-size: 2rem;}

.s-6.v26 .logo{height: 13rem;max-width: 100%;margin-bottom: 10rem;}

.s-6.v26 .offer h2 {text-align:left}
.s-17.v2 h3 {    min-height: 11rem;}
.s-17.v2 .text-3 p {font-size: 2.2rem;}




.main .s-6.v30 {background:linear-gradient(317deg, rgb(40 43 52) 0%, rgb(99 109 136) 63%)}
.main .s-6.v30 ul li,.main .s-6.v30 h3,.main .s-6.v30 h4 {color:white}

.main .s-12.v2 .offer ul:not([class])>li:not([class]):before,
.main .s-6.v30 ul:not([class])>li:not([class]):before,
.main .s-6.v30 .lines:after,
.main .s-6.v30 .lines:before,
.main .s-6.v26 .lines:before,
.main .s-6.v26 .lines:after
 {background: #ff7f00;border: .1rem solid #ff7f00;}


.main .s-6.v30 .lines:before{left: -.9rem;}
.s-6.v26 h4 {color:#636d88}
.s-6.v26 a {color:#ff7f00;text-decoration: underline;transition:.4s}
.s-6.v26 a:hover {color:#d56773;}
.project {width:100%;display: flex;flex-wrap: wrap;padding-top: 0;padding-bottom: 0;}
.project-bg{position: absolute;width: 100%;height: 100%;    opacity: 1;object-fit: cover;}


.project {padding-top:10rem;padding-bottom:10rem}

.project>div{z-index: 2;margin: 0 auto;width: 160rem;overflow: hidden;border-radius: 1.6rem;margin-bottom: 4rem;}
.project .logos {right: 10rem;display: flex;gap: 2rem;flex-direction: column;padding-left: 4rem;flex-wrap: wrap;}
.project .logos img{height: 11rem;background: #ffffffe3;border-radius: 1.6rem;
padding: 2rem;max-width: 28rem;object-fit: contain;}
.project .logos a {height: 6rem;border-radius: 1.6rem;padding: 2rem;max-width: 28rem;font-size: 2rem;
text-align: center;color: white;background: #d56773;transition: .4s;display: flex;
justify-content: center;align-items: center;gap: 1rem;}
.project .logos a:hover {background-color:#d92f41;}

.project .logos a:after {    content: "";
    background-image: url(/ii-page/img/ext4.svg);
    height: 3rem;
    display: block;
	opacity: 0.85;
    background-size: contain;
    width: 3rem;
    background-position: center;
}
.project .desc{padding: 7rem;gap: 2rem;
    background: linear-gradient(288deg, rgb(232 98 108 / 57%) 0%, rgb(51 56 71 / 87%) 52%);
     min-height: 80rem;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;}
.project .desc>div:first-child {display: flex;
    justify-content: flex-start;
    flex-direction: column;
    gap: 4rem;}
project-container:hover .project-bg {filter: blur(5px);}
img.bg {position: absolute;width: 100%;height: 100%;object-fit: cover;}

.blur-project {z-index: 1;backdrop-filter: blur(1rem);position: absolute;width: 100%;height: 100%;}
.project h2 {color: white;font-size:5rem;}
.project li {color: white;font-size: 2.5rem;line-height: 1.2;}
.project p {color: white;font-size: 1.8rem;position: absolute;bottom: 0;left: 0;width: 100%;margin: 0;padding: 4rem 7rem;
background:#363c4b;box-shadow: 0 -2px 10px rgba(0,0,0,0.1);opacity: 0;transform: translateY(100%);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);pointer-events: none;}

.s-17 .offer div {align-items: flex-start;}

.s-4 a {border: .1rem solid #d5677347;font-size: 2.2rem;padding: 2rem 1rem;border-radius: 0 0 1.6rem 1.6rem;
margin-top: -4rem;width: 100%;font-weight: 300;color: white;background: #636d88;}
.s-4 a:hover {background:#d56773}
.s-6.v30 .lines {width:60%}
.s-6.v30 img.b2,.s-6.v30 img.b1 {width:40%;float: right;}
.s-5.v2 p {font-size: 4rem;}
.s-5.v2 h3{font-size: 7rem;line-height: 1.2;}
.s-5.v2 ul li{font-size: 4rem;
    margin-bottom: 1rem;
    color: white;
    line-height: 1.2;
    background-image: none;}
.s-5.v2 ul{padding: 5rem;width: 90%;background: #9a27276b;border-radius: 1.6rem;margin-bottom: 5rem;}
.main .s-5.v2 ul li:before {margin-top: 2.2rem;}
.fact {padding: 4rem 4rem;
    background: #f2f5f8;
    font-size: 3rem;
    font-weight: 600;
    border-radius: 1.6rem;
    color: #d56773;
    margin-top: 4rem;
    display: block;
    margin-bottom: 4rem;}

.s-22 a.link {padding: 3rem 4rem;margin-top: 4rem;margin-bottom: 8rem;
background: #f2f5f8;display: block;width: max-content;border-radius: 1.6rem;transition:.3s}
.s-22 a:hover {background: #d5677345}

.s-22 h4 {color: #d56773;font-size: 10rem;margin-bottom: 2rem;margin-top: 6rem;}

.project .logos img.iac{background: rgba(71, 121, 146, 0.9);}
.s-6.v1 .logo {height: 15.7rem;margin-bottom: 7rem;object-fit: contain;}
.s-6.v2 .logo {height: 11.7rem;margin-bottom: 7rem;object-fit: contain;}
.s-6.v3 .logo {margin-left: -4rem;height: 35rem;margin-bottom: 7rem;}
.s-6.v4 .logo {height: 20rem;}
.s-6.v4 .v-logo {background-color: #f2f5f8;padding: 1rem;position: absolute;height: 10rem;border-radius: 1.6rem;
left: 77rem;top: 26rem;}

.s-6.v5 img.bg {opacity: .4;}
.s-6.v5 .logo {max-height: 18rem;z-index:1}
.s-6.v5>div {padding-bottom: 10rem;padding-top: 15rem;z-index: 1;}

.s-6.v5 h4 {font-size: 5rem;}

.main>section.s-23 {background: #f2f5f8;}
.s-23 .offer div {min-height:38rem;padding: 5rem 5rem;}
.s-23 .offer div p {text-align:center}

.main>section.s-23 h3,.s-22 h2 {color:#d56773}
.s-22 {background:white}
.s-22 h3{margin-top:12rem;}
.s-22 {}
.s-6.v6 {background: linear-gradient(342deg, rgb(232 98 108) 0%, rgb(99 109 136) 52%)}
.s-6.v6 h2{color:#636d88;line-height: 1;font-size: 15rem;text-shadow:
    -.2rem -.2rem 0 white,
    .2rem -.2rem 0 white,
    -.2rem .2rem 0 white,
    .2rem .2rem 0 white;
}
.s-6.v6 h3,.s-6.v6 .lines{color:white}
.s-6.v6 h4{color:#ffffffd1;font-weight: 500;font-size: 4rem;}

.s-6.v6 .lines{padding-bottom: 4rem;}

.s-6.v6 .lines{}
.s-6.v6 .lines:before {}
.s-6.v5 {background:white}

.s-6.v7 h3 {font-size: 11rem;color: #d56773;}
.s-5.v3 h2 {font-size: 11rem}

.s-26 {width:100%}
.s-26 h2 {margin-bottom: 10rem;color: #d56773;font-size: 11rem;}
.s-26 h3 {font-size: 4rem;}
.s-26 ul {margin-bottom: 7rem;margin-top: 3rem;} 
.s-26 div {padding-right: 16%;}
.s-26 .bg {opacity: .1;filter: contrast(0.5);object-position: right;}
.s-6.v1 .bg {opacity: .1;filter: contrast(0.5);object-position: left;}
.s-26 .ob1{position: absolute;
    width: 45rem;
    right: 10rem;
    top: 48rem;}
.s-26 .ob2{position: absolute;
    width: 45rem;
    right: 11rem;
    top: 81rem;
}
.desc p.active {
opacity: 1;transform: translateY(0);pointer-events: auto;
}
.s-5.v3 p {font-size: 4rem;}
.s-5.v3 h3 {font-size: 5rem;line-height: 1.2;}

.s-17 .offer h3 {width:100%;min-height: 8rem;}


section .anim.step.on.project p {animation: none;}


.main section.s-17.v2 {background: linear-gradient(306deg, #F47C44 0%, rgba(120, 127, 149, 1) 52%);}

.s-17.v2 .offer a {align-items: flex-start;transition:.3s;
min-height: 45rem;
    width: calc(100% / 3 - 1.4rem);
opacity: .95 !important;
display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    background: white;
    padding: 4rem 2.5rem;
    border-radius: 2.6rem;
    border: .2rem solid #636d881c;}

.main>section.s-6.v40 {min-height: auto;}
.s-6.v40 .logo {margin-bottom: 5rem;}
.s-17.v2 .text-3 {
justify-content: center;
display: flex;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
gap: 2rem;}
.main section.s-17.v2 h2{
color: white;
font-size: 6rem;
margin-bottom: 5rem;}
.main section.s-17.v2 a:hover h3 {color:#F47C44}
.main section.s-17.v2 a:hover {background: #FEF0EC;opacity: 1 !important;}
.cube {
           position: absolute;
            width: 29rem;
            height: 29rem;
            transform-style: preserve-3d;
            pointer-events: none;
            right: 21%;
            top: 15%;
        }

        .face {
            position: absolute;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            transform-style: preserve-3d;
            pointer-events: auto;
            background: rgb(71 79 101 / 13%);
            border: .1rem solid rgb(255 255 255 / 25%);
            backdrop-filter: blur(0.4rem);
            -webkit-backdrop-filter: blur(0.4rem);
            border-radius: 0.0rem;
            box-shadow: 
               0 5px 20px 0 rgb(73 76 120 / 15%), inset 0 1px 15px rgba(255, 255, 255, 0.1), inset 0 -4px 8px rgb(0 0 0 / 5%)
        }

        .face::before,
        .face::after {
            content: '';
            position: absolute;
            z-index: 1;
            pointer-events: none;
        }

        .face::before {
            width: 100%;
            height: 1px;
            top: 50%;
            left: 0;
            background: linear-gradient(90deg, transparent, rgb(255 255 255 / 10%), transparent);
            transform: translateY(-50%);
        }

        .face::after {
            height: 100%;
            width: 1px;
            left: 50%;
            top: 0;
            background: linear-gradient(180deg, transparent, rgb(255 255 255 / 10%), transparent);
            transform: translateX(-50%);
        }

        .face::before {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            background: linear-gradient(
                linear-gradient(45deg, transparent 5%, rgb(156 158 163 / 26%), transparent 90%)
            );
            animation: reflectionMove 15s infinite linear;
        }

        .letter {
            position: absolute;
			font-family: Manrope, sans-serif;
            color: #ffffffd1;
            font-size: 9rem;
            animation: pulse 2.5s infinite ease-in-out;           
            z-index: 3;
            pointer-events: none;
			text-shadow: -2px -1px #0000003d, 0px -1px 0px #18181870
        }

        .letter:nth-child(1) { top: 10%; left: 16%; }
        .letter:nth-child(2) { top: 10%; right: 15%; }
        .letter:nth-child(3) { bottom: 10%; left: 18%; }
        .letter:nth-child(4) { bottom: 10%; right: 18%; }

        @keyframes pulse {
            0%, 100% { 
                opacity: 0.8; 
                transform: scale(0.9); 
            }
            50% { 
                opacity: 1; 
                transform: scale(1.3); 
                text-shadow: 0 0 35px #a20c33;
            }
        }

        @keyframes reflectionMove {
            0% { background-position: -100% -100%; }
            100% { background-position: 200% 200%; }
        }







.anim.on div,.anim.step.on h2,.anim.offer.on h2,.anim.step.on h3,.anim.step.on p,.anim.lines.on li,.anim.lines.on img,
.anim.lines.on h4,.anim.lines.on:before,.anim.lines.on {
	-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.anim.step.on { -webkit-animation:none;animation:none}


.anim.on div.text-2>div:nth-child(1),.anim.on div.text-3>div:nth-child(1),.anim.step.on>:nth-child(1){animation-delay: .0s;}
.anim.on div.text-2>div:nth-child(2),.anim.on div.text-3>div:nth-child(2),.anim.step.on>:nth-child(2) {animation-delay: .2s;}
.anim.on div.text-3>div:nth-child(3),.anim.step.on>:nth-child(3){animation-delay: .3s;}
.animate-row div.anim:nth-child(4),.anim.step.on>:nth-child(4) {animation-delay: .4s;}
.animate-row div.anim:nth-child(5),.anim.step.on>:nth-child(5) {animation-delay: .5s;}
.animate-row div.anim:nth-child(6),.anim.step.on>:nth-child(6) {animation-delay: .6s;}
.animate-row div.anim:nth-child(7),.anim.step.on>:nth-child(7) {animation-delay: .7s;}
.animate-row div.anim:nth-child(8),.anim.step.on>:nth-child(8) {animation-delay: .8s;}
.animate-row div.anim:nth-child(9),.anim.step.on>:nth-child(9) {animation-delay: .9s;}
.animate-row div.anim:nth-child(10) {animation-delay: 1s;}
.animate-row div.anim:nth-child(11) {animation-delay: 1.2s;}
.animate-row div.anim:nth-child(12) {animation-delay: 1.3s;}


@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}










@media (max-width: 768px) {
html{font-size: 1.3020833333vw!important}
.main>section {min-height: 65rem;}
	.s-1 .text-2>div.master {width: 100%;margin-top: -17rem;z-index: 20;}
section>div {width: 100%;padding-left: 3rem;padding-right: 3rem;padding-bottom: 15rem;padding-top: 15rem;}
	section>div.project {padding-left: 0;padding-right: 0}
.text-2>div,.text-3>div {width: 100%;}
.text-2, .text-3,.project .desc {flex-direction: column;}
.s-1 h2,.s-1 h1 {font-size: 5rem;}
	.s-1 .text-2 .pers {width: 100%;position: absolute;z-index: 18;bottom:2rem;right:-8rem;}
	.s-17 .offer h3 {    text-align: left;}
	.s-4 h3 {margin-top: 2rem;}
.s-17.v2 .offer a {    width: 100%;}
	.main section.s-17.v2 h2 {    font-size: 4rem;}
.main .s-6.v30{overflow: visible;}
.s-6.v30 img.b2 {width: 50rem;float: right;
right: 0;top: -17rem;z-index: 1;position: absolute;}
.s-6.v30 .lines {width: 100%;}
.s-12.v2 .offer .logo {max-width: 100%;}
.s-1 .year {
    position: absolute;
    right: 5rem;
    bottom: -10rem;
    color: #ffffff17;
    font-size: 29rem;
		font-weight: 700;}
	.project>div {border-radius: 0}
.project {padding-top: 2rem;padding-bottom: 2rem;}

	.s-2 p {font-size: 4rem;}
	.s-3 p {font-size: 6rem;max-width: 82%;margin-bottom: 0rem;}
	.s-3 img {height: 42rem;}
	.s-3 em {bottom: -11rem;font-size: 3rem;}
	.s-3 svg {width: 38rem;position: absolute;opacity: .05;top: -14rem;left: 4rem;}
	.s-4 h2 {font-size: 11rem;margin-bottom: -3rem;}
	.s-4 p {height: auto;        margin-bottom: 2rem;}
	.s-4 .text-3 {gap: 8rem;}
	.s-4 a {margin-top: 0}
	.s-4 div div {gap: 3rem;padding-top: 4rem;}

	.s-5>div>div {margin-left: 2rem;}
	.s-5 p {font-size: 3rem;}
	.s-5 h3 {font-size: 7rem;}
	.s-5 .el-1 {height: 50rem;}
	.s-100 .project h2,.project h2,.s-10 .project .desc h2 {font-size: 4rem;}
	.project li {font-size: 3rem;line-height: 1.4;}
	.project-container>span {font-size: 6.4rem;top: 8rem;left: 4rem;}
	.project .desc {gap: 7rem;padding: 4rem;padding-top: 23rem;padding-bottom: 11rem;align-items: flex-start;}
	.offer h2,.s-6 h3,h2 {font-size: 5rem;}
	.s-8 div,.s-17 div {min-height: auto;padding: 7rem 2.5rem;}
	.logos span {max-width: 40%;height: 8rem;}
.project .logos img {height: 8rem;max-width: 40%;}
	.s-6.v3 .logo {margin-left: 0;height: auto;margin-bottom: 4rem;object-fit: contain;}
.s-6.v5 h4,.s-5.v2 h3 {font-size: 4rem;}
.s-6.v6 h2,.s-26 h2,.s-5.v3 h2,.s-6.v7 h3  {font-size: 9rem;}

	.s-26 .ob2 {position: absolute;width: 29rem;right: -4rem;top: 99rem;}
	.s-26 .ob1 {position: absolute;width: 40rem;right: -4rem;top: 53rem;}
	.project .logos {    flex-direction: row;padding-left: 0;}



}







@media (max-width: 600px) {
html {font-size: 1.9020833333vw!important}
.project .logos {width: 100%;align-items: flex-start;}
.s-1 h2 {font-size: 5rem;}
	.s-1 .text-2>div.master {margin-top:-10rem}
	.main>section {min-height:50rem}
	.s-1 .text-2 .pers,.s-26 .ob1,.s-26 .ob2 {display: none;}
.s-1 .year {right: 2rem;
        bottom: -5rem;
        font-size: 20rem;
        margin: 0;
        padding: 0;}
	.project li,.main p {font-size:2.5rem}
	.project .logos a,.logos span {font-size:1.4rem}
.project-container>span {font-size:5rem}

	.s-100 .project h2, .project h2, .s-10 .project .desc h2,.offer h2, .s-6 h3, h2 {font-size: 4rem;}
	.offer h2, .s-6 h3, h2,.s-22 h4 {font-size: 4rem;}
	.s-6 h4,.s-6.v5 h4, .s-5.v2 h3,.s-22 h3,.s-6.v6 h4 {font-size: 3rem;font-weight: 800;}
	.s-5 .el-1 {top:46rem}

	.main>section.s-3 p {font-size: 4rem;max-width: 45%;}
	.main>section.s-3 img {height: 37rem;z-index: 1;}
	.s-3 em {bottom: -12rem;font-size: 3rem;right: auto;}
	.s-6 .lines {padding-bottom: 5rem;}
	.desc p.active {padding: 2rem 4rem;font-size: 2.2rem;font-weight: 400;line-height: 1.4;}
.s-6.v6 h2, .s-26 h2, .s-5.v3 h2, .s-6.v7 h3 {font-size: 6rem;}
	.s-26 div {padding-right: 0}
}