@import url(https://fonts.googleapis.com/css2?family=Lora&display=swap);@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-container{align-items:flex-start;background-color:#f9fbff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px}.tagline{max-width:600px}.tagline h1{color:#4b2fae;font-size:45px;font-weight:700;margin-bottom:20px}.tagline h2{color:#4b2fae;font-size:30px;font-weight:600;margin-bottom:10px}.tagline p{color:#000;font-size:22px;line-height:1.6;margin-bottom:30px}.right-image img{height:500px;width:650px}.explore-button{background-color:green;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:10px 20px;transition:background-color .3s ease}.explore-button:hover{background-color:#4b2fae}.service-overview{margin-top:40px;text-align:center;width:100%}.service-overview-title{color:#4b2fae;font-size:32px;font-weight:600;margin-bottom:20px}.services-container{display:flex;gap:30px;justify-content:center;margin-top:20px}.service-box{background-color:#e8eaf6;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#4b2fae;font-size:16px;font-weight:500;padding:15px;text-align:center}.service-box h4{color:#4b2fae;font-size:20px;margin-bottom:8px}.service-box p{font-size:14px;line-height:1.6;margin:0}.center-button{display:flex;justify-content:center;margin-bottom:40px;margin-top:20px;width:100%}.about-company h2{color:#4b2fae;font-size:32px;font-weight:600;margin-bottom:20px;text-align:center}.about-company p{color:#000;font-size:20px;margin-top:40px;text-align:center}.center-button button{background-color:green;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:10px 20px;transition:background-color .3s ease}.center-button button:hover{background-color:#37208c}.navbar{background-color:#f3f3e0;height:80px;justify-content:space-between;padding:0 2rem}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{max-height:100%}.navbar-left img{height:120px;object-fit:contain;width:auto}.links,.navbar-right{display:flex}.links{gap:1.5rem;list-style-type:none;margin:0}.links li{font-size:1rem}.links a{color:#000;font-weight:700;text-decoration:none}.links a:hover{color:gray}.service-container{align-items:center;background-color:#f9fbff;display:flex;flex-direction:column;padding:50px;text-align:center}.service-overview{margin-bottom:40px}.service-title{color:#4b2fae;font-size:36px;font-weight:700;margin-bottom:10px}.service-boxes{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.service-box{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;padding:20px;text-align:left;transition:transform .3s;width:300px}.service-box:hover{transform:translateY(-5px)}.service-logo{height:80px;margin-bottom:15px;width:80px}.service-box h3{color:#4b2fae;font-size:24px;font-weight:600;margin-bottom:10px}.service-box p{color:#333;font-size:16px;margin-bottom:10px;text-align:center}.service-box ul{list-style-type:none;margin:0;padding:0;text-align:center}.service-box li{color:#333;font-size:14px;margin-bottom:5px}button{background-color:#4b2fae;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:12px 24px;transition:background-color .3s ease}button:hover{background-color:#37208c}@media (max-width:768px){.service-box{width:100%}.service-boxes{flex-direction:column;gap:20px}}.service-footer{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:40px auto;max-width:1200px;padding:20px}.title{flex:1 1;text-align:left}.title h1{color:#4b2fae;font-size:40px;margin-bottom:10px}.title p{color:#333;font-size:18px;line-height:1.5}.button-footer{margin-top:15px}.button-footer button{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s}.button-footer button:hover{background-color:#3a229e}.right-image{align-items:center;display:flex;flex:1 1;justify-content:center}.right-image img{border-radius:8px;height:auto;max-width:100%}.contact-container,.contact.contact-container{align-items:flex-start;background-color:#f9fbff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px}.contact-info{flex:1 1;max-width:600px;padding-right:20px}.footer{flex-wrap:wrap}.footer-copyright{color:#b3aeae;font-size:14px;margin-top:20px;padding-top:20px;text-align:center;width:100%}-info{flex:1 1;max-width:600px;padding-right:20px}.contact-info h2{color:#333;font-size:50px;margin-bottom:10px}.contact-info p{color:#333;font-size:30px;margin-bottom:10px}.contact-info ul{color:#555;font-size:26px;list-style:none;padding:0}.contact-info li{margin-bottom:5px}.social-links{display:flex;margin-top:20px}.social-links a{color:#4b2fae;font-size:30px;margin-right:15px;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#0077b5}.social-links a.instagram:hover{color:#c13584}.contact-image img{border-radius:8px;height:auto;max-width:600px;width:100%}.contact-form{background-color:#fff;border-top:2px solid #f0f0f0;padding:40px;text-align:center}.contact-form h3{color:#4b2fae;font-size:28px;margin-bottom:20px}.contact-form form{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:500px}.contact-form input,.contact-form textarea{border:1px solid #ddd;border-radius:5px;font-size:16px;padding:12px}.contact-form button{background-color:#4b2fae;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s ease}.contact-form button:hover{background-color:#3a2291}.footer{align-items:flex-start;display:flex;justify-content:space-around;padding:40px 20px}.footer h4{font-size:18px;margin-bottom:10px}.footer ul{list-style:none;padding:0}.footer ul li{margin-bottom:5px}.footer ul li a{color:#ddd;font-size:14px;text-decoration:none}.footer ul li a:hover{color:#fff}.footer-contact-info p{font-size:14px;margin:5px 0}.status-message{color:green;font-weight:700;margin-top:10px}.container{font-family:Arial,sans-serif;line-height:1.6;margin:0 auto;max-width:1200px;padding:20px;width:90%}.container-flex{display:flex;flex-direction:column}.article-featured{border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:20px}.article-title{color:#333;font-size:24px;margin-bottom:10px}.article-image{border-radius:5px;height:auto;margin-bottom:15px;max-height:500px;object-fit:cover;width:100%}.article-body,.article-info{margin-bottom:10px}.article-body{color:#555;font-size:16px}.article-read-more{color:#007bff;font-size:14px;text-decoration:none}.article-read-more:hover{text-decoration:underline}.article-recent{align-items:flex-start;display:flex;margin-bottom:20px}.article-recent-main{flex:2 1;margin-right:15px}.article-recent-secondary{flex:1 1}.article-recent img{border-radius:5px;height:auto;width:100%}.article-info{color:#888;font-size:14px;margin-top:10px}.faq-section{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px;margin-top:30px;padding:20px}.faq-title{color:#333;font-size:20px;margin-bottom:15px}.faq-list{list-style:none;padding:0}.faq-item{margin-bottom:15px}.faq-question{color:#007bff;cursor:pointer;font-size:16px}.faq-question:hover{text-decoration:underline}.faq-answer{color:#555;padding-left:15px}.footer{background-color:#333;border-radius:5px;color:#fff;margin-top:30px;padding:15px 0;text-align:center}.footer p{font-size:14px;margin:0}.about-container{align-items:center;display:flex;flex-direction:column;margin-top:20px}.company-overview{margin-bottom:40px;text-align:center}.company-title{color:#4b2fae;font-size:42px;font-weight:600;margin-bottom:20px}.company-description{color:#000;font-size:20px;margin:40px auto 0;max-width:1100px;text-align:center}.company-container{display:flex;gap:70px;justify-content:center;width:100%}.company-box{background-color:#e8eaf6;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#4b2fae;font-size:18px;font-weight:500;padding:20px;text-align:center;transition:transform .3s;width:300px}.company-box:hover{transform:translateY(-5px)}.company-box h4{color:#4b2fae;font-size:26px;margin-bottom:10px}.company-box ul{list-style-type:disc;padding-left:20px}.company-box li{color:#333;font-size:16px;line-height:1.4}.why-techstudio-section{align-items:center;display:flex;gap:40px;justify-content:space-between;margin:40px auto;max-width:1000px;padding:20px}.why-techstudio-text{flex:1 1;text-align:left}.why-techstudio-text h2{color:#4b2fae;font-size:50px;margin-bottom:10px}.why-techstudio-text p{color:#333;font-size:20px;line-height:1.5}.why-techstudio-image{align-items:center;display:flex;flex:1 1;justify-content:center}.why-techstudio-image img{border-radius:8px;max-width:200%}.our-team{margin:40px auto;max-width:1200px;padding:20px;text-align:center}.team-title h2{color:#4b2fae;font-size:34px;margin-bottom:30px}.team-box{display:flex;flex-wrap:wrap;gap:130px;justify-content:space-around}.team{align-items:center;background-color:inherit;display:flex;flex:1 1;flex-direction:column;max-width:200px;text-align:center}.team img{background-color:var(--dynamic-bg-color);border-radius:50%;box-shadow:0 4px 8px #0000001a;height:240px;margin-bottom:10px;object-fit:cover;width:200px}.team p{color:#333;font-size:16px}.portfolio-container{display:flex;flex-direction:column;gap:50px;margin:0 auto;max-width:1200px;padding:20px}.project-section{align-items:center;display:flex;gap:40px}.project-section.reverse{flex-direction:row-reverse}.project-media{flex:1 1}.project-video{border-radius:10px;box-shadow:0 4px 10px #0003;height:auto;width:100%}.project-content{flex:1 1;padding:10px}.project-content h2{color:#4b2fae;font-size:24px;margin-bottom:15px}.project-content p{color:#333;font-size:16px;line-height:1.6;margin-bottom:15px}.project-link{background-color:#4b2fae;border-radius:5px;color:#fff;display:inline-block;font-size:16px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.project-link:hover{background-color:#3a2291}@media (max-width:768px){.project-section,.project-section.reverse{flex-direction:column}}.port-footer{align-items:center;display:flex;justify-content:space-between;margin:40px 0;padding:20px}.left-text{flex:1 1;text-align:left}.left-text h2{color:#4b2fae;font-size:36px;margin-bottom:10px}.left-text p{color:#333;font-size:16px;line-height:1.5}.port-img{display:flex;flex:1 1;justify-content:flex-end}.port-img img{border-radius:8px;height:300px;max-width:100%;width:400px}.download-button{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.download-button:hover{background-color:#3a2291}.download-button a{color:#fff;text-decoration:none}.port-title h1{color:#4b2fae;font-size:40px;text-align:center}
/*# sourceMappingURL=main.6099f20f.css.map*/