.nav-main{display:flex;align-items:center;justify-content:space-between;margin:0;padding:20px;box-shadow:0 0 10px var(--button-color);position:sticky;width:100%;top:0;left:0;background-color:var(--body-color);z-index:var(--z-fixed);transition:box-shadow .4s,background-color .4s;height:var(--header-height);transition:transform .3s ease-in-out}.nav-main.nav-scrolled{transform:translateY(-100%)}.nav-main.nav-scrolled.nav-up{transform:translateY(0)}.home-logo{display:flex;column-gap:.5rem;align-items:center;font-weight:var(--font-semi-bold);color:var(--title-color)}.home-logo img{width:50px;height:50px}.nav ul{display:flex;align-items:center;justify-content:space-evenly;gap:30px;margin:0;padding:0;list-style:none}.nav li{padding:10px;color:var(--text-dark-color);font-size:var(--normal-font-size);font-weight:var(--font-bold);position:relative}.nav ul li:hover .dropdown{display:grid;top:100%;transition:all 2s ease-in-out linear}.nav ul li a{text-decoration:none;color:var(--text-dark-color)}.home-call button{padding:15px 50px;border-radius:5px;background-color:var(--button-color);color:var(--white-color);border:none;font-size:var(--normal-font-size)}.home-call button:hover{background-color:var(--text-color)}.dropdown{display:grid;position:absolute;top:-800%;left:-250%;width:35rem;background-color:var(--body-color);box-shadow:0 4px 8px #0000001a;grid-template-columns:repeat(2,1fr);padding:10px;gap:10px;z-index:1000;border-radius:12px;border-left:1px dashed #ccc;border-right:1px dashed #ccc}.dropdown a{padding:10px;color:#000;text-decoration:none;white-space:nowrap}.dropdown a:hover{background-color:#f1f1f1;width:95%;border-radius:5px;text-align:center}.dropdown:after{content:"";position:absolute;top:10px;bottom:10px;left:50%;width:1px;background:repeating-linear-gradient(to bottom,var(--button-color),var(--button-color) 2px,transparent 2px,transparent 4px)}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:25px;height:20px;cursor:pointer}.hamburger .line{width:100%;height:3px;background-color:var(--button-color);transition:all .7s ease-in-out}.hamburger .line.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger .line.open:nth-child(2){opacity:0}.hamburger .line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media only screen and (max-width: 1050px){.nav-main{justify-content:space-between;padding:20px}.nav ul{position:absolute;top:80px;right:0;background-color:var(--body-color);flex-direction:column;width:100%;border:1px solid #ccc;opacity:.8;padding:20px;display:none}.nav ul.open{display:flex}.nav ul.open li{color:var(--button-color);font-weight:700;font-size:var(--h3-font-size)}.nav-main-scrolled .hamburger .line{color:var(--button-color)}.hamburger{display:flex;transition:all .7s ease-in-out}.nav ul.open,.nav.nav-open ul{display:flex}.nav li{font-size:var(--small-font-size);padding:10px 20px}.home-logo img{width:40px;height:40px}.home-call{display:none}.dropdown{left:0;width:100%;grid-template-columns:1fr;padding:10px;border-radius:8px}.dropdown a{padding:8px;font-size:var(--small-font-size)}.dropdown:after{display:none}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.top-section{background-color:#000;height:100vh;position:relative}.top-section>h1{font-size:var(--h1-font-size);font-weight:var(--font-bold);color:var(--white-color);transition:color .8s ease;width:50%;margin:0 0 50px;padding-top:50px;text-shadow:0 3px 3px rgba(255,255,255,.8)}.top-3D{position:absolute;top:0;right:10%;width:25rem;height:30rem;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.top-3D:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#000000e6);z-index:2}.top-write p{color:var(--white-color);width:20rem;text-wrap:wrap;margin:0 0 0 100px;line-height:23px;text-align:justify}.top-write h1{color:var(--white-color);font-size:var(--biggest-font-size);margin-left:100px;margin-top:50px;position:relative;z-index:2;width:75%;text-wrap:wrap;text-indent:100px}.top-second{background-color:#000;padding:100px}.top-second h1{color:var(--white-color);font-size:var(--h1-font-size);margin:0 0 150px;text-indent:100px}.top-second-mid{display:flex;gap:50px;font-size:1.2rem;color:var(--white-color);line-height:35px}.top-second-mid-right{width:20%}.top-second-mid article{width:80%;padding-right:20rem}.top-second-clients{display:grid;grid-template-columns:repeat(5,1fr);width:100%;margin-top:200px;gap:100px}.home__hero{display:flex;flex-direction:row-reverse;align-items:flex-start;padding:30px;justify-content:space-between;position:relative;overflow:hidden}.home__hero-left{width:70%;padding:3rem;transform:translate(-100%);opacity:0;animation:slideInLeft 4s forwards}.home__hero-left h1 span{font-size:var(--h1-font-size);font-weight:var(--font-bold);color:var(--button-color);margin-bottom:50px;transition:color .8s ease}.home__hero-left h1:hover{color:var(--button-color)}.home__hero-left h2{font-size:var(--h2-font-size);font-weight:var(--font-bold);margin-bottom:50px;transition:color .8s ease}.home__hero-left h2:hover{color:var(--button-color)}.hero-highlight{position:relative;display:inline-block}.hero-highlight:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:40%;background-color:#ffc107;z-index:-1;transition:height .8s ease}.hero-highlight:hover:before{height:60%}.home__hero-left h2{font-size:var(--h1-font-size);font-weight:400}.home__hero-left p{font-size:1.3rem;margin-bottom:50px;color:var(--text-dark-color);line-height:25px;padding-right:20rem}.home__hero-left button{background-color:var(--button-color);color:#fff;font-size:var(--normal-font-size);font-weight:var(--font-medium);padding:15px 50px;border:none;border-radius:5px;margin-bottom:20px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.home__hero-left button:hover{background-color:var(--text-color);color:var(--white-color);transform:scale(1.05)}.home__hero-left-but small b{color:#20b15a;font-size:1.2rem}.home__hero-left-but small{font-size:var(--smaller-font-size);color:var(--text-color);margin-right:20px}.home__hero-right{width:30%;padding:5rem;opacity:0;animation:slideInRight 4s forwards}.right-circle1{position:absolute;left:10%;top:9%;border:1px solid #ffecb3;border-radius:50%;height:20rem;width:20rem;display:flex;align-items:center;z-index:-100}.right-circle2{border:1px solid #ffecb3;height:15rem;border-radius:50%;width:15rem;display:flex;align-items:center}.right-circle3{border:1px solid #ffecb3;height:10rem;width:10rem;border-radius:50%}.home__hero-right img{z-index:200}.right-card1{position:absolute;width:8rem;height:3rem;top:40%;left:5%;box-shadow:0 0 10px #0003;padding:5px;background-color:#fff;border:none;border-radius:10px;z-index:-50;transform:translateY(20px);opacity:0;animation:slideInUp 1s forwards;display:flex;align-items:center;flex-direction:column}.right-card1 p{margin-top:5px;font-size:10px;color:var(--black-color)}.right-card1-top{display:flex;justify-content:space-around;margin:0}.right-card1-top h4{color:#000}.right-card1-top img{border-radius:50%}.star-rating{display:flex;direction:row}.star{font-size:1rem;cursor:pointer;color:#ddd}.star.filled{color:#ffc107}.star:hover,.star:hover~.star{color:#ffdb70}.home-second{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:5rem;overflow:hidden}.home-second h1{font-size:var(--h1-font-size);color:var(--button-color)}.home-second h1:hover{transform:translateY(-10px)}.home-second>p{font-size:var(--normal-font-size);font-weight:var(--font-medium);color:var(--text-dark-color);text-align:center;width:80%}.home-second-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;padding:5rem 8rem;border-radius:15px}.home-second-card{background-color:var(--body-color);padding:2rem 1.5rem;width:18rem;height:20rem;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;border:none;box-shadow:0 0 10px #b7b0ff99;border-radius:5px;transition:transform .3s ease,box-shadow .3s ease}.home-second-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 30px #b7b0ffcc}.home-second-card{animation:slideInUp 1s forwards;color:var(--title-color)}.home-second-card h3{font-size:var(--normal-font-size);font-weight:var(--font-bold);color:var(--title-color)}.home-second-card p{font-size:var(--smaller-font-size);text-align:center;color:var(--title-color)}.home-second-card small{font-size:var(--smaller-font-size);display:flex;align-items:center}.home-icon{width:50px;height:50px;color:#fd7b27}.home-second-but{width:100%;display:flex;justify-content:end}.home-second-but button{padding:10px 50px;font-size:var(--normal-font-size);font-weight:var(--font-bold);align-items:center;display:flex;gap:10px;border:none}.home-second-but button:hover{background-color:var(--text-color);color:var(--white-color)}.background-image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;opacity:0;transition:opacity .5s ease-in-out;z-index:1}.home-second-card:hover{background-color:var(--black-color);color:var(--white-color);transition:color .5s ease-in-out}.home-second-card:hover h3,.home-second-card:hover p,.home-second-card:hover small,.home-second-card:hover .home-icon{color:var(--white-color);transition:all .5s ease-in-out}.slider-pagination{display:none}.home-portfolio{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 0;overflow:hidden;background-color:#000}.home-portfolio h1{font-size:var(--biggest-font-size);color:var(--white-color);font-weight:400;margin-left:10rem;margin-bottom:4rem}.home-portfolio h1:hover{transform:translateY(-10px);color:#fd7b27}.home-portfolio>p{font-size:var(--h3-font-size);font-weight:var(--font-medium);color:var(--white-color);width:30rem;margin-left:15rem;line-height:30px}.home-portfolio-cards{display:grid;grid-template-columns:30% 70%;grid-gap:6rem;padding:5rem 7rem;border-radius:15px}.home-portfolio-card h3,.home-portfolio-card p{color:var(--white-color)}.home-portfolio-img{width:100%;padding:40px;height:25rem;display:flex;align-items:center;margin-bottom:30px;overflow:hidden;position:relative;transition:transform .3s ease}.home-portfolio-img img{width:100%;transition:transform .3s ease}.home-portfolio-img:hover img{transform:scale(1.1)}.portfolio-card-first{display:flex;padding:3rem 7rem;gap:20px}.home-portfolio-image{width:65%;margin:0}.home-portfolio-image img{margin:0}.home-portfolio-image p{color:var(--white-color);margin-top:2rem;font-size:var(--h3-font-size)}.portfolio-first-write{width:35%;margin:0}.portfolio-first-write p{color:var(--white-color);font-size:var(--h2-font-size);margin-bottom:5rem}.first-write{display:flex;gap:20px;align-items:flex-start}.first-write img{width:100px;height:100px;border-radius:12px}.first-write p small{font-size:var(--normal-font-size);color:var(--white-color)}.home-portfolio button{padding:10px 50px;font-size:var(--normal-font-size);font-weight:var(--font-bold);border:none}.home-portfolio button:hover{background-color:var(--text-color);color:var(--white-color)}.home-service{padding:3rem 5rem}.home-service-first{display:flex;gap:5rem;align-items:flex-start;padding:5rem 0}.home-service-first h1{font-size:var(--h1-font-size);font-weight:400;width:80%}.home-service-second{display:flex;gap:3rem}.services-second-img{width:30%;margin:0}.services-second-img img{margin-bottom:2rem;width:20rem}.services-second-text{font-size:var(--h3-font-size);width:50%;margin-left:0}.services-second-text p{padding-right:4rem;display:inline-block;line-height:1.5}.services-second-text p:first-letter{font-size:var(--biggest-font-size);line-height:1;vertical-align:middle;display:inline-block;margin-right:5px}.services-second-text button{padding:15px 30px;background-color:var(--button-color);border:none;color:var(--white-color);font-size:var(--normal-font-size);margin-top:5rem}.home-service-third{display:flex;align-items:center;justify-content:center}.home-service-third ol{list-style:none}.home-service-third ol li{padding:2rem 0;border-bottom:1px solid;font-size:var(--h3-font-size);display:flex;justify-content:space-between;width:35rem}.home-service-third ol li:hover{background-color:var(--button-color);color:var(--white-color);transition:all 1s ease-in-out linear;padding:2rem 20px}.home-service-third span{width:90%}.home-service-third small{margin-right:2rem}@keyframes slide-in-animation{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-animation{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}.slide-in{animation:slide-in-animation .5s ease-out}.home-about{background:url(/img4.webp);background-size:100% 100%;display:flex;flex-direction:column;gap:10rem;padding:50px 80px;overflow:hidden}.home-about>h1{font-size:var(--h1-font-size);color:var(--white-color);margin:0;width:80%;line-height:70px;text-indent:7rem}.home-about h1:first-line{padding-left:10rem}.home-about h1 :hover{transform:translateY(-10px)}.home-about-container{display:flex;justify-content:center;align-items:flex-start;margin-bottom:50px}.about-container-img{width:30%;border:8px solid;border-image:linear-gradient(to bottom,#4a3aff,#1f1e26) 1;padding:0;border-radius:15px}.about-container-text{width:60%;color:var(--white-color-color);font-size:var(--normal-font-size);font-weight:var(--font-regular);padding-right:25px;line-height:35px}.about-container-text b{color:var(--white-color);font-size:var(--h3-font-size)}.about-highlight{position:relative;display:inline-block}.about-highlight:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:40%;background-color:var(--button-color);z-index:-1}.about-circle1{position:absolute;border:1px solid rgba(253,123,39,.3);width:28rem;height:28rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.about-circle2{border:1px solid rgba(253,123,39,.3);width:18rem;height:18rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.about-circle3{border:1px solid rgba(253,123,39,.3);width:8rem;height:8rem;border-radius:50%}.about-text{color:var(--white-color)}.home-about-third{display:flex;align-items:center;gap:20px}.home-about-third-card{padding:3rem 0;display:flex;align-items:flex-start;flex-direction:column;width:16rem;height:16rem;border-top:1px solid white}.home-about-third-card h1{font-size:var(--h2-font-size);width:100%;color:var(--white-color);line-height:70px}.home-about-third-card p{color:#fff;padding-right:2rem}.home-testimonial{display:flex;flex-direction:column;padding:50px 50px 100px;background-color:var(--body-color);overflow:hidden}.home-testimonial h1{font-size:var(--h1-font-size);color:var(--button-color)}.home-testimonial h1:hover{transform:translateY(-10px)}.home-testimonial p{font-size:var(--normal-font-size);font-weight:var(--font-medium)}.home-testimonial-lower{display:flex;align-items:center;justify-content:space-around;gap:30px}.home-testimonial-lower i{display:flex;align-items:center;justify-content:center;background-color:#f2f2f2}.home-testimonial-lower i:hover{background-color:var(--button-color);color:#f2f2f2}.home-testimonial-cards{display:flex;align-items:center;justify-content:space-around;margin-top:50px;gap:30px}.home-testimonial-card{display:flex;flex-direction:column;width:20rem;gap:5px;padding:25px;border:1px solid #000000;align-items:center;justify-content:center;border-radius:5px;box-shadow:0 0 10px #b7b0ff;transition:transform .3s ease,box-shadow .3s ease;animation:slideInLeft 1s forwards}.home-testimonial-card:hover{transform:translateY(-10px);box-shadow:0 20px 30px #b7b0ff}.home-testimonial-card img,small{margin-bottom:15px}.home-testimonial-card p{font-size:var(--normal-font-size);text-align:center;line-height:25px}.home-faq{display:flex;flex-direction:column;align-items:center;gap:50px;padding:50px 0;overflow:hidden}.home-faq-head{display:flex;justify-content:space-between;width:100%}.home-faq-head>small{margin-left:5rem;margin-right:20rem}.home-faq-head h1{display:flex;flex-direction:column;align-items:flex-start;font-size:var(--biggest-font-size);font-weight:500;color:var(--button-color);margin-left:0}.home-faq-head h1 span{margin:0}.home-faq-head h1 small{font-size:var(--h3-font-size);vertical-align:top}.home-faq h1:hover{transform:translateY(-10px)}.home-faq-cards{display:flex;flex-direction:row-reverse;max-width:100%;gap:30px;padding:5rem}.home-faq-img{width:30%;display:flex;flex-direction:column;align-items:flex-start;gap:30px}.home-faq-img q{line-height:25px}.faq-list{display:flex;flex-direction:column;max-width:70%;margin-bottom:50px}.home-faq-card{padding:40px 20px;display:flex;width:40rem;justify-content:space-between;border-radius:8px;border-bottom:1px solid #352a4a;transition:background-color .3s ease,transform .3s ease;animation:slideInDown 1s forwards}.home-faq-card:hover{background-color:var(--black-color-light);transform:translateY(-10px);color:var(--text-dark-color)}.others{border:none;width:40rem;border-bottom:1px solid var(--text-dark-color)}.others small{display:none}.home-team{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;overflow:hidden}.home-team h1{font-size:var(--h1-font-size);color:var(--button-color)}.home-team h1:hover{transform:translateY(-10px)}.home-team p{font-size:var(--normal-font-size);font-weight:var(--font-bold);color:var(--text-dark-color)}.home-team small{font-size:var(--smaller-font-size);font-weight:var(--font-regular);color:var(--text-dark-color);width:40%;text-align:center}.home-team-cards{display:flex;gap:30px;padding:50px}.home-team-card{width:16rem;background-color:#eaecf0;transition:transform .5s ease,box-shadow .5s ease;animation:slideInUp 1s forwards;box-shadow:0 5px 10px var(--text-dark-color)}.home-team-card:hover{transform:translateY(-10px);box-shadow:0 20px 30px #0000001a}.home-team-card:hover img{transform:scale(1.05)}.home-team-card h3{font-size:var(--h3-font-size);margin:10px 0}.home-team-card small{font-size:var(--smaller-font-size);font-weight:var(--font-regular)}.home-team-card p{font-size:var(--small-font-size);font-weight:var(--font-regular);margin-top:10px;line-height:25px}.home-team-low{padding:20px;background-color:var(--body-color)}@media screen and (max-width: 1050px){@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.top-section>h1{position:relative;z-index:1;text-align:center;width:100%}.top-3D{right:0;width:20rem}.top-write{margin-top:15rem;display:flex;flex-direction:column-reverse;width:100%;gap:5rem}.top-write p,.top-write h1{margin:auto}.top-second{padding:35px}.top-second>h1{text-indent:50px;margin-bottom:120px}.top-second-mid{flex-direction:column}.top-second-mid-right{width:100%}.top-second-mid article{width:100%;padding:10px}.top-second-clients{grid-template-columns:repeat(3,1fr);gap:30px;margin:50px 0}.home__hero{flex-direction:column;padding:20px;padding-bottom:5rem;align-items:center;justify-content:center}.home__hero-left{width:100%;padding:1.5rem;animation:slideInLeft 1s forwards}.home__hero-left h1 span,.home__hero-left h2{font-size:1.8rem;margin-bottom:20px}.home__hero-left p{margin-bottom:30px;padding-right:0}.home__hero-left-but{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.home__hero-left-but small{margin:0}.home__hero-left button{padding:10px 30px;font-size:.875rem;margin-bottom:10px}.home__hero-right{width:40%;padding:0;margin:20px 0 0;animation:slideInRight 1s forwards}.right-circle1,.right-circle2,.right-circle3{display:none}.right-card1{width:auto;height:3.5rem;top:10%;left:-5rem;animation:slideInUp 1s forwards}.home-second-cards{display:flex;scroll-snap-type:x mandatory;overflow-x:scroll;scroll-behavior:smooth;padding:auto;width:100%;padding:2rem}.home-second-card{scroll-snap-align:center;flex:0 0 100%;width:20rem}.slider-pagination{text-align:center;margin:10px 10px 30px}.home-second-cards::-webkit-scrollbar{display:none}.home-second-card:nth-child(odd){margin-left:10px}.home-portfolio h1{margin-left:35px;font-size:var(--biggest-font-size)}.home-portfolio>p{width:90%;margin:20px;text-align:left}.portfolio-card-first{padding:1rem;flex-direction:column}.home-portfolio-image,.portfolio-first-write{width:100%}.home-portfolio-cards{display:flex;scroll-snap-type:x mandatory;overflow-x:scroll;scroll-behavior:smooth;padding:2rem;width:100%}.home-portfolio-card{scroll-snap-align:center;flex:0 0 100%;width:20rem}.slider-pagination{display:block;text-align:center;margin:10px 0}.dot{height:8px;width:8px;margin:0 5px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .3s ease}.dot.active{background-color:var(--button-color)}.home-portfolio-cards::-webkit-scrollbar{display:none}.home-portfolio-card:nth-child(odd){margin-left:10px}.home-service{padding:1rem}.home-service-first{flex-direction:column;gap:2rem}.home-service-first small{text-align:right;width:100%}.home-service-first h1{width:100%;font-size:var(--biggest-font-size)}.home-service-second{flex-direction:column-reverse}.services-second-text{width:100%}.services-second-text p{padding-right:0}.services-second-img{width:100%}.services-second-img img{width:50%}.home-service-third ol,.home-service-third ol li{width:100%}.home-about{padding:20px 10px;gap:5rem;background-size:cover}.home-about>h1{font-size:var(--h2-font-size);line-height:40px;width:100%;text-indent:2rem}.home-about-container{flex-direction:column}.about-container-img{display:none}.home-about-third{flex-wrap:wrap}.about-container-text{width:100%;padding-right:0;text-align:center}.about-circle1,.about-circle2,.about-circle3{display:none}.home-testimonial{padding:50px 20px}.home-testimonial-lower,.home-testimonial-cards{flex-direction:column;gap:20px}.home-testimonial-card{width:100%;padding:15px}.home-testimonial-cards-wrapper{position:relative;overflow:hidden}.home-testimonial-cards{display:flex;transition:transform .5s ease}.home-testimonial-card{flex:0 0 100%;opacity:0;transition:opacity .5s ease}.home-testimonial-card.active{opacity:1}.home-testimonial-card.hidden{display:none}.slider-pagination{display:flex;justify-content:center;margin-top:20px}.dot{width:10px;height:10px;margin:0 5px;background-color:#ccc;border-radius:50%;cursor:pointer}.dot.active{background-color:#000}.home-testimonial-lower i{display:none}.home-faq-head{flex-direction:column}.home-faq-head small{margin:1rem;width:100%}.home-faq-head h1{width:100%;margin:1rem}.home-faq-cards{max-width:100%;padding:0 10px;flex-direction:column-reverse}.faq-list{max-width:100%}.home-faq-card{gap:10px;width:100%}.home-faq-card-left p{font-size:var(--normal-font-size)}.others{width:100%}.home-team-cards{flex-direction:column;padding:20px 10px}.home-team-card{width:100%;padding:10px}.home-faq-img{width:100%}.home-faq-img img{width:70%}.home-team small{width:100%;text-align:center}}.about-hero{background:linear-gradient(#0006,#000000b3),url(/img6.webp) no-repeat center center;background-size:cover;gap:20px;transition:background .5s ease;padding:15rem 5rem}.about-hero-top{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7rem}.about-hero h2{font-size:var(--biggest-font-size);color:var(--white-color);margin:0;width:55%;font-weight:500;transition:transform .5s ease}.about-hero h2:hover{transform:scale(1.1)}.about-hero p{font-size:var(--h3-font-size);color:var(--white-color);width:40rem;line-height:25px;margin:0;transition:color .5s ease}.about-body{display:flex;flex-direction:column;gap:30px;padding:50px;width:85%}.about-body h1{font-size:var(--h1-font-size);color:var(--button-color);transition:transform .5s ease}.about-body h1:hover{transform:translateY(-10px)}.about-body p{font-size:var(--normal-font-size);font-weight:var(--font-medium);color:var(--text-dark-color);line-height:25px;transition:transform .5s ease,color .5s ease}.about-body .server{width:100%}.server p{font-size:var(--h3-font-size);font-weight:600;color:var(--text-color);margin-bottom:10px;transition:3s}.server ul li{list-style-type:disc;margin-left:30px;margin-bottom:15px;color:var(--black-color);font-weight:500}.mission h3{font-size:var(--h2-font-size);font-weight:600;color:var(--button-color);margin-bottom:10px;transition:3s}.mission h4{font-size:var(--h3-font-size);margin-bottom:10px}.pillars h2{font-size:var(--h2-font-size);margin-bottom:10px;color:var(--button-color);transition:3s}.pillars li{font-size:var(--h3-font-size);font-weight:600;margin-left:30px;margin-bottom:20px}.pillars li p{font-size:var(--normal-font-size);margin-left:3px;margin-top:10px}.why-choose-us h2{font-size:var(--h2-font-size);color:var(--button-color);transition:3s;margin-bottom:10px}.why-choose-us li{list-style-type:disc;font-size:var(--h3-font-size);font-weight:600;margin-left:30px;margin-bottom:20px}.about-body-services h3{font-size:var(--h2-font-size);margin-bottom:20px;color:var(--button-color);transition:color .5s ease}.about-body-services ul{padding:0 50px}.about-body-services ul li{list-style:circle;padding:20px;list-style-type:disc;color:var(--text-dark-color);transition:color .5s ease,transform .5s ease}.about-body-services button{padding:15px 50px;background-color:var(--button-color);color:var(--white-color);font-size:var(--normal-font-size);border:none;margin:auto;border-radius:5px;cursor:pointer;transition:background-color .5s ease,transform .5s ease}.about-body-services button:hover{background-color:var(--white-color);color:var(--button-color);transform:scale(1.1)}.about-team{padding:50px}.about-team h2{font-size:var(--h2-font-size);color:var(--button-color);margin-bottom:30px;padding-left:50px;transition:color .5s ease}.about-team-cards{display:grid;grid-template-columns:repeat(4,1fr);grid-row-gap:30px;gap:30px;padding:10px 50px}.about-team-card{background-color:#eaecf0;box-shadow:0 5px 10px var(--text-dark-color);transition:transform .5s ease,box-shadow .5s ease}.about-team-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px #0000004d}.about-team-card img{width:100%;height:18rem;transition:transform .5s ease}.about-team-card:hover img{transform:scale(1.05)}.about-team-card h3{font-size:var(--h3-font-size);margin:10px 0;transition:color .5s ease}.about-team-card small{font-size:var(--smaller-font-size);font-weight:var(--font-regular)}.about-team-card p{font-size:var(--small-font-size);font-weight:var(--font-regular);color:var(--text-dark-color);margin-top:10px;line-height:25px}.about-team-low{padding:20px;background-color:var(--body-color);height:12rem}.back-to-top{position:fixed;bottom:20px;right:5%;padding:10px;background-color:var(--button-color);color:#fff;border:none;cursor:pointer;display:none}.back-to-top.show{display:block}.back-to-top:hover{transform:translateY(-10px)}@media screen and (max-width: 1050px){.about-hero p{width:90%}.about-body{padding:20px 10px}.about-body p{text-align:justify}.about-body-services ul{padding:10px}.about-team-cards{grid-template-columns:auto auto}}@media screen and (max-width: 500px){.about-hero p{width:90%}.about-body{padding:20px 10px}.about-body p{text-align:justify}.about-body-services ul{padding:10px}.about-team-cards{grid-template-columns:auto;padding:10px 0}}.service-hero{background:url(/img7.webp) no-repeat center center;transition:background .5s ease;padding:5rem}.hero{background:url(/img3.webp) no-repeat center center;background-size:100% 100%;padding:8rem 5rem}.hero-cloud{background:linear-gradient(#0006,#000000b3),url(/Cloudserve.jpg) no-repeat center center;background-size:100% 100%;height:80vh}.hero-cyber{background:linear-gradient(#0006,#000000b3),url(/cybersec.jpg) no-repeat center center;background-size:100% 100%;height:80vh}.hero-data{background:linear-gradient(#0006,#000000b3),url(/DataBI.jpg) no-repeat center center;background-size:100% 100%;height:80vh}.heroI{background:linear-gradient(#0006,#000000b3),url(/IoTs.jpg) no-repeat center center;background-size:100% 100%;height:80vh}.contact-hero{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5rem;padding:7rem 0;background:linear-gradient(#0006,#000000b3),url(/img8.webp) no-repeat;background-size:cover;overflow:hidden}.contact-hero>h2{font-size:var(--biggest-font-size);color:var(--white-color);display:flex;align-items:center;gap:10px;border-bottom:3px solid;cursor:pointer}.contact-hero>p{font-size:var(--normal-font-size);color:var(--white-color);width:40rem;text-align:center;line-height:25px}.contact-info{display:flex;width:100%}.contact-info-card{padding:4rem;padding-right:0;border:.2px solid var(--white-color);width:100%}.contact-info-card h3{color:var(--white-color);margin-bottom:2rem}.contact-info-text{display:flex;flex-wrap:wrap;gap:1rem}.contact-info-text p{color:var(--white-color);margin:0;padding:10px}.contact-info-text p:hover{transform:translate(20px);background-color:#434242;background-size:100% 100%}.contact-info-text p a{color:var(--white-color)}.contact-body-top{display:flex;width:100%;gap:1rem}.contact-body-top-left{width:55%}.contact-body-top-left h1{font-size:var(--biggest-font-size);font-weight:500;margin-bottom:2rem}.contact-body-top-left h1:hover{color:#fd7b27}.contact-body-top-right{width:45%;padding:0 4rem}.contact-body-top-left p{font-size:var(--normal-font-size);margin-bottom:2rem;line-height:30px}.contact-body-top-left button{background-color:var(--button-color);color:var(--white-color);font-size:var(--h3-font-size);font-weight:300;border:none;padding:20px 50px}.contact-body-top-left button:hover{transform:translate(20px)}.contact-body{padding:90px 5rem;width:100%}.contact-body form{border:1px solid var(--button-color);padding:20px;border-radius:12px;box-shadow:0 5px 10px #0000004d;background-color:var(--body-color)}.contact-body form fieldset{display:grid;grid-template-columns:repeat(2,1fr);row-gap:30px;border:none}.contact-body form fieldset label{display:flex;flex-direction:column;font-size:var(--normal-font-size);font-weight:var(--font-semi-bold);color:var(--text-dark-color);gap:10px;width:90%}.contact-body form fieldset label input{font-size:var(--normal-font-size);padding:10px;width:100%;border-radius:8px;border:none;box-shadow:0 5px 10px #3e3e5933}.contact-body form fieldset label input:focus{border:none;transform:scale(1.1)}.contact-body form .form-unique{display:flex;flex-direction:column}.contact-body form .form-unique .checkbox{padding:20px;width:100%;position:relative;display:inline-block}.contact-body form .form-unique .checkbox input{position:absolute;opacity:0;cursor:pointer;background-color:#000;z-index:100}.contact-body form .form-unique .checkbox input+label{position:relative;cursor:pointer;padding:0;align-items:center;color:var(--text-dark-color)}.contact-body form .form-unique .checkbox input+label:before{content:"";display:inline-block;width:15px;height:15px;border:1px solid #000;border-radius:50%;background-color:#fff;transition:background-color .3s,border-color .3s;margin-right:8px}.contact-body form .form-unique .checkbox input:checked+label:before{background-color:var(--button-color);border-color:var(--button-color)}.contact-body form .form-unique .checkbox input:focus+label:before{box-shadow:0 0 0 3px #0003}.contact-body form .form-unique .checkbox label{font-size:var(--small-font-size);margin-right:10px;color:var(--text-dark-color)}.contact-body form .form-unique .contact-message{width:100%;margin:0 0 50px;display:flex;flex-direction:column;gap:20px}.contact-body form .form-unique .contact-message label{margin:0 20px;color:var(--text-dark-color)}.checkbox legend{color:var(--text-dark-color)}.contact-body form .form-unique .contact-message textarea{width:95%;padding:10px;height:15rem;border:none;border-radius:6px;box-shadow:0 5px 10px #3e3e5933}.contact-body form .form-unique button{padding:10px 35px;border-radius:5px;border:none;background-color:var(--button-color);color:var(--white-color);font-size:var(--normal-font-size);font-weight:var(--font-semi-bold)}.contact-work{display:flex;padding:7rem 50px;gap:30px;background-color:#000}.contact-work-left{width:50%;height:30rem}.contact-work-right{width:50%}.contact-work-right>h3{color:var(--white-color);margin-bottom:3rem;font-size:var(--h3-font-size)}.contact-work-right h1{font-size:var(--h1-font-size);color:var(--white-color);margin-bottom:3rem}.contact-work-right h1:hover{color:#fd7b27}.contact-work-right-cards{padding:0 3rem}.contact-work-right-card{padding:2rem 0;display:flex;width:100%;justify-content:space-between;border-bottom:.5px solid var(--white-color);align-items:center}.contact-work-right-card h3{margin-left:0;color:var(--white-color);font-size:var(--h3-font-size)}.contact-work-right p{font-size:var(--normal-font-size);color:var(--white-color);margin-right:0;cursor:pointer;text-decoration:underline}@media screen and (max-width: 1050px){.contact-info,.contact-body-top{flex-direction:column}.contact-body-top-left{width:100%}.contact-body-top-right{display:none;width:100%;padding:2rem}.contact-work-right{width:80%}.contact-work-right-cards{padding:0}.contact-work{flex-direction:column}.contact-cards{flex-wrap:wrap}}@media screen and (max-width: 500px){.contact-hero p{width:100%}.contact-body form fieldset{grid-template-columns:auto}.contact-body{padding:20px}.contact-work{padding:0}.contact-work p{width:auto;padding:0 20px}}.subscribe{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10rem 0;background-image:url(/img5.webp);background-size:100% 100%;color:var(--white-color);gap:8rem}footer{background-color:var(--button-color);padding:50px 100px 20px}.footer-first{display:flex;gap:50px}.footer-logo{width:30%}.log-img{width:15rem;height:5rem;background-color:#fff;display:flex;align-items:center;gap:5px;padding:10px;border-radius:20px}.log-img img{height:100%;object-fit:contain}.log-img h3{text-align:center;color:var(--button-color);font-weight:700}.footer-links{width:70%;display:grid;grid-template-columns:repeat(4,1fr);gap:50px}.footer-links ul{width:10rem;padding:0}.footer-links ul p{font-size:var(--small-font-size);color:var(--white-color);font-weight:700}.footer-links ul li,.footer-links ul li a{font-size:var(--smaller-font-size);margin:10px 0;line-height:25px;color:var(--white-color)}.footer-second>div{display:flex;justify-content:space-between}.footer-low-top{width:100%;display:flex;line-height:25px;margin-bottom:0}.footer-low-top>small{width:50%;color:var(--white-color)}.small{width:50%;display:flex;flex-direction:column;align-items:end}.small p{color:var(--white-color);font-size:var(--smaller-font-size)}.small div{display:flex;gap:20px}.small i{color:var(--white-color)}.footer-low-buttom{margin-top:10px;width:100%}.footer-low-buttom p,.footer-low-buttom small{color:var(--white-color)}@media screen and (max-width: 1050px){.footer-links{grid-template-columns:auto auto}}@media screen and (max-width: 500px){footer{padding:30px 50px}.footer-first{flex-direction:column}.footer-logo{width:100%}.footer-links{width:100%;padding:0;gap:20px}.footer-low-top{flex-direction:column-reverse}.footer-low-top>small{width:100%;text-align:justify}}.signup-body{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(to right,#b7b5d34d,#6f6c90,#b7b5d34d)}.signup-body form{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.signup-body form label{display:flex;flex-direction:column;justify-content:center;color:var(--white-color);font-size:var(--normal-font-size);gap:10px;margin-bottom:10px}.signup-body form label input{padding:10px;width:20rem;border:none;background-color:#f0f8ff;box-shadow:#00000080 #00000080}.signup-body button{padding:10px 40px;background-color:var(--button-color);color:var(--white-color);border:none;font-size:var(--normal-font-size);cursor:pointer}.signup-text{display:flex;color:var(--black-color);gap:10px;margin-top:25px}.chatbotContainer{position:fixed;bottom:-470px;right:10rem;height:500px;background-color:var(--container-color);border-radius:10px;box-shadow:0 4px 10px #0000001a;overflow:hidden;z-index:1000}.chatbotContainer:hover{bottom:0}.chatbotHeader{background-color:var(--first-color);color:var(--white-color);padding:1rem;text-align:center;font-weight:700}.chatbotBody{padding:1rem;background-color:var(--body-color);height:calc(100% - 100px);overflow-y:auto}.chatbotFooter{padding:1rem;display:flex;border:none;gap:.5rem;background-color:var(--container-color)}.message{background-color:var(--button-color);color:var(--white-color);padding:.5rem;border-radius:20px;max-width:80%;margin-bottom:.5rem;word-wrap:break-word;line-height:20px}.userMessage{background-color:var(--text-color);color:var(--black-color);align-self:flex-end}.whatsapp-icon{position:fixed;bottom:7rem;right:3.5rem;padding:1rem;border-radius:50%;box-shadow:0 4px 10px #fff;z-index:1000;transition:background-color .3s ease}.whatsapp-icon:hover{background-color:#128c7e}.portfolio-container{margin:0 auto}.portfolio-header{padding:50px;background-image:url(/img1.webp);background-size:cover;color:#fff}.portfolio-header h1{font-size:3em;font-weight:700;margin-bottom:10px;color:var(--white-color)}.portfolio-header h1 sup{font-size:var(--h3-font-size)}.portfolio-header p{font-size:1.2em;font-style:italic;color:var(--white-color)}.projects{padding:5rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.project-card{background-color:#000;box-shadow:0 4px 8px #0000001a;height:22rem;width:22rem}.project-card:hover{transform:scale(1.05);transition:transform .3s ease-in-out}.project-card img{margin-bottom:15px;width:100%}.project-card-text{padding:1rem}.project-card h3{margin-bottom:10px;font-size:1.5em;color:var(--white-color)}.project-card p{font-size:1em;color:var(--white-color)}.testimonials{margin:60px 0;text-align:center}.testimonials h2{font-size:2.5em;margin-bottom:20px}.testimonial-card{margin-bottom:20px;font-style:italic}.testimonial-card h4{margin-top:10px;font-size:1.1em;color:var(--text-dark-color)}@media screen and (max-width: 500px){.portfolio-header{padding:50px 20px}.projects{padding:3rem 1rem}.projects-grid{grid-template-columns:auto}.project-card{width:100%}}.course-hero{height:80vh;background-image:linear-gradient(to bottom,#352a4ab3,#000000b3),url(/student.jpg);background-size:100% 100%;position:sticky;top:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 100px;gap:20px;z-index:-100}.pagination-dots{display:flex;justify-content:center;margin-top:10px}.dot{height:12px;width:12px;margin:0 5px;background-color:#bbb;border-radius:50%;display:inline-block;cursor:pointer;transition:background-color .3s}.dot.active{background-color:#fff}.course-hero h1{font-size:var(--h1-font-size);color:var(--white-color);margin:0;width:70%}.course-hero p{font-size:var(--normal-font-size);color:var(--white-color);margin:0}.course-main{padding:50px 100px;background-color:var(--body-color)}.course-top{margin:20px}.course-top h2{margin-bottom:30px;font-size:var(--h2-font-size)}.course-card h2,.course-card h3{color:var(--black-color)}.course-bot h1{font-size:var(--h1-font-size)}.course-bot{color:var(--text-dark-color)}.course-top article{line-height:25px;text-align:justify;font-weight:500;color:var(--text-dark-color)}.course-card p{color:var(--black-color)}.enroll-button,.enroll-submit-button,.view-materials-button{background-color:var(--button-color);color:var(--white-color);padding:10px 20px;border:none;border-radius:8px;cursor:pointer}.enroll-button:hover,.enroll-submit-button:hover,.view-materials-button:hover{background-color:var(--black-color-light)}.courses-page{background-color:var(--body-color);color:var(--text-dark-color)}.page-title{font-size:var(--biggest-font-size);text-align:center;margin-bottom:40px;color:var(--title-color);font-weight:var(--font-bold)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.course-card{background-color:var(--white-color);padding:20px;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:transform .3s,box-shadow .3s;width:100%;display:flex;flex-direction:column;align-items:center;gap:5px}.course-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0003}.course-title{font-size:var(--h2-font-size);color:var(--title-color);margin-bottom:10px;font-weight:var(--font-semi-bold)}.course-description{color:var(--text-color);font-size:var(--normal-font-size);margin-bottom:15px}.course-info{font-size:var(--normal-font-size);color:var(--text-dark-color)}.details-link{display:inline-block;margin-top:15px;padding:10px 20px;background-color:var(--button-color);color:var(--white-color);border-radius:6px;text-decoration:none;font-weight:var(--font-medium);transition:background-color .3s}.details-link:hover{background-color:var(--black-color-light)}.course-details-container{width:60%;margin:50px;padding:40px;background-color:var(--white-color);border-radius:12px;box-shadow:0 4px 8px #0000001a;color:var(--text-dark-color);line-height:1.6}.course-details-container h1,.course-details-container p,.course-details-container h3,.course-details-container li{color:var(--black-color)}.course-title{font-size:var(--biggest-font-size);color:var(--title-color);font-weight:var(--font-bold);margin-bottom:20px}.course-description{font-size:var(--normal-font-size);color:var(--text-color);margin-bottom:30px}.syllabus-title{font-size:var(--h2-font-size);color:var(--black-color);margin-bottom:15px}.syllabus-list{list-style:none;padding-left:0;margin-bottom:30px}.syllabus-item{font-size:var(--normal-font-size);color:var(--text-dark-color);margin-bottom:10px;padding-left:20px;position:relative}.syllabus-item:before{content:"•";position:absolute;left:0;top:0;font-size:1.5rem;color:var(--button-color)}.module-title{cursor:pointer;font-weight:700;color:#333;padding:10px;background-color:#fff;display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:15px;box-shadow:0 0 4px 4px #0000001a;border-radius:12px}.module-content{max-height:0;overflow:hidden;transition:max-height 2s ease-out}.module-content.open{max-height:1000px}.module-title{cursor:pointer;font-weight:700;color:#333;padding:10px;background-color:#f2f2f2}.module-title:hover{background-color:#ddd}.module-content p{padding:10px 20px}.module-content ul{padding:0 20px;list-style-type:disc}.module-description{margin-bottom:30px}.enroll-button{display:inline-block;padding:10px 20px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;margin-top:20px}.enroll-button:hover{background-color:#0056b3}.course-info{font-size:var(--normal-font-size);margin-bottom:10px}.enroll-button{display:inline-block;padding:12px 24px;background-color:var(--button-color);color:var(--white-color);border-radius:6px;text-decoration:none;font-weight:var(--font-medium);transition:background-color .3s}.enroll-button:hover{background-color:var(--black-color-light)}.enrollment-container{width:60%;margin:50px;padding:40px;background-color:var(--white-color);border-radius:12px;box-shadow:0 4px 8px #0000001a;color:var(--text-dark-color);line-height:1.6}.enrollment-title{font-size:var(--biggest-font-size);color:var(--title-color);font-weight:var(--font-bold);margin-bottom:20px}.course-price{font-size:var(--normal-font-size);color:var(--text-color);margin-bottom:30px}.training-option-title{font-size:var(--h2-font-size);color:var(--black-color);margin-bottom:15px}.training-options{list-style:none;padding-left:0;margin-bottom:30px}.training-option-item{margin-bottom:15px;font-size:var(--normal-font-size);display:flex;align-items:center}.training-option-item input[type=radio]{margin-right:10px}.training-option-label{color:var(--text-dark-color)}.enroll-submit-button{display:inline-block;padding:12px 24px;background-color:var(--button-color);color:var(--white-color);border-radius:6px;text-decoration:none;font-weight:var(--font-medium);cursor:pointer;transition:background-color .3s}.enroll-submit-button:hover{background-color:var(--black-color-light)}.dashboard-container{width:70%;margin:50px;padding:40px;background-color:var(--white-color);border-radius:12px;box-shadow:0 4px 8px #0000001a;color:var(--text-dark-color);text-align:center}.dashboard-title{font-size:var(--biggest-font-size);color:var(--title-color);font-weight:var(--font-bold);margin-bottom:30px}.enrolled-courses-title{font-size:var(--h2-font-size);color:var(--black-color);margin-bottom:20px}.courses-list{list-style:none;padding-left:0;margin-bottom:30px}.course-item{font-size:var(--normal-font-size);color:var(--text-dark-color);display:flex;justify-content:space-between;margin-bottom:20px;padding:12px;background-color:var(--body-color);border-radius:8px}.course-title{font-weight:var(--font-medium)}.course-progress{color:var(--button-color)}.view-materials-button{padding:12px 24px;background-color:var(--button-color);color:var(--white-color);border-radius:6px;text-decoration:none;font-weight:var(--font-medium);cursor:pointer;transition:background-color .3s}.view-materials-button:hover{background-color:var(--black-color-light)}@media screen and (max-width: 800px){.course-hero,.course-main{padding:10px}.course-details-container{width:100%;margin:0;padding:30px}}*{margin:0 auto;padding:0;box-sizing:border-box;transition:all .7s ease-in-out}.slide-in,.slide-in-left,.slide-in-right,.slide-in-top,.slide-in-bottom{opacity:0;transition:all 1s ease-out}.slide-in{transform:translateY(20px)}.slide-in-left{transform:translate(-20px)}.slide-in-right{transform:translate(20px)}.slide-in-top{transform:translateY(-20px)}.slide-in-bottom{transform:translateY(20px)}.in-view{opacity:1;transform:translate(0)}:root{--text-dark-color: hsl(60, 8%, 3%);--black-color: hsl(0, 0%, 0%);--black-color-light: hsl(0, 0%, 40%);--white-color: hsl(0, 0%, 95%);--title-color: hsl(0, 0%, 0%);--text-color: #6F6C90;--text-color-light: #f0f5ff;--body-color: hsl(0, 0%, 87%);--container-color: hsl(281, 10%, 37%);--button-color: rgb(53, 42, 74);--body-font: "Bai Jamjuree", sans-serif;--biggest-font-size: 2.5rem;--h1-font-size: 1.75rem;--h2-font-size: 1.55rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .8rem;--smaller-font-size: .65rem;--smallest-font-size: .51rem --font-regular: 300;--font-medium: 500;--font-semi-bold: 600;--font-bold: 700;--z-tooltip: 10;--z-fixed: 100}body.dark-mode{--text-dark-color: hsl(26, 67%, 95%);--black-color: hsl(220, 15%, 15%);--black-color-light: hsl(220, 15%, 25%);--white-color: hsl(0, 0%, 95%);--title-color: hsl(0, 0%, 100%);--text-color: hsl(240, 15%, 75%);--text-color-light: hsl(240, 13%, 23%);--body-color: hsl(220, 15%, 10%);--container-color: hsl(220, 15%, 20%);--button-color: #fd7b27}@media screen and (min-width: 1150px){:root{--biggest-font-size: 4.5rem;--h1-font-size: 3.3rem;--h2-font-size: 2rem;--h3-font-size: 1.4rem;--normal-font-size: 1rem;--small-font-size: .91rem;--smaller-font-size: .813rem}}html{scroll-behavior:smooth}body{font-family:var(--body-font);font-size:var(--normal-font-size);background-color:var(--body-color);color:var(--text-color);transition:background-color .4s}h1,h2,h3,h4{color:var(--title-color);font-weight:var(--font-bold)}ul{list-style:none}a{text-decoration:none}p,small,li{color:var(--text-dark-color)}img{display:block;max-width:100%;height:auto;object-fit:cover}video{display:block;max-width:100%;height:100%;object-fit:cover}button{cursor:pointer}Link{cursor:pointer}.nav__buttons{display:flex;align-items:center;column-gap:1rem}.change-theme{font-size:1.25rem;color:var(--title-color);cursor:pointer;transition:color .3s}.dark-theme .shadow-deader{box-shadow:0 1px 12px #0009}.dark-theme .section__title-1:after,.dark-theme .section__title-2:after{background-color:#d9502633}.dark-theme :is(.home__arrow,.home__line,.about__line){filter:none}.dark-theme .home__description b{background:linear-gradient(90deg,#e649194d,#e6491900)}.dark-theme :is(.button__ghost,.service__icon i){color:var(--white-color)}.dark-theme .projects__card:hover{background-color:var(--body-color)}.dark-theme :is(.contact__mail,.contact__input,.contact__label){background-color:var(--container-color)}.dark-theme .footer{background-color:#0a0a0a}.dark-theme::-webkit-scrollbar{background-color:#333}.dark-theme::-webkit-scrollbar-thumb{background-color:#4d4d4d}.dark-theme::-webkit-scrollbar-thumb:hover{background-color:#666}.react-chatbot-kit-chat-container{position:fixed}.chatbot{position:fixed;bottom:20px;right:20px;z-index:1000}.subscribe{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10rem 0;background-image:url(/img5.webp);background-size:100% 100%;color:var(--white-color);gap:8rem}.subscribe h1{font-size:var(--biggest-font-size);color:var(--white-color);width:70%;text-indent:10rem}.subscribe h1:hover{color:#fd7b27}.subscribe>button{padding:20px 50px;background-color:var(--button-color);color:var(--white-color);border:none;font-size:var(--h3-font-size)}.subscribe-form{display:flex;flex-direction:column;gap:3rem}.subscribe-form>small{color:var(--white-color)}.subscribe-clients{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.subscribe-clients img{width:50px;height:50px}.client{display:flex;align-items:center;background-color:var(--white-color);padding:10px;gap:10px;border-radius:30px 0}.client p{color:#000}.haletech-contact-section{display:flex;flex-direction:column;align-items:center}.haletech-contact-button{padding:15px 30px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer}.haletech-contact-top{display:flex;padding:5rem 0;padding-bottom:0}.haletech-top-right{width:35%;font-weight:600;line-height:25px;padding:50px 20px;border:1px solid var(--text-dark-color)}.haletech-top-right h3{font-size:var(--h2-font-size)}.haletech-top-left{width:65%;font-size:var(--h2-font-size);padding:50px 1rem;border:1px solid var(--text-dark-color)}.haletech-contact-mid{display:flex}.haletech-contact-second p{margin:40px 0}.haletech-contact-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1000;display:flex;justify-content:flex-end}.haletech-contact-panel{position:fixed;top:0;right:0;width:65%;height:100%;background-color:var(--body-color);box-shadow:-2px 0 5px #0003;transform:translate(0);transition:all .3s ease;z-index:1000;overflow-y:auto}.haletech-contact-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--text-dark-color);padding:10px 0;font-size:var(--h2-font-size)}.haletech-contact-close-button{background:var(--button-color);border:none;font-size:24px;cursor:pointer;color:var(--white-color);padding:15px 20px;border-radius:10px}.haletech-contact-close-button:hover{transform:rotate(180deg)}.haletech-contact-content{border:1px solid var(--text-dark-color);width:35%;padding:50px 20px}.haletech-contact-second{border:1px solid var(--text-dark-color);width:65%;padding:50px 20px}.haletech-contact-content p{margin:20px 0}.haletech-contact-content p>i{padding:10px;background-color:var(--button-color);display:inline-flex;margin-right:20px;border-radius:5px;color:#fff}.haletech-contact-content a{color:#007bff;text-decoration:none}.haletech-contact-content a:hover{text-decoration:underline}.social-icons{display:flex;gap:10px}.social-icons i{background-color:var(--white-color);padding:10px;border-radius:8px;display:flex}.social-icons svg{cursor:pointer;font-size:24px;color:var(--button-color)}.social-icons i:hover{background-color:var(--button-color);transform:rotate(360deg);transition:all 1s ease-in-out}.social-icons i:hover svg{color:var(--white-color)}@media screen and (max-width: 1050px){.subscribe{padding:10rem 20px;background-image:none;background-color:#000;gap:5rem}.subscribe h1{width:100%;text-indent:0;text-align:center}.subscribe>button{padding:20px 100px}.subscribe-clients{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 768px){.haletech-contact-panel{width:100%}.haletech-contact-content strong{display:none}}.service-hero{background:url(/img7.webp) no-repeat center center;transition:background .5s ease;padding:5rem}.service-hero-top{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:7rem}.service-hero h2{font-size:var(--biggest-font-size);color:var(--white-color);transition:transform .3s ease;margin:0;width:55%;font-weight:500}.service-hero h2:hover{transform:scale(1.1)}.service-hero p{font-size:var(--h3-font-size);color:var(--white-color);width:40rem;line-height:30px;transition:color .3s ease;margin:0}.service-third{display:flex;align-items:center;justify-content:center;width:50%;margin-left:50%}.service-third ol{list-style:none}.service-third ol li{padding:2rem 0;border-bottom:1px solid;font-size:var(--h3-font-size);display:flex;justify-content:space-between;width:35rem;color:var(--white-color)}.service-third ol li:hover{background-color:var(--button-color);color:var(--white-color);transition:all 1s ease-in-out linear;padding:2rem 20px}.service-third span{width:90%}.service-third small{margin-right:2rem;color:var(--white-color)}.service-body{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;padding:50px}.service{width:90%;transition:transform .3s ease;background-color:var(--body-color);padding:20px;border-radius:8px}.service:hover{transform:scale(1.05)}.service-group{display:flex;align-items:flex-start;justify-content:space-around;gap:30px}.service-img{width:35%;height:80%;background-color:#f0f8ff;position:relative;overflow:hidden;transition:transform .3s ease}.service-img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;background:linear-gradient(#0000004d,#0000004d)}.service-img:hover:before{opacity:1}.service-write{width:55%;padding-right:50px;transition:background-color .3s ease}.service h3{margin-bottom:25px;font-size:var(--h1-font-size);color:var(--button-color)}.service-write-grid{display:grid;grid-template-columns:auto auto;gap:30px;margin:20px 0}.service-write-grid p{border-bottom:1px solid var(--text-dark-color);padding-bottom:20px;margin:0}.service-write p{line-height:25px;color:var(--text-dark-color);font-weight:var(--font-medium)}.service-write button{padding:10px 50px;border-radius:5px;border:none;background-color:var(--button-color);color:var(--white-color);font-size:var(--normal-font-size)}.service-write button:hover{background-color:var(--text-color)}.web-development-page{max-width:100%;font-family:Arial,sans-serif;color:var(--text-color);line-height:1.6}.hero{background:url(/img3.webp) no-repeat center center;background-size:100% 100%;padding:8rem 5rem}.hero-cloud{background:linear-gradient(#0006,#000000b3),url(/Cloudserve.jpg) no-repeat center center;background-size:100% 100%;height:80vh}.hero-cyber{background:linear-gradient(#0006,#000000b3),url(/cybersec.jpg) no-repeat center center;background-size:100% 100%;height:80vh}.hero-data{background:linear-gradient(#0006,#000000b3),url(/DataBI.jpg) no-repeat center center;background-size:100% 100%;height:80vh}.heroI{background:linear-gradient(#0006,#000000b3),url(/IoTs.jpg) no-repeat center center;background-size:100% 100%;height:80vh}.breadcrumbs{padding:10px 20px;font-size:.9rem;width:40%;margin:0;margin-bottom:2rem}.breadcrumbs ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}.breadcrumbs ul li{color:var(--white-color)}.breadcrumbs ul li a{text-decoration:none;color:#fd7b27}.breadcrumbs ul li a:hover{text-decoration:underline}.breadcrumbs ul li:after{content:"›";margin-left:10px;color:#aaa}.breadcrumbs ul li:last-child:after{content:""}.web-hero-top h2{font-size:var(--biggest-font-size);color:var(--white-color);margin:0;width:55%;font-weight:500;transition:transform .3s ease}.web-hero-top h2:hover{transform:scale(1.1)}.web-hero-top p{font-size:var(--h3-font-size);color:var(--white-color);width:40rem;line-height:30px;transition:color .3s ease;margin:0}.web-hero-top p{font-size:var(--h3-font-size);color:var(--white-color);font-weight:400}.web-hero-low{width:30%;margin:0;padding:30px 0;margin-top:4rem;border-top:1px solid rgba(255,255,255,.5)}.web-hero-low p{color:var(--white-color);line-height:25px}.service-nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 1rem;box-shadow:0 1px 4px #0000004d;position:sticky;top:0;background-color:var(--body-color);z-index:1000}.service-nav ul{display:flex;justify-content:space-between;align-items:center;gap:3rem;margin-left:2rem}.service-nav ul li{list-style:none;font-size:var(--normal-font-size);font-weight:600}.service-nav button{padding:12px 40px;background-color:var(--button-color);color:var(--white-color);border:none}.web-page-1{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.2);padding:5rem}.web-page-1 h1{font-size:var(--biggest-font-size);font-weight:300;margin-left:0;width:80%;font-family:Times New Roman,Times,serif;color:var(--button-color)}.web-page-1 h1:first-line{font-family:Bai Jamjuree,sans-serif}.web-page-1 small{margin-right:0}.web-page-intro{display:flex;padding:5rem;gap:3rem}.web-page-intro-1{width:60%}.web-page-intro-1 h2{font-size:var(--h1-font-size);margin:0;margin-bottom:3rem;font-weight:400;width:85%;line-height:60px}.web-page-intro-1 p{margin-bottom:3rem;font-size:var(--normal-font-size)}.web-page-intro-2{width:40%}.web-page-intro-3 h1{font-size:var(--h1-font-size);margin:4rem 10rem;width:50%;font-weight:500}.web-page-intro-sub{display:grid;grid-template-columns:repeat(5,1fr)}.web-page-card{border:1px solid var(--text-dark-color);margin:0;border-right:none;border-bottom:none;padding:1rem;height:12rem;display:flex;align-items:center;justify-content:center}.web-page-card h2{font-size:var(--normal-font-size)}.web-method-tool{background-color:#000}.web-method-tool p{font-size:var(--h2-font-size);padding:0 2rem;color:var(--white-color)}.web-page-2{display:flex;align-items:flex-start;justify-content:space-between;padding:2rem 4rem}.web-page-2 h1{font-size:var(--biggest-font-size);font-weight:300;margin-left:0;width:70%;font-family:Times New Roman,Times,serif;color:#fd7b27}.web-page-2 h1:first-line{font-family:Bai Jamjuree,sans-serif}.web-page-2 small{margin-right:0;color:var(--white-color)}.web-method-body{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;padding:2rem 4rem}.web-method-card{display:flex;padding:2rem 0;border-top:1px solid rgba(255,255,255,.2);justify-content:flex-start}.web-method-card img{width:50%;margin:0}.web-method-card h3{color:var(--white-color)}.web-page-3{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2);padding:2rem 4rem}.web-page-3 h1{font-size:var(--biggest-font-size);font-weight:300;margin-left:0;width:70%;font-family:Times New Roman,Times,serif;color:var(--button-color)}.web-page-3 h1:first-line{font-family:Bai Jamjuree,sans-serif}.web-page-3 small{margin-right:0}.web-approach-cards{display:flex;flex-direction:row-reverse;max-width:100%;gap:30px;padding:5rem}.web-pag-img{position:sticky;top:10rem}.web-pag-img q{line-height:25px}.web-list{display:flex;flex-direction:column;max-width:70%;margin-bottom:50px}.home-faq-card:hover{background-color:var(--black-color-light);transform:translateY(-10px)}.home-faq-card-left{width:90%}.home-faq-card-left p{font-size:var(--normal-font-size);font-weight:var(--font-bold);margin-bottom:10px;color:var(--text-dark-color)}.completed{margin-top:40px;padding:5rem;background-color:#000}.projects-gallery{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.project-carda{border:none;width:100%;transition:transform 2.5s ease,box-shadow 1s ease;animation:slideInUp 2s forwards}.project-carda:hover{transform:translateY(-10px)}.project-carda h3{font-size:var(--h3-font-size);margin:10px 0;color:var(--white-color)}.project-carda p{font-size:var(--small-font-size);font-weight:var(--font-regular);margin-top:10px;line-height:25px;text-align:justify}.project-card-low{padding:20px}.web-page-4{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.2);padding:2rem 4rem}.web-page-4 h1{font-size:var(--biggest-font-size);font-weight:300;margin-left:0;width:80%;font-family:Times New Roman,Times,serif;color:var(--button-color)}.web-page-4 h1:first-line{font-family:Bai Jamjuree,sans-serif}.web-page-4 small{margin-right:0}.faq-section{display:flex;gap:20px;padding:20px;align-items:flex-start}.faq-questions{width:60%}.faq-questions ul{list-style:none;padding:0;width:100%}.faq-questions li{margin:0;padding:2rem;border-bottom:1px solid var(--text-dark-color);display:flex;justify-content:space-between;cursor:pointer}.faq-questions button{background:none;margin:0;border:none;color:var(--text-dark-color);font-size:1rem;text-align:left;transition:color .3s;text-decoration:none}.faq-questions button:hover{color:#1b578e}.faq-image{flex:1;text-align:center}.faq-image img{max-width:100%;border-radius:10px}.offcanvas-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2000;display:flex;justify-content:flex-end}.faq-answer{border-bottom:var(--text-dark-color);margin-bottom:3rem}.faq-answer.highlighted{background:#f0f8ff;padding:10px;border-radius:5px;margin-bottom:15px}.faq-answer h3{display:block;border-bottom:var(--text-color);margin:0;color:var(--button-color)}.faq-answer p{margin:5px 0 0;line-height:1.6}.offcanvas{position:fixed;top:0;right:0;width:50%;height:100%;background:var(--white-color);box-shadow:-2px 0 5px #0003;transform:translate(0);transition:all .3s ease;padding:20px;z-index:1000;overflow-y:auto}.offcanvas-content{position:relative}.offcanvas-content .close-btn{position:absolute;top:10px;right:10px;font-size:1.5rem;background:none;border:none;cursor:pointer;color:#333}.offcanvas small{display:block;border-bottom:var(--text-color);padding:2rem 0;color:var(--button-color)}.offcanvas p{margin-top:10px;line-height:1.6;color:var(--black-color)}.call-us{background-color:#000}.why-work-us{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem 4rem}.why-work-card{padding:2rem;border-top:1px solid #fff;display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.why-work-card h2,.why-work-card p{color:var(--white-color);margin:0}.request{display:flex;justify-content:center;margin:50px 0}.request button{padding:10px 50px;background-color:var(--button-color);border:none;color:#fff;font-weight:700}.request button:hover{background-color:var(--black-color)}@media screen and (max-width: 1050px){.service-write{padding:0}.service-write p{margin-bottom:10px}}@media screen and (max-width: 500px){.service-hero{padding:7rem 1rem 1rem}.service-hero h2{width:100%}.service-hero p{width:90%}.service-third{width:100%;margin:0}.service-third ol li{width:100%}.service-body{padding:20px}.service{height:auto;padding:10px 0;width:100%}.service-group{flex-direction:column}.service:nth-child(2n) .service-group{flex-direction:column-reverse}.service-img,.service-write{width:90%}.hero{padding:2rem}.breadcrumbs,.web-hero-top p,.web-hero-low{width:100%}.service-nav{padding:1rem;overflow-x:scroll}.service-nav ul{margin-left:0;gap:1rem}.service-nav ul li{width:10rem}.web-page-1,.web-page-2,.web-page-3,.web-page-4{padding:1rem;flex-direction:column-reverse}.web-page-1 h1,.web-page-2 h1,.web-page-3 h1,.web-page-4 h1{width:100%}.web-page-intro{padding:2rem;flex-direction:column}.web-page-intro-1,.web-page-intro-2{width:100%}.web-page-intro-3 h1{width:100%;margin:0;padding:2rem}.web-method-body{padding:2rem}.web-method-card{flex-direction:column}.web-page-intro-sub{grid-template-columns:repeat(2,1fr)}.web-approach-cards{flex-direction:column;padding:1rem}.web-list{max-width:100%;margin:0}.completed{padding:1rem}.faq-section{flex-direction:column}.faq-questions,.offcanvas{width:100%}.why-work-us{grid-template-columns:auto;padding:1rem}.web-page-intro-1 h2,.web-hero-top h2{width:100%}.web-development-page{margin:10px}.projects-gallery{flex-direction:column}.subscribe q{width:auto}}.react-chatbot-kit-user-chat-message-container{display:flex;margin:15px 0;justify-content:flex-end}.react-chatbot-kit-user-avatar-container{width:40px;height:40px;border-radius:50%;margin-left:12.5px;background-color:#3d4e8d;display:flex;justify-content:center;align-items:center}.react-chatbot-kit-user-avatar-icon{fill:#fff;width:15px;height:15px}.react-chatbot-kit-user-chat-message{background-color:#f1f1f1;padding:10px;border-radius:5px;font-size:.9rem;color:#585858;font-weight:medium;position:relative;text-align:left}.react-chatbot-kit-user-chat-message-arrow{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #f1f1f1;position:absolute;right:-7px;top:13px}.react-chatbot-kit-chat-bot-message-container{display:flex;margin:15px 0;justify-content:flex-start}.react-chatbot-kit-chat-bot-avatar-container{width:40px;height:40px;border-radius:50%;font-size:1.2rem;margin-right:12.5px;background-color:#d8d8d8;display:flex;justify-content:center;align-items:center}.react-chatbot-kit-chat-bot-avatar-icon{fill:#494646;width:22.5px;height:22.5px}.react-chatbot-kit-chat-bot-avatar-letter{color:#1d1d1d;margin:0;padding:0}.react-chatbot-kit-chat-bot-message{background-color:#2898ec;padding:10px;border-radius:5px;font-size:.9rem;color:#fff;font-weight:medium;position:relative;width:184.5px;margin-left:auto;text-align:left}.react-chatbot-kit-chat-bot-message-arrow{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid #2898ec;position:absolute;left:-7px;top:13px}.react-chatbot-kit-chat-bot-loading-icon-container{height:17px;width:25px}.chatbot-loader-container{display:flex;width:100%;justify-content:center}#chatbot-loader #chatbot-loader-dot1{animation:load 1s infinite}#chatbot-loader #chatbot-loader-dot2{animation:load 1s infinite;animation-delay:.2s}#chatbot-loader #chatbot-loader-dot3{animation:load 1s infinite;animation-delay:.4s}@keyframes load{0%{opacity:0}50%{opacity:1}to{opacity:0}}.react-chatbot-kit-chat-container{position:relative;width:275px}.react-chatbot-kit-chat-inner-container{height:500px;background-color:#fff;border-radius:5px}.react-chatbot-kit-chat-header{border-top-right-radius:5px;border-top-left-radius:5px;background-color:#efefef;font-family:Arial;display:flex;align-items:center;font-size:.85rem;color:#514f4f;padding:12.5px;font-weight:700}.react-chatbot-kit-chat-input-container{position:absolute;bottom:0;width:100%;display:flex}.react-chatbot-kit-chat-message-container{padding:0 17.5px 10px;overflow:scroll;height:424px}.react-chatbot-kit-chat-input{width:100%;padding:12.5px;border:none;font-size:.85rem;border-top:1px solid #d8d8d8;border-bottom-left-radius:5px}.react-chatbot-kit-chat-input-form{width:100%;display:flex}.react-chatbot-kit-chat-input::placeholder{color:#585858}.react-chatbot-kit-chat-btn-send{background-color:#2898ec;width:100px;border:none;color:#fff;border-bottom-right-radius:5px}.react-chatbot-kit-chat-btn-send-icon{fill:#fff;width:15px;margin:0 auto}.react-chatbot-kit-error{background-color:#fff;border-radius:3px;padding:15px}.react-chatbot-kit-error-container{width:260px}.react-chatbot-kit-error-header{font-size:1.3rem;color:#1d1d1d;margin-bottom:30px}.react-chatbot-kit-error-docs{display:block;margin:25px auto;color:#38688b;padding:8px;border:1px solid rgb(40,152,236);width:130px;text-align:center;text-decoration:none;font-size:1rem}._chatbotContainer_1ezf0_3{position:fixed;bottom:-470px;right:10rem;height:500px;background-color:var(--container-color);border-radius:10px;box-shadow:0 4px 10px #0000001a;overflow:hidden;z-index:1000}._chatbotContainer_1ezf0_3:hover{bottom:0}._chatbotHeader_1ezf0_37{background-color:var(--first-color);color:var(--white-color);padding:1rem;text-align:center;font-weight:700}._chatbotBody_1ezf0_53{padding:1rem;background-color:var(--body-color);height:calc(100% - 100px);overflow-y:auto}._chatbotFooter_1ezf0_67{padding:1rem;display:flex;border:none;gap:.5rem;background-color:var(--container-color)}._message_1ezf0_83{background-color:var(--button-color);color:var(--white-color);padding:.5rem;border-radius:20px;max-width:80%;margin-bottom:.5rem;word-wrap:break-word;line-height:20px}._userMessage_1ezf0_105{background-color:var(--text-color);color:var(--black-color);align-self:flex-end}.loader{--d:22px;display:flex;position:fixed;top:50%;left:50%;width:4rem;height:4rem;border-radius:50%;color:#fd7b27;box-shadow:calc(1*var(--d)) calc(0*var(--d)) 0 0,calc(.707*var(--d)) calc(.707*var(--d)) 0 1px,calc(0*var(--d)) calc(1*var(--d)) 0 2px,calc(-.707*var(--d)) calc(.707*var(--d)) 0 3px,calc(-1*var(--d)) calc(0*var(--d)) 0 4px,calc(-.707*var(--d)) calc(-.707*var(--d)) 0 5px,calc(0*var(--d)) calc(-1*var(--d)) 0 6px;animation:l27 1s infinite steps(8)}@keyframes l27{to{transform:rotate(1turn)}}