.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-42fb385{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-599fb16{--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;}.elementor-widget-video .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-video .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-660c234 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-7 .elementor-element.elementor-element-5a9827d{--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;}.elementor-7 .elementor-element.elementor-element-5a9827d:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-5a9827d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://serenityuluwatu.com/wp-content/uploads/2025/10/DSC00713-villa.jpg");background-position:center center;background-size:cover;}.elementor-widget-spacer .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-spacer .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-f5fd8db{--spacer-size:106px;}.elementor-widget-image .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-be0d094{text-align:center;}.elementor-7 .elementor-element.elementor-element-be0d094 .elementor-heading-title{font-family:"Ramabhadra", Sans-serif;font-size:67px;font-weight:700;color:#EE6C4D;}.elementor-7 .elementor-element.elementor-element-b6ac239{--spacer-size:118px;}.elementor-7 .elementor-element.elementor-element-0065eac{--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;}.elementor-7 .elementor-element.elementor-element-24c4ec8{--display:flex;}.elementor-7 .elementor-element.elementor-element-24c4ec8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-d24e208{--spacer-size:13px;}.elementor-7 .elementor-element.elementor-element-bd485fd{--spacer-size:10px;}.elementor-7 .elementor-element.elementor-element-ab73d0c{width:var( --container-widget-width, 112.625% );max-width:112.625%;--container-widget-width:112.625%;--container-widget-flex-grow:0;text-align:left;}.elementor-7 .elementor-element.elementor-element-ab73d0c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-ab73d0c .elementor-heading-title{font-family:"Rosarivo", Sans-serif;font-size:42px;font-weight:600;line-height:49px;letter-spacing:1px;word-spacing:3px;color:#E0FBFC;}.elementor-7 .elementor-element.elementor-element-a87a35d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-7 .elementor-element.elementor-element-a87a35d:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-a87a35d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0E131D;}.elementor-7 .elementor-element.elementor-element-83f834a{--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;}.elementor-7 .elementor-element.elementor-element-e719c5c{--spacer-size:50px;}.elementor-7 .elementor-element.elementor-element-26e9965 img{border-style:groove;}.elementor-7 .elementor-element.elementor-element-fa99a48{--spacer-size:50px;}.elementor-7 .elementor-element.elementor-element-69c592a{--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;--justify-content:center;}.elementor-7 .elementor-element.elementor-element-eeef713{width:var( --container-widget-width, 112.625% );max-width:112.625%;--container-widget-width:112.625%;--container-widget-flex-grow:0;text-align:center;}.elementor-7 .elementor-element.elementor-element-eeef713.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-eeef713 .elementor-heading-title{font-family:"Rosarivo", Sans-serif;font-size:26px;font-weight:600;line-height:49px;letter-spacing:1px;word-spacing:3px;color:#3D5A80;}.elementor-7 .elementor-element.elementor-element-1de19c9{--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;}.elementor-7 .elementor-element.elementor-element-64317f0{--display:flex;--margin-top:-8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-13c9348{--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;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-ef211da .elementor-button{background-color:#3D5A80;font-family:"Roboto", Sans-serif;font-size:29px;font-weight:500;border-radius:13px 13px 13px 13px;}.elementor-7 .elementor-element.elementor-element-ef211da .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-ef211da .elementor-button:focus{background-color:#293241;box-shadow:0px 3px 14px 3px rgba(0,0,0,0.5);}.elementor-7 .elementor-element.elementor-element-1b5c1da{--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;}.elementor-7 .elementor-element.elementor-element-6599fc6{--spacer-size:22px;}.elementor-7 .elementor-element.elementor-element-13ee7a3 .elementor-button{background-color:#3D5A80;font-family:"Roboto", Sans-serif;font-size:29px;font-weight:500;border-radius:13px 13px 13px 13px;}.elementor-7 .elementor-element.elementor-element-13ee7a3 .elementor-button:hover, .elementor-7 .elementor-element.elementor-element-13ee7a3 .elementor-button:focus{background-color:#293241;box-shadow:0px 3px 14px 3px rgba(0,0,0,0.5);}.elementor-7 .elementor-element.elementor-element-33263ae{--spacer-size:50px;}.elementor-7 .elementor-element.elementor-element-e57e14c{--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;}.elementor-7 .elementor-element.elementor-element-e57e14c:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-e57e14c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://serenityuluwatu.com/wp-content/uploads/2025/10/DSC00555.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-600f92e{--spacer-size:118px;}.elementor-7 .elementor-element.elementor-element-1e5e981{text-align:center;}.elementor-7 .elementor-element.elementor-element-1e5e981 .elementor-heading-title{font-family:"Ramabhadra", Sans-serif;font-size:42px;font-weight:700;color:#EE6C4D;}.elementor-7 .elementor-element.elementor-element-89c8538{text-align:center;}.elementor-7 .elementor-element.elementor-element-89c8538 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:24px;font-weight:300;color:#EE6C4D;}.elementor-widget-eael-creative-button .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-creative-button .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-eael-creative-button .eael-creative-button .cretive-button-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-eael-creative-button .eael-creative-button--rayen::before, 
                            .elementor-widget-eael-creative-button .eael-creative-button--winona::after, 
                            .elementor-widget-eael-creative-button .eael-creative-button--tamaya .eael-creative-button--tamaya-secondary span,
                            .elementor-widget-eael-creative-button .eael-creative-button.eael-creative-button--saqui::after{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button-icon-left svg, 
                    .elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button-icon-right svg{rotate:0deg;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button-icon-left i,
                    .elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button-icon-right i{rotate:0deg;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button i{font-size:30px;color:#ffffff;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button svg{height:30px;width:30px;fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button-wrapper{justify-content:center;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button .creative-button-inner svg{fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button{color:#ffffff;background-color:#61AFDF;border-radius:11px;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--tamaya::before{color:#ffffff;background-color:#61AFDF;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--tamaya::after{color:#ffffff;background-color:#61AFDF;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--ujarak:hover{background-color:#61AFDF;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--wayra:hover{background-color:#61AFDF;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--rayen:hover{background-color:#61AFDF;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--pipaluk::after{background-color:#61AFDF;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--wave:hover{background-color:#61AFDF;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--aylen::before{background-color:#61AFDF;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--nuka::before{background-color:#61AFDF;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--nuka::after{background-color:#61AFDF;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--antiman::after{background-color:#61AFDF;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--quidel::after{background-color:#61AFDF;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button::before{border-radius:11px;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button::after{border-radius:11px;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button:hover i{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button:hover .creative-button-inner svg{fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button:hover{color:#ffffff;background-color:#f54;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button:hover svg{fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--winona::after{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--saqui::after{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--ujarak::before{background-color:#f54;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--wayra:hover::before{background-color:#f54;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--tamaya:hover{background-color:#f54;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--rayen::before{background-color:#f54;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--wave::before{background-color:#f54;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--wave:hover::before{background-color:#f54;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--aylen::after{background-color:#f54;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--saqui:hover{color:#f54;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--nuka:hover::after{background-color:#f54;}.elementor-7 .elementor-element.elementor-element-6bac8e4 .eael-creative-button.eael-creative-button--quidel:hover::after{background-color:#f54;}.elementor-7 .elementor-element.elementor-element-79f93ae{--spacer-size:103px;}.elementor-7 .elementor-element.elementor-element-20b4f01{--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;}.elementor-7 .elementor-element.elementor-element-232a787{--spacer-size:64px;}.elementor-widget-google_maps .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-google_maps .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-c175c6f{border-radius:15px 15px 15px 15px;}.elementor-7 .elementor-element.elementor-element-c175c6f iframe{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-7 .elementor-element.elementor-element-ce8ba7c{--spacer-size:50px;}.elementor-7 .elementor-element.elementor-element-59df65c{text-align:center;}.elementor-7 .elementor-element.elementor-element-59df65c .elementor-heading-title{font-family:"Radio Canada", Sans-serif;font-size:20px;font-weight:600;color:#E0FBFC;}.elementor-7 .elementor-element.elementor-element-e7ab8e6{--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;}.elementor-widget-nav-menu .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-nav-menu .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-02193fa .elementor-nav-menu .elementor-item{font-family:"Public Sans", Sans-serif;font-size:31px;font-weight:500;}.elementor-7 .elementor-element.elementor-element-02193fa .elementor-nav-menu--main .elementor-item{color:#E0FBFC;fill:#E0FBFC;}.elementor-7 .elementor-element.elementor-element-02193fa .elementor-nav-menu--main .elementor-item:hover,
					.elementor-7 .elementor-element.elementor-element-02193fa .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-7 .elementor-element.elementor-element-02193fa .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-7 .elementor-element.elementor-element-02193fa .elementor-nav-menu--main .elementor-item:focus{color:#61B9CE;fill:#61B9CE;}.elementor-widget-social-icons .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-social-icons .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7 .elementor-element.elementor-element-c6f1576{--grid-template-columns:repeat(0, auto);text-align:center;--grid-column-gap:5px;--grid-row-gap:0px;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-24c4ec8{--width:72.262%;}.elementor-7 .elementor-element.elementor-element-83f834a{--width:50%;}.elementor-7 .elementor-element.elementor-element-69c592a{--width:50%;}}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-42fb385{--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-02193fa .elementor-nav-menu .elementor-item{font-size:26px;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-42fb385{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-7 .elementor-element.elementor-element-59df65c .elementor-heading-title{font-size:12px;}.elementor-7 .elementor-element.elementor-element-02193fa .elementor-nav-menu .elementor-item{font-size:11px;letter-spacing:-2.4px;}}/* Start custom CSS for image, class: .elementor-element-26e9965 */.arch-image img {
  border-top-left-radius: 50% 100%;
  border-top-right-radius: 50% 100%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b5c1da */<!-- Container untuk accordion -->
<section class="accordion-wrap">
  <div class="panel" style="background-image:url('https://serenityuluwatu.com/wp-content/uploads/2025/10/foto1.jpg')"></div>
  <div class="panel" style="background-image:url('https://serenityuluwatu.com/wp-content/uploads/2025/10/foto2.jpg')"></div>
  <div class="panel" style="background-image:url('https://serenityuluwatu.com/wp-content/uploads/2025/10/foto3.jpg')"></div>
</section>

<style>
.accordion-wrap {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.panel {
  flex: 1;
  border-radius: 15px;
  margin: 10px;
  background-size: cover;
  background-position: center;
  box-shadow: 0 10px 20px rgba(0,0,0,0.25);
}
</style>

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>

<script>
gsap.registerPlugin(ScrollTrigger);

let panels = gsap.utils.toArray(".panel");

// Accordion effect
panels.forEach((panel, i) => {
  ScrollTrigger.create({
    trigger: panel,
    start: "top center",
    end: "bottom center",
    onEnter: () => expand(panel),
    onEnterBack: () => expand(panel),
    onLeave: () => reset(panel),
    onLeaveBack: () => reset(panel)
  });
});

function expand(panel) {
  gsap.to(panel, {flex: 4, duration: 0.6, ease:"power2.out"});
}
function reset(panel) {
  gsap.to(panel, {flex: 1, duration: 0.6, ease:"power2.inOut"});
}
</script>/* End custom CSS */