@font-face{font-family:roboto;src:url(/First-Vite-project/assets/Roboto-Bold-yTHeQuef.ttf);font-weight:700}@font-face{font-family:roboto;src:url(/First-Vite-project/assets/Roboto-Light-r0KW6U_F.ttf);font-weight:300}@font-face{font-family:roboto;src:url(/First-Vite-project/assets/Roboto-Medium-CwcsZ-zd.ttf);font-weight:500}@font-face{font-family:roboto;src:url(/First-Vite-project/assets/Roboto-Regular-CN_pkOMA.ttf);font-weight:400}*{font-family:roboto;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#678ff2}.container{max-width:1400px;margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit}li{list-style:none;color:inherit}html{scroll-behavior:smooth}body{font-family:roboto}.header__logo-link:hover,.header__nav-list_items-link:hover,.header__title:hover{color:#000;cursor:pointer}.header__log svg:hover{fill:#000}.hero__notify-btn:hover{color:#fff;cursor:pointer}.card:hover{background-color:#0000001a;cursor:pointer;fill:#fff;color:#fff!important;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,.1);box-shadow:0 4px 20px #0000001a}.card:hover .card__title,.card:hover .card__content{color:#fff!important}.card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.header{width:100%;height:50px;background-color:#ffffff1a;border-bottom:2px #fff solid}.header__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px}.header__logo{max-width:255px;width:100%;font-weight:500;font-size:25px;line-height:120%;color:#fff;border-right:2px #fff solid;height:100%;-ms-flex-line-pack:center;align-content:center;text-align:center}.header__logo-link span{font-weight:700}@media(max-width:768px){.header__logo{max-width:100%}}.header__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:900px;width:100%;height:100%;border-right:2px #fff solid}@media(max-width:768px){.header__nav{display:none}}.header__nav-list{font-weight:400;font-size:22px;line-height:136%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:100px;padding-left:100px}.header__nav-list_items-link{text-wrap-mode:nowrap;color:beige}@media(max-width:992px){.header__nav-list{gap:50px;padding-left:50px}}.header__title{max-width:193px;width:100%;font-weight:700;font-size:16px;line-height:188%;color:#fff;text-wrap-mode:nowrap;text-align:center}.header__log{max-width:50px;width:100%}.header__log svg{width:27px;height:27px;fill:#fff}@media(max-width:576px){.header__log{display:none}}.hero{position:relative;max-width:1260px;height:830px;margin:0 auto;padding:140px 0 0;background:url("../assets/images/1 (3).webp") center/contain no-repeat}@media(max-width:992px){.hero{background:url("../assets/images/1 (3).webp") 0 180px/contain no-repeat}}@media(max-width:576px){.hero{background:url("../assets/images/1 (3).webp") 0 120px/contain no-repeat}}.hero__content{position:relative;margin:0 auto;max-width:950px;width:100%}@media(max-width:992px){.hero__content{max-width:900px}}@media(max-width:768px){.hero__content{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:0;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;position:static;position:initial;max-width:500px;width:100%;margin:0 auto}}@media(max-width:576px){.hero__content{max-width:350px}}.hero__content-title{font-size:120px;font-weight:700;font-style:normal;color:#000;line-height:1}@media(max-width:992px){.hero__content-title{font-size:94px;font-weight:700;font-style:normal;color:#000;line-height:1}}@media(max-width:768px){.hero__content-title{font-size:74px;font-weight:700;font-style:normal;color:#000;line-height:1}}@media(max-width:576px){.hero__content-title{font-size:50px;font-weight:700;font-style:normal;color:#000;line-height:1}}.hero__content-btn{width:380px;height:80px;border-radius:45px;background-color:#000;border:none;line-height:429%;font-size:28px;font-weight:500;font-style:normal;color:#fff;line-height:4.29;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;row-gap:0;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;position:absolute;z-index:1;bottom:15px;right:0}.hero__content-btn:hover{background-color:#000000a6}.hero__content-btn:focus{outline:none}.hero__content-btn:focus-visible{outline:2px solid #fff}@media(max-width:992px){.hero__content-btn{font-size:22px;font-weight:500;font-style:normal;color:#fff;line-height:4.29;position:absolute;z-index:1;bottom:15px;left:440px;width:300px;height:60px}}@media(max-width:768px){.hero__content-btn{position:static;position:initial;margin:50px 0;font-size:18px;font-weight:500;font-style:normal;color:#fff;line-height:4.29}}.hero__notify{position:relative;margin:170px auto 0;width:680px;height:60px;background-color:#ffffff26;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;row-gap:10px;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}@media(max-width:992px){.hero__notify{width:650px}}@media(max-width:768px){.hero__notify{width:480px;height:150px;margin:70px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:0;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}}@media(max-width:576px){.hero__notify{width:350px;height:180px;margin:50px auto}}.hero__notify-img{width:128px;height:198px;-o-object-fit:cover;object-fit:cover;position:absolute;z-index:1;bottom:-55px;left:-25px}@media(max-width:992px){.hero__notify-img{width:118px;height:188px}}@media(max-width:768px){.hero__notify-img{position:absolute;z-index:1;bottom:0;left:-25px}}@media(max-width:576px){.hero__notify-img{position:absolute;z-index:1;bottom:0;left:-35px}}.hero__notify-content{width:450px;height:100%;font-size:14px;font-weight:400;font-style:normal;color:#000;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;row-gap:0;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;border-right:1px solid #fff}@media(max-width:768px){.hero__notify-content{height:50%;border-right:none;max-width:400px;margin-left:100px}}@media(max-width:576px){.hero__notify-content{max-width:280px;margin-left:70px}}.hero__notify-btn{text-transform:uppercase;background-color:transparent;border:none;width:115px;font-size:25px;font-weight:400;font-style:normal;color:#000;line-height:1}.hero__notify-btn:focus{outline:none}.hero__notify-btn:focus-visible{outline:2px solid #fff}@media(max-width:768px){.hero__notify-btn{border-top:1px solid #fff;width:100%;height:30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;row-gap:0;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}}@media(max-width:576px){.hero__notify-btn{-webkit-box-sizing:content-box;box-sizing:content-box;border-top:1px solid #fff;width:100%;height:25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;row-gap:0;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;font-size:35px;font-weight:400;font-style:normal;color:#000;line-height:1;padding-top:5px}}.hero__scroll{position:absolute;z-index:1;bottom:160px;left:10px}@media(max-width:992px){.hero__scroll{position:absolute;z-index:1;bottom:220px;left:5px}}@media(max-width:768px){.hero__scroll{position:absolute;z-index:1;bottom:180px;left:5px}}@media(max-width:576px){.hero__scroll{position:absolute;z-index:1;bottom:230px;left:5px}}.hero__scroll-down{position:relative;font-size:16px;font-weight:500;font-style:normal;color:#fff;line-height:1;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;cursor:pointer}.hero__scroll-down:after{position:absolute;z-index:1;top:100px;left:7px;display:block;content:"";width:1px;height:75px;background-color:#fff}.about{padding:66px 0 185px;width:100%;border-bottom:1px solid #fff}.about__wrapper{margin:0 auto;max-width:1260px;width:100%;text-align:center}.about__wrapper-title{padding:0 0 81px;font-size:60px;font-weight:400;font-style:normal;color:#fff;line-height:1}@media(max-width:768px){.about__wrapper-title{font-size:40px;font-weight:400;font-style:normal;color:#fff;line-height:1;padding:0 0 50px}}.about__cards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;row-gap:70px;-moz-column-gap:200px;-webkit-column-gap:200px;column-gap:200px}@media(max-width:992px){.about__cards{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;row-gap:70px;-moz-column-gap:90px;-webkit-column-gap:90px;column-gap:90px}}@media(max-width:768px){.about__cards{-ms-flex-pack:distribute;justify-content:space-around;gap:95px}}@media(max-width:768px){.about{padding:30px 0 100px}}@media(max-width:576px){.about{padding:5px 0 50px}}.card{background-color:#ffffff1a;border-radius:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:0;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;width:180px;height:195px;padding:0 13px;text-align:center;-webkit-transition:background-color .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:background-color .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease}.card__lamp{width:27px;height:40px}.card__title{font-size:18px;font-weight:500;font-style:normal;color:#000;line-height:1;padding:8px 0 16px;-webkit-box-sizing:border-box;box-sizing:border-box}.card__content{font-size:16px;font-weight:300;font-style:normal;color:#000;line-height:1.13}.card__laptop{width:47px;height:38px}.card__net{width:51px;height:32px}.card__work{width:43px;height:41px}.card__test{width:44px;height:42px}.card__integration{width:42px;height:36px}.work-section{padding:140px 0 0}.work{margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:0;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}.work__quality{height:450px;width:100%;padding:0 0 0 15px;background:url(/First-Vite-project/assets/3-3-X3LiQxOe.webp) 100% 100%/contain no-repeat}.work__quality-title{max-width:600px;width:100%;font-size:45px;font-weight:400;font-style:normal;color:#fff;line-height:3.1}.work__quality-desc{font-size:20px;font-weight:300;font-style:normal;color:#fff;line-height:1.5;max-width:600px}@media(max-width:1200px){.work__quality{background:-webkit-gradient(linear,left top,left bottom,from(rgb(103,143,242)),to(rgba(103,143,242,.2))),url(/First-Vite-project/assets/3-3-X3LiQxOe.webp) 100% 100%/contain no-repeat;background:linear-gradient(180deg,#678ff2,#678ff233),url(/First-Vite-project/assets/3-3-X3LiQxOe.webp) 100% 100%/contain no-repeat}}@media(max-width:768px){.work__quality{background:-webkit-gradient(linear,left top,left bottom,from(rgb(103,143,242)),to(rgba(103,143,242,.2))),url(/First-Vite-project/assets/3-3-X3LiQxOe.webp) 431% 100%/90% no-repeat;background:linear-gradient(180deg,#678ff2,#678ff233),url(/First-Vite-project/assets/3-3-X3LiQxOe.webp) 431% 100%/90% no-repeat;height:550px;text-align:center}}.work__touch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:0;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;position:relative;height:750px;width:100%;padding:0 0 0 15px;margin:90px 0}.work__touch:before{content:"";position:absolute;top:47px;right:437px;width:103%;height:88%;background:url(/First-Vite-project/assets/4-3-eYSmmHiC.webp) 100% 100%/cover no-repeat;-webkit-transform:rotate(15deg);transform:rotate(15deg)}.work__touch-title{font-size:45px;font-weight:400;font-style:normal;color:#fff;line-height:3.1}.work__touch-desc{text-align:right;max-width:480px;font-size:20px;font-weight:300;font-style:normal;color:#fff;line-height:1.5}@media(max-width:1400px){.work__touch:before{top:47px;right:437px;width:103%;height:88%;background:url(/First-Vite-project/assets/4-3-eYSmmHiC.webp) 100% 100%/cover no-repeat;-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@media(max-width:1200px){.work__touch:before{top:156px;right:450px;width:79%;height:71%;background:url(/First-Vite-project/assets/4-3-eYSmmHiC.webp) 100% 100%/cover no-repeat;-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@media(max-width:992px){.work__touch{height:500px}.work__touch:before{top:156px;right:450px;width:79%;height:71%;-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@media(max-width:768px){.work__touch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:0;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;height:700px}.work__touch:before{z-index:-1;top:298px;right:218px;width:88%;height:43%;-webkit-transform:rotate(54deg);transform:rotate(54deg);-o-object-fit:contain;object-fit:contain}}.work__approach{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:0;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;position:relative;height:950px;width:100%;padding:0 0 0 15px;margin:150px 0 0;background:url(/First-Vite-project/assets/5-3-DnoRzVHe.webp) 100% 100%/contain no-repeat}.work__approach-title{padding-top:200px;font-size:45px;font-weight:400;font-style:normal;color:#fff;line-height:3.1}.work__approach-desc{font-size:20px;font-weight:300;font-style:normal;color:#fff;line-height:1.5;max-width:730px}@media(max-width:1200px){.work__approach-title{padding-top:100px}.work__approach-desc{max-width:550px}}@media(max-width:992px){.work__approach{background:url(/First-Vite-project/assets/5-3-DnoRzVHe.webp) 97% 100%/47% no-repeat}.work__approach-title{padding-top:0}.work__approach-desc{max-width:750px}}@media(max-width:992px){.work__approach{margin:0;background:url(/First-Vite-project/assets/5-3-DnoRzVHe.webp) 97% 100%/500px 750px no-repeat}.work__approach-title{padding-top:0}.work__approach-desc{max-width:750px}}@media(max-width:576px){.work__approach{height:700px;background:url(/First-Vite-project/assets/5-3-DnoRzVHe.webp) 97% 100%/270px 400px no-repeat}.work__approach-desc{max-width:450px}}.experience{margin:200px 0}.experience__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:96px;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0}.experience__card{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;row-gap:100px;-moz-column-gap:100px;-webkit-column-gap:100px;column-gap:100px;width:100%}.experience__title{font-size:60px;font-weight:400;font-style:normal;color:#fff;line-height:1}.experience__cards:hover{-webkit-box-shadow:1px 1px 10px 0px rgba(255,255,255,.5);box-shadow:1px 1px 10px #ffffff80;background-color:#00000026;cursor:pointer}.experience__cards:hover .experience__cards-btn{background-color:#ffffffd9;translate:15px -15px;cursor:pointer}.experience__cards{position:relative;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff1a;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:0;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;max-width:322px;height:295px;overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.experience__cards-title{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;row-gap:0;-moz-column-gap:0;-webkit-column-gap:0;column-gap:0;height:100%;font-size:23px;font-weight:400;font-style:normal;color:#fff;line-height:1.3}.experience__cards-img{width:100%;height:100%}.experience__cards-btn{position:absolute;z-index:1;bottom:-63px;left:-71px;rotate:7deg;width:160px;height:130px;border:none;border-radius:30px;background-color:#fff;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.experience__cards-btn-icon{width:36px;height:22px;fill:#000;rotate:-7deg;translate:32px -29px}
