:root{--safety-orange: hsl(25, 100%, 50%);--lavender-gray: hsl(230, 19%, 81%);--persian-rose: hsl(328, 100%, 59%);--second-color: #26a8f3;--main-color: #1c47d1;--eerie-black: hsl(240, 6%, 10%);--light-gray: hsl(0, 0%, 80%);--cultured-2: hsl(210, 60%, 98%);--platinum: hsl(0, 0%, 90%);--gray-web: hsl(220, 5%, 49%);--cultured: hsl(0, 0%, 93%);--black_10: hsla(0, 0%, 0%, .1);--black_5: hsla(0, 0%, 0%, .05);--white-1: hsl(0, 0%, 100%);--white-2: hsl(0, 14%, 98%);--black: hsl(0, 0%, 0%);--gradient: linear-gradient(to left top, var(--main-color), var(--second-color));--ff-roboto: "Roboto", sans-serif;--ff-league-spartan: "League Spartan", sans-serif;--fs-1: 3.5rem;--fs-2: 3rem;--fs-3: 2.1rem;--fs-4: 1.7rem;--fs-5: 1.4rem;--fs-6: 1.3rem;--fw-700: 700;--fw-500: 500;--section-padding: 60px;--shadow-1: 0 6px 24px var(--black_5);--shadow-2: 0 2px 28px var(--black_10);--radius-2: 2px;--radius-5: 5px;--radius-8: 8px;--transition-1: .25s ease;--transition-2: .5s ease;--cubic-out: cubic-bezier(.33, .85, .4, .96)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a{text-decoration:none;color:inherit}a,img,span,time,label,input,button,textarea,ion-icon{display:block}img{height:auto}input,button,textarea{background:none;border:none;font:inherit}input,textarea{width:100%}button{cursor:pointer}ion-icon{pointer-events:none}address{font-style:normal}html{font-family:var(--ff-roboto);font-size:10px;scroll-behavior:smooth}body{background-color:var(--white-1);color:var(--gray-web);font-size:1.6rem;line-height:1.8}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#fafafa}::-webkit-scrollbar-thumb{background-color:#26a8f3}::-webkit-scrollbar-thumb:hover{background-color:#1c47d1}:focus-visible{outline-offset:4px}.container{padding-inline:15px}.btn{max-width:max-content;color:var(--white-1);font-size:var(--fs-6);font-weight:var(--fw-700);padding:10px 30px;border-radius:var(--radius-5);transition:var(--transition-1)}.btn-primary{background-image:var(--gradient);background-size:1000%}.btn-primary:is(:hover,:focus){background-position:bottom right}.btn-secondary{background-color:var(--white-1);color:var(--eerie-black)}.btn-secondary:is(:hover,:focus){background-color:var(--eerie-black);color:var(--white-1)}.section{padding-block:var(--section-padding)}.h1,.h2,.h3{color:var(--eerie-black);font-family:var(--ff-league-spartan);line-height:1.2}.h1{font-size:var(--fs-1)}.h2{font-size:var(--fs-2)}.h3{font-size:var(--fs-3)}.w-100{width:100%}.section-title,.section-text{text-align:center}.section-text{font-size:var(--fs-6)}.grid-list{display:grid;gap:30px}.img-holder{aspect-ratio:var(--width) / var(--height);background-color:var(--light-gray)}.img-cover{width:100%;height:100%;object-fit:cover}.header{position:fixed;top:0;left:0;width:100%;background-color:var(--white-1);padding-block:10px;border-block-end:1px solid var(--cultured);z-index:4;transition:var(--transition-1)}.header.active{filter:drop-shadow(var(--shadow-2))}.header>.container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo img{width:48px}.logo h3{font-size:3.5rem;color:#26a8f3;margin-inline-start:5px}.nav-toggle-btn{font-size:40px}.nav-toggle-btn.active .open,.nav-toggle-btn .close{display:none}.nav-toggle-btn .open,.nav-toggle-btn.active .close{display:block}.navbar{background-color:var(--white-1);position:absolute;top:100%;left:50%;transform:translate(-50%);max-width:calc(100% - 30px);width:100%;padding-inline:0;border:1px solid var(--cultured);transition:.3s var(--cubic-out);max-height:0;visibility:hidden;overflow:hidden}.navbar.active{max-height:320px;visibility:visible;transition-duration:.5s}.navbar-list{padding:20px 15px;padding-block-start:10px;opacity:0;transition:var(--transition-1)}.navbar.active .navbar-list{opacity:1}.navbar-link{color:var(--eerie-black);font-family:var(--ff-league-spartan);font-size:var(--fs-4);line-height:1.2;padding-block:8px;transition:var(--transition-1)}.navbar-link:is(:hover,:focus){color:var(--main-color)}.header .btn{margin-block-start:10px}.hero{padding-block-start:calc(var(--section-padding) + 50px);text-align:center}.hero-content{margin-block-end:30px}.hero-subtitle{color:var(--eerie-black);font-size:var(--fs-5);font-weight:var(--fw-500)}.hero-title{margin-block:12px 8px}.hero-text{font-size:var(--fs-5)}.hero .btn{margin-inline:auto;margin-block-start:20px}.service{background-color:var(--white-2);margin-top:45px}.service .section-text{margin-block:5px 35px}.service-card{background-color:var(--white-1);padding:20px 15px;border:1px solid var(--platinum);border-radius:var(--radius-5);text-align:center;box-shadow:var(--shadow-1);transition:var(--transition-2)}.service-card:is(:hover,:focus-within){transform:translateY(-10px)}.service-card .card-icon{color:var(--white-1);font-size:25px;max-width:max-content;margin-inline:auto;padding:18px;border-radius:50%}.service-1{background-color:#ffb700}.service-2,.service-3{background-color:#6610f2}.service-card .card-title{margin-block:20px 8px}.service-card .card-text{font-size:var(--fs-6)}.project{margin-top:65px}.project .section-text{margin-block:5px 35px}.project-card{position:relative;border-radius:var(--radius-8);overflow:hidden}.project-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--black);opacity:.5;transition:var(--transition-2)}.project-card:is(:hover,:focus-within):after{opacity:.8}.project-card .card-content{position:absolute;bottom:0;left:0;right:0;padding:20px;z-index:1;transition:var(--transition-2)}.project-card:is(:hover,:focus-within) .card-content{transform:translateY(-20px)}.project-card .card-subtitle{color:var(--lavender-gray);font-size:var(--fs-6);line-height:1}.project-card .card-title{color:var(--white-1);margin-block:12px 15px}.about{background-color:var(--white-2)}.about-banner{position:relative;border-radius:var(--radius-5);overflow:hidden;margin-block-end:25px}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--white-1);color:var(--main-color);font-size:32px;padding:16px;border-radius:50%;animation:pulse 1.5s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 1px var(--white-1)}to{box-shadow:0 0 0 25px transparent}}.about :is(.section-title,.section-text){text-align:left}.about .section-title{margin-block-end:5px}.about .section-text:not(:last-child){margin-block-end:18px}.about .h3{margin-block-end:8px}.about-list{margin-block:15px 18px}.about-item{display:flex;align-items:flex-start;gap:5px}.about-item ion-icon{color:var(--main-color);flex-shrink:0;margin-block-start:2px}.about-item:not(:last-child){margin-block-end:12px}.cta{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;z-index:1}.cta:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--gradient);opacity:.95;z-index:-1}.cta-subtitle,.cta .section-title{color:var(--white-1)}.cta-subtitle{font-size:var(--fs-6);font-weight:var(--fw-500);text-align:center}.cta .section-title{margin-block:12px 18px}.cta .btn{margin-inline:auto}.blog{margin-top:45px}.blog .section-text{margin-block:5px 35px}.blog-card{background-color:var(--white-2)}.blog-card .card-banner{overflow:hidden}.blog-card .card-banner img{transition:var(--transition-2)}.blog-card:is(:hover,:focus-within) .card-banner img{transform:scale(1.05)}.blog-card .card-content{padding:15px}.blog-card .time{color:var(--main-color);font-size:var(--fs-6);line-height:1;margin-block-end:10px}.blog-card .card-title{transition:var(--transition-1)}.blog-card .card-title:is(:hover,:focus){color:var(--main-color)}.contact{background-color:var(--white-2);margin-top:45px}.contact .section-text{margin-block:5px 35px}.contact-form{background-color:var(--white-1);padding:20px;border-radius:var(--radius-2);margin-block-end:30px;box-shadow:var(--shadow-1)}.input-field{background-color:var(--white-2);color:var(--eerie-black);font-size:var(--fs-5);padding:15px;border-radius:var(--radius-2);outline:1px solid transparent;outline-offset:0;margin-block-end:15px}.input-field::-webkit-inner-spin-button{display:none}.input-field:focus{outline-color:var(--main-color)}.input-field::placeholder{transition:var(--transition-1)}.input-field:focus::placeholder{opacity:0}textarea.input-field{resize:vertical;min-height:80px;height:100px;max-height:200px;overscroll-behavior:contain}.checkbox{width:max-content;margin-block-start:5px;accent-color:var(--main-color)}.label-link{display:inline-block;color:var(--main-color)}.label-link:is(:hover,:focus){text-decoration:underline}.checkbox-wrapper{display:flex;align-items:flex-start;gap:10px;margin-block-end:15px}.checkbox-wrapper .label{font-size:var(--fs-6)}.contact-list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px 25px}.contact-item{min-width:100%}.contact-card{background-color:var(--white-1);padding:20px;border-radius:var(--radius-2);box-shadow:var(--shadow-1);display:flex;align-items:flex-start;gap:15px}.contact-card .card-icon{background-color:var(--cultured-2);color:var(--main-color);font-size:25px;padding:13px;border-radius:50%;transition:var(--transition-1)}.contact-card:is(:hover,:focus) .card-icon{background-color:var(--main-color);color:var(--white-1)}.contact-card .card-title{margin-block-end:5px}.contact-card :is(.card-link,.card-address){font-size:var(--fs-6);transition:var(--transition-1)}.contact-card .card-link:is(:hover,:focus){color:var(--main-color)}.footer{background-color:var(--white-2);padding-block:20px}.copyright{font-size:var(--fs-6);text-align:center}.copyright-link{color:var(--main-color);font-weight:var(--fw-500);display:inline-block}.back-top-btn{position:fixed;bottom:10px;right:20px;background-color:var(--eerie-black);color:var(--white-1);padding:12px;border-radius:50%;box-shadow:var(--shadow-2);z-index:4;opacity:0;visibility:hidden;transition:var(--transition-1)}.back-top-btn.active{opacity:1;visibility:visible;transform:translateY(-10px)}.back-top-btn:is(:hover,:focus){opacity:.9}@media (min-width: 575px){.container{max-width:540px;width:100%;margin-inline:auto}.grid-list{grid-template-columns:1fr 1fr;column-gap:25px}.blog .grid-list{grid-template-columns:1fr}.blog-card.grid{display:grid;grid-template-columns:.47fr 1fr;align-items:center;gap:10px}.input-wrapper{display:flex;gap:15px}.contact-item{min-width:calc(50% - 18px)}}@media (min-width: 768px){:root{--fs-1: 4.5rem;--fs-2: 3.7rem;--fs-3: 2.3rem;--fs-4: 1.8rem;--fs-5: 1.5rem;--fs-6: 1.4rem}.container{max-width:720px}.section-text{max-width:65ch;margin-inline:auto}.hero-text{max-width:60ch;margin-inline:auto}.about-banner{max-width:550px}.about .section-text{max-width:unset;margin-inline:0}.contact-form{padding:30px}.contact-item{min-width:calc(50% - 12.5px)}}@media (min-width: 992px){:root{--fs-1: 5rem;--fs-2: 4rem;--fs-3: 2.5rem;--section-padding: 100px}.container{max-width:960px}.grid-list{grid-template-columns:repeat(3,1fr)}.nav-toggle-btn{display:none}.navbar,.navbar.active{all:unset}.navbar-list{all:unset;display:flex;align-items:center;gap:30px}.navbar-link{position:relative}.navbar-link:is(:hover,:focus){color:var(--eerie-black)}.navbar-link:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:2px;background-image:var(--gradient);transform:scaleX(0);transform-origin:left;transition:var(--transition-2)}.navbar-link:is(:hover,:focus):after{transform:scaleX(1)}.header .btn{margin-block-start:0}.hero .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;text-align:left}.hero-content{margin-block-end:0}.hero-subtitle{position:relative;padding-inline-start:15px}.hero-subtitle:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--main-color)}.hero-text,.hero .btn{margin-inline:0}.service{padding-top:65px}.service-card{padding:20px}.service-card .h3{--fs-3: 2.3rem}.project-card .card-subtitle{--fs-6: 1.5rem}.about .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.about-banner{margin-block-end:0}.blog .grid-list{grid-template-columns:1fr 1fr;row-gap:20px}.blog .grid-list>li:first-child{grid-column:1 / 2;grid-row:1 / 5}.blog-card:not(.grid){height:100%}.blog-card .card-content{padding-block:10px}.blog-card:not(.grid) .card-content{padding:25px}.blog-card.grid .h3{--fs-3: 2rem}.blog-card .time{--fs-6: 1.6rem}.checkbox-wrapper{margin-block:20px}.contact-item{min-width:calc(33.33% - 16.66px)}.contact-card{padding:30px}.contact-card .card-icon{font-size:32px}}@media (min-width: 1200px){:root{--fs-1: 6.8rem;--fs-2: 4.5rem;--fs-4: 1.9rem;--fs-5: 1.6rem;--fs-6: 1.6rem}.container{max-width:1140px}.btn{--fs-6: 1.5rem}.service-card{padding:30px}.service-card .h3{--fs-3: 2.5rem}.project{margin-top:35px}.project-card .card-content{padding:30px}.project-card .card-subtitle{--fs-6: 1.6rem}.about .container{gap:60px}.about-item{gap:7px}.about-item ion-icon{font-size:20px}.cta .section-title{margin-block:15px 24px}.blog-card .time{--fs-6: 1.6rem}.blog-card.grid .h3{--fs-3: 2.4rem}.contact-form{padding:50px}.contact-card{gap:20px}.contact-card .card-icon{padding:15px}}.langswitcher{position:fixed;bottom:30px;right:10px;background-color:var(--second-color);width:40px;height:40px;border-radius:50%;color:var(--white-1);display:flex;justify-content:center;align-items:center;padding:10px;z-index:1000;cursor:pointer}.langswitcher ion-icon{font-size:30px}.eventsElem,.lumo{margin-top:45px}.links{margin-top:35px;display:flex;align-items:center;gap:20px;color:var(--main-color);text-align:center;margin-inline:auto;width:100%}.links a{text-align:center;font-size:18px}.animated-box{margin-top:80px;padding-top:30px;width:100%;display:flex;justify-content:center;align-items:center}.box{position:relative;width:200px;height:200px;transform-style:preserve-3d;animation:animate 20s linear infinite}@keyframes animate{0%{transform:perspective(1000px) rotateY(0)}to{transform:perspective(1000px) rotateY(360deg)}}.box span{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:center;transform-style:preserve-3d;transform:rotateY(calc((var(--i) * 45deg))) translateZ(400px);-webkit-box-reflect:below 0px linear-gradient(transparent,transparent,#0004)}.box span img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.notfound{margin-top:65px}.notfound .btn{text-decoration:underline;margin-inline:auto;color:#fff;margin-bottom:65px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-100px)}}.balle{margin-top:85px;width:50px;height:50px;background-color:var(--main-color);border-radius:50%;position:absolute;top:50%;left:50%;animation:bounce 2s infinite}