@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";.technologies{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;padding:0 100px;font-size:1.5rem}.technologies img{height:70px}.home{height:100svh}h1{color:gray;margin-bottom:20px}h2{font-size:clamp(2rem,4vw,3rem)!important}.home__title{margin-top:20px;font-size:clamp(3rem,4vw,4rem);color:gray}.home__sec-title{font-size:clamp(1.2rem,4vw,2rem)!important;color:#fff!important}.construction{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.home__works{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.home__work{position:relative;overflow:hidden;padding:10px;border-radius:10px;display:flex;flex-direction:column;gap:10px}.home__work-img{border-radius:inherit}.home__work-details{display:flex;align-items:center;gap:5px}.home__work-icon{border-radius:50%}.home__work-date{margin-left:auto;color:gray}.bg-element{position:absolute;width:0;height:0;border-radius:0;z-index:-1;transform:translate(-50%,-50%) scale(1);background:#ffffff26;transition:width .3s,height .3s,transform .3s}.bg-element--active{transform:translate(-50%,-50%) scale(2);border-radius:inherit;width:100%;height:100%}.home__service{display:flex;justify-content:flex-start;align-items:flex-end;font-size:1.5rem;border-bottom:1px solid rgba(255,255,255,.15);padding:10px 0;height:200px}.home__service:hover{border-bottom:1px solid rgba(255,255,255,.5)}.scroll-line{position:fixed;right:0;top:0;height:100%;width:5px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;overflow:hidden;cursor:pointer;transition:all .3s;opacity:0;pointer-events:none}.scroll-line:hover{width:20px}.scroll-line--active{opacity:1;pointer-events:all}.scroll-line:hover:before{opacity:1}.scroll-line-inner{background:var(--accent-clr);width:100%;height:0%;transition:all .1s ease-out}.scroll-line:before{content:"Scroll to top";position:absolute;bottom:10px;writing-mode:vertical-lr;text-orientation:upright;color:#000;font-weight:500;width:100%;opacity:0}@media screen and (width <= 1000px){.home__works{grid-template-columns:repeat(2,1fr)}}@media screen and (width <= 896px){h1{margin-bottom:10px}}@media screen and (width <= 600px){.home__works{grid-template-columns:repeat(1,1fr)}}.burger-btn__container{display:none;place-content:center;background:var(--accent-clr);border-radius:10px;width:40px;aspect-ratio:1/1;cursor:pointer}.burger-1{position:relative;width:30px;height:0;padding:15px 0}.burger-1:before{content:"";position:absolute;width:100%;height:2px;background:#000;transform:translateY(-5px);transition:all .5s}.burger-1:after{content:"";position:absolute;width:100%;height:2px;background:#000;transform:translateY(5px);transition:all .5s}.burger-1--active:before{transform:translateY(0) rotate(-45deg)}.burger-1--active:after{transform:translateY(0) rotate(45deg)}@media screen and (width <= 540px){.burger-btn__container{display:grid}}.burger-menu{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s;padding:0 5px}.burger-menu--active{margin-top:5px;grid-template-rows:1fr}.burger-menu__nav{display:flex;flex-direction:column;overflow:hidden}.burger-menu__nav-item{overflow:hidden}.burger-menu__nav-link{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;border-radius:10px;color:#fff;font-size:1.5rem;overflow:hidden;transition:transform .3s}.burger-menu__nav-link:hover{background:#ffffff1a}.burger-menu__nav-link--show{transform:translateY(0);transition:transform .3s .15s}.burger-menu__nav-link--active{background:#ffffff1a}.header{min-height:50px;width:max-content;position:fixed;bottom:20px;left:50%;z-index:1000;transform:translate(-50%);display:flex;flex-direction:column-reverse;border:2px solid rgba(255,255,255,.15);background:#000000bf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;transition:all .3s;opacity:1;pointer-events:all}.header__inner{min-height:50px;padding:5px 10px;display:flex;justify-content:space-between;align-items:center;gap:20px}.header__active-page{display:none}.header--hide{bottom:-60px;opacity:0;pointer-events:none}.header__logo-link{height:40px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#fff;flex-shrink:0}.header__nav{display:flex;column-gap:5px}.header__nav-link{position:relative;color:#fff;overflow:hidden;padding:5px;border-radius:10px}.header__nav-link:hover,.header__nav-link--active{background:#ffffff26}.header__work-qty{color:var(--accent-clr);margin-left:5px}@media screen and (width <= 540px){.header{width:calc(100% - 40px)}.header__inner{padding:5px 5px 5px 10px}.header__logo-title,.header__nav{display:none}.header__active-page{display:initial}}.contacts{display:flex;gap:20px}.contacts__email{height:420px;display:flex;justify-content:space-between;flex-direction:column-reverse;width:100%;min-height:200px;background:#ffffff26;border-radius:15px;padding:20px;cursor:pointer}.contacts__email a{color:#fff}.contacts__email i{align-self:flex-end;font-size:2rem}.contacts__email:hover{background:var(--accent-clr);color:#000}.contacts__email:hover a{color:#000}.contacts__socials-map{display:flex;flex-direction:column;width:100%;gap:20px}.contacts__socials{display:flex;gap:20px}.contacts__form{width:100%;display:flex;flex-direction:column;row-gap:10px}.input{border-bottom:3px solid #000;outline:none!important;border-radius:0!important;transition:all .3s;width:100%}textarea{width:100%;border-bottom:3px solid #000;outline:none!important;border-radius:0!important;resize:none;transition:all .3s}.contacts__form-btn{align-self:flex-end;padding:10px;background:#000;color:#fff;border-radius:10px}#map{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%}.contacts__details{position:relative;z-index:1;display:flex;justify-content:space-between;flex-direction:column-reverse;width:100%;min-height:200px;background:#ffffff26;border-radius:15px;padding:20px;cursor:pointer;overflow:hidden}.contacts__details i{align-self:flex-end;font-size:2rem}.contacts__details a{color:#fff}.contacts__details:hover{background:var(--accent-clr);color:#000}.contacts__details:hover a{color:#000}.contacts__details-map{position:relative;z-index:1;display:flex;justify-content:space-between;width:100%;min-height:200px;border-radius:15px;padding:20px;overflow:hidden}.contacts__details-map i{font-size:2rem;pointer-events:none}.contacts__details-map p{pointer-events:none}.contacts__details-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:500!important}.contacts__map{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1}.contacts__form-details{position:relative;z-index:1;display:flex;row-gap:20px;flex-direction:column;width:100%;min-height:200px;border-radius:15px;padding:20px;overflow:hidden;background:var(--accent-clr);color:#000}.contacts__form-details-title{font-size:clamp(1.25rem,4vw,1.5rem);font-weight:500}.contacts__form-details-container{display:flex;flex-direction:column}.check-container{display:grid;grid-template-columns:repeat(3,1fr)}.check-container div{justify-self:flex-start}input[type=checkbox]{margin-right:5px}@media screen and (width < 896px){.contacts{gap:10px}.contacts__email{height:410px;display:flex;flex-direction:column-reverse;justify-content:space-between;width:100%;min-height:200px;background:#ffffff26;border-radius:15px;padding:20px;cursor:pointer}.contacts__email a{color:#fff}.contacts__email:hover{background:var(--accent-clr);color:#000}.contacts__email:hover a{color:#000}.contacts__socials-map{display:flex;flex-direction:column;width:100%;gap:10px}.contacts__socials{display:flex;gap:10px}}@media screen and (width < 896px){.contacts{flex-direction:column}}.active-btn{color:#fff!important}.inactive-btn{color:#ffffff80}.footer{margin-top:100px;display:flex;flex-direction:column;gap:20px}.footer-top{display:flex;gap:20px}.footer-bottom{text-align:center;color:gray}.footer__nav{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.footer__nav-link{color:gray}.footer__nav-link:hover{color:#fff}.portfolio__btn-container{display:flex;justify-content:flex-start;align-items:center;gap:5px;background:#ffffff26;width:max-content;border-radius:15px;padding:5px;margin:20px 0}.portfolio__btn-container button{padding:5px;min-width:50px;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:5px}.portfolio__btn--active{background:var(--accent-clr)!important;color:#000!important}.work__sec-title{position:relative;display:inline-block;font-size:clamp(2rem,4vw,3rem)!important}.work__sec-title span{font-size:1rem;position:absolute;top:0;right:0;color:#ffffff80;transform:translate(150%)}.works__list{display:flex;flex-direction:column}.works__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.work{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px 0;cursor:none;border-bottom:2px solid rgba(255,255,255,.15);opacity:0;transform:translateY(15px);transition:border-bottom .3s}.work:hover{border-bottom:2px solid rgb(255,255,255)}.work--active{animation:animateWork 1s forwards}@keyframes animateWork{to{opacity:1;transform:translateY(0)}}.work__grid{display:flex;flex-direction:column;gap:10px;background:#323232;padding:10px;border-radius:15px;opacity:0;transform:translateY(15px)}.portfolio__img{border-radius:10px}.work__details{display:flex;justify-content:flex-start;align-items:center;gap:5px}.work__details-grid{display:flex;justify-content:space-between;align-items:center}.work__icon{border-radius:50%}.project__link{margin-left:auto;transition:color .3s}.project__link:hover{color:gray}.work__desc{display:grid;grid-template-columns:repeat(2,1fr);column-gap:50px;position:relative}.work__date{justify-self:flex-end}.img-element{position:absolute;z-index:1000;width:400px;transform:translate(-50%,-50%);pointer-events:none;border-radius:10px}@media screen and (width <= 1000px){.works__grid{grid-template-columns:repeat(2,1fr)}.work__desc{grid-template-columns:repeat(1,1fr);gap:0}}@media screen and (width <= 600px){.works__grid{grid-template-columns:repeat(1,1fr)}}*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}button[type=submit]{font-weight:inherit}::placeholder{color:#000}:root{--accent-clr: rgb(179, 231, 65)}html{scrollbar-width:none;overscroll-behavior:none}body{font-family:Chakra Petch,sans-serif;padding:20px;background:#000;color:#fff!important}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}a{color:#fff}@media screen and (width <= 896px){body{padding:10px}}