:root{--bg-color: #E6EAF1;--darkgrey-bg: #181A1F;--nowhite-bg: #F1F4F8;--grey-text: #3A3A3A;--lightgray-text: #989898;--red-button-def: #FF0033;--red-button-hover: #C30228;--red-button-active: #FF1947;--white-button-active: #FFFFFF;--grey-button-def: #363A40;--grey-button-hover: #2D3136;--grey-button-active: #4A5058}.header{position:fixed;top:0;left:0;right:0;padding:22px 0;background-color:#e6eaf1;z-index:100}.header__container{display:flex;flex-direction:row;justify-content:center}.header__container-logo{position:absolute;left:70px;width:187px;height:40px;cursor:pointer}.header__container-list{display:flex;gap:40px;font-size:16px;font-weight:700;color:#3a3a3a;line-height:1;align-items:center;cursor:pointer}.header__container-list .list__link{padding:10px;color:currentColor;transition:color .2s ease}.header__container-list .list__link:hover{color:#f03}.menu{display:none;position:absolute;right:70px}.menu .burger-checkbox{position:absolute;opacity:0;pointer-events:none}.menu .burger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#3a3a3a;cursor:pointer;border:none;border-radius:4px}.menu .burger__section{position:relative;width:20px;height:3px;background:#fff;border-radius:10px;transition:background .3s}.menu .burger__section:before,.menu .burger__section:after{content:"";position:absolute;width:20px;height:3px;background:#fff;border-radius:10px;transition:.3s;left:0}.menu .burger__section:before{top:-7px}.menu .burger__section:after{top:7px}.menu .burger-checkbox:checked+.burger .burger__section{background:transparent}.menu .burger-checkbox:checked+.burger .burger__section:before{top:0;transform:rotate(45deg)}.menu .burger-checkbox:checked+.burger .burger__section:after{top:0;transform:rotate(-45deg)}.menu .burger-checkbox:checked~.menu__panel{transform:translateY(0)}.menu .burger-checkbox:checked~.menu__panel .menu__link{opacity:1;transition-delay:.2s}.menu .menu__panel{position:fixed;top:80px;left:0;right:0;background:#e6eaf1;display:flex;flex-direction:column;align-items:center;padding-bottom:30px;transform:translateY(-100%);transition:transform .4s ease;z-index:-90}.menu .menu__panel .menu__link{font-size:20px;font-weight:700;color:#3a3a3a;align-items:center;cursor:pointer;transition:color .2s ease,opacity .1s ease;padding:12px 50px;opacity:0}.menu .menu__panel .menu__link:hover{color:#f03}@media (max-width: 1110px){.header{height:36px}.header__container-list{display:none}.menu{display:block}}@media (max-width: 960px){.header__container-list .list__link:nth-last-child(2){display:none}}@media (max-width: 640px){.header__container-logo{left:40px}.menu{right:40px}}@media (max-width: 560px){.header__container-logo{left:30px}.menu{right:30px}}@media (max-width: 420px){.header__container-logo{left:12px}.menu{right:12px}.menu__link{font-size:16px}}.banner{padding:80px 12px 0}.banner__container{max-width:1920px;margin:0 auto;position:relative}.banner__video-wrapper{position:relative;width:100%;height:768px;overflow:hidden;border-radius:20px}.banner__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.banner__content{position:absolute;left:80px;bottom:80px;width:840px;display:flex;flex-direction:column;color:#fff;box-sizing:border-box;font-size:64px}.banner__content .banner__text{margin-bottom:24px}.banner__content .banner__button{width:fit-content;font-size:24px;background-color:#f03;padding:16px 36px;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.banner__content .banner__button:hover{background-color:#c30228}.banner__content .banner__button:active{background-color:#ff1947}@media (max-width: 1440px){.banner__video-wrapper{height:650px}.banner__content{left:60px;bottom:60px;width:620px}.banner__text{font-size:48px}}@media (max-width: 960px){.banner{padding:80px 0 0}.banner__video-wrapper{height:470px;border-radius:0}.banner__content{left:40px;bottom:40px;width:420px}.banner__text{font-size:32px}.banner__button{font-size:16px}}@media (max-width: 580px){.banner__content{left:30px;bottom:30px}}@media (max-width: 500px){.banner__content{position:absolute;bottom:12px;left:0;width:100%;display:flex;flex-direction:column;align-items:center;padding:20px;box-sizing:border-box}.banner__button{box-sizing:border-box;width:calc(100% - 24px);text-align:center}.banner__text{font-size:24px}}@media (max-width: 420px){.banner__button{font-size:14px}}.about{max-width:1392px;display:flex;flex-direction:column;margin:80px auto;padding:0 24px}.about__container-text .text__title{font-size:40px;font-weight:700;color:var(--grey-text);margin:0 0 48px}@media (max-width: 940px){.about__container-text .text__title{font-size:32px}}@media (max-width: 580px){.about__container-text .text__title{font-size:24px;margin:0 0 24px}}@media (max-width: 490px){.about__container-text .text__title{font-size:16px}}.about__container-text .text__information{font-size:20px;color:var(--grey-text);margin:0 0 48px}@media (max-width: 580px){.about__container-text .text__information{font-size:16px;margin:0 0 24px}}.about__container-text .text__bold{font-weight:700}.about__container-card{display:flex;justify-content:center;gap:24px}.card{display:flex;flex-direction:column;background-color:var(--darkgrey-bg);color:var(--white-button-active);border-radius:10px;flex:1 1 448px;max-width:605px;height:auto}.card--fullwidth{flex:1 1 100%;max-width:none}.card__image{max-width:448px;margin:0 auto}.card__text{padding:24px 32px;font-size:18px;height:auto}@media (max-width: 1410px){.about__container-card{flex-wrap:wrap}.card:last-child{max-width:fit-content}}@media (max-width: 983px){.card{max-width:100%}.card__image{width:100%}}@media (max-width: 580px){.about{margin:40px auto}.card{flex-basis:100%}}.work{max-width:1392px;display:flex;flex-direction:column;margin:80px auto;padding:0 24px}.work__container-about{display:flex;flex-wrap:wrap;gap:24px}.work__container-about .about__card{width:448px;height:112px;background-color:var(--white-button-active);border-radius:5px;display:flex;align-items:center;justify-content:center;gap:20px;padding:36px 32px;box-sizing:border-box}.work__container-about .about__card-image{width:40px;height:40px}.work__container-about .about__card-text{font-size:18px;font-weight:700}@media (max-width: 1540px){.work__container-about{gap:16px}}@media (max-width: 1440px){.work__container-about{flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.work__container-about .about__card{width:100%;max-width:none;box-sizing:border-box}}@media (max-width: 560px){.about__card-text{font-size:16px}}@media (max-width: 460px){.about__card-text{font-size:14px}}.can{max-width:1392px;display:flex;flex-direction:column;margin:80px auto;padding:0 24px}.can__container-skills{display:flex;flex-wrap:wrap;gap:32px}.title{font-size:40px;font-weight:700;color:var(--grey-text);margin:0 0 48px}.skills{border-radius:10px;border:var(--white-button-active) 2px solid;max-width:680px;box-sizing:border-box}.skills:last-child{min-width:100%}.skill{position:relative;width:100%;height:110px;overflow:hidden;background-color:#ebeff7;border-top-right-radius:10px;border-top-left-radius:10px}.skill .hover__video{position:absolute;top:0;right:0;width:676px;height:auto;object-fit:cover;pointer-events:none}.skill__container{position:absolute;top:50%;left:36px;transform:translateY(-50%);display:flex;flex-direction:column;color:var(--grey-text);box-sizing:border-box}.skill__container-title{font-size:32px}.skill__list{display:flex;flex-wrap:wrap;padding:24px 32px}.skill__list .list__value{padding:8px 16px;font-size:16px;font-weight:lighter}@media (max-width: 1440px){.skills{max-width:none;min-width:100%}}@media (max-width: 960px){.title{font-size:32px}}@media (max-width: 580px){.skill{height:74px}.skill__container-title{font-size:24px}.skill .hover__video{width:532px}}@media (max-width: 400px){.title{font-size:24px}.skill{height:56px}.skill__container-title{font-size:20px}.skill .hover__video{width:456px}.skill__list{padding:10px 4px}}.technology{background-color:var(--white-button-active);border-radius:10px;margin:80px 24px}.technology__container{max-width:1392px;display:flex;flex-direction:column;margin:0 auto;padding:60px 24px 0}.technology__container-logo{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin:0 0 60px}.technology__container-slider{display:none}@media (max-width: 960px){.technology__container-logo{display:none}.technology__container-slider{display:flex;gap:24px;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;margin:0 0 48px;scrollbar-width:none}.technology__container-slider::-webkit-scrollbar{display:none}.technology__container-slider img.logo{flex-shrink:0}}@media (max-width: 560px){.technology{background-color:transparent;border-radius:10px;margin:40px 12px}}.slider{max-width:1392px;margin:80px auto;padding:0 24px}.my-swiper.auto-rotate-swiper{position:relative;max-width:1392px;margin:0 auto;overflow:hidden}.my-swiper.auto-rotate-swiper:before,.my-swiper.auto-rotate-swiper:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:10;pointer-events:none}.my-swiper.auto-rotate-swiper:before{left:0;background:linear-gradient(to right,#e6eaf1,#e6eaf100)}.my-swiper.auto-rotate-swiper:after{right:0;background:linear-gradient(to left,#e6eaf1,#e6eaf100)}.swiper-wrapper{transition-timing-function:linear!important;padding:20px 0}.swiper-slide{width:auto!important;margin-right:30px!important;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}.swiper-slide img{max-height:80px;width:auto;object-fit:contain}.footer{margin:12px;background-color:var(--darkgrey-bg);border-radius:10px;padding:60px 0}.footer__container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:240px;max-width:1392px;margin:0 auto}.footer__container-information{width:520px;display:flex;flex-direction:column;justify-content:initial;align-items:initial;gap:32px}.footer__container-information .information__title{font-size:60px;font-weight:700;color:var(--white-button-active)}@media (max-width: 580px){.footer__container-information .information__title{font-size:48px;text-align:center}}@media (max-width: 480px){.footer__container-information .information__title{font-size:24px}}.footer__container-information .information__container{display:flex;flex-direction:column;justify-content:initial;align-items:initial;gap:0;color:#989898;font-size:20px;font-weight:700}.footer__container-information .information__container-phone{font-size:35px}@media (max-width: 480px){.footer__container-information .information__container-phone{font-size:18px}}@media (max-width: 480px){.footer__container-information .information__container-text{font-size:18px}}.footer__container-information .information__container-button{width:fit-content;padding:20px;background-color:#363a40;font-size:16px;color:var(--white-button-active);border-radius:5px;cursor:pointer;transition:background-color .2s ease}.footer__container-information .information__container-button:hover{background-color:#2d3136}.footer__container-information .information__container-button:active{background-color:#4a5058}@media (max-width: 580px){.footer__container-information .information__container-button{box-sizing:border-box;width:100%;text-align:center}}.footer__container-form{width:520px}.form{display:flex;flex-direction:column;justify-content:initial;align-items:initial;gap:0}.form__input{max-width:520px;padding:23px 21px;font-size:16px;background-color:transparent;border:none;border-bottom:4px solid #4A5058;margin-bottom:32px;caret-color:#f03;color:var(--white-button-active);transition:border-color .2s ease}.form__input::placeholder{font-size:16px}.form__input:focus{outline:none;border-bottom:4px solid #FF0033}.form__input-message{height:180px;border:#4A5058 4px solid;border-radius:5px;resize:vertical}.form__input-message:focus{border:#FF0033 4px solid}.form__text{font-size:16px;font-weight:700;color:var(--white-button-active);margin-bottom:32px}.form__text-decorate{text-decoration:underline;cursor:pointer;transition:color .2s ease,text-decoration .2s ease}.form__text-decorate:hover{color:#f03;text-decoration:none}.form__checkbox-container{display:flex}.form__checkbox-container .checkbox__container-label{margin-right:12px}.form__checkbox-container .checkbox-container-input{appearance:none;width:20px;height:20px;position:relative;cursor:pointer;background-color:transparent;border:2px solid #363A40;border-radius:4px;transition:border-color .2s ease}.form__checkbox-container .checkbox-container-input:focus{outline:none}.form__checkbox-container .checkbox-container-input:checked{border-color:#f03}.form__checkbox-container .checkbox-container-input:checked:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:12px;border:solid #FF0033;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.form .no__underline{text-decoration:none}.form__button-submit{font-size:16px;padding:18px 32px;border-radius:5px;background-color:transparent;border:#FF0033 2px solid;width:fit-content;color:#f03;font-weight:700;cursor:pointer;transition:background-color .2s ease}.form__button-submit:hover{background-color:color-mix(in srgb,#FF0033 20%,transparent)}@media (max-width: 580px){.form__button-submit{box-sizing:border-box;width:100%;text-align:center}}@media (max-width: 1460px){.footer__container{gap:160px}}@media (max-width: 1300px){.footer__container{gap:80px}}@media (max-width: 1200px){.footer__container{flex-direction:column;padding:0 24px;gap:60px}.footer__container-information,.footer__container-form{width:100%}.form__input{max-width:none}}.snackbar{position:fixed;bottom:20px;right:20px;background-color:#333;color:#fff;padding:14px 20px;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;align-items:center;gap:12px;z-index:200;opacity:0;pointer-events:none;transform:translateY(100px);transition:opacity .3s ease,transform .3s ease}.snackbar.show{opacity:1;pointer-events:auto;transform:translateY(0)}.snackbar__close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}*{margin:0;padding:0;font-family:Roboto,sans-serif}html{scroll-behavior:smooth}body{background-color:var(--bg-color)}a{all:unset}