.header{max-width:1920px;height:80px;display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:1000;transition:box-shadow .3s ease;background-color:var(--secondaryColor);box-shadow:0 4px 6px rgba(253,253,253,.1)}.header-UL{display:flex;justify-content:center;align-items:center;width:100%;margin:0;padding:0}.header-UL ul{margin:0;padding:0;width:100%;position:relative;display:flex;justify-content:center;align-items:center;gap:50px}.header-UL a{list-style-type:none;text-transform:uppercase;font-size:13px;color:var(--text-w)}.header-UL a:after{content:"";display:block;width:0%;height:2px;transform:translateY(3px);background:var(--PrimaryColor);transition:width .3s}.header-UL a:hover:after{content:"";display:block;width:100%;height:2px;background:var(--PrimaryColor);transition:width .3s}.header-UL a:nth-child(4):after{display:none}.header-UL .header-center-logo img{width:68px}.header-UL .header-left-logo img{width:145px}.header-left-logo{display:none}.menu-btn{padding:0;margin:0;color:var(--PrimaryColor);display:none}@media (max-width: 1024px){.header-UL ul{gap:40px}.menu-btn{color:var(--PrimaryColor)}}@media (max-width: 992px){.header-UL .header-left-logo{display:flex;justify-content:center;align-items:center}.header{align-items:center;height:80px}.header-UL a:hover:after{display:none}.header-UL{justify-content:space-between;align-items:center;padding:0px 1rem}.header-UL ul{flex-direction:column;position:absolute;top:90px;left:0;height:calc(100vh - 90px);overflow:hidden;width:0%;transition:width .2s linear;border:1px solid rgba(255,255,255,.3);z-index:1000;gap:10px;transform:translate(-2px)}.nav-links{background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.3);z-index:1100;backdrop-filter:blur(10px)}.nav-links.active{transform:translate(0);width:50%}.nav-links a:last-child button{all:unset}.nav-links a:last-child{margin-top:auto;cursor:pointer;color:var(--text-w);transition:all .2s ease;background-color:var(--PrimaryColor)}.nav-links a{padding:10px 0;width:100%;text-align:center;padding:2rem 0px;transition:.2s linear;background-color:rgba(0,0,0,.1);font-size:15px;color:var(--text-b)}.nav-links a:hover{color:var(--text-w)}.header-center-logo{display:none}.header-left-logo{max-width:140px;min-width:100px;display:flex;align-items:center;justify-content:center;overflow:hidden}.header-left-logo img{max-width:100%;max-height:100%;object-fit:contain}.header-left-logo,.menu-btn{display:block}.header-left-logo img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.2))}}@media (max-width: 768px){.header{height:60px}.nav-links.active{width:100%}.header-left-logo{display:block;margin:0}.header-UL ul{top:70px;height:calc(100vh - 70px)}}.Banner{max-width:1920px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding:5rem 1rem;background-color:var(--bg);margin:0}.left-banner{display:flex;justify-content:center;flex-direction:column;padding:1rem;transform:translateY(-30px)}.left-banner-button{display:flex;gap:1rem}.left-banner-h4{margin-bottom:10px}.left-banner-span{width:60px;height:4px;background-color:var(--PrimaryColor);position:relative;top:-20px;border-radius:20px}.left-banner-p{line-height:1.5;color:var(--text-b);opacity:.5;font-weight:200;max-width:500px;font-size:clamp(1rem,1.5vw,1.2rem)}.right-banner{display:flex;justify-content:center}.right-img-container{width:100%;max-width:600px;height:auto;display:flex;justify-content:center;align-items:center;position:relative}.right-banner img{width:100%;object-fit:cover;position:relative;z-index:1}.left-banner{width:40%}.right-banner{width:35%}.skeleton-button{background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite linear;border:none;cursor:default;color:transparent;width:120px;height:20px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1440px){.Banner{gap:20px}}@media (max-width: 1024px){.Banner{padding:2rem 1rem}.left-banner{width:100%}.right-banner{width:60%;order:1}.left-banner{padding:0px 2rem;transform:translateY(0);order:2}.Banner{flex-direction:column;height:auto;gap:70px}}@media (max-width: 768px){.Banner{gap:60px}}@media (max-width: 500px){.Banner{padding:2rem 0px;margin:0;gap:40px}button{padding:12px;font-size:14px}.left-banner{padding:1rem 1.5rem}.right-banner{width:87%}}.Service{max-width:1920px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;padding:3rem 0px;background-color:var(--secondaryColor)}.Service-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.card{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1rem;margin:1rem;border-radius:5px;transition:all .3s ease;min-width:250px;min-height:130px;background-color:var(--bg);backdrop-filter:blur(10px);box-shadow:0 2px 5px var(--PrimaryColor);position:relative;cursor:pointer}.card:hover{transform:translateY(-10px);border-radius:5px;box-shadow:0 4px 10px rgba(255,255,255,.3)}.card:nth-child(1):before{content:"35% OFF"}.card:nth-child(2):before{content:"10% OFF"}.card:nth-child(3):before{content:"50% OFF"}.card:nth-child(4):before{content:"50% OFF"}.card:before{display:flex;justify-content:center;align-items:center;text-align:center;width:80px;height:40px;color:var(--text-w);transform:translate(90px,-45px);font-size:12px;position:absolute;background:rgba(255,0,0,.91);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:2px;clip-path:polygon(25% 0%,100% 0%,100% 100%,25% 100%,0% 50%);text-indent:10px}.card-img{border-radius:50%;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;font-size:40px;padding:1rem;color:var(--PrimaryColor);border:2px solid var(--text-w);background-color:var(--secondaryColor);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 10px rgba(0,0,0,.1)}.service-h3{text-align:center;padding:0px 1.9rem;color:var(--text-w)}.service-h4{text-align:center;width:100%}@media (max-width: 1024px){.Service{padding:4rem 10px}.Service-container{gap:20px}}@media (max-width: 768px){.card-img{font-size:40px;margin:0}.Service-container{margin:0;gap:30px;padding:1rem 0px}.card{min-width:170px;margin:0;padding:0;gap:10px;letter-spacing:2px}.service-h4{text-align:center;width:100%}}@media (max-width: 500px){.Service{padding:2rem 10px}.Service-container{margin:0;gap:30px;padding:1rem 5px}.card{min-width:320px;min-height:150px;position:relative}.card:before{position:absolute;transform:translate(120px,-40px);background:rgba(255,0,0,.91);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:2px}}.main{display:flex;align-items:center;justify-content:center;padding:2rem 5rem;gap:20px;max-width:1920px;background-color:var(--bg)}.left-section{flex-direction:column;width:50%}.right-section{min-width:50%;max-width:600px}.left-section-h5{margin:10px 0}.left-section-h3{margin-bottom:1rem}.right-section{display:flex;justify-content:center;align-items:center}.right-section img{max-width:100%;object-fit:cover;position:relative;z-index:1}@media (min-width: 1440px){.main{padding:2rem 10rem}}@media (max-width: 1024px){.main{flex-direction:column;padding:1rem 0px}.right-section,.left-section{width:100%}.right-section img{max-width:90%}.left-section{padding:0px 2.5rem;order:2;transform:translateY(-10px)}.left-section-p{width:100%}}@media (max-width:500px){.left-section{padding:0px 1.5rem}}.main2{display:flex;align-items:center;justify-content:center;max-width:1920px;background-color:var(--secondaryColor)}.right-section2{width:50%}.left-section2{min-width:50%;max-width:600px}.left-section-img2{display:flex;justify-content:center;align-items:center}.left-section-img2 img{width:100%;object-fit:cover;position:relative;z-index:1}.button-primary2{margin-top:8px}@media (max-width: 1440px){.main2{padding:0px 5rem}}@media (min-width: 1440px){.main2{padding:2rem 10rem}}@media (max-width: 1024px){.main2{flex-direction:column;padding:0;gap:0px}.right-section2,.left-section2{width:100%}.right-section2{padding:0px 2.5rem}.right-section2{padding-bottom:3rem}.left-section-p{width:100%}}@media (max-width: 500px){.right-section2{padding:0rem 1.5rem;margin-bottom:2.5rem}}.Why-main{display:flex;align-items:center;justify-content:center;padding:2rem 5rem;gap:20px;max-width:1920px;background-color:var(--bg)}.why-right{width:50%;order:1}.why-left{min-width:50%;max-width:600px;order:2}.why-left-img{display:flex;justify-content:center;align-items:center}.why-left-img img{width:100%;object-fit:cover;position:relative;z-index:1}.progress-container{position:relative;max-width:100%}progress{width:100%;height:30px;border-radius:50px;-webkit-appearance:none;appearance:none;box-shadow:0 4px 10px rgba(0,0,0,.1)}progress::-webkit-progress-bar{background-color:#ddd;border-radius:50px}progress::-webkit-progress-value{background-color:var(--PrimaryColor);border-radius:50px}.progress-text{position:absolute;top:50%;right:10px;transform:translateY(-50%);font-weight:700;font-size:16px;color:#000}.why-right-h4{margin:10px 0}@media (min-width: 1440px){.Why-main{padding:0px 10rem}}@media (max-width: 1024px){.Why-main{flex-direction:column;padding:0rem 0px;gap:0}.why-left,.why-right{width:100%}.why-right{padding:20px 2.5rem;order:2}.why-left-p{width:100%}}@media (max-width: 500px){.why-right{padding:0px 1.5rem;margin-bottom:3rem}}.Footer{background-color:var(--secondaryColor);padding:1rem 5rem;text-align:center;bottom:0;max-width:1920px;z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column}.footer-card-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;gap:20px;border-bottom:1px solid var(--PrimaryColor)}.footer-p{line-height:1.5;color:#f5f5f5;font-size:clamp(12px,1.5vw,10px);font-family:Arial,Helvetica,sans-serif;text-align:start;max-width:350px}.footer-card{display:flex;justify-content:start;align-items:start;flex-direction:column;padding:1rem;min-height:170px;gap:10px;margin:1rem 0px}.footer-card-des1,.footer-card-des2,.footer-card-des3{display:flex;justify-content:center;align-items:center;gap:10px}.footer-card-des1 img,.footer-card-des2 img,.footer-card-des3 img{width:20px;height:20px}.icon{color:var(--PrimaryColor)}.footer-bottom{position:relative;margin:1rem 0px;width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-bottom-left{padding:10px}.footer-bottom-right{padding:10px;display:flex;justify-content:center;align-items:center}.footer-icons{display:flex;gap:20px;font-size:20px}.footer-icons a img{border-radius:20%;min-width:30px;max-width:40px}.footer-card li{text-align:start;color:var(--PrimaryColor)}.footer-bottom a{color:var(--text-w)}@media (max-width: 992px){.footer-card-container{gap:0px}}@media (max-width: 768px){.Footer{padding:10px}.footer-card-container{gap:0px;padding:0 10px;margin:0 10px;flex-direction:column;flex-wrap:nowrap}.footer-card{width:100%;min-height:auto;margin:0}.footer-bottom{flex-direction:column;gap:0px;padding:0}.footer-bottom-right{padding:0}}.faq-container{display:flex;justify-content:center;align-items:center;max-width:1920px;margin:auto;padding:2rem 5rem;gap:20px;position:relative;background-color:var(--bg)}.faq-left{flex:1}.faq-left h2{font-size:24px;margin-bottom:20px;border:2px solid red}.faq-item{border-bottom:1px solid var(--PrimaryColor);padding:10px 0}.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:18px;font-weight:700;padding:10px;background:#eee;border-radius:5px;transition:background .3s;backdrop-filter:blur(10px);box-shadow:0 2px 5px var(--PrimaryColor)}.faq-question:hover{background:var(--PrimaryColor);color:var(--text-b)}.faq-answer-container{overflow:hidden;height:0;transition:height .3s ease-in-out}.faq-answer{padding:10px;font-size:16px;color:#555}.faq-right{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.faq-right img{max-width:100%;height:auto;border-radius:10px;position:sticky;top:50px}.faq-p{font-family:Arial,Helvetica,sans-serif;text-align:start;font-size:clamp(14px,1.5vw,1rem);color:var(--text-b);opacity:.5}@media (min-width: 1440px){.faq-container{padding:0rem 10rem}}@media (max-width: 1024px){.faq-container{padding:0rem 3rem}}@media (max-width: 992px){.faq-container{flex-direction:column;gap:0px;padding:1rem 3rem}.faq-right{order:1;width:80%}.faq-left{order:2;padding-bottom:1.5rem}}.faqs{color:var(--PrimaryColor)}@media (max-width: 500px){.faq-right{width:100%}}.testimonial{max-width:1920px;display:flex;justify-content:center;align-items:center;padding:3rem 5rem;background-color:var(--secondaryColor);flex-direction:column;gap:10px}.testimonial-card-container{display:flex;justify-content:center;align-items:center;gap:2rem;padding:1rem}.testimonial-p{font-family:Arial,Helvetica,sans-serif;text-align:start;font-size:clamp(14px,1.5vw,1rem);color:var(--text-b);line-height:22px;opacity:.5}.testimonial-card{display:flex;flex-direction:column;gap:1rem;max-width:30%;padding:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 5px var(--PrimaryColor);border-radius:10px;transition:.2s linear;cursor:pointer;background-color:var(--bg);border-color:var(--text-b)}.testimonial-card:hover{box-shadow:0 4px 10px rgba(255,255,255,.3);transform:translateY(-5px)}.testimonial-img{max-width:80px;max-height:80px;object-fit:cover;margin-left:1rem;background-color:var(--text-b);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 5px rgba(78,78,78,.26);border-radius:10px}.testimonial-img img{width:100%;object-fit:cover;position:relative;z-index:1;filter:drop-shadow(5px 10px 5px rgba(0,0,0,.3))}.testimonial-h2{text-align:center;padding:0px 3rem}.testimonial-h3{color:var(--text-b)}@media (max-width: 1024px){.testimonial{flex-direction:column;padding:3rem 1rem}.testimonial-card-container{flex-direction:column;padding:1rem}.testimonial-card{max-width:100%}}@media (max-width: 500px){.testimonial{padding:2rem 1rem}}.portfolio{max-width:1920px;background-color:var(--secondaryColor);padding:3rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.portfolio-cards-container{max-width:1920px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem;padding:1rem;margin:1rem 10px}.portfolio-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;background-color:var(--secondaryColor);border-radius:5px;transition:.2s linear;backdrop-filter:blur(50px);box-shadow:0 2px 15px rgba(199,199,199,.26);padding:1rem}.profile-card-btn{display:flex;justify-content:center;align-items:center;gap:10px}.portfolio-card a{position:relative;width:100%}.card-btn{transition:color .3s ease-in-out;color:var(--text-w);width:100%;background-color:var(--PrimaryColor)}.portfolio-card img{max-width:300px;min-height:200px;border-radius:5px;cursor:pointer;transition:.2s linear}.portfolio-card:hover{filter:drop-shadow(5px 5px 5px rgba(0,0,0,.3))}.portfolio-h3,.portfolio-h2{text-align:center;transform:translateY(10px)}@media (max-width: 500px){.portfolio{padding:2rem 3rem}}.contact-form-container{max-width:1920px;margin:0 auto;padding:4rem;border-radius:8px;background-color:var(--bg);align-items:center;justify-content:center;display:flex}.Contact-form-header{text-align:center;font-size:24px;font-weight:700;background-color:var(--bg);padding:1.5rem}.sub-header{text-align:center;font-size:16px;margin:10px 0 20px}.form{display:flex;flex-direction:column;padding:2rem;width:1100px;background-color:var(--secondaryColor);color:var(--text-w)}label{opacity:.5}.input-group{margin-bottom:15px}.label{display:block;font-size:14px;font-weight:700;margin-bottom:5px}.input{width:100%;padding:10px;font-size:14px;border-radius:4px;border:1px solid var(--PrimaryColor);background-color:var(--bg)}.textarea{width:100%;height:100px;padding:10px;font-size:14px;border:1px solid var(--PrimaryColor);border-radius:4px;background-color:var(--bg)}.button{color:#fff;padding:12px;border:none;border-radius:4px;font-size:16px;cursor:pointer;margin-top:20px}.footer-card-container img{color:var(--PrimaryColor)}@media (max-width:500px){.contact-form-container{padding:3rem 1rem}}*{box-sizing:border-box}html{scroll-behavior:smooth}@font-face{font-family:Roboto;font-style:normal;font-display:swap;src:url(/assets/Roboto-Bold-BnxJmI4l.woff2) format("woff2")}#root{box-sizing:border-box}body{font-family:Roboto,Helvetica,Arial,Lucida,sans-serif;letter-spacing:1px;margin:0;padding:0}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#22233b;--PrimaryColor:#7544ff;--secondaryColor: #1e1f33;--br: #6b6b6c;--text-w: #ffffff;--text-b:#ffffff}button{all:unset;text-transform:uppercase;padding:15px;cursor:pointer;color:var(--text-w);filter:drop-shadow(0px 2px 2px rgba(0,0,0,.25));border-radius:3px;transition:all .3s ease}button a{all:unset}button:hover{filter:drop-shadow(0px 6px 4px rgba(0,0,0,.35))}.button-secondary:after{content:"";display:block;width:100%;height:2px;transform:translateY(3px);background:var(--PrimaryColor);transition:width .3s;opacity:0}.button-secondary:not(.skeleton-button):after{opacity:1}.button-primary{background-color:var(--PrimaryColor)}.button-secondary{background-color:var(--secondaryColor)}a{color:#646cff;text-decoration:inherit}p{line-height:1.5;color:var(--text-w);opacity:.5;font-size:clamp(14px,1.5vw,1rem)}.left-section-p{margin:6px;font-family:Arial,Helvetica,sans-serif;opacity:.7}h1{margin:0;padding:0;font-size:clamp(2.5rem,5vw,4.3rem);color:var(--text-w)}h2{margin:0;padding:0;font-size:clamp(1.2rem,1.5vw,1rem);color:var(--PrimaryColor);text-transform:uppercase;letter-spacing:5px;font-family:Roboto,Helvetica,Arial,Lucida,sans-serif}h3{margin:0;padding:0;font-size:clamp(1.7rem,5vw,2.8rem);color:var(--text-w)}h4,h5{font-size:clamp(18px,2vw,16px);margin:0;padding:0;color:var(--text-w)}h6{all:unset;font-size:large;color:var(--text-w);margin:5px 0}
