.hero-section{background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;height:115vh;position:relative;overflow:hidden;display:flex;align-items:center;padding-top:50px;padding-left:50px}.hero-text{z-index:2;position:relative;top:-40px}.hero-section h1{font-weight:700;font-size:72px;line-height:106%;letter-spacing:0;text-transform:capitalize;color:#FFF;width:100}.hero-section h2{font-weight:500;font-size:24px;line-height:100%;letter-spacing:0;color:#FFF}.btn-tanya-harga{font-weight:800;font-size:16px;line-height:120%;letter-spacing:0;text-transform:capitalize;color:#FFF;background-color:#54B1FA;display:inline-flex;align-items:center;justify-content:center;width:183px;height:54px;border-radius:50px;border:none;gap:6px;transition:all 0.3s ease}.btn-tanya-harga img{margin-left:-26px;width:50px;height:50px}.btn-tanya-harga:hover{background-color:#0ea5e9;color:#fff;transform:scale(1.05)}.hero-image{position:absolute;bottom:90px;z-index:1;object-fit:contain;height:auto;left:68%;transform:translateX(-50%) scaleX(-1);max-width:100vh;width:86vh}.about-section{padding-top:5rem;padding-bottom:5rem;padding-right:90px;padding-left:90px;position:relative;z-index:4;margin-bottom:0}.about-section::before{background-image:var(--bg-image);background-size:100% 100%;background-position:center bottom;background-repeat:no-repeat;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:-1;border-bottom-left-radius:5rem;border-bottom-right-radius:5rem}.about-image{border-radius:1.5rem;box-shadow:0 1rem 3rem rgb(0 0 0 / .175);max-width:100%;height:auto;transform:rotate(2deg)}.section-title-about{font-weight:700;font-size:48px;line-height:120%;letter-spacing:0;text-transform:capitalize;color:#6346C3;max-width:703px}.section-subtitle-about{font-weight:700;font-size:24px;line-height:120%;letter-spacing:0;color:#373737;max-width:723px}.section-text-about{font-weight:400;font-size:18px;line-height:180%;letter-spacing:0;color:#373737}.btn-custom-about{background-color:#6f42c1;border-color:#6f42c1;color:#fff;padding:.75rem 1.5rem;border-radius:50rem;font-weight:500;transition:all 0.3s ease-in-out}.btn-custom-about:hover{background-color:#5a349b;border-color:#5a349b;color:#fff;transform:translateY(-2px);box-shadow:0 .5rem 1rem rgb(0 0 0 / .15)}.btn-custom-about .arrow-icon-about{transition:transform 0.3s ease;display:inline-block}.btn-custom-about:hover .arrow-icon-about{transform:translateX(4px)}.next-section{background-color:#6f42c1;min-height:400px;padding-top:140px;color:#fff}.about-content{max-width:704px}.cta-section{padding:6rem 0;background-image:var(--bg-image);background-size:100% 112%;background-position:center bottom;background-repeat:no-repeat;position:relative;margin-top:-80px;background-color:#6648C4}.cta-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgb(10 10 26 / .8);z-index:-4}.cta-section .container{position:relative;z-index:0}.cta-card{margin-top:80px;border:none;border-radius:24px;background-image:var(--bg-image);background-size:100% 114%;background-position:center bottom;background-repeat:no-repeat;color:#fff;padding:2rem;box-shadow:0 10px 30px rgb(0 0 0 / .3)}.cta-card-content h1{font-weight:700;font-size:36px;line-height:120%;letter-spacing:0;text-transform:capitalize;color:#FFF;margin-bottom:2.5rem}.cta-button{background-color:#90e0ef;color:#0b2f4f;border:none;border-radius:50px;padding:12px 28px;font-weight:700;font-size:1rem;display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:all 0.3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 4px 15px rgb(144 224 239 / .4);background-color:#ade8f4;color:#0b2f4f}.cta-image-wrapper{display:flex;align-items:center;justify-content:center}.cta-image-wrapper img{max-width:100%;height:auto;border-radius:16px}.features-section{position:relative;padding:8rem 12rem;min-height:50vh;display:flex;margin-bottom:50px;align-items:center;overflow:hidden}.features-section::before{content:'';position:absolute;top:-257px;left:107px;width:77%;height:161%;background-image:var(--bg-image);background-repeat:no-repeat;background-size:100% 239%;background-position:center top;opacity:.3;z-index:-1}.features-section::after{width:500px;height:500px;bottom:-150px;right:-200px}.container{position:relative;z-index:1}.features-section .display-4{font-weight:700;font-size:48px;line-height:120%;letter-spacing:0;text-transform:capitalize;color:#6346C3}.features-btn-custom-primary{background:linear-gradient(90deg,#6a11cb 0%,#2575fc 100%);border:none;border-radius:50px;padding:1rem 2.5rem;font-weight:700;color:#fff;transition:all 0.3s ease;box-shadow:0 10px 20px rgb(0 0 0 / .1);display:inline-flex;align-items:center;gap:.75rem}.features-btn-custom-primary:hover{transform:translateY(-3px);box-shadow:0 15px 25px rgb(0 0 0 / .15);color:#fff}.features-btn-icon{display:inline-flex;align-items:center;gap:6px;width:220px;height:54px;padding:12px 0;box-sizing:border-box;background-color:#6346C3;border-radius:50px;border:none;font-weight:800;font-size:16px;color:#FFF;line-height:120%;letter-spacing:0;text-align:center;text-decoration:none;white-space:nowrap}.features-btn-icon:hover{background-color:#5c27f5;transform:translateY(-3px);box-shadow:0 8px 20px rgb(116 79 255 / .4)}.features-list p{font-weight:400;font-size:18px;line-height:100%;letter-spacing:0;color:#373737}.features-item{display:flex;align-items:center;gap:12px;width:auto;height:66px;padding:6px 24px;border-radius:12px;box-shadow:inset 0 4px 4px 0 rgb(0 0 0 / .24);margin-bottom:1rem;gap:1rem;font-weight:500;font-size:18px;line-height:150%;letter-spacing:0;vertical-align:middle;color:#FFF}.features-item:hover{cursor:default}.features-item img{width:auto;height:28px}.features-item-1{background-color:#518CC0}.features-item-2{background-color:#596DC1}.features-item-3{background-color:#6347C3}.process-wrapper-ourprocess{position:relative;z-index:1;margin-top:-80px;margin-bottom:-80px}.process-background-ourprocess{background-image:var(--bg-image);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;background-color:#6A38C2;border-radius:60px;padding:100px 0;box-shadow:0 15px 30px rgb(0 0 0 / .1)}.process-heading-ourprocess{font-weight:700;font-size:48px;line-height:1.2;letter-spacing:0;text-align:center;text-transform:capitalize;color:#FFF;margin-bottom:6rem!important}.process-card-ourprocess{border:none;border-radius:20px;text-align:center;padding:.5rem 1rem;transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative;margin-top:40px}.process-card-ourprocess:hover{cursor:default}.process-number-ourprocess{position:absolute;top:-65px;left:50%;transform:translateX(-50%);color:#fff;font-size:5rem;font-weight:700;line-height:1;z-index:2}.process-card-ourprocess .card-title{font-weight:700;font-size:22px;line-height:1.2;letter-spacing:0;text-align:center;color:#6346C3;margin-bottom:1rem;margin-top:1rem}.process-card-ourprocess .card-text{font-weight:400;font-size:16px;line-height:1.5;letter-spacing:0;text-align:center;color:#373737}.btn-custom-light{background-color:#F3F0FF;color:#6A38C2;border:1px solid #D9CCF3;font-weight:500}.btn-custom-light:hover{background-color:#E9E1FE;color:#6A38C2}.btn-custom-dark{background-color:#6A38C2;color:#fff;font-weight:500}.btn-custom-dark:hover{background-color:#5a2dab;color:#fff}.arrow-connector-ourprocess{position:absolute;top:65%;left:95%;transform:translateX(-5px);width:100px;height:50px;z-index:1}.text-wrapper-ourprocess{min-height:auto}.btn-whatsapp{font-weight:800;font-size:16px;line-height:1.2;letter-spacing:0;text-align:center;text-transform:capitalize;text-decoration:underline;color:#6346C3;margin-bottom:-114px!important}.card-3{height:89%!important}.painpoints-container{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;z-index:1;background-color:#fff;padding:5rem 2rem;border-radius:100px 100px 0 0;box-shadow:0 10px 30px rgb(0 0 0 / .05);width:100%;margin:-90px 0 0 0}.painpoints-section-title{font-weight:700;font-size:48px;color:#6346C3;line-height:120%;letter-spacing:0;text-align:center}.painpoints-feature-card{text-align:center;padding:2rem;transition:transform 0.3s ease,box-shadow 0.3s ease;border-radius:15px;height:100%;cursor:default}.painpoints-feature-icon{width:auto;height:60px;margin-bottom:1.5rem;color:#744fff;transition:color 0.3s ease}.painpoints-feature-card:hover .painpoints-feature-icon{color:#5c27f5}.painpoints-feature-title{font-weight:700;font-size:24px;line-height:120%;letter-spacing:0;text-align:center;background:linear-gradient(to right,#6446C4,#518FC0);background-clip:text;-webkit-background-clip:text;color:#fff0}.painpoints-feature-text{font-weight:400;font-size:16px;color:#373737;line-height:150%;letter-spacing:0;text-align:center}.painpoints-main-button{display:inline-flex;align-items:center;gap:6px;width:212px;height:54px;padding:12px 0;box-sizing:border-box;background-color:#6346C3;border-radius:50px;border:none;font-weight:800;font-size:16px;color:#FFF;line-height:120%;letter-spacing:0;text-align:center;text-decoration:none;white-space:nowrap}.painpoints-main-button:hover{background-color:#5c27f5;transform:translateY(-3px);box-shadow:0 8px 20px rgb(116 79 255 / .4)}.painpoints-main-button .painpoints-icon{transition:transform 0.3s ease}.painpoints-main-button:hover .painpoints-icon{transform:translateX(5px)}.upper-section-pricelist{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);height:400px;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.pricing-section-pricelist{padding-top:120px;padding-bottom:80px;position:relative;margin-top:-80px;z-index:1}.pricing-section-pricelist::before{background-image:var(--bg-image);background-size:100% 50%;background-position:center top;background-repeat:no-repeat;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:-1;border-top-left-radius:5rem;border-top-right-radius:5rem}.pricing-section-pricelist .container-pricelist{padding-right:50px;padding-left:50px}.pricing-section-pricelist .section-title-pricelist{font-weight:700;font-size:48px;line-height:120%;letter-spacing:0;text-align:center;text-transform:capitalize;color:#6346C3}.pricing-section-pricelist .section-subtitle-pricelist{font-weight:400;font-size:18px;line-height:180%;letter-spacing:0;text-align:center;color:#373737;text-align:center;margin-top:40px!important}.pricing-card-pricelist{background-image:var(--bg-image);background-size:100% 40%;background-position:center bottom;background-repeat:no-repeat;background-color:#fff;border-radius:1rem;border:1px solid #e9ecef;padding:2rem;box-shadow:0 10px 30px rgb(0 0 0 / .07);transition:transform 0.3s ease,box-shadow 0.3s ease;height:100%}.pricing-card-pricelist .card-title-pricelist{font-weight:800;font-size:18px;line-height:120%;letter-spacing:0;vertical-align:middle;text-transform:uppercase;color:#373737;margin:0 0 10px 0!important}.pricing-card-pricelist .card-subtitle-pricelist{font-weight:400;font-size:14px;line-height:120%;letter-spacing:0;vertical-align:middle;color:#373737;margin-bottom:20px}.start-from-pricelist,.per-project-pricelist{font-weight:700!important;font-size:14px!important;line-height:120%;letter-spacing:0;vertical-align:middle}.pricing-card-pricelist .price-pricelist{font-weight:800;font-size:24px;line-height:120%;letter-spacing:0;vertical-align:middle}.pricing-card-pricelist .price-pricelist span{font-size:1rem;font-weight:400;color:#6c757d}.btn-pilih-paket-pricelist{display:flex;flex-direction:row;width:fit-content;height:48px;border-radius:50px;padding:18px 24px;gap:6px;background-color:#6346C3;align-items:center;font-weight:800;font-size:16px;line-height:120%;letter-spacing:0;text-align:center;vertical-align:middle;text-transform:capitalize;color:#FFF}.btn-pilih-paket-pricelist:hover{background-color:#5a34a0;border-color:#5a34a0;color:#fff}.feature-list-pricelist{list-style:none;padding-left:0;text-align:left;margin-top:1.5rem;margin-bottom:0rem;flex-grow:1}.feature-list-pricelist li{font-weight:400;font-size:14px;line-height:150%;letter-spacing:0;vertical-align:middle;color:#373737;margin-bottom:1rem}.feature-list-pricelist li .pricelist-checlist-icon{width:auto;height:12px}.feature-list-pricelist li .checklist-text-pricelist{margin-top:-5px}.feature-list-pricelist svg{color:#20c997;margin-right:.75rem;flex-shrink:0}.card-image-wrapper-pricelist{margin-top:auto}.card-image-wrapper-pricelist img{border-radius:.5rem;max-width:100%;height:auto}.testimonial-section-testimonial{background-image:var(--bg-image);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;position:relative;padding:60px 0;background-color:#54B1FA;overflow:hidden}.testimonial-wrapper-testimonial{margin-top:160px;margin-bottom:160px;background-color:rgb(16 98 163 / .24);border:1px solid rgb(255 255 255 / .2);border-radius:30px;padding:50px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff}.testimonial-title-testimonial{font-weight:700;font-size:48px;line-height:1.2;letter-spacing:0;text-align:center;text-transform:capitalize;color:#FFF;margin-bottom:70px!important}#testimonialCarousel .carousel-control-prev,#testimonialCarousel .carousel-control-next{display:none}.testimonial-item-testimonial{padding:0 20px;text-align:left}.profile-image-container{width:50px;height:50px;margin-right:15px;flex-shrink:0;background-image:linear-gradient(to bottom right,#6CAEFC,#4A8FDE);border-radius:50%;padding:4px;box-sizing:border-box}.profile-image-container .profile-pict-testimonial{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.testimonial-author-testimonial{display:flex;align-items:center;margin-bottom:15px}.testimonial-author-testimonial img{width:50px;height:50px;border-radius:50%;margin-right:15px;object-fit:cover}.author-info-testimonial h5{font-weight:700;font-size:18px;line-height:120%;letter-spacing:0;color:#fff;margin-bottom:-2px}.author-info-testimonial span{font-weight:200;font-size:14px;line-height:120%;letter-spacing:0;color:#fff}.testimonial-text-wrapper-testimonial{position:relative}.testimonial-text-testimonial{margin-bottom:0;font-weight:100;font-size:18px;line-height:150%;letter-spacing:0;vertical-align:middle;color:#FFF;transition:max-height 0.5s ease-in-out,-webkit-mask-image 0.3s linear,mask-image 0.3s linear}.testimonial-text-testimonial.collapsible-testimonial{overflow:hidden;max-height:82px;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.testimonial-text-testimonial.collapsible-testimonial::after{display:none}.testimonial-text-testimonial.expanded-testimonial{max-height:500px;-webkit-mask-image:none;mask-image:none}.testimonial-text-testimonial.expanded-testimonial::after{display:none}.expand-btn-testimonial{background:none;border:none;color:rgb(255 255 255 / .9);cursor:pointer;padding:5px;margin-top:5px;margin-left:-5px}.testimonial-navigation-testimonial{display:flex;justify-content:center;align-items:center;margin-top:40px}.nav-arrow-testimonial{background:none;border:1px solid rgb(255 255 255 / .5);color:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease-in-out}.nav-arrow-testimonial:hover{background:rgb(255 255 255 / .2)}.carousel-indicators{position:static;margin:0 15px}.carousel-indicators [data-bs-target]{width:10px;height:10px;border-radius:50%;background-color:rgb(255 255 255 / .5);border:0;margin:0 5px}.carousel-indicators .active{background-color:#fff}.client-section-trustedby{position:relative;z-index:1;background-color:#fff;padding:1rem 0;width:100%}.purple-card-trustedby{background-color:#6346C3;border-radius:1.5rem;padding:4rem;box-shadow:0 10px 30px rgb(0 0 0 / .1);align-items:center;justify-content:center;display:flex;flex-direction:column;background-repeat:no-repeat;background-size:100% 100%;background-position:center center}.client-section-trustedby .container{position:relative;z-index:1}.section-title-trustedby{font-weight:700;font-size:48px;line-height:120%;letter-spacing:0;text-align:center;text-transform:capitalize;color:#FFF;max-width:866px}.logo-card-trustedby{background-color:#fff;border-radius:1.5rem;width:100%;overflow-x:auto;overflow-y:hidden;padding:10px 0 10px 0}.logo-scroll-area{overflow-x:auto;overflow-y:hidden;padding-bottom:10px;margin-bottom:-10px}.logo-scroll-area .row{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,1fr);gap:0}.logo-scroll-area .col{width:200px}.logo-scroll-area::-webkit-scrollbar{height:8px}.logo-scroll-area::-webkit-scrollbar-track{background:#e0e0e0;border-radius:10px}.logo-scroll-area::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.logo-scroll-area::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.logo-item-trustedby{display:flex;align-items:center;justify-content:center;min-height:100px;border:1px solid #e9ecef}.logo-item-trustedby img{width:100%;height:auto;max-width:120px;max-height:80px;object-fit:contain;transition:all 0.3s ease}.marquee,.marquee-reverse{padding-top:.5rem;padding-bottom:.5rem;overflow:hidden}.marquee-content{display:flex;justify-content:start;animation:scrolling 40s linear infinite}.marquee-reverse .marquee-content{justify-content:end;animation:scrolling-reverse 40s linear infinite}.marquee-content .marquee-item{display:flex;flex-direction:column;padding:0 25px;align-items:center;justify-content:center;height:90px;margin:0}.marquee-content .marquee-item img{width:auto;height:60px;max-width:160px;max-height:none;object-fit:contain;transition:all 0.3s ease}.marquee-content .marquee-item p{font-size:.75rem;line-height:1}@keyframes scrolling{0%{transform:translateX(0)}100%{transform:translateX(-96vw)}}@keyframes scrolling-reverse{0%{transform:translateX(0)}100%{transform:translateX(96vw)}}
