/* CAROUSEL SECTION */

        .hero-carousel {
            position: relative;
            width: 100%;
            max-width: 700px;
        }

        /* slide */
        .hero-slide {
            position: relative;
            display: none;
        }

        .hero-slide.active {
            display: block;
        }

        /* image */
        .hero-img {
            width: 100%;
            height: 420px;
            object-fit: cover;
            border-radius: 24px;
        }

        /* overlay */
        .hero-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;

            padding: 24px;

            border-radius: 0 0 24px 24px;

            background: linear-gradient(to top,
                    rgba(0, 0, 0, 0.7),
                    rgba(0, 0, 0, 0.0));

            color: white;
        }

        .hero-overlay h2 {
            font-size: 28px;
            margin-bottom: 8px;
        }

        .hero-overlay p {
            font-size: 16px;
        }

        /* button */
        .hero-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.4);
            color: white;
            border: none;
            font-size: 22px;
            padding: 10px 16px;
            cursor: pointer;
            border-radius: 8px;
        }

        .hero-btn.prev {
            left: 15px;
        }

        .hero-btn.next {
            right: 15px;
        }

        .hero-dots {
            text-align: center;
            margin-top: 12px;
        }

        .hero-dot {
            height: 10px;
            width: 10px;
            margin: 6px;
            background-color: #ccc;
            border-radius: 50%;
            display: inline-block;
            cursor: pointer;
            transition: 0.3s;
        }

        .hero-dot.active {
            background-color: #e67e22;
            transform: scale(1.3);
        }

        .carousel-container {
            width: 100%;
            max-width: 1100px;
            margin: 60px auto;
            position: relative;
            overflow: hidden;
        }

        .carousel-track {
            display: flex;
            transition: transform 0.6s ease;
        }

        .carousel-slide {
            min-width: 100%;
            box-sizing: border-box;
            display: flex;
            gap: 40px;
            align-items: center;
        }

        .carousel-slide img {
            width: 50%;
            border-radius: 12px;
        }

        .carousel-text {
            width: 50%;
        }

        .carousel-text h3 {
            font-size: 28px;
            margin-bottom: 12px;
        }

        .carousel-text p {
            font-size: 16px;
            color: #555;
        }

        /* buttons */
        .carousel-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background: #13273F;
            color: white;
            border: none;
            font-size: 24px;
            padding: 10px 16px;
            cursor: pointer;
            border-radius: 8px;
        }

        .carousel-btn.prev {
            left: 10px;
        }

        .carousel-btn.next {
            right: 10px;
        }

        /* dots */
        .carousel-dots {
            text-align: center;
            margin-top: 20px;
        }

        .dot {
            display: inline-block;
            width: 12px;
            height: 12px;
            background: #ccc;
            margin: 5px;
            border-radius: 50%;
            cursor: pointer;
        }

        .dot.active {
            background: #e37f2a;
        }



        .style-0 {
            cursor: auto;
            margin: 0px;
            font-family: Inter, sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            color: rgb(33, 37, 41);
            text-align: start;
            background-color: rgb(255, 255, 255);
            text-size-adjust: 100%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            box-sizing: border-box;
        }

        .style-1 {
            display: block;
            box-sizing: border-box;
            width: 45vw;
            height: 945px;
            background-color: rgb(253, 243, 234);
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: -1;
        }

        .style-2 {
            padding-top: 24px;
            padding-bottom: 24px;
            flex-wrap: nowrap;
            justify-content: flex-start;
            --bs-navbar-padding-x: 0;
            --bs-navbar-padding-y: 0.5rem;
            --bs-navbar-color: rgba(0, 0, 0, 0.65);
            --bs-navbar-hover-color: rgba(0, 0, 0, 0.8);
            --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
            --bs-navbar-active-color: rgba(0, 0, 0, 1);
            --bs-navbar-brand-padding-y: 0.3125rem;
            --bs-navbar-brand-margin-end: 1rem;
            --bs-navbar-brand-font-size: 1.25rem;
            --bs-navbar-brand-color: rgba(0, 0, 0, 1);
            --bs-navbar-brand-hover-color: rgba(0, 0, 0, 1);
            --bs-navbar-nav-link-padding-x: 0.5rem;
            --bs-navbar-toggler-padding-y: 0.25rem;
            --bs-navbar-toggler-padding-x: 0.75rem;
            --bs-navbar-toggler-font-size: 1.25rem;
            --bs-navbar-toggler-icon-bg: url('data:image/svg+xml,%3csvg xmlns=' http: //www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e');--bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.15);--bs-navbar-toggler-border-radius: 0.375rem;--bs-navbar-toggler-focus-width: 0.25rem;--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;position:relative;display:flex;align-items:center;box-sizing:border-box;
            }

            .style-3 {
                max-width:1320px; display:flex; flex-wrap:nowrap; align-items:center; justify-content:space-between; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right:12px; padding-left:12px; margin-right: auto; margin-left: auto; box-sizing:border-box;
            }

            .style-4 {
                display:block; padding-top:5px; padding-bottom:5px; margin-right:16px; font-size:20px; color:rgb(0, 0, 0); text-decoration:none; white-space:nowrap; box-sizing:border-box;
            }

            .style-5 {
                display:inline-block; vertical-align:text-top; box-sizing:border-box;
            }

            .style-6 {
                display:none; padding-top:5px; padding-bottom:5px; margin-right:16px; font-size:20px; color:rgb(0, 0, 0); text-decoration:none; white-space:nowrap; box-sizing:border-box;
            }

            .style-7 {
                display:inline-block; vertical-align:text-top; box-sizing:border-box;
            }

            .style-8 {
                display:none; border:0px none rgba(0, 0, 0, 0.65); padding:4px 12px; font-size:20px; line-height:20px; color:rgba(0, 0, 0, 0.65); background-color:rgba(0, 0, 0, 0); border-radius:6px; transition:box-shadow 0.15s ease-in-out; cursor:pointer; appearance:button; text-transform:none; margin:0px; font-family:Inter, sans-serif; box-sizing:border-box;
            }

            .style-9 {
                display:inline-block; width: 1.5em; height:30px; vertical-align:middle; background-image:url('data:image/svg+xml,%3csvg xmlns=' http: //www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e');background-repeat:no-repeat;background-position:50% 50%;background-size:100%;box-sizing:border-box;
                }

                .style-10 {
                    display:flex; flex-basis: auto; flex-grow:1; align-items:center; justify-content: flex-end; box-sizing:border-box;
                }

                .style-11 {
                    padding-top:0px; padding-bottom:0px; margin-bottom:0px; flex-direction:row; gap:8px; margin-left: auto !important; --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight:; --bs-nav-link-color: rgba(0, 0, 0, 0.65); --bs-nav-link-hover-color: rgba(0, 0, 0, 0.8); --bs-nav-link-disabled-color: rgba(0, 0, 0, 0.3); display:flex; padding-left:0px; list-style:outside none none; margin-top:0px; box-sizing:border-box;
                }

                .style-12 {
                    box-sizing:border-box;
                }

                .style-13 {
                    border-radius:800px; padding-top:8px; padding-bottom:8px; padding-right:16px; padding-left:16px; width: 100% !important; --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5); --bs-btn-hover-border-color: rgb(198.4, 199.2, 200); --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(198.4, 199.2, 200); --bs-btn-active-border-color: rgb(186, 186.75, 187.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family:; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-border-width: 1px; --bs-btn-border-radius: 0.375rem; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, .5); display:inline-block; padding:8px 16px; font-family:Inter, sans-serif; font-size:16px; font-weight:400; line-height:24px; color:rgb(0, 0, 0); text-align:center; text-decoration:none; vertical-align:middle; cursor:pointer; user-select:none; background-color:rgb(248, 249, 250); transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance:button; text-transform:none; margin:0px; box-sizing:border-box;
                }

                .style-14 {
                    box-sizing:border-box;
                }

                .style-15 {
                    border-radius:800px; padding-top:8px; padding-bottom:8px; padding-right:16px; padding-left:16px; width: 100% !important; --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5); --bs-btn-hover-border-color: rgb(198.4, 199.2, 200); --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: rgb(198.4, 199.2, 200); --bs-btn-active-border-color: rgb(186, 186.75, 187.5); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family:; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-border-width: 1px; --bs-btn-border-radius: 0.375rem; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, .5); display:inline-block; padding:8px 16px; font-family:Inter, sans-serif; font-size:16px; font-weight:400; line-height:24px; color:rgb(0, 0, 0); text-align:center; text-decoration:none; vertical-align:middle; cursor:pointer; user-select:none; background-color:rgb(248, 249, 250); transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; box-sizing:border-box;
                }

                .style-16 {
                    max-width:1320px; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right:12px; padding-left:12px; margin-right: auto; margin-left: auto; box-sizing:border-box;
                }

                .style-17 {
                    margin-top:24px; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display:flex; flex-wrap:wrap; margin-right:-12px; margin-left:-12px; box-sizing:border-box;
                }

                .style-18 {
                    display:block; flex: 0 0 auto; width: 50%; flex-shrink:0; max-width:100%; padding-right:12px; padding-left:12px; margin-top:0px; box-sizing:border-box;
                }

                .style-19 {
                    max-width:100%; height: auto; vertical-align:middle; box-sizing:border-box; border-radius: 30px;
                }

                .style-20 {
                    flex: 0 0 auto; width: 50%; flex-shrink:0; max-width:100%; padding-right:12px; padding-left:12px; margin-top:0px; box-sizing:border-box;
                }

                .style-21 {
                    align-items:flex-start; justify-content:center; height:614.375px; display:flex; box-sizing:border-box;
                }

                .style-22 {
                    padding-bottom:48px; width: 100% !important; box-sizing:border-box;
                }

                .style-23 {
                    --bs-text-opacity: 1; color:rgb(4, 38, 68); margin-bottom:4px; font-size:36px; margin-top:20px; font-weight:500; line-height:24px; box-sizing:border-box;
                }

                .style-24 {
                    font-size:35px; font-weight:700; margin-bottom:8px; margin-top:0px; line-height:48px; color:rgb(4, 38, 68); box-sizing:border-box;
                }

                .style-25 {
                    --bs-text-opacity: 1; color:#13273F; box-sizing:border-box;
                }

                .style-26 {
                    box-sizing:border-box; --bsb-tl-color: rgb(249.4, 229.4, 212.4); --bsb-tl-circle-color: #13273F; --bsb-tl-circle-size: 18px; --bsb-tl-circle-offset: 9px;
                }

                .style-27 {
                    max-width:1320px; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right:12px; padding-left:12px; margin-right: auto; margin-left: auto; box-sizing:border-box;
                }

                .style-28 {
                    justify-content:center; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display:flex; flex-wrap:wrap; margin-top:0px; margin-right:-12px; margin-left:-12px; box-sizing:border-box;
                }

                .style-29 {
                    flex: 0 0 auto; width: 100%; flex-shrink:0; max-width:100%; padding-right:12px; padding-left:12px; margin-top:0px; box-sizing:border-box;
                }

                .style-30 {
                    margin-top:0px; margin-bottom:0px; padding-left:0px; box-sizing:border-box; list-style:outside none none; padding:0px; position:relative;
                }

                .style-31 {
                    --bs-text-opacity: 1; color:rgb(108, 117, 125); margin-left:24px; margin-top:16px; margin-bottom:16px; box-sizing:border-box;
                }

                .style-32 {
                    box-sizing:border-box; margin:0px; padding:0px; position:relative;
                }

                .style-33 {
                    box-sizing:border-box; margin:0px; padding:0px; position:relative;
                }

                .style-34 {
                    box-sizing:border-box;
                }

                .style-35 {
                    border-radius:16px; margin-left:24px; margin-bottom:16px; box-shadow:rgba(0, 0, 0, 0.075) 0px 2px 4px 0px; --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color:; --bs-card-subtitle-color:; --bs-card-border-width: 1px; --bs-card-border-color: rgba(0, 0, 0, 0.175); --bs-card-border-radius: 0.375rem; --bs-card-box-shadow:; --bs-card-inner-border-radius: calc(0.375rem - (1px)); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(33, 37, 41, 0.03); --bs-card-cap-color:; --bs-card-height:; --bs-card-color:; --bs-card-bg: #fff; --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position:relative; display:flex; flex-direction:column; min-width:0px; height:137.188px; color:rgb(33, 37, 41); overflow-wrap:break-word; background-color:rgb(255, 255, 255); -webkit-background-clip:border-box; box-sizing:border-box; -webkit-background-clip:border-box;
                }

                .style-36 {
                    align-items:center; justify-content:center; display:flex; --bs-gutter-y: 0; --bs-gutter-x: 0; flex-wrap:wrap; margin-top:0px; margin-right:0px; margin-left:0px; box-sizing:border-box;
                }

                .style-37 {
                    display:block; flex: 0 0 auto; width: 16.6667%; flex-shrink:0; max-width:100%; padding-right:0px; padding-left:0px; margin-top:0px; box-sizing:border-box;
                }

                .style-38 {
                    border-bottom-left-radius:6px; border-top-left-radius:6px; max-width:100%; height: auto; vertical-align:middle; box-sizing:border-box;
                }

                .style-39 {
                    flex: 0 0 auto; width: 83.3333%; flex-shrink:0; max-width:100%; padding-right:0px; padding-left:0px; margin-top:0px; box-sizing:border-box;
                }

                .style-40 {
                    flex: 1 1 auto; padding:16px; color:rgb(33, 37, 41); box-sizing:border-box;
                }

                .style-41 {
                    --bs-text-opacity: 1; color:rgb(227, 127, 42); margin-bottom:8px; font-size:20px; margin-top:0px; font-weight:500; line-height:24px; box-sizing:border-box;
                }

                .style-42 {
                    font-weight:700; box-sizing:border-box;
                }

                .style-43 {
                    color: rgba(33, 37, 41, 0.75);
                    margin-bottom: 8px;
                    margin-top: 20px;
                    font-size: 18px;
                    font-weight: 500;

                    text-align: justify;
                    line-height: 32px;
                    /* perbesar dari 19.2px */
                }

                .style-44 {
                    --bs-text-opacity: 1; color:rgb(108, 117, 125); margin-bottom:0px; margin-top:0px; box-sizing:border-box;
                }

                .style-45 {
                    box-sizing:border-box; margin:0px; padding:0px; position:relative;
                }

                .style-46 {
                    box-sizing:border-box; margin:0px; padding:0px; position:relative;
                }

                .style-47 {
                    box-sizing:border-box;
                }

                .style-48 {
                    border-radius:16px; margin-left:24px; margin-bottom:16px; box-shadow:rgba(0, 0, 0, 0.075) 0px 2px 4px 0px; --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color:; --bs-card-subtitle-color:; --bs-card-border-width: 1px; --bs-card-border-color: rgba(0, 0, 0, 0.175); --bs-card-border-radius: 0.375rem; --bs-card-box-shadow:; --bs-card-inner-border-radius: calc(0.375rem - (1px)); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(33, 37, 41, 0.03); --bs-card-cap-color:; --bs-card-height:; --bs-card-color:; --bs-card-bg: #fff; --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position:relative; display:flex; flex-direction:column; min-width:0px; height:161.188px; color:rgb(33, 37, 41); overflow-wrap:break-word; background-color:rgb(255, 255, 255); -webkit-background-clip:border-box; box-sizing:border-box; -webkit-background-clip:border-box;
                }

                .style-49 {
                    align-items:center; justify-content:center; display:flex; --bs-gutter-y: 0; --bs-gutter-x: 0; flex-wrap:wrap; margin-top:0px; margin-right:0px; margin-left:0px; box-sizing:border-box;
                }

                .style-50 {
                    display:block; flex: 0 0 auto; width: 16.6667%; flex-shrink:0; max-width:100%; padding-right:0px; padding-left:0px; margin-top:0px; box-sizing:border-box;
                }

                .style-51 {
                    border-bottom-left-radius:6px; border-top-left-radius:6px; max-width:100%; height: auto; vertical-align:middle; box-sizing:border-box;
                }

                .style-52 {
                    flex: 0 0 auto; width: 83.3333%; flex-shrink:0; max-width:100%; padding-right:0px; padding-left:0px; margin-top:0px; box-sizing:border-box;
                }

                .style-53 {
                    flex: 1 1 auto; padding:16px; color:rgb(33, 37, 41); box-sizing:border-box;
                }

                .style-54 {
                    --bs-text-opacity: 1; color:rgb(227, 127, 42); margin-bottom:8px; font-size:20px; margin-top:0px; font-weight:500; line-height:24px; box-sizing:border-box;
                }

                .style-55 {
                    font-weight:700; box-sizing:border-box;
                }

                .style-56 {
                    --bs-text-opacity: 1; color:rgba(33, 37, 41, 0.75); margin-bottom:8px; margin-top:-4px; font-size:16px; font-weight:500; line-height:19.2px; box-sizing:border-box;
                }

                .style-57 {
                    --bs-text-opacity: 1; color:rgb(108, 117, 125); margin-bottom:0px; margin-top:0px; box-sizing:border-box;
                }

                .style-58 {
                    padding-bottom:48px; box-sizing:border-box;
                }

                .style-59 {
                    display: block;
                    width: 200px;
                    height: auto;
                    margin-top: 30px;
                    margin-left: auto;
                }

                .style-60 {
                    padding-top:25px; padding-bottom:25px; margin-top:-48px; box-sizing:border-box; background-color:rgb(227, 127, 42); background-size:cover; background-position:50% 50%; background-repeat:no-repeat; width: 100%; min-height:300px;
                }

                .style-61 {
                    max-width:1320px; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right:12px; padding-left:12px; margin-right: auto; margin-left: auto; box-sizing:border-box;
                }

                .style-62 {
                    text-align:center; align-items:center; justify-content:center; flex-direction:column; display:flex; box-sizing:border-box;
                }

                .style-63 {
                    font-size:32px; --bs-text-opacity: 1; color:rgb(255, 255, 255); font-weight:700; padding-top:16px; margin-top:0px; margin-bottom:8px; line-height:38.4px; box-sizing:border-box;
                }

                .style-64 {
                    display:block; flex: 0 0 auto; width: 58.3333%; --bs-text-opacity: 1; color:rgb(255, 255, 255); font-size:20px; font-weight:300; margin-top:0px; margin-bottom:16px; box-sizing:border-box;
                }

                .style-65 {
                    box-sizing:border-box;
                }

                .style-66 {
                    font-weight:700; box-sizing:border-box;
                }

                .style-67 {
                    display:none; flex: 0 0 auto; width: 58.3333%; --bs-text-opacity: 1; color:rgb(255, 255, 255); margin-top:0px; margin-bottom:16px; box-sizing:border-box;
                }

                .style-68 {
                    font-weight:700; box-sizing:border-box;
                }

                .style-69 {
                    padding-bottom:48px;
                    box-sizing:border-box;
                    overflow:hidden;
                    white-space:nowrap;
                    background:rgb(227, 127, 42);
                    position:relative;
                    display:flex;
                    width:100%;

                    justify-content:center;
                    /* ⭐ INI YANG PALING PENTING */
                }

                .style-70 {
                    box-sizing:border-box; z-index:3; left:0px; background:rgba(0, 0, 0, 0) linear-gradient(to right, rgb(227, 127, 42), rgba(0, 0, 0, 0)) repeat scroll 0% 0% / auto padding-box border-box; position:absolute; top:0px; width: 4rem; height:152.469px; pointer-events:none;
                }

                .style-71 {
                    box-sizing:border-box; z-index:3; right:0px; background:rgba(0, 0, 0, 0) linear-gradient(to left, rgb(227, 127, 42), rgba(0, 0, 0, 0)) repeat scroll 0% 0% / auto padding-box border-box; position:absolute; top:0px; width: 4rem; height:152.469px; pointer-events:none;
                }

                .style-72 {
                    transform: translateX(-468.16px); box-sizing:border-box; display:flex; width: max-content;
                }

                .style-73 {
                    box-sizing:border-box; display:flex;
                }

                .style-74 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-75 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-76 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-77 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-78 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-79 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-80 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-81 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-82 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-83 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-84 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-85 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-86 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-87 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-88 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-89 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-90 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-91 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-92 {
                    box-sizing:border-box; display:flex;
                }

                .style-93 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-94 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-95 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-96 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-97 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-98 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-99 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-100 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-101 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-102 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-103 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-104 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-105 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-106 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-107 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-108 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-109 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-110 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-111 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-112 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-113 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-114 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-115 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-116 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-117 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-118 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-119 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-120 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-121 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-122 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-123 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-124 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-125 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-126 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-127 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-128 {
                    padding-right:4px; padding-left:4px; vertical-align:middle; box-sizing:border-box; width: 200px; object-fit:contain;
                }

                .style-129 {
                    padding-right:48px; padding-left:48px; max-width:1320px; margin-top:-48px; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; margin-right: auto; margin-left: auto; box-sizing:border-box;
                }

                .style-130 {
                    justify-content:center; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display:flex; flex-wrap:wrap; margin-top:0px; margin-right:-12px; margin-left:-12px; box-sizing:border-box;
                }

                .style-131 {
                    flex: 0 0 auto; width: 83.3333%; flex-shrink:0; max-width:100%; padding-right:12px; padding-left:12px; margin-top:0px; box-sizing:border-box;
                }

                .style-132 {
                    border-radius: 16px;
                    padding: 24px;
                    box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px;

                    position: relative;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    /* center vertikal */
                    align-items: center;
                    /* center horizontal */
                    text-align: center;
                    /* center teks */

                    min-width: 0;
                    height: 164.797px;

                    color: rgb(33, 37, 41);
                    background-color: #fff;
                    box-sizing: border-box;
                }

                .style-133 {
                    text-align:center; align-items:center; justify-content:center; flex-direction:column; display:flex; box-sizing:border-box;
                }

                .style-134 {
                    font-size:32px; font-weight:700; padding-top:16px; margin-top:0px; margin-bottom:15px; line-height:28.8px; color:rgb(33, 37, 41); box-sizing:border-box;
                }

                .style-135 {
                    flex: 0 0 auto; width: 83.3333%; --bs-text-opacity: 1; color:rgb(108, 117, 125); margin-top:0px; margin-bottom:16px; box-sizing:border-box;
                }

                .style-136 {
                    padding-bottom:16px; max-width:1320px; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right:12px; padding-left:12px; margin-right: auto; margin-left: auto; box-sizing:border-box;
                }

                .style-137 {
                    max-width:1320px; padding-bottom:48px; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right:12px; padding-left:12px; margin-right: auto; margin-left: auto; box-sizing:border-box;
                }

                .style-138 {
                    --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display:flex; flex-wrap:wrap; margin-top:0px; margin-right:-12px; margin-left:-12px; box-sizing:border-box;
                }

                .style-139 {
                    flex: 0 0 auto; width: 50%; flex-shrink:0; max-width:100%; padding-right:12px; padding-left:12px; margin-top:0px; box-sizing:border-box;
                }

                .style-140 {
                    width: 100%;
                    height: auto;
                    padding: 0;
                    display: block;
                }

                .style-141 {
                    flex: 0 0 auto; width: 50%; flex-shrink:0; max-width:100%; padding-right:12px; padding-left:12px; margin-top:0px; box-sizing:border-box;
                }

                .style-142 {
                    align-items:center; justify-content:center; height:473.188px; display:flex; box-sizing:border-box;
                }

                .style-143 {
                    width: 100% !important; box-sizing:border-box;
                }

                .style-144 {
                    font-size:25px; font-weight:700; padding-bottom:16px; margin-top:100px; margin-bottom:8px; line-height:33.6px; color:rgb(33, 37, 41); box-sizing:border-box;
                }

                .style-145 {
                    padding-bottom:16px; display:flex; box-sizing:border-box;
                }

                .style-146 {
                    flex-shrink:0; box-sizing:border-box;
                }

                .style-147 {
                    border-radius:800px; box-shadow:rgba(0, 0, 0, 0.15) 0px 8px 16px 0px; vertical-align:middle; box-sizing:border-box; width: 52px; background-color: #E37F2A; object-fit: contain;
                }

                .style-148 {
                    margin-left:16px; flex-grow:1; box-sizing:border-box;
                }

                .style-149 {
                    font-weight:700; margin-bottom:0px; margin-top:0px; box-sizing:border-box;
                }

                .style-150 {
                    --bs-text-opacity: 1; color:rgb(108, 117, 125); margin-top:0px; margin-bottom:16px; box-sizing:border-box;
                }



                .style-285 {
                    margin-top:-16px; float:right; max-width:100%; height: auto; vertical-align:middle; box-sizing:border-box; max-height:300px;
                }

                .style-286 {
                    --bs-bg-opacity: 1; background-color:rgb(227, 127, 42); padding-top:48px; padding-bottom:48px; box-sizing:border-box;
                }

                .style-287 {
                    max-width:1320px; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right:12px; padding-left:12px; margin-right: auto; margin-left: auto; box-sizing:border-box;
                }

                .style-288 {
                    --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display:flex; flex-wrap:wrap; margin-top:0px; margin-right:-12px; margin-left:-12px; box-sizing:border-box;
                }

                .style-289 {
                    flex: 0 0 auto; width: 75%; flex-shrink:0; max-width:100%; padding-right:12px; padding-left:12px; margin-top:0px; box-sizing:border-box;
                }

                .style-290 {
                    --bs-text-opacity: 1; color:rgb(248, 249, 250); font-weight:700; font-size:20px; margin-top:0px; margin-bottom:8px; line-height:24px; box-sizing:border-box;
                }

                .style-291 {
                    --bs-text-opacity: 1; color:rgb(248, 249, 250); margin-top:0px; margin-bottom:16px; box-sizing:border-box;
                }

                .style-292 {
                    box-sizing:border-box;
                }

                .style-293 {
                    box-sizing:border-box;
                }

                .style-294 {
                    box-sizing:border-box;
                }

                .style-295 {
                    color: inherit; text-decoration: none; cursor: default; text-decoration:none; cursor:default; box-sizing:border-box;
                }

                .style-296 {
                    box-sizing:border-box;
                }

                .style-297 {
                    flex: 0 0 auto; width: 25%; flex-shrink:0; max-width:100%; padding-right:12px; padding-left:12px; margin-top:0px; box-sizing:border-box;
                }

                .style-298 {
                    --bs-text-opacity: 1; color:rgb(248, 249, 250); font-weight:700; font-size:20px; margin-top:0px; margin-bottom:8px; line-height:24px; box-sizing:border-box;
                }

                .style-299 {
                    padding-left:0px; list-style:outside none none; margin-top:0px; margin-bottom:16px; box-sizing:border-box;
                }

                .style-300 {
                    margin-bottom:8px; align-items:center; display:flex; box-sizing:border-box;
                }

                .style-301 {
                    --bs-text-opacity: 1; color:rgb(255, 255, 255); margin-bottom:4px; margin-right:8px; vertical-align:middle; box-sizing:border-box;
                }

                .style-302 {
                    box-sizing:border-box;
                }

                .style-303 {
                    --bs-text-opacity: 1; color:rgb(255, 255, 255); text-decoration:none; box-sizing:border-box;
                }

                .style-304 {
                    margin-bottom:8px; align-items:center; display:flex; box-sizing:border-box;
                }

                .style-305 {
                    --bs-text-opacity: 1; color:rgb(255, 255, 255); margin-bottom:4px; margin-right:8px; vertical-align:middle; box-sizing:border-box;
                }

                .style-306 {
                    box-sizing:border-box;
                }

                .style-307 {
                    --bs-text-opacity: 1; color:rgb(255, 255, 255); text-decoration:none; box-sizing:border-box;
                }

                .style-308 {
                    margin-bottom:8px; align-items:center; display:flex; box-sizing:border-box;
                }

                .style-309 {
                    --bs-text-opacity: 1; color:rgb(255, 255, 255); margin-bottom:4px; margin-right:8px; vertical-align:middle; box-sizing:border-box;
                }

                .style-310 {
                    box-sizing:border-box;
                }

                .style-311 {
                    --bs-text-opacity: 1; color:rgb(255, 255, 255); text-decoration:none; box-sizing:border-box;
                }

                .style-312 {
                    align-items:center; display:flex; box-sizing:border-box;
                }

                .style-313 {
                    --bs-text-opacity: 1; color:rgb(255, 255, 255); margin-bottom:4px; margin-right:8px; vertical-align:middle; box-sizing:border-box;
                }

                .style-314 {
                    box-sizing:border-box;
                }

                .style-315 {
                    --bs-text-opacity: 1; color:rgb(255, 255, 255); text-decoration:none; box-sizing:border-box;
                }


                @media (max-width: 1024px) {
                    .indikator-container {
                        grid-template-columns: repeat(2, 1fr);
                    }
                }

                /* ============================= */
                /* DROPDOWN NAVIGATION           */
                /* ============================= */
                .nav-dropdown {
                    position: relative;
                }

                .nav-dropdown > a {
                    cursor: pointer;
                }

                .nav-dropdown-menu {
                    display: none;
                    position: absolute;
                    top: 100%;
                    right: 0;
                    background: #ffffff;
                    border-radius: 12px;
                    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
                    padding: 8px 0;
                    min-width: 220px;
                    z-index: 100;
                    list-style: none;
                }

                .nav-dropdown:hover .nav-dropdown-menu {
                    display: block;
                }

                .nav-dropdown-menu li a {
                    display: block;
                    padding: 10px 20px;
                    color: #333;
                    text-decoration: none;
                    font-size: 14px;
                    transition: background 0.2s;
                    white-space: nowrap;
                }

                .nav-dropdown-menu li a:hover {
                    background: #fdf3ea;
                    color: #e37f2a;
                }

                .nav-dropdown-menu li:first-child a {
                    border-radius: 12px 12px 0 0;
                }

                .nav-dropdown-menu li:last-child a {
                    border-radius: 0 0 12px 12px;
                }

                /* Hero carousel link styling */
                .hero-slide a {
                    display: block;
                    text-decoration: none;
                    color: inherit;
                    width: 100%;
                    height: 100%;
                }