@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary-color: #040817;--secondary-color: rgb(21, 16, 48);--acent-color: #caadf9;--border: 1px solid rgba(255, 255, 255, .2);--border-radius: 1rem;--box-shadow: 0px 35px 120px -15px #211e35}*{font-family:Inter,sans-serif;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;background-color:var(--primary-color);color:#fff}.container{display:flex;justify-content:space-between;align-items:center}.column{display:flex;justify-content:center;align-items:center;flex-direction:column}.section__wrapper{padding-top:72px;padding-bottom:72px;padding-left:16vw;padding-right:16vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:50px}.section__header{display:flex;flex-direction:column;gap:25px;width:50vw}.section__header h1{font-size:52px}.section__header p{font-size:20px;opacity:.8}.section__header h1 span{color:var(--acent-color)}@media (max-width: 1440px){.section__wrapper{padding:72px 8vw}}@media (max-width: 1200px){.section__wrapper{padding:64px 6vw}.section__header{width:80%}}@media (max-width: 768px){.section__wrapper{padding:64px 1.5rem}.section__header{width:100%}.container{flex-direction:column}}.hero__wrapper{display:flex;flex-direction:column;padding:0 1.5rem 1.5rem;height:100vh}.hero{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:url(/assets/herobg-CSqWnoE3.png);background-position:center;background-size:cover;text-align:center;gap:20px;border-radius:2rem;border:var(--border)}.hero h1{font-size:3rem;font-weight:700;line-height:1.2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-size:60px;text-align:center;width:50%}.hero h1 span{display:inline-block}.hero .purp-text{color:var(--acent-color)}.hero p{font-size:24px;margin-bottom:20px}.hero .sub-heading{text-transform:uppercase;opacity:.8;font-size:14px}@media (max-width: 1200px){.hero h1{font-size:52px;width:80%}}@media (max-width: 600px){.hero h1{font-size:44px;width:100%}}@media (max-width: 425px){.hero__wrapper{padding:0}.hero{gap:10px;border-radius:0;border:0}.hero h1{font-size:40px;width:100%}}header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;z-index:1000;position:relative}header .logo{width:150px;height:auto}header .nav-links{display:flex;gap:2rem;list-style:none;font-size:1.2rem;padding:0;margin:0}header .btn{padding:1rem 2rem}.link{color:#fff;text-decoration:none}header .link:hover{color:var(--acent-color)}.nav-icon{display:none}.no-scroll{overflow:hidden}header .nav-links .btn{display:none}@media screen and (max-width: 1200px){header .nav-links{font-size:16px}}@media screen and (max-width: 768px){header{padding:10px 0}header .logo{width:auto;height:45px}header .nav-links{position:fixed;top:0;left:-100%;width:100vw;height:100vh;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));flex-direction:column;justify-content:center;align-items:flex-start;padding:0 10%;margin:0;z-index:999;font-size:32px;transition:left .5s ease}header .nav-links.active{left:0}header .nav-links .btn{display:block;padding:1rem 2rem;font-size:18px}.nav-icon{display:block;color:#fff;z-index:9999;width:45px;height:auto}header .nav-btn{display:none}}@media screen and (max-width: 600px){header .logo{width:auto;height:40px}.nav-icon{width:40px;height:auto}}@media (max-width: 425px){header{display:flex;justify-content:space-between;align-items:center;padding:10px 1.5rem;z-index:1000;position:relative}}.btn{padding:1rem 4rem;border:1px solid var(--acent-color);background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:.5rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .3s ease-in-out}.btn:hover{background-color:var(--acent-color)}.about__content .btns .btn{padding:1rem 3rem}@media (max-width: 768px){.btn{padding:1rem 2.5rem}}.services .container{gap:20px;display:grid;grid-template-columns:1fr 1fr}.services .container .column{gap:20px}@media (max-width: 1200px){.services .container{gap:20px}}@media (max-width: 768px){.services .container{grid-template-columns:1fr}}.card-border{flex:1;background:linear-gradient(45deg,#0f9,#f0c,#0cf,#f90);background-size:400% 400%;animation:gradient-animation 8s ease infinite;padding:2px;border-radius:.7rem;height:100%}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.card-item{height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;padding:2.5rem;border-radius:.5rem;color:#fff;z-index:1;background:#151030;transition:all .3s ease}.card-item:hover{box-shadow:0 35px 120px -15px #211e35}.card-item .link{color:var(--acent-color);font-size:18px;font-weight:500;margin-top:25px;text-decoration:none}.card-text{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:5px}.card-item .icon__wrapper{padding:1rem;border-radius:50%;border:var(--border);background-color:var(--primary-color);display:flex;justify-content:center;align-items:center}.card-item .icon{width:25px;height:25px}.card-item h1{font-size:24px}.card__info-flex{display:flex;flex-wrap:wrap;width:100%;gap:10px}.card__info-grid{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.card__info-item-icon{display:flex;gap:10px;align-items:center}.card__info-item-icon .icon{width:20px;height:20px;color:var(--acent-color)}.card__info-item{display:block;text-align:center;font-size:14px;padding:.5rem 1rem;border-radius:10px;background-color:var(--primary-color)}.card__info-item span{font-size:14px}@media (max-width: 1200px){.card-item{gap:20px;padding:2rem}}@media (max-width:600px){.card__info-grid{margin-top:20px;display:grid;grid-template-columns:1fr;gap:10px}}.approach .container{gap:40px;align-items:stretch}.approach__card{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;border:var(--border);border-radius:.5rem;padding:50px;position:relative;overflow:visible;background-color:#151030}.approach__card .icon{position:absolute;opacity:.5;height:25px;width:auto;color:var(--acent-color)}.icon__wrapper{background-color:var(--primary-color);border:var(--border);padding:1.5rem;border-radius:.5rem}.icon__wrapper .card__icon{width:30px;height:auto;color:var(--acent-color)}.approach__card .icon.top-left{top:0;left:0;transform:translate(-35%,-35%)}.approach__card .icon.top-right{top:0;right:0;transform:translate(35%,-35%)}.approach__card .icon.bottom-left{bottom:0;left:0;transform:translate(-35%,35%)}.approach__card .icon.bottom-right{bottom:0;right:0;transform:translate(35%,35%)}@media (max-width: 1200px){.approach .container{gap:20px}.approach__card{padding:2rem}}.projects__grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}@media (max-width: 1200px){.projects__grid{gap:25px}}@media (max-width: 768px){.projects__grid{grid-template-columns:1fr}}.project{width:100%;border-radius:1rem;display:flex;flex-direction:column;gap:10px;padding:2rem;border:var(--border)}.project__img{min-height:200px;height:100%;box-sizing:border-box;overflow:hidden;border-radius:1rem}.project__img img{height:100%;width:100%;transition:transform .3s ease-in-out}.project__content{display:flex;flex-direction:column}.project__content h3{font-size:24px;margin-bottom:10px}.project__content p{font-size:18px;opacity:.7;margin-bottom:20px}.project__content a{display:flex;align-items:center;gap:5px;color:var(--acent-color);font-size:20px;text-decoration:none;transition:gap .3s ease-in-out}.project__content a:hover{gap:10px}.project__content a .icon{stroke-width:1px;font-size:24px}.project:hover .project__img img{transform:scale(1.05)}.project:hover h3{color:var(--acent-color)}.about .container{gap:50px;align-items:stretch}.about__img{flex:1}.about__img .container{gap:5px}.about__img-img{width:100%;height:50vh;display:flex;justify-content:center;align-items:center;box-shadow:var(--box-shadow);border:var(--border);border-radius:var(--border-radius);margin-bottom:15px}.about__img-img img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius)}.about__img .about__info-item{flex:1;background-color:var(--secondary-color);padding:1rem;border:var(--border);border-radius:var(--border-radius)}.about__info-item.column{gap:5px}.about__info-item .icon{width:30px;height:auto;color:var(--acent-color)}.about__info-item h1{font-size:20px}.about__info-item p{font-size:12px;opacity:.7;text-align:center}.about__content{flex:1;align-items:flex-start}.about__content h3{font-size:24px}.about__content h3 span{color:var(--acent-color)}.about__content p{font-size:18px;margin-top:15px}.about__content .btn{margin-top:25px}@media (max-width: 1200px){.about__info-item .icon{width:20px;height:auto}}@media (max-width: 768px){.about .container{flex-direction:column-reverse}.about__info.container{flex-direction:row}}@media (max-width: 600px){.about__content p{font-size:16px}}.cta{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;text-align:center}.cta h1{font-size:44px;width:60%}.cta h1 span{color:var(--acent-color)}.cta p{font-size:18px;opacity:.8}@media (max-width: 1024px){.cta h1{width:90%}}@media (max-width: 768px){.cta p{width:80%}}@media (max-width: 600px){.cta{gap:15px}.cta h1{font-size:36px;width:100%}.cta p{width:90%}}.contact .container{align-items:flex-start;width:100%;gap:50px}.contact__info{align-items:flex-start;gap:20px;flex:1}.contact__info h1{font-size:32px;margin-bottom:10px}.contact__info p{font-size:18px;opacity:.8;margin-bottom:20px}.info__items{gap:30px;align-items:flex-start}.info__items h3{text-align:left;font-size:24px;margin-bottom:10px}.info__items .column{gap:10px}.info__item.container{justify-content:flex-start;align-items:flex-start;gap:15px}.info__item .icon{width:30px;height:auto}.instagram{color:#e1306c}.facebook{color:#1877f2}.info__item-content span{display:block;color:#fff;font-size:16px;opacity:.6;margin-bottom:5px}.info__item-content a{color:#fff;text-decoration:none;font-size:18px}.info__item:hover a{text-decoration:underline;color:var(--acent-color)}.container .contact__form{flex:1;border:var(--border);padding:2rem;border-radius:1rem;background-color:#151030}.contact__form h1{font-size:32px;margin-bottom:20px}.contact__form form{display:flex;flex-direction:column;gap:25px}.form__input{display:flex;flex-direction:column;gap:10px}.form__input label{font-size:18px}.form__input input,.form__input textarea{color:#fff}.form__input input::placeholder,.form__input textarea::placeholder{color:#fff;opacity:.6}.form__input input{padding:10px 0 10px 10px;border-radius:5px;border:var(--border);background-color:var(--primary-color)}.form__input textarea{height:100%;padding:10px 0 40px 10px;border-radius:5px;border:var(--border);background-color:var(--primary-color);resize:none}@media (max-width: 768px){.container .contact__form{width:100%;border:var(--border);padding:2rem;border-radius:1rem;background-color:#151030}.info__item.container{flex-direction:row}}footer{padding:100px 10% 0}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;color:#fff;gap:70px;padding-bottom:50px}.footer-logo,.contact-us{flex:1}.logo img{width:200px;height:auto}.logo p{font-size:16px;font-family:Raleway,sans-serif;margin:5px 0 0}.footer-links h1,.contact-us h1{font-size:20px;font-family:Playfair Display,serif;margin:0 0 20px}.footer-container{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:10px}.footer-container .link{font-size:18px;font-family:Raleway,sans-serif;font-weight:300;color:#fff;text-decoration:none}.footer-contact-item{display:flex;gap:15px;align-items:center}.footer-contact-item p{margin:0;font-size:18px;font-family:Raleway,sans-serif;font-weight:300}.footer-contact-item .icon{width:20px;height:auto}.footer-bottom{border-top:1px solid rgb(255,255,255,.5);text-align:center;padding:50px;color:#fff}.footer-bottom p{font-size:16px;font-family:Raleway,sans-serif;margin:0;opacity:.75}@media (max-width: 1200px){.footer-content{flex-direction:column;gap:50px}}