@import url(https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bitter:wght@400;600;700&family=Source+Sans+3:wght@300;400;600;700&display=swap);:root{--cyan:#009994;--dark-cyan:#1c7072;--dark-grey:#48464b}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}.container{flex-direction:column}.copyright{color:#000;font-family:Source Sans Pro;font-size:1rem;font-weight:300;text-align:center;width:100vw}body{background-color:#009994;background-color:var(--cyan)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.navigation{align-items:center;background-color:#fff;box-shadow:0 8px 8px rgba(0,0,0,.25);color:#000;font-family:Arimo,sans-serif;height:60px;letter-spacing:.08rem;padding:.5rem 0;position:fixed;top:0;width:100%;z-index:3}.logo-container,.navigation{display:flex}.logo{height:60px}.brand-name{color:#000;font-size:1.3rem;margin-left:1rem;text-decoration:none}.navigation-menu{box-sizing:border-box;margin-left:auto}.navigation-menu ul{align-items:center;box-sizing:border-box;display:flex;height:50px;padding:0}.navigation-menu li{box-sizing:border-box;font-size:1rem;list-style-type:none;margin:0 1rem;transition:all .08s ease-in-out}.navigation-menu li a{color:#000;display:block;text-decoration:none;width:100%}.navigation-menu li a.active{color:var(--cyan);font-weight:600}.navigation-menu li:hover{border-bottom:2px solid #000}.hamburger{background:transparent;border:0;border-radius:50%;cursor:pointer;display:none;height:40px;padding:.5rem;position:absolute;right:25px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:40px}@media screen and (max-width:768px){.hamburger{display:block}.navigation-menu ul{background-color:#fff;border-top:1px solid #000;display:none;flex-direction:column;height:calc(100vh - 60px);left:0;position:absolute;top:60px;width:100%}.navigation-menu li{margin:0;text-align:center}.navigation-menu li a{color:#000;padding:1.5rem 0;width:100%}.navigation-menu li:hover{background-color:#eee}.navigation-menu.expanded ul{display:block}.navigation-menu li:hover{border-bottom:none}}@media screen and (max-width:400px){.logo{height:50px}}@media screen and (max-width:300px){.logo{height:36px}}.end-cursor:after{content:"|"}.end-cursor.blinking:after{-webkit-animation:blink 1s step-start infinite;animation:blink 1s step-start infinite}@-webkit-keyframes blink{50%{opacity:0}}@keyframes blink{50%{opacity:0}}.home-container{align-items:center;background:linear-gradient(201deg,#fefefc 59.23%,var(--cyan) 153.98%);display:flex;flex-direction:column;justify-content:center}.typing-word{color:var(--cyan);font-family:Source Sans Pro;font-size:80px;font-style:normal;font-weight:700;height:100px;margin:0;text-align:center}.company-info{color:var(--dark-grey);font-family:Bitter,serif;font-size:40px;font-style:italic;font-weight:600;margin-top:40px;text-align:center}.home-container .logo{height:auto;width:20vw}.home-container .copyright{bottom:0;position:absolute}@media screen and (max-width:850px){.home-container .logo{width:200px}.typing-word{font-size:60px;height:80px}.company-info{font-size:20px;margin:40px 60px}}@media screen and (max-width:635px){.typing-word{height:160px}}@media screen and (max-width:600px){.company-info{font-size:16px}}@media screen and (max-width:400px){.typing-word{font-size:52px;height:140px}.company-info{font-size:16px}}@media screen and (max-width:300px){.typing-word{font-size:40px;height:100px}.company-info{font-size:12px}}.contact-item{align-items:center;display:flex;gap:12px;margin:16px 0}.contact-item.contact-footer{align-items:center;display:flex;gap:8px;margin:4px 0}.contact-item:hover{cursor:pointer}.contact-item:hover .contact-logo{box-shadow:-1px 1px var(--cyan),-2px 2px var(--cyan),-3px 3px var(--cyan),-4px 4px var(--cyan),-5px 5px var(--cyan);-webkit-transform:scale(1.05);transform:scale(1.05)}.contact-item .contact-logo{align-items:center;background:#f7f7f7;border-radius:100%;box-shadow:0 4px 4px rgba(72,70,75,.25);display:flex;flex-shrink:0;height:52px;justify-content:center;transition:.3s;width:52px}.contact-item.contact-footer .contact-logo{height:32px;width:32px}.contact-item.contact-footer .contact-logo img{width:22px}.contact-item.contact-footer .contact-logo.whatsapp img{width:100%}.contact-info{color:#fffffd;font-family:Source Sans Pro;font-size:1.5rem;font-weight:400;margin:0;text-decoration:none}.contact-info.contact-footer{font-size:1.2rem}@media screen and (max-width:1100px){.contact-item .contact-logo{height:44px;width:44px}.contact-item .contact-logo img{width:20px}.contact-info{font-size:1.2rem}.contact-item{margin:10px 0}}@media screen and (max-width:375px){.contact-item{margin:8px 0}.contact-item .contact-logo{height:36px;width:36px}.contact-item .contact-logo img{width:16px}.contact-info{font-size:1.12rem}.contact-info.contact-footer{font-size:1rem}}.footer .copyright{color:#fffffd;width:100%}.footer{background:linear-gradient(180deg,#1c7072,#009994);display:flex;flex-direction:column;padding:0 32px}.footer h1{color:#fffffd;font-family:Bitter;font-size:2rem;font-weight:700;letter-spacing:.06rem;margin-bottom:0;margin-top:48px}.footer h3{font-size:1.6rem;font-weight:600;margin-bottom:0;margin-top:1rem}.footer h2,.footer h3{color:#fffffd;font-family:Source Sans Pro;text-shadow:0 4px 4px rgba(0,0,0,.25)}.footer h2{font-size:2rem;font-style:normal;font-weight:700;letter-spacing:.05rem;line-height:normal;margin:0 0 20px}.footer .socmed{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.footer .socmed-logo{align-items:center;display:flex;gap:24px}.footer .socmed-logo a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.footer .socmed-logo img{transition:.3s;width:2rem}.footer .socmed-logo .img-tiktok{width:2.3rem}.footer .socmed-logo img:nth-child(4),.footer .socmed-logo img:nth-child(5){width:2.5rem}.footer .socmed p{color:#fffffd;font-family:Source Sans Pro;font-size:1.5rem;font-style:normal;font-weight:300;line-height:normal;margin:0}@media screen and (max-width:1100px){.footer h1{font-size:2.75rem}.footer h3{font-size:1.75rem}.footer h2{font-size:2rem;margin-bottom:20px}.footer .socmed-logo img{width:2rem}.footer .socmed-logo img:nth-child(4),.footer .socmed-logo img:nth-child(5){width:2.3rem}.footer .socmed p{font-size:1.3rem}.footer .socmed{margin-top:40px}}@media screen and (max-width:375px){.footer h1{font-size:2rem}.footer h3{font-size:1.4rem}.footer h2{font-size:1.5rem;margin-bottom:20px}.footer .socmed-logo img{width:1.8rem}.footer .socmed-logo img:nth-child(4),.footer .socmed-logo img:nth-child(5){width:2rem}.footer .socmed p{font-size:1.1rem}}@media screen and (max-width:300px){.footer h1{margin-top:120px}.footer{min-height:calc(100vh + 60px)}}.client-container{background:linear-gradient(201deg,#fefefc 59.23%,var(--cyan) 153.98%);overflow:scroll}.client-container .cards{display:flex;flex-wrap:wrap;justify-content:space-between;margin:28px auto auto;width:700px}@media screen and (max-width:750px){.client-container .cards{width:450px}}@media screen and (max-width:450px){.client-container .cards{width:300px}}@media screen and (max-width:300px){.client-container .cards{width:200px}}.banner-title{align-items:center;background:linear-gradient(180deg,#1c7072,#009994);display:flex;height:240px;justify-content:center}.banner-title h1{color:#fffffd;font-family:Bitter;font-size:3.75rem;font-style:normal;font-weight:700;letter-spacing:.075rem;line-height:normal;margin-top:120px;text-align:center}@media screen and (max-width:850px){.banner-title{height:200px}.banner-title h1{font-size:3rem}}@media screen and (max-width:450px){.banner-title{height:160px}.banner-title h1{font-size:2.4rem;margin-top:110px}}@media screen and (max-width:300px){.banner-title{height:140px}.banner-title h1{font-size:2rem;margin-top:100px}}.card-logo{align-items:center;background:#fffffd;border-radius:10px;box-shadow:0 4px 10px 0 rgba(72,70,75,.2);display:flex;height:7rem;justify-content:center;margin:20px;overflow:hidden;transition:.3s;width:7rem}.card-logo img{height:auto}.card-logo:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:750px){.card-logo{height:5rem;margin:10px;width:5rem}}@media screen and (max-width:300px){.card-logo{height:4rem;margin:4px;width:4rem}}.contact-container{background:linear-gradient(200deg,#fefefc 75.39%,#009994 140%);flex-direction:row}.contact-container .logo{display:flex;flex:2 1;flex-direction:column;height:100vh}.contact-container .logo .logo-img{align-items:center;display:flex;flex:1 1;justify-content:center}.contact-container .info .copyright{color:#fffffd;width:100%}.contact-container .info{background:linear-gradient(180deg,#1c7072,#009994);display:flex;flex:3 1;flex-direction:column;min-height:100vh;padding:0 32px}.contact-container h1{color:#fffffd;font-family:Bitter;font-size:3.25rem;font-weight:700;letter-spacing:.065rem;margin-bottom:0;margin-top:160px}.contact-container h3{font-size:2.25rem;font-weight:600;margin-bottom:0;margin-top:1rem}.contact-container h2,.contact-container h3{color:#fffffd;font-family:Source Sans Pro;text-shadow:0 4px 4px rgba(0,0,0,.25)}.contact-container h2{font-size:2.5rem;font-style:normal;font-weight:700;letter-spacing:.05rem;line-height:normal;margin:0}.socmed{flex:1 1;flex-direction:column;justify-content:center}.socmed,.socmed-logo{align-items:center;display:flex}.socmed-logo{gap:24px}.socmed-logo a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.socmed-logo img{transition:.3s;width:2.2rem}.socmed-logo .img-tiktok{width:2.3rem}.socmed-logo img:nth-child(4),.socmed-logo img:nth-child(5){width:2.5rem}.socmed p{color:#fffffd;font-family:Source Sans Pro;font-size:1.5rem;font-style:normal;font-weight:300;line-height:normal;margin:0}@media screen and (max-width:1100px){.contact-container h1{font-size:2.75rem}.contact-container h3{font-size:1.75rem}.contact-container h2{font-size:2rem;margin-bottom:20px}.socmed-logo img{width:2rem}.socmed-logo img:nth-child(4),.socmed-logo img:nth-child(5){width:2.3rem}.socmed p{font-size:1.3rem}}@media screen and (max-width:700px){.contact-container .logo{display:none}}@media screen and (max-width:375px){.contact-container h1{font-size:2rem;margin-top:120px}.contact-container h3{font-size:1.4rem}.contact-container h2{font-size:1.5rem;margin-bottom:20px}.socmed-logo img{width:1.8rem}.socmed-logo img:nth-child(4),.socmed-logo img:nth-child(5){width:2rem}.socmed p{font-size:1.1rem}}@media screen and (max-width:300px){.contact-container h1{margin-top:120px}.contact-container{min-height:calc(100vh + 60px)}}.carousel{align-items:center;display:flex;overflow:hidden;padding:20px 0;position:relative;width:100vw}.inner{display:flex;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.caroussel-item-wrapper{width:100vw}.btn{align-items:center;border-radius:100%;display:flex;height:50px;justify-content:center;position:absolute;transition:all .3s ease-in-out;width:50px;z-index:2}.btn:hover{background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.25);cursor:pointer}.arrow{transition:all .3s ease-in-out}.btn:hover .arrow{-webkit-transform:scale(1.05);transform:scale(1.05)}.left-btn{left:20px}.right-btn{right:20px}@media screen and (max-width:550px){.btn{height:32px;width:32px}.arrow{width:20px}.left-btn{left:10px}.right-btn{right:10px}}@media screen and (max-width:300px){.btn{height:24px;width:24px}.arrow{width:14px}.left-btn{left:4px}.right-btn{right:4px}}.product-card-container{background:#f7f7f7;box-shadow:0 4px 12px rgba(0,0,0,.25);height:500px;width:600px}.product-image-container{align-items:center;background:linear-gradient(104deg,#1c7072 -31.36%,#38aca3 -22.86%);box-shadow:0 4px 4px rgba(0,0,0,.25);display:flex;height:400px;width:100%}.product-image-container .image{margin:auto;width:75%}.product-desc{color:#48464b;font-family:Source Sans Pro;font-size:28px;font-style:normal;font-weight:700;margin:28px 0 0;text-align:center}@media screen and (max-width:780px){.product-card-container{height:400px;width:400px}.product-image-container{height:300px}}@media screen and (max-width:550px){.product-card-container{height:280px;width:300px}.product-image-container{height:200px}.product-desc{font-size:16px;margin-top:28px}}@media screen and (max-width:450px){.product-card-container{height:280px;width:280px}.product-image-container{height:200px}.product-desc{font-size:16px;margin-top:28px}}@media screen and (max-width:375px){.product-card-container{height:260px;width:240px}.product-image-container{height:200px}.product-desc{font-size:12px;margin-top:20px}}@media screen and (max-width:300px){.product-card-container{height:250px;width:200px}.product-image-container{height:200px}.product-desc{font-size:12px;margin-top:10px;padding-bottom:20px}}.before-after-card{align-items:center;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;padding:40px 0 0;position:relative;width:360px}.before-after-card.before{background:#128080}.before-after-card.after{background:#37a8a0}.before-after-card .card-info{color:#fff;font-family:Source Sans Pro;font-size:1.5rem;font-weight:700;margin-top:40px;text-align:center;width:100%}.before-after-card .card-info p{margin:20px}.before-after-card.before .card-info{background:#37a8a0}.before-after-card.after .card-info{background:#128080}@media screen and (max-width:800px){.before-after-card{padding:20px 0 0;width:280px}.before-after-card .card-info{font-size:1.2rem;margin-top:28px}.before-after-card .card-info p{margin:12px}}@media screen and (max-width:300px){.before-after-card{padding:16px 0 0;width:200px}.before-after-card .card-info{font-size:.8rem;margin-top:16px}.before-after-card .card-info p{margin:10px}}.ornament-container{position:absolute}.ornament-container div{height:5px;margin:10px 0}.ornament-container.right{bottom:0;right:0}.ornament-container.right div{margin-left:auto}.ornament-container.left div:first-child,.ornament-container.right div:nth-child(3){width:384px}.ornament-container div:nth-child(2){width:272px}.ornament-container.left div:nth-child(3),.ornament-container.right div:first-child{width:207px}.ornament-container.right div{background:#1c7072}.ornament-container.left div{background:#009994}@media screen and (max-width:800px){.ornament-container div{height:4px;margin:8px 0}.ornament-container.left div:first-child,.ornament-container.right div:nth-child(3){width:344px}.ornament-container div:nth-child(2){width:252px}.ornament-container.left div:nth-child(3),.ornament-container.right div:first-child{width:187px}}@media screen and (max-width:600px){.ornament-container div{height:3px;margin:6px 0}.ornament-container.left div:first-child,.ornament-container.right div:nth-child(3){width:284px}.ornament-container div:nth-child(2){width:232px}.ornament-container.left div:nth-child(3),.ornament-container.right div:first-child{width:167px}.ornament-container div{height:3px;margin:6px 0}.ornament-container.left div:first-child,.ornament-container.right div:nth-child(3){width:214px}.ornament-container div:nth-child(2){width:162px}.ornament-container.left div:nth-child(3),.ornament-container.right div:first-child{width:128px}}.service-card{background:linear-gradient(153deg,#1c7072 22.58%,#009994);box-shadow:0 4px 20px 0 rgba(0,0,0,.25);flex-direction:column;height:200px;transition:.3s;width:200px}.img-container,.service-card{align-items:center;display:flex;justify-content:center}.img-container{flex:1 1;width:100%}.img-container img{margin-top:40px}.service-card p{color:#fffffd;font-family:Source Sans Pro;font-size:1rem;font-style:normal;font-weight:600;line-height:normal;text-decoration:none;text-shadow:0 4px 4px rgba(0,0,0,.25)}.service-card-container{display:flex;flex-basis:auto;text-decoration:none}.service-card:hover{cursor:pointer;-webkit-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width:920px){.service-card-container{align-items:center;flex-basis:40%;justify-content:center}}.service-container{background:linear-gradient(220deg,#fefefc 51.78%,#009994 132.31%)}.item-service-container{padding-bottom:100px;padding-top:60px;position:relative}.service-title{color:#48464b;font-family:Source Sans Pro;font-size:3.5rem;font-weight:700;margin:.67em auto;max-width:90vw;text-align:center}#img-pjok{width:40%}#img-pkasur{width:60%}.item-service-container h2{color:#747475;font-family:Source Sans Pro;font-size:2.4rem;font-weight:600;margin:72px auto auto;max-width:90vw;text-align:center}.before-after{align-items:center;display:flex;gap:40px;justify-content:center}.pkasur-ba-img{height:400px;width:auto}.ba-title{color:#747475;font-size:2rem;font-weight:600;margin-top:2rem;text-align:center}.ba-gallery{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:0 auto;max-width:1400px;padding:40px}.ba-gallery-img{border-radius:16px;box-shadow:0 8px 24px rgba(0,153,148,.15);cursor:pointer;height:auto;margin:auto;max-width:80vw;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease;width:100%}.ba-one-item{margin:2rem auto 0;max-width:80vw;width:28rem}.ba-gallery-img:hover{box-shadow:0 16px 40px rgba(0,153,148,.25);-webkit-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02)}.table-container{margin:auto;width:760px}.table{overflow-x:auto}table{background:#f7f7f7;border-collapse:collapse;box-shadow:0 4px 20px 0 rgba(72,70,75,.2);color:#48464b;font-family:Source Sans Pro;font-size:1.25rem;font-style:normal;font-weight:400;line-height:normal}td,th{border:1px solid #ddd;padding:20px 12px;text-align:left;vertical-align:top}td:first-child{background:#38aca3;font-style:normal;line-height:normal;width:300px}td:first-child,th{color:#fff;font-family:Source Sans Pro;font-size:1.25rem;font-weight:600}th{background:#128080}.desinfektan-info,.general-cleaning-info{color:#48464b;font-family:Source Sans Pro;font-size:1.5rem;font-style:italic;font-weight:400;line-height:normal;margin:0;text-align:center}.desinfektan-info{margin:auto;max-width:60vw}.general-cleaning-info:nth-child(3){margin-bottom:60px}#img-d1,#img-d2{width:44%}#img-gsapu{width:45%}.service-list-container{align-items:center;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:60px}@media screen and (max-width:900px){.desinfektan-info{max-width:85vw}}@media screen and (max-width:800px){.pkasur-ba-img{height:340px}.vkasur-ba-img{height:180px}.service-title{font-size:3rem}.item-service-container h2{font-size:2rem;margin-top:60px}.table-container{width:600px}table,td:first-child,th{font-size:1rem}.desinfektan-info,.general-cleaning-info{font-size:1.25rem;margin:auto;max-width:90vw}td:first-child{width:200px}.ba-gallery{gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:30px}}@media screen and (max-width:600px){.before-after{flex-direction:column}.table-container{overflow-x:scroll;width:90vw}.table{width:600px}td:first-child{width:100px}}@media screen and (max-width:500px){.service-title{font-size:2.4rem;margin-bottom:10px}.item-service-container h2{font-size:1.6rem;margin-bottom:20px;margin-top:40px}.item-service-container{padding-bottom:80px;padding-top:40px}.service-title{margin-bottom:0;margin-top:40px}.ba-gallery{gap:16px;grid-template-columns:1fr;margin-top:24px;padding:20px}.ba-gallery-img{border-radius:12px}}@media screen and (max-width:375px){#img-gsapu{width:52%}#img-d1,#img-d2{width:50%}}@media screen and (max-width:300px){.service-title{font-size:2.3rem;margin-bottom:0}.pkasur-ba-img{height:280px}.vkasur-ba-img{height:132px}.desinfektan-info,.general-cleaning-info{font-size:1rem}#img-gsapu{width:64%}#img-d1,#img-d2{width:62%}}*{box-sizing:border-box}#root,*,body,html{margin:0;padding:0}#root,body,html{height:100%;width:100%}body{color:#333;font-family:Source Sans\ 3,Source Sans Pro,sans-serif;font-size:1.2rem;line-height:1.6}.container{background:linear-gradient(135deg,#fffffd,#f0f9f9);display:flex;min-height:100vh;width:100%}.heading-font{font-family:Bitter,serif}.sidebar{-webkit-animation:slideInLeft .8s ease-out;animation:slideInLeft .8s ease-out;background:linear-gradient(180deg,#1c7072,#009994);box-shadow:4px 0 20px rgba(28,112,114,.3);height:calc(100vh - 60px);overflow-y:auto;padding:40px 0;position:fixed;top:60px;width:280px;z-index:2}.sidebar-header{color:#fffffd;font-family:Bitter,serif;font-size:1.5rem;font-weight:700;margin-bottom:40px;padding:0 30px}.sidebar-menu{list-style:none}.menu-item{-webkit-animation:fadeInUp .6s ease-out forwards;animation:fadeInUp .6s ease-out forwards;margin:0;opacity:0}.menu-item:first-child{-webkit-animation-delay:.2s;animation-delay:.2s}.menu-item:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.menu-button{background:transparent;border:none;border-left:4px solid transparent;color:#fffffd;cursor:pointer;font-size:1rem;overflow:hidden;padding:20px 30px;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.menu-button:before{background:rgba(255,255,253,.1);height:100%;left:-100%;top:0;transition:left .4s ease;width:100%}.menu-button:after,.menu-button:before{content:"";pointer-events:none;position:absolute}.menu-button:after{-webkit-animation:rotate 20s linear infinite;animation:rotate 20s linear infinite;background:radial-gradient(circle,rgba(255,255,253,.15) 0,transparent 70%);height:200%;opacity:0;right:-50%;top:-50%;transition:opacity .3s ease;width:200%}.menu-button.active:after{opacity:1}.menu-button:hover:before{left:0}.menu-button:hover{background:rgba(255,255,253,.15);padding-left:35px;-webkit-transform:translateX(5px);transform:translateX(5px)}.menu-button.active{background:rgba(255,255,253,.25);border-left:4px solid #fffffd;box-shadow:inset 0 0 20px rgba(255,255,253,.1);font-weight:600}.main-content{flex:1 1;margin-left:280px;padding:60px}.tab-content{-webkit-animation:fadeInSlide .6s ease-out;animation:fadeInSlide .6s ease-out}.main-title{-webkit-animation:slideInRight .8s ease-out;animation:slideInRight .8s ease-out;border-bottom:3px solid #009994;color:#1c7072;font-family:Bitter,serif;font-size:2rem;font-weight:700;margin-bottom:30px;margin-top:3rem;padding-bottom:15px;position:relative}.main-title:after{-webkit-animation:expandWidth 1s ease-out .5s;animation:expandWidth 1s ease-out .5s;background:#1c7072;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:100px}.intro-box{-webkit-animation:scaleIn .6s ease-out;animation:scaleIn .6s ease-out;background:linear-gradient(135deg,#1c7072,#009994);border-radius:15px;box-shadow:0 10px 30px rgba(28,112,114,.3);color:#fffffd;margin-bottom:40px;overflow:hidden;padding:30px;position:relative}.intro-box p{margin-bottom:15px;position:relative;text-align:justify;z-index:1}.intro-box p:last-child{margin-bottom:0}.benefit-section{-webkit-animation:fadeInUp .8s ease-out forwards;animation:fadeInUp .8s ease-out forwards;margin-bottom:50px;opacity:0}.benefit-section:nth-child(2n){-webkit-animation-delay:.1s;animation-delay:.1s}.benefit-section:nth-child(odd){-webkit-animation-delay:.2s;animation-delay:.2s}.section-title{color:#009994;font-family:Bitter,serif;font-size:1.5rem;font-weight:600;margin-bottom:20px;margin-top:40px;padding-left:20px;position:relative;transition:all .3s ease}.section-title:before{background:#009994;content:"";height:0;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:height .3s ease;width:5px}.section-title:hover:before{height:100%}.section-title:hover{color:#1c7072;padding-left:25px}.benefit-image{border-radius:15px;box-shadow:0 10px 30px rgba(28,112,114,.3);cursor:pointer;height:auto;margin:20px 0;max-width:600px;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.benefit-image:hover{box-shadow:0 20px 50px rgba(28,112,114,.4);-webkit-transform:scale(1.05) translateY(-10px);transform:scale(1.05) translateY(-10px)}.benefit-content{color:#333;text-align:justify}.benefit-content p{line-height:1.6;margin-bottom:20px}.benefit-content ul{list-style-type:disc;margin:20px 0;padding-left:30px}.benefit-content ul li{color:#333;display:list-item;margin:10px 0;padding-left:10px;position:relative;transition:all .3s ease}.benefit-content ul li::marker{color:#009994;font-size:1.2em}.benefit-content ul li:hover{color:#1c7072;padding-left:15px}.advantage-box,.moments-box{-webkit-animation:fadeInUp .8s ease-out forwards;animation:fadeInUp .8s ease-out forwards;-webkit-animation-delay:.3s;animation-delay:.3s;background:linear-gradient(135deg,#f8f9fa,#e8f5f5);background:radial-gradient(circle,rgba(0,153,148,.25) 0,rgba(28,112,114,.1) 30%,transparent 70%);border:2px solid rgba(0,153,148,.1);border-radius:15px;margin-top:40px;opacity:0;overflow:hidden;padding:30px;position:relative;transition:all .4s ease}.advantage-box:hover,.moments-box:hover{border-color:rgba(0,153,148,.3);box-shadow:0 15px 40px rgba(28,112,114,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.box-title{color:#1c7072;font-family:Bitter,serif;font-size:1.5rem;font-weight:600;margin-top:0}.box-intro,.box-title{margin-bottom:15px;position:relative;z-index:1}.box-intro{color:#333}.box-list{list-style:none;padding:0;position:relative;z-index:1}.box-list li{color:#333;padding:8px 0 8px 30px;position:relative;transition:all .3s ease}.box-list li:before{color:#009994;content:"✓";font-size:1.4rem;font-weight:700;left:0;position:absolute}.box-list li:hover{color:#1c7072;padding-left:35px}.cta-box{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#1c7072,#009994);border-radius:15px;box-shadow:0 15px 40px rgba(28,112,114,.4);color:#fffffd;margin-top:40px;overflow:hidden;padding:40px;position:relative;text-align:center}.cta-box:before{-webkit-animation:pulse-rotate 10s linear infinite,scale-pulse 5s ease-in-out infinite;animation:pulse-rotate 10s linear infinite,scale-pulse 5s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.4) 0,rgba(255,255,253,.2) 30%,rgba(255,255,253,.1) 60%,transparent 100%);content:"";height:150%;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center;width:150%;z-index:0}@-webkit-keyframes pulse-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes pulse-rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@-webkit-keyframes scale-pulse{0%,to{height:150%;opacity:.8;width:150%}50%{height:160%;opacity:.7;width:160%}}@keyframes scale-pulse{0%,to{height:150%;opacity:.8;width:150%}50%{height:160%;opacity:.7;width:160%}}.cta-box p{margin-bottom:15px;position:relative;z-index:1}.cta-box p:last-child{margin-bottom:0}.cta-box strong{font-size:1.4rem}.cta-box a,.cta-box strong{position:relative;z-index:1}.cta-box a{color:#fffffd;font-weight:600;text-decoration:underline;transition:all .3s ease}.cta-box a:hover{color:#f0f9f9;text-shadow:0 0 10px rgba(255,255,253,.5)}.benefits-footer{margin-left:280px;width:calc(100vw - 280px)}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInSlide{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInSlide{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes expandWidth{0%{width:0}to{width:100px}}@keyframes expandWidth{0%{width:0}to{width:100px}}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes pulse{0%,to{box-shadow:0 15px 40px rgba(28,112,114,.4)}50%{box-shadow:0 20px 50px rgba(28,112,114,.6)}}@keyframes pulse{0%,to{box-shadow:0 15px 40px rgba(28,112,114,.4)}50%{box-shadow:0 20px 50px rgba(28,112,114,.6)}}@media (max-width:1024px){.sidebar{width:250px}.main-content{margin-left:250px;padding:40px}.main-title{font-size:1.75rem}.section-title{font-size:1.6rem}.benefits-footer{margin-left:250px;width:calc(100vw - 250px)}}@media (max-width:768px){.container{flex-direction:column}.sidebar{box-shadow:0 4px 10px rgba(28,112,114,.3);height:auto;padding:20px 0;position:relative;width:100%}.sidebar-header{font-size:1.6rem;margin-bottom:20px;padding:0 20px}.sidebar-menu{display:flex;flex-direction:row;gap:10px;padding:0 20px}.menu-item{flex:1 1;min-width:0}.menu-button{word-wrap:break-word;border-bottom:4px solid transparent;border-left:none;font-size:1.1rem;line-height:1.3;padding:15px 10px;text-align:center;white-space:normal}.menu-button.active{border-bottom:4px solid #fffffd;border-left:none}.menu-button:hover{padding-left:10px;-webkit-transform:translateX(0);transform:translateX(0)}.main-content{margin-left:0;padding:30px 20px}.main-title{font-size:1.8rem}.section-title{-webkit-animation:none 0s ease 0s 1 normal none running;animation:none 0s ease 0s 1 normal none running;-webkit-animation:initial;animation:initial;font-size:1.6rem;margin-top:30px;padding-left:0}.advantage-box,.cta-box,.intro-box,.moments-box{border-radius:10px;padding:20px}.benefit-image{border-radius:10px}.benefits-footer{margin-left:0;width:auto}}@media (max-width:480px){.menu-button{padding:12px 20px}.main-content{padding:20px 15px}.main-title{padding-bottom:10px}.advantage-box,.cta-box,.intro-box,.moments-box{padding:15px}.benefit-content ul{padding-left:20px}.benefits-footer{margin-left:0;width:auto}}
/*# sourceMappingURL=main.4c9fbe42.css.map*/