*{margin:0;padding:0}body{height:100vh;background:#161513;color:#fff;font-family:outfit}@media (max-width: 768px){body{width:100%;overflow-x:hidden}}.navbar{display:flex;align-items:center;justify-content:space-between;margin:20px 170px}.navbar img{max-width:100px;height:auto}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:20px}.nav-connect{padding:20px 40px;border-radius:50px;background:linear-gradient(90deg,#178573,#27debf);font-size:22px;cursor:pointer;transition:0,5s}.nav-connect:hover{background:linear-gradient(180deg,#178573,#27debf)}.nav-menu li{display:flex;flex-direction:column;gap:5px;cursor:pointer}.nav-menu li img{display:flex;margin:auto}.anchor-link{text-decoration:none;color:#fff}.nav-mob-close,.nav-mob-open{display:none}@media (max-width: 768px){.navbar{margin:20px 50px}.nav-connect{display:none}.nav-mob-open{display:block;position:fixed;right:30px}.nav-mob-close{display:block;position:relative;top:30px;left:290px;width:30px}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;gap:20px;background-color:#178573;width:350px;height:100%;z-index:2;transition:right .5s;right:-350px}.nav-menu li{font-size:30px;padding-left:100px;flex-direction:row;gap:20px}}.language-switcher{position:fixed;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:15px;border-radius:8px 0 0 8px/8px 0px 0px 8px;box-shadow:0 4px 6px #0000001a;z-index:1000;gap:10px}.language-switcher .divider{width:100%;border:none;border-top:1px solid #ccc}.lang-btn{background:none;border:none;font-size:16px;font-weight:700;margin:5px 0;cursor:pointer;transition:all .3s ease;color:#000}.lang-btn:hover,.lang-btn.active{background:linear-gradient(90deg,#178573,#27debf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero{display:flex;align-items:center;flex-direction:column;gap:1rem}.hero img{margin-top:50px;width:20%}.hero h1{text-align:center;width:80%;font-size:90px;font-weight:700}.name{background:linear-gradient(109deg,#4d4d4d,#7a7a7a);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block}.animated-role{display:inline-block;font-weight:700;color:#e0e0e0}.hero p{text-align:center;width:50%;font-size:24px;line-height:40px}.hero-action{display:flex;align-items:center;gap:25px;font-size:24px;font-weight:500;margin-bottom:50px}.hero-connect{padding:25px 50px;border-radius:50px;background:linear-gradient(280deg,#178573,#27debf);cursor:pointer}.hero-connect:hover{background:linear-gradient(180deg,#178573,#27debf)}.hero-resume{padding:25px 75px;border-radius:50px;border:2px solid #178573;cursor:pointer}.hero-resume:hover{background:#178573;color:#fff}.hero-resume a{text-decoration:none;color:inherit;display:inline-block}@media (max-width: 768px){.hero img{margin-top:50px;margin-bottom:0;width:260px}.hero h1{margin-top:50px;width:90%;font-size:50px}.hero p{width:60%;font-size:18px;line-height:32px;margin:10px 0}.hero-action{flex-direction:column;gap:16px;font-size:18px;font-weight:500;margin-bottom:50px}.hero-connect,.hero-resume{padding:20px 30px;border-radius:40px}}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:80px;font-weight:600}.about-title img{position:absolute;bottom:0;right:0;z-index:-1}.about-sections{display:flex;gap:80px}.about-right{display:flex;flex-direction:column;gap:80px}.about-left{display:flex;flex-direction:column;width:30%}.about-para{display:flex;flex-direction:column;gap:20px;font-size:24px;font-weight:500}.about-skills{display:flex;flex-direction:column;gap:20px}.about-skill{display:flex;gap:50px;align-items:center;transition:.3s}.about-skill:hover{transform:scale(1.05);transition:.3s}.about-skill p{min-width:150px;font-size:24px;font-weight:500}.about-skill hr{outline:none;border:none;width:50%;height:8px;border-radius:50px;background:linear-gradient(90deg,#27debf,#178573)}.about-achievements{display:flex;width:100%;justify-content:space-around;margin-bottom:80px}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:.5s}.about-achievement:hover{transform:scale(1.05);transition:.5s}.about-achievement h1{font-size:60px;font-weight:700;background:linear-gradient(90deg,#178573,#27debf);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-achievement p{font-size:24px;font-weight:500}@media (max-width: 768px){.about{margin:80px 50px;gap:80px;align-items:center}.about-title h1{font-size:50px;padding:0}.about-title img{width:130px;right:-20px}.about-sections{flex-direction:column;gap:50px}.about-left{display:none}.about-para{font-size:18px;line-height:32px}.about-right{gap:50px}.about-skill{gap:20px;align-items:flex-start;flex-direction:column}.about-skill p{font-size:20px}.about-skill hr{height:6px}.about-achievements{justify-content:space-between;flex-direction:column;gap:35px}.about-achievement h1{font-size:34px;font-weight:700}.about-achievement p{font-size:18px;text-align:center}}.frameworks-container{width:100%;margin:0 auto;padding:50px 20px;text-align:center}.frameworks-title{font-size:2.5rem;font-weight:700;text-align:center}.frameworks-subtitle{margin-top:10px;font-size:1.2rem}.frameworks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}.framework-card{background:#f9f9f9;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.framework-card:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003}.framework-icon{font-size:3rem;color:#178573;margin-bottom:5px}.framework-name{font-size:1.5rem;font-weight:700;color:#333}.framework-skill,.framework-purpose{font-size:1rem;color:#666}@media (max-width: 768px){.frameworks-container{width:fit-content;margin:0 auto;padding:50px 0;text-align:center}.frameworks-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.services{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.services-title{position:relative}.services-title h1{padding:0 30px;font-size:80px;font-weight:600}.services-title img{position:absolute;bottom:0;right:0;z-index:-1}.services-format{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:60px;border-radius:10px;border:2px solid white;transition:.4s;cursor:pointer}.services-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:80px}.services-container a{text-decoration:none}.services-format h3{font-size:28px;font-weight:600;color:#178573}.services-format h2{font-size:38px;font-weight:800;background:linear-gradient(90deg,#178573,#27debf);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.services-format p{color:#d4d4d4;font-size:24px;line-height:40px;max-width:300px}.services-readmore{display:flex;gap:20px;align-items:center;margin-top:20px}.services-format:hover{border:2px solid #178573;background-image:linear-gradient(45deg,#17857342,#27dec051);transition:scale(1.05);transition:0,4s}@media screen and (max-width: 768px){.services{align-items:center;gap:70px;margin:20px 70px}.services-title h1{padding:0;font-size:50px}.services-title img{width:130px;margin-right:-20px}.services-format{gap:20px;padding:44px}.services-format h2{font-size:28px}.services-format p{font-size:18px;line-height:32px;max-width:300px}.services-readmore img{width:20px}.services-container{grid-template-columns:1fr;gap:30px}}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 0}.mywork-title{position:relative}.mywork-title h1{padding:0 30px;font-size:80px;font-weight:600}.mywork-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.mywork-item{position:relative;cursor:pointer;overflow:hidden}.mywork-project-title{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;text-align:center;padding:10px;opacity:0;transition:opacity .3s ease-in-out}.mywork-item:hover .mywork-project-title{opacity:1}.mywork-container img{box-sizing:border-box;width:419px;height:280px;transition:.3s;cursor:pointer}.mywork-container img:hover{transform:scale(1.1);border:4px solid #178573;border-radius:10px;transition:.3s}.mywork-showmore{display:flex;gap:15px;border-radius:50px;border:2px solid white;padding:30px 60px;font-size:22px;font-weight:500;margin-bottom:80px;transition:.6s;cursor:pointer}.mywork-showmore:hover{gap:30px;background-color:#178573;color:#fff;transition:.6s}@media (max-width: 768px){.mywork{gap:50px;margin:50px 0;align-self:center}.mywork-title h1{padding:0;font-size:50px;font-weight:600}.mywork-title img{width:150px;margin-right:-20px}.mywork-container{grid-template-columns:1fr}.mywork-container img{width:100%;height:100%}.mywork-showmore{padding:20px 40px;font-size:18px;margin:30px auto}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.showcase-section{background-color:var(--bg-dark);padding:100px 0;position:relative;overflow:hidden}.showcase-section:before{content:"PROJECTS";position:absolute;top:13%;left:50%;transform:translate(-50%,-50%);font-size:200px;font-weight:700;color:#ffffff08;white-space:nowrap;pointer-events:none}.showcaseSwiper{width:100%;height:100%;padding:0 100px}.swiper-slide{width:60%;height:100%;position:relative;border-radius:20px;overflow:hidden;opacity:.4;transition:all .6s ease;cursor:pointer}.swiper-slide-active{opacity:1}.swiper-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform .6s ease}.swiper-slide-active img{transform:scale(1)}.project-tag{position:absolute;top:20px;left:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px 15px;border-radius:20px;color:#fff;font-size:.9rem;z-index:2}.slide-content{position:absolute;bottom:40px;left:40px;color:#fff;opacity:0;transform:translateY(20px);transition:all .6s ease}.swiper-slide-active .slide-content{opacity:1;transform:translateY(0);text-shadow:#27DEBF 1px 1px 5px}.slide-content h2{font-size:2.5rem;margin-bottom:10px}.slide-content p{font-size:1.2rem;opacity:.8}.swiper-button-next,.swiper-button-prev{width:50px;height:50px;border:1px solid rgba(39,222,191,.3);border-radius:50%;background:transparent;color:#27debf;transition:all .3s ease}.swiper-button-next:hover,.swiper-button-prev:hover{background:#27debf;color:#000}.swiper-button-next:after,.swiper-button-prev:after{display:none}.up-button{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border:1px solid rgba(255,255,255,.3);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:.9rem;transition:all .3s ease}.up-button:hover{background:#fff;color:#000}@media (max-width: 768px){.showcase-section{padding:40px 0}.showcase-section:before{font-size:80px}.showcaseSwiper{padding:10px 0}.swiper-slide{width:80%;cursor:pointer}.slide-content{bottom:20px;left:20px}.slide-content h2{font-size:1.5rem}.slide-content p{font-size:1rem}.up-button{bottom:20px;right:20px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-weight:600;font-size:80PX}.contact-title img{position:absolute;bottom:0;right:0;z-index:-1}.contact-section{display:flex;gap:150px}.contact-left{display:flex;flex-direction:column;gap:30px}.contact-left h1{font-size:80px;font-weight:700;background:linear-gradient(90deg,#178573,#27debf);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:550px;color:#d8d8d8;font-size:20px;line-height:35px}.contact-details{display:flex;flex-direction:column;gap:30px;color:#d8d8d8;font-size:22px}.contact-detail{display:flex;align-items:center;gap:20px}.contact-right{display:flex;flex-direction:column;align-items:start;gap:30px}.contact-right label{color:#d8d8d8;font-size:22px;font-weight:500}.contact-right input{border:none;width:700px;height:78px;padding-left:20px;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:Outfit;font-size:20px}.contact-right textarea{border:none;width:650px;padding:25px;border-radius:4px;background:#32323c;color:#a0a0a0;font-family:Outfit;font-size:20px}.contact-submit{border:none;color:#fff;border-radius:50px;background:linear-gradient(45deg,#178573,#27debf);font-size:22px;padding:20px 60px;margin-bottom:50px;cursor:pointer;transition:.3s}.contact-submit:hover{transform:scale(1.1);transition:.3s;background:linear-gradient(90deg,#178573,#27debf)}@media (max-width: 768px){.contact{gap:50px;margin:50px 70px;align-items:start}.contact-title h1{padding:0;font-size:50px;font-weight:600}.contact-title img{width:150px;margin-right:-20px}.contact-section{flex-direction:column;gap:50px}.contact-left h1{font-size:50px}.contact-left p{font-size:20px;line-height:30px}.contact-details{gap:20px}.contact-right input{width:100%;font-size:20px}.contact-right textarea{width:95%;font-size:20px}.contact-submit{font-size:20px;padding:20px 40px}}.footer{margin:50px 170px;display:flex;flex-direction:column;gap:30px}.footer-top{display:flex;justify-content:space-between}.footer-top-left p{font-size:20px;max-width:400px}.footer-top-left img{width:100px}.footer-top-right{display:flex;align-items:center;gap:35px}.footer-email-input{display:flex;gap:30px;padding:20px 80px 20px 30px;border-radius:50px;background:#32323b}.footer-email-input input{background:transparent;border:none;outline:none;color:#fff;font-family:Outfit;font-size:18px}.footer-subscribe{font-size:20px;padding:22px 50px;border-radius:50px;background:linear-gradient(264deg,#178573,#27debf);cursor:pointer;transition:.3s}.footer-bottom{display:flex;justify-content:space-between;font-size:18px}.footer-bottom-right{display:flex;gap:50px;margin-bottom:50px}.footer-email-input:hover{border:2px solid #178573}.footer-subscribe:hover{transform:scale(1.1);transition:.3s}@media (max-width:768px){.footer{margin:50px 70px}.footer-top{flex-direction:column;gap:50px}.footer-top-right{align-items:center;flex-direction:column;gap:20px}.footer-email-input{padding:20px;width:80%}.footer-bottom{display:flex;flex-direction:column-reverse;margin-bottom:50px;align-items:center}}.faq-style-wrapper{margin-top:2em}.styles_faq-row-wrapper__3vA1D{background-color:transparent!important}.faq-style-wrapper .faq-title{background-color:#161513;border-bottom:1px solid #27DEBF!important}.faq-style-wrapper .faq-title h2{color:#fff;font-size:2.5rem;padding-bottom:20px}.faq-style-wrapper .faq-body .faq-row{padding:.75em;background-color:#161513;border-bottom:1px solid #27DEBF}.faq-style-wrapper .faq-body .faq-row svg{fill:#27debf!important}.row-title-text{font-size:1.3rem;color:#fff}.faq-style-wrapper .faq-body .faq-row .row-content-text{padding:1em!important;font-size:medium!important;color:#fff!important}.row-option{margin-top:2em}.row-option label{font-weight:700;display:block;margin-bottom:.5em}.row-option input{padding:.5em;width:2em;font-size:1em;border-radius:4px;border:1px solid #ccc}.row-option button{padding:.5em 1em;margin-left:1em;font-size:1em;border-radius:4px;background-color:#5000ca;border:1px solid;color:#fff}.project-detail-container{padding:20px;display:flex;margin:10px 50px;color:#e0e0e0;flex-direction:row;flex-wrap:wrap;gap:20px}.project-header{text-align:right;margin-bottom:30px;width:50%}.project-logo img{max-width:300px;margin-bottom:10px}.project-slides{display:flex;justify-content:right;width:100%;height:100%;padding-top:20px}.project-title{font-size:2.5rem;margin:10px 0;color:#fff}.project-date{font-size:1rem;color:#aaa}.project-description{margin-bottom:30px;width:45%}.project-description-content{margin-top:25px}.project-description h1{font-size:2.5rem;margin-top:10px;margin-bottom:10px;color:#fff}.project-description h2{font-size:1.2rem;margin-top:10px;margin-bottom:10px;color:#178573}.project-technologies{text-align:center;margin-top:50px;margin-bottom:30px;width:100%}.project-technologies h2{font-size:2.5rem;margin-bottom:25px;color:#fff}.project-technologies ul{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;list-style:none;padding:0}.project-technologies li{font-size:1.1rem;margin:5px 0;color:#e0e0e0;background:#333;padding:25px 50px;border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:10px;width:60px}.project-technologies li svg{width:50px;height:50px}.project-actions{display:flex;width:100%;justify-content:center;align-items:center}.project-button{background:linear-gradient(90deg,#178573,#27debf);color:#fff;border:none;padding:10px 20px;font-size:1rem;border-radius:5px;cursor:pointer;transition:transform .3s ease}.project-button:hover{transform:scale(1.05);background:linear-gradient(90deg,#178573,#27debf)}@media (max-width: 768px){.project-detail-container{margin:10px}.project-header{width:100%}.project-title{font-size:2rem;text-align:center}.project-description{width:100%}.project-description h1{font-size:2rem}.project-technologies{width:100%}.project-technologies h2{font-size:2rem}.project-technologies ul{flex-direction:column}.project-technologies li{padding:20px;width:60%}.project-actions{flex-direction:column}}.carousel{position:relative;display:flex;justify-content:left;align-items:center;width:600px;height:400px}.slide{border-radius:.5rem;box-shadow:0 0 #666;width:100%;height:100%}.slide-hidden{display:none}.arrow{position:absolute;width:2rem;height:2rem;color:#fff;filter:drop-shadow(0px 0px 5px #555)}.arrow:hover{cursor:pointer}.left-arrow{left:1rem}.right-arrow{right:1rem}.indicators{display:flex;justify-content:center;position:absolute;bottom:1rem;width:100%}.indicator{background-color:#fff;height:.5rem;width:.5rem;border-radius:100%;border:none;outline:none;box-shadow:0 0 5px #555;margin:0 .2rem;cursor:pointer}.indicator-inactive{background-color:#555}@media (max-width: 768px){.carousel{width:100%;height:300px}.slide{border-radius:.5rem;box-shadow:0 0 #666;width:100%;height:100%}.arrow{position:absolute;width:2rem;height:2rem;color:#fff;filter:drop-shadow(0px 0px 5px #555)}.arrow:hover{cursor:pointer}.left-arrow{left:1rem}.right-arrow{right:1rem}.indicators{display:flex;justify-content:center;position:absolute;bottom:1rem;width:100%}.indicator{background-color:#fff;height:.5rem;width:.5rem;border-radius:100%;border:none;outline:none;box-shadow:0 0 5px #555;margin:0 .2rem;cursor:pointer}.indicator-inactive{background-color:#555}}.service-detail-container{padding:20px;margin:20px 50px;gap:20px}.service-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:100px 50px;background-image:linear-gradient(#7a7a7a99,#17857399),url(https://promatech-industrie.com/wp-content/uploads/family-baking-cookies-together-with-happiness-creativity-generated-by-ai-1-scaled.webp);background-size:cover;background-position:center center;border-radius:25px}.service-banner h1{font-size:2.7rem}.service-banner p{font-size:1.2rem}.service-content{padding:50px 100px}.service-container{margin-top:50px;display:flex;flex-wrap:wrap;align-items:start;justify-content:center;gap:50px;width:100%}.service-description{width:65%}.service-description h2{font-size:2.5rem;margin-top:10px;margin-bottom:10px}.service-description p{font-size:1.2rem;line-height:1.5;margin-top:10px;margin-bottom:10px}.service-description img{width:100%;height:auto;margin:25px 0;border-radius:20px}.service-contact{width:20%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:50px;border-radius:18px;background-image:linear-gradient(358deg,#27debf,#17857342)}.service-contact-2{display:none}.service-contact h2{font-size:2.5rem;margin-top:10px;margin-bottom:10px}.service-contact p{font-size:1.2rem;line-height:1.5}.service-contact a{padding:20px;border-radius:10px;background-color:#fff;color:#178573;font-size:1.2rem;text-decoration:none}.service-contact a:hover{background-color:#178573;color:#fff}.service-contact h3{font-size:1.5rem;margin-bottom:10px;gap:10px;display:flex;align-items:center}.features{display:flex;flex-direction:column;padding:50px 0;align-items:center;flex-wrap:nowrap;gap:20px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:50px 0}.feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:60px;border-radius:10px;border:2px solid white;transition:.4s;cursor:pointer}.feature svg{fill:#178573;width:50px;height:50px}.feature h3{font-size:38px;font-weight:800;background:linear-gradient(90deg,#178573,#27debf);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.feature p{color:#d4d4d4;font-size:20px;line-height:40px;max-width:300px}.feature:hover{border:2px solid #178573;background-image:linear-gradient(45deg,#17857342,#27dec051);transition:scale(1.05);transition:0,4s;box-shadow:0 4px 8px #17857383}@media (max-width: 768px){.service-detail-container{padding:20px 0;margin:20px}.service-banner{padding:50px 20px;text-align:center}.service-content{padding:20px}.service-description{width:100%}.service-contact{display:none}.service-contact-2{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:20px;border-radius:18px;background-image:linear-gradient(358deg,#27debf,#17857342);margin-bottom:30px;margin-top:100px}.service-contact-2 h2{font-size:2.5rem;margin-top:10px;margin-bottom:10px}.service-contact-2 p{font-size:1.5rem;line-height:1.5}.service-contact-2 a{padding:20px;border-radius:10px;background-color:#fff;color:#178573;font-size:1.2rem;text-decoration:none}.service-contact-2 a:hover{background-color:#178573;color:#fff}.service-contact-2 h3{font-size:1.5rem;margin-bottom:10px;gap:10px;display:flex;align-items:center}.service-description h2{font-size:2rem}.service-description p{font-size:1.2rem}.service-description img{margin:10px 0}.feature-grid{grid-template-columns:1fr}.feature{padding:20px}.feature h3{font-size:28px}.feature p{font-size:16px;line-height:30px}}.timeline-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px;gap:40px}.timeline-title{font-size:2.5rem;font-weight:700;text-align:center}.vertical-timeline-element-content.bounce-in{color:#4d4d4d;border:2px solid #178573;border-radius:10px;padding:2em 3em!important;box-shadow:0 .25em .5em #27debf,0 0 1.25em #27dec085}.date{color:#178573}#description{margin:1.5em 0 2em}.button{text-decoration:none;padding:.5em 1em;border-radius:5px;color:#fff;background-color:#178573}.vertical-timeline *{box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%}.vertical-timeline-element-icon.shadow-size-small{box-shadow:0 0 0 2px #fff,inset 0 1px #00000014,0 2px 0 4px #0000000d}.vertical-timeline-element-icon.shadow-size-medium{box-shadow:0 0 0 3px #fff,inset 0 2px #00000014,0 3px 0 5px #0000000d}.vertical-timeline-element-icon.shadow-size-large{box-shadow:0 0 0 4px #fff,inset 0 2px #00000014,0 4px 0 6px #0000000d}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;-moz-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@-moz-keyframes cd-bounce-1{0%{opacity:0;-moz-transform:scale(.5)}60%{opacity:1;-moz-transform:scale(1.2)}to{-moz-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;box-shadow:0 3px #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-title,.vertical-timeline-element-subtitle{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;-moz-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;-moz-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2{0%{opacity:0;-moz-transform:translateX(-100px)}60%{opacity:1;-moz-transform:translateX(20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translate(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);-o-transform:translateX(20px);transform:translate(20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@-moz-keyframes cd-bounce-2-inverse{0%{opacity:0;-moz-transform:translateX(100px)}60%{opacity:1;-moz-transform:translateX(-20px)}to{-moz-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translate(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);-o-transform:translateX(-20px);transform:translate(-20px)}to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translate(0)}}