.elementor-8 .elementor-element.elementor-element-09ba49a {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --background-transition: 0.3s;
    --overlay-opacity: 0.5;
}

.elementor-8 .elementor-element.elementor-element-09ba49a::before,
.elementor-8 .elementor-element.elementor-element-09ba49a>.elementor-background-video-container::before,
.elementor-8 .elementor-element.elementor-element-09ba49a>.e-con-inner>.elementor-background-video-container::before,
.elementor-8 .elementor-element.elementor-element-09ba49a>.elementor-background-slideshow::before,
.elementor-8 .elementor-element.elementor-element-09ba49a>.e-con-inner>.elementor-background-slideshow::before,
.elementor-8 .elementor-element.elementor-element-09ba49a>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {
    background-image: url("../web6.png");
    --background-overlay: '';
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.elementor-8 .elementor-element.elementor-element-09ba49a:not(.elementor-motion-effects-element-type-background),
.elementor-8 .elementor-element.elementor-element-09ba49a>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #ffdc51;
}

.elementor-8 .elementor-element.elementor-element-09ba49a,
.elementor-8 .elementor-element.elementor-element-09ba49a::before {
    --border-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-97868dc img {
    max-width: 69%;
}

.elementor-8 .elementor-element.elementor-element-9f75792>.elementor-widget-container {
    margin: -220px 0px 0px 0px;
}

.elementor-8 .elementor-element.elementor-element-e7adf0e {
    --spacer-size: 50px;
}

.elementor-8 .elementor-element.elementor-element-0ca9c6c {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --background-transition: 0.3s;
    --overlay-opacity: 0.5;
}

.elementor-8 .elementor-element.elementor-element-0ca9c6c::before,
.elementor-8 .elementor-element.elementor-element-0ca9c6c>.elementor-background-video-container::before,
.elementor-8 .elementor-element.elementor-element-0ca9c6c>.e-con-inner>.elementor-background-video-container::before,
.elementor-8 .elementor-element.elementor-element-0ca9c6c>.elementor-background-slideshow::before,
.elementor-8 .elementor-element.elementor-element-0ca9c6c>.e-con-inner>.elementor-background-slideshow::before,
.elementor-8 .elementor-element.elementor-element-0ca9c6c>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {
    background-image: url("../images/testez-01.png");
    --background-overlay: '';
    background-repeat: no-repeat;
    background-size: cover;
}

.elementor-8 .elementor-element.elementor-element-0ca9c6c:not(.elementor-motion-effects-element-type-background),
.elementor-8 .elementor-element.elementor-element-0ca9c6c>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #ffdc51;
}

.elementor-8 .elementor-element.elementor-element-0ca9c6c,
.elementor-8 .elementor-element.elementor-element-0ca9c6c::before {
    --border-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-15c59b4 {
    --display: flex;
    --background-transition: 0.3s;
    border-style: solid;
    --border-style: solid;
    border-color: #000000;
    --border-color: #000000;
    --border-radius: 20px 20px 20px 20px;
    --margin-top: -50px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
}

.elementor-8 .elementor-element.elementor-element-15c59b4:not(.elementor-motion-effects-element-type-background),
.elementor-8 .elementor-element.elementor-element-15c59b4>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #ffdc51;
}

.elementor-8 .elementor-element.elementor-element-15c59b4,
.elementor-8 .elementor-element.elementor-element-15c59b4::before {
    --border-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-024e0c6 {
    --grid-template-columns: repeat(0, auto);
    --grid-column-gap: 17px;
    --grid-row-gap: 0px;
}

.elementor-8 .elementor-element.elementor-element-024e0c6 .elementor-widget-container {
    text-align: center;
}

.elementor-8 .elementor-element.elementor-element-024e0c6 .elementor-social-icon {
    background-color: #000000;
}

.elementor-8 .elementor-element.elementor-element-d2fc579 {
    --spacer-size: 50px;
}

.elementor-8 .elementor-element.elementor-element-dde3565 {
    --display: grid;
    --e-con-grid-template-columns: repeat(2, 1fr);
    --e-con-grid-template-rows: repeat(1, 1fr);
    --grid-auto-flow: row;
    --background-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-17f9ca4 {
    --display: flex;
    --background-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-1abdf72 {
    --display: flex;
    --justify-content: center;
    --background-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-7e9db9a .elementor-heading-title {
    color: #000000;
    font-family: "Boogaloo", Sans-serif;
    font-size: 70px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-5b3e28b .elementor-heading-title {
    color: #000000;
    font-family: "Hi Melody", Sans-serif;
    font-size: 28px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-972fd9a .elementor-heading-title {
    color: #000000;
    font-family: "Hi Melody", Sans-serif;
    font-size: 35px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-9408d66 {
    --spacer-size: 50px;
}

.elementor-8 .elementor-element.elementor-element-ecfc940 {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --background-transition: 0.3s;
    --overlay-opacity: 0.5;
}

.elementor-8 .elementor-element.elementor-element-ecfc940::before,
.elementor-8 .elementor-element.elementor-element-ecfc940>.elementor-background-video-container::before,
.elementor-8 .elementor-element.elementor-element-ecfc940>.e-con-inner>.elementor-background-video-container::before,
.elementor-8 .elementor-element.elementor-element-ecfc940>.elementor-background-slideshow::before,
.elementor-8 .elementor-element.elementor-element-ecfc940>.e-con-inner>.elementor-background-slideshow::before,
.elementor-8 .elementor-element.elementor-element-ecfc940>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {
    background-image: url("../web7.png");
    --background-overlay: '';
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.elementor-8 .elementor-element.elementor-element-ecfc940:not(.elementor-motion-effects-element-type-background),
.elementor-8 .elementor-element.elementor-element-ecfc940>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #ffdc51;
}

.elementor-8 .elementor-element.elementor-element-ecfc940,
.elementor-8 .elementor-element.elementor-element-ecfc940::before {
    --border-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-f2cdbab {
    --spacer-size: 50px;
}

.elementor-8 .elementor-element.elementor-element-1f38411 {
    text-align: center;
}

.elementor-8 .elementor-element.elementor-element-1f38411 .elementor-heading-title {
    color: #000000;
    font-family: "Boogaloo", Sans-serif;
    font-size: 72px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-fbeb244 {
    --display: grid;
    --min-height: 0px;
    --e-con-grid-template-columns: repeat(2, 1fr);
    --e-con-grid-template-rows: repeat(1, 1fr);
    --grid-auto-flow: row;
    --background-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-fbeb244.e-con {
    --align-self: center;
}

.elementor-8 .elementor-element.elementor-element-837a246 {
    --display: grid;
    --e-con-grid-template-columns: repeat(1, 1fr);
    --e-con-grid-template-rows: repeat(4, 1fr);
    --grid-auto-flow: row;
    --background-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-837a246.e-con {
    --align-self: center;
}

.elementor-8 .elementor-element.elementor-element-5464e4b {
    --display: flex;
    --background-transition: 0.3s;
    border-style: solid;
    --border-style: solid;
    border-color: #000000;
    --border-color: #000000;
    --border-radius: 100px 100px 100px 100px;
}

.elementor-8 .elementor-element.elementor-element-5464e4b:not(.elementor-motion-effects-element-type-background),
.elementor-8 .elementor-element.elementor-element-5464e4b>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #FFFFFF;
}

.elementor-8 .elementor-element.elementor-element-5464e4b,
.elementor-8 .elementor-element.elementor-element-5464e4b::before {
    --border-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-e658894 {
    text-align: center;
}

.elementor-8 .elementor-element.elementor-element-e658894 .elementor-heading-title {
    color: #000000;
    font-family: "Boogaloo", Sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-edd4137 {
    text-align: center;
}

.elementor-8 .elementor-element.elementor-element-edd4137 .elementor-heading-title {
    color: #000000;
    font-family: "Boogaloo", Sans-serif;
    font-size: 67px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-e002c59 {
    --display: flex;
    --background-transition: 0.3s;
    border-style: solid;
    --border-style: solid;
    border-color: #000000;
    --border-color: #000000;
    --border-radius: 100px 100px 100px 100px;
}

.elementor-8 .elementor-element.elementor-element-e002c59:not(.elementor-motion-effects-element-type-background),
.elementor-8 .elementor-element.elementor-element-e002c59>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #FFFFFF;
}

.elementor-8 .elementor-element.elementor-element-e002c59,
.elementor-8 .elementor-element.elementor-element-e002c59::before {
    --border-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-4f43aa3 {
    text-align: center;
}

.elementor-8 .elementor-element.elementor-element-4f43aa3 .elementor-heading-title {
    color: #000000;
    font-family: "Boogaloo", Sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-65e3839 {
    text-align: center;
}

.elementor-8 .elementor-element.elementor-element-65e3839 .elementor-heading-title {
    color: #000000;
    font-family: "Boogaloo", Sans-serif;
    font-size: 67px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-11636ac {
    --display: flex;
    --background-transition: 0.3s;
    border-style: solid;
    --border-style: solid;
    border-color: #000000;
    --border-color: #000000;
    --border-radius: 100px 100px 100px 100px;
}

.elementor-8 .elementor-element.elementor-element-11636ac:not(.elementor-motion-effects-element-type-background),
.elementor-8 .elementor-element.elementor-element-11636ac>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #FFFFFF;
}

.elementor-8 .elementor-element.elementor-element-11636ac,
.elementor-8 .elementor-element.elementor-element-11636ac::before {
    --border-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-77f2aae {
    text-align: center;
}

.elementor-8 .elementor-element.elementor-element-77f2aae .elementor-heading-title {
    color: #000000;
    font-family: "Boogaloo", Sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-ca59e95 {
    text-align: center;
}

.elementor-8 .elementor-element.elementor-element-ca59e95 .elementor-heading-title {
    color: #000000;
    font-family: "Boogaloo", Sans-serif;
    font-size: 67px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-8c46ffa {
    --display: flex;
    --background-transition: 0.3s;
    border-style: solid;
    --border-style: solid;
    border-color: #000000;
    --border-color: #000000;
    --border-radius: 100px 100px 100px 100px;
}

.elementor-8 .elementor-element.elementor-element-8c46ffa:not(.elementor-motion-effects-element-type-background),
.elementor-8 .elementor-element.elementor-element-8c46ffa>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #FFFFFF;
}

.elementor-8 .elementor-element.elementor-element-8c46ffa,
.elementor-8 .elementor-element.elementor-element-8c46ffa::before {
    --border-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-de67018 {
    text-align: center;
}

.elementor-8 .elementor-element.elementor-element-de67018 .elementor-heading-title {
    color: #000000;
    font-family: "Boogaloo", Sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-c4233f2 {
    text-align: center;
}

.elementor-8 .elementor-element.elementor-element-c4233f2 .elementor-heading-title {
    color: #000000;
    font-family: "Boogaloo", Sans-serif;
    font-size: 67px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-b45429a {
    --display: flex;
    --justify-content: center;
    --background-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-d188241 {
    --spacer-size: 50px;
}

.elementor-8 .elementor-element.elementor-element-3990d9a {
    --display: flex;
    --flex-direction: column;
    --container-widget-width: 100%;
    --container-widget-height: initial;
    --container-widget-flex-grow: 0;
    --container-widget-align-self: initial;
    --flex-wrap-mobile: wrap;
    --background-transition: 0.3s;
    --overlay-opacity: 0.5;
}

.elementor-8 .elementor-element.elementor-element-3990d9a::before,
.elementor-8 .elementor-element.elementor-element-3990d9a>.elementor-background-video-container::before,
.elementor-8 .elementor-element.elementor-element-3990d9a>.e-con-inner>.elementor-background-video-container::before,
.elementor-8 .elementor-element.elementor-element-3990d9a>.elementor-background-slideshow::before,
.elementor-8 .elementor-element.elementor-element-3990d9a>.e-con-inner>.elementor-background-slideshow::before,
.elementor-8 .elementor-element.elementor-element-3990d9a>.elementor-motion-effects-container>.elementor-motion-effects-layer::before {
    background-image: url("../images/testez-01.png");
    --background-overlay: '';
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.elementor-8 .elementor-element.elementor-element-3990d9a:not(.elementor-motion-effects-element-type-background),
.elementor-8 .elementor-element.elementor-element-3990d9a>.elementor-motion-effects-container>.elementor-motion-effects-layer {
    background-color: #ffdc51;
}

.elementor-8 .elementor-element.elementor-element-3990d9a,
.elementor-8 .elementor-element.elementor-element-3990d9a::before {
    --border-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-d393ae5 {
    --display: flex;
    --background-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-3a7ef5a {
    --spacer-size: 50px;
}

.elementor-8 .elementor-element.elementor-element-6f904b1 .elementor-heading-title {
    color: #000000;
    font-family: "Boogaloo", Sans-serif;
    font-size: 70px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-ef4a7bb {
    --display: grid;
    --e-con-grid-template-columns: repeat(1, 1fr);
    --e-con-grid-template-rows: repeat(4, 1fr);
    --gap: 0px 0px;
    --grid-auto-flow: row;
    --background-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-a54b723 {
    --display: flex;
    --background-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-e9cc1e5.elementor-element {
    --align-self: flex-start;
    --order: 99999
        /* order end hack */
    ;
}

.elementor-8 .elementor-element.elementor-element-e9cc1e5 .elementor-heading-title {
    color: #FFFFFF;
    font-family: "Hi Melody", Sans-serif;
    font-size: 26px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-87462ae .elementor-heading-title {
    color: #FFFFFF;
    font-family: "Boogaloo", Sans-serif;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-16d4513 {
    --display: flex;
    --background-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-620d051.elementor-element {
    --align-self: flex-start;
    --order: 99999
        /* order end hack */
    ;
}

.elementor-8 .elementor-element.elementor-element-620d051 .elementor-heading-title {
    color: #FFFFFF;
    font-family: "Hi Melody", Sans-serif;
    font-size: 26px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-a000ecf .elementor-heading-title {
    color: #FFFFFF;
    font-family: "Boogaloo", Sans-serif;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-b5e6733 {
    --display: flex;
    --background-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-b33ee51 {
    width: var(--container-widget-width, 61.545%);
    max-width: 61.545%;
    --container-widget-width: 61.545%;
    --container-widget-flex-grow: 0;
}

.elementor-8 .elementor-element.elementor-element-b33ee51.elementor-element {
    --align-self: flex-start;
    --order: 99999
        /* order end hack */
    ;
    --flex-grow: 0;
    --flex-shrink: 0;
}

.elementor-8 .elementor-element.elementor-element-b33ee51 .elementor-heading-title {
    color: #FFFFFF;
    font-family: "Hi Melody", Sans-serif;
    font-size: 26px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-b20b536 .elementor-heading-title {
    color: #FFFFFF;
    font-family: "Boogaloo", Sans-serif;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-58ff53e {
    --display: flex;
    --background-transition: 0.3s;
}

.elementor-8 .elementor-element.elementor-element-878cf18.elementor-element {
    --align-self: flex-start;
    --order: 99999
        /* order end hack */
    ;
}

.elementor-8 .elementor-element.elementor-element-878cf18 .elementor-heading-title {
    color: #FFFFFF;
    font-family: "Hi Melody", Sans-serif;
    font-size: 26px;
    font-weight: 600;
}

.elementor-8 .elementor-element.elementor-element-9c33788 .elementor-heading-title {
    color: #FFFFFF;
    font-family: "Boogaloo", Sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.elementor-8 .elementor-element.elementor-element-e2aed8b>.elementor-widget-container {
    margin: -450px 0px 0px 0px;
}

.elementor-8 .elementor-element.elementor-element-e2aed8b.elementor-element {
    --align-self: flex-end;
}

.elementor-8 .elementor-element.elementor-element-e2aed8b img {
    max-width: 86%;
}

@media(min-width:768px) {
    .elementor-8 .elementor-element.elementor-element-fbeb244 {
        --width: 88%;
    }
}

@media(max-width:1024px) {
    .elementor-8 .elementor-element.elementor-element-dde3565 {
        --grid-auto-flow: row;
    }

    .elementor-8 .elementor-element.elementor-element-fbeb244 {
        --grid-auto-flow: row;
    }

    .elementor-8 .elementor-element.elementor-element-837a246 {
        --grid-auto-flow: row;
    }

    .elementor-8 .elementor-element.elementor-element-ef4a7bb {
        --grid-auto-flow: row;
    }
}

@media(max-width:767px) {
    .elementor-8 .elementor-element.elementor-element-9f75792>.elementor-widget-container {
        margin: -70px 0px 0px 0px;
    }

    .elementor-8 .elementor-element.elementor-element-dde3565 {
        --e-con-grid-template-columns: repeat(1, 1fr);
        --grid-auto-flow: row;
    }

    .elementor-8 .elementor-element.elementor-element-fbeb244 {
        --e-con-grid-template-columns: repeat(1, 1fr);
        --grid-auto-flow: row;
    }

    .elementor-8 .elementor-element.elementor-element-837a246 {
        --e-con-grid-template-columns: repeat(1, 1fr);
        --grid-auto-flow: row;
    }

    .elementor-8 .elementor-element.elementor-element-ef4a7bb {
        --e-con-grid-template-columns: repeat(1, 1fr);
        --grid-auto-flow: row;
    }

    .elementor-8 .elementor-element.elementor-element-e2aed8b>.elementor-widget-container {
        margin: -150px 0px 0px 0px;
    }
}

/* Start custom CSS for image, class: .elementor-element-9f75792 */
@keyframes float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
        /* Atur nilai ini sesuai kebutuhan */
    }

    100% {
        transform: translateY(0);
    }
}

.float-animation {
    animation: float 3s ease-in-out infinite;
    /* 3s adalah durasi animasi, bisa diubah sesuai keinginan */
}

/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-4c58e34 */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.spin-animation {
    animation: spin 4s linear infinite;
    /* 4s adalah durasi animasi, bisa diubah sesuai keinginan */
}

/* End custom CSS */