.elementor-13 .elementor-element.elementor-element-2d995bd7{--display:flex;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.2;--margin-top:73px;--margin-bottom:-10px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-2d995bd7::before, .elementor-13 .elementor-element.elementor-element-2d995bd7 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-2d995bd7 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-2d995bd7 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-2d995bd7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-2d995bd7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-13 .elementor-element.elementor-element-51cf368 .elementor-button{background-color:#03285400;font-family:"Work Sans", Sans-serif;font-size:19px;font-weight:300;fill:#FFFFFF;color:#FFFFFF;transition-duration:2.1s;border-style:solid;border-color:#FFFFFF;border-radius:-1px -1px -1px -1px;}.elementor-13 .elementor-element.elementor-element-51cf368{width:var( --container-widget-width, 18% );max-width:18%;margin:21em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 7em;padding:0em 0em 0em 0em;--container-widget-width:18%;--container-widget-flex-grow:0;top:131px;}.elementor-13 .elementor-element.elementor-element-51cf368.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-51cf368{left:108px;}body.rtl .elementor-13 .elementor-element.elementor-element-51cf368{right:108px;}.elementor-13 .elementor-element.elementor-element-51cf368 .elementor-button:hover, .elementor-13 .elementor-element.elementor-element-51cf368 .elementor-button:focus{color:#FFFFFF;border-color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-51cf368 .elementor-button:hover svg, .elementor-13 .elementor-element.elementor-element-51cf368 .elementor-button:focus svg{fill:#FFFFFF;}.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-13 .elementor-element.elementor-element-ff6576b{width:var( --container-widget-width, 87% );max-width:87%;margin:14em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 7em;--container-widget-width:87%;--container-widget-flex-grow:0;top:89px;}.elementor-13 .elementor-element.elementor-element-ff6576b.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-ff6576b{left:107px;}body.rtl .elementor-13 .elementor-element.elementor-element-ff6576b{right:107px;}.elementor-13 .elementor-element.elementor-element-ff6576b .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:53px;font-weight:400;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-44fe02d{--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-13 .elementor-element.elementor-element-c702de1{--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-13 .elementor-element.elementor-element-1df72bb{--spacer-size:44px;}.elementor-13 .elementor-element.elementor-element-a872907 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:44px;font-weight:600;color:#032854;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-20a04dc{width:var( --container-widget-width, 91% );max-width:91%;--container-widget-width:91%;--container-widget-flex-grow:0;column-gap:0px;font-family:"Roboto", Sans-serif;font-weight:400;line-height:1px;letter-spacing:0px;word-spacing:1px;}.elementor-13 .elementor-element.elementor-element-20a04dc p{margin-block-end:0px;}.elementor-13 .elementor-element.elementor-element-a6ba9a7 .elementor-button{background-color:#032854;font-family:"Work Sans", Sans-serif;font-weight:500;letter-spacing:1.3px;transition-duration:1.7s;}.elementor-13 .elementor-element.elementor-element-a6ba9a7 .elementor-button:hover, .elementor-13 .elementor-element.elementor-element-a6ba9a7 .elementor-button:focus{background-color:#008ABD;}.elementor-13 .elementor-element.elementor-element-a6ba9a7{margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-46bbe58{--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;--overlay-opacity:0.22;}.elementor-13 .elementor-element.elementor-element-46bbe58::before, .elementor-13 .elementor-element.elementor-element-46bbe58 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-46bbe58 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-46bbe58 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-46bbe58 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-46bbe58 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-f31ef53{--spacer-size:112px;}.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-13 .elementor-element.elementor-element-a27b858{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-a27b858.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-a27b858 img{width:100%;max-width:100%;}.elementor-13 .elementor-element.elementor-element-b3c6f74{margin:37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Work Sans", Sans-serif;font-size:0.1vw;font-weight:400;font-style:italic;color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-687c9ab{--display:flex;}.elementor-13 .elementor-element.elementor-element-cd4d972{--spacer-size:50px;}.elementor-13 .elementor-element.elementor-element-418a97f{--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-13 .elementor-element.elementor-element-7479582{--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:1.2s;--overlay-opacity:0.5;}.elementor-13 .elementor-element.elementor-element-7479582:hover{background-color:#03285400;}.elementor-13 .elementor-element.elementor-element-7479582::before, .elementor-13 .elementor-element.elementor-element-7479582 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-7479582 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-7479582 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-7479582 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-7479582 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-13 .elementor-element.elementor-element-1ca0ad3.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-13 .elementor-element.elementor-element-1ca0ad3.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-13 .elementor-element.elementor-element-1ca0ad3.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-13 .elementor-element.elementor-element-1ca0ad3 .elementor-image-box-wrapper .elementor-image-box-img{width:86%;}.elementor-13 .elementor-element.elementor-element-1ca0ad3:hover .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-13 .elementor-element.elementor-element-1ca0ad3 .elementor-image-box-img img{transition-duration:1.8s;}.elementor-13 .elementor-element.elementor-element-1ca0ad3 .elementor-image-box-title{font-family:"Work Sans", Sans-serif;font-weight:600;color:#032854;transition-duration:0s;}.elementor-13 .elementor-element.elementor-element-1ca0ad3:has(:hover) .elementor-image-box-title,
					 .elementor-13 .elementor-element.elementor-element-1ca0ad3:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-1ca0ad3 .elementor-image-box-description{font-family:"Work Sans", Sans-serif;font-weight:400;color:#032854;}.elementor-13 .elementor-element.elementor-element-ccc604a{--spacer-size:50px;}.elementor-13 .elementor-element.elementor-element-c79e7d7{--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;--overlay-opacity:0.5;}.elementor-13 .elementor-element.elementor-element-c79e7d7::before, .elementor-13 .elementor-element.elementor-element-c79e7d7 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-c79e7d7 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-c79e7d7 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-c79e7d7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-c79e7d7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-109dcd0.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-13 .elementor-element.elementor-element-109dcd0.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-13 .elementor-element.elementor-element-109dcd0.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-13 .elementor-element.elementor-element-109dcd0 .elementor-image-box-wrapper .elementor-image-box-img{width:86%;}.elementor-13 .elementor-element.elementor-element-109dcd0 .elementor-image-box-img img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );transition-duration:1.8s;}.elementor-13 .elementor-element.elementor-element-109dcd0 .elementor-image-box-title{font-family:"Work Sans", Sans-serif;font-weight:600;color:#032854;}.elementor-13 .elementor-element.elementor-element-109dcd0 .elementor-image-box-description{font-family:"Work Sans", Sans-serif;font-weight:400;color:#032854;}.elementor-13 .elementor-element.elementor-element-ecea53b{--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-13 .elementor-element.elementor-element-8337cc6.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-13 .elementor-element.elementor-element-8337cc6.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-13 .elementor-element.elementor-element-8337cc6.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-13 .elementor-element.elementor-element-8337cc6 .elementor-image-box-wrapper .elementor-image-box-img{width:86%;}.elementor-13 .elementor-element.elementor-element-8337cc6 .elementor-image-box-img img{transition-duration:2s;}.elementor-13 .elementor-element.elementor-element-8337cc6 .elementor-image-box-title{font-family:"Work Sans", Sans-serif;font-weight:600;color:#032854;}.elementor-13 .elementor-element.elementor-element-8337cc6 .elementor-image-box-description{font-family:"Work Sans", Sans-serif;font-weight:400;color:#032854;}.elementor-13 .elementor-element.elementor-element-c3dbf97{--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-13 .elementor-element.elementor-element-4bec864{text-align:center;}.elementor-13 .elementor-element.elementor-element-4bec864 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-weight:600;color:#032854;}.elementor-13 .elementor-element.elementor-element-cd0a753{text-align:center;font-family:"Work Sans", Sans-serif;font-weight:400;color:#032854;}.elementor-widget-posts .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-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-13 .elementor-element.elementor-element-c2909f7{--grid-row-gap:37px;width:var( --container-widget-width, 88.84% );max-width:88.84%;--container-widget-width:88.84%;--container-widget-flex-grow:0;--grid-column-gap:24px;}.elementor-13 .elementor-element.elementor-element-c2909f7.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-c2909f7 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-13 .elementor-element.elementor-element-c2909f7:after{content:"0.66";}.elementor-13 .elementor-element.elementor-element-c2909f7 .elementor-post__thumbnail__link{width:100%;}.elementor-13 .elementor-element.elementor-element-c2909f7 .elementor-post__meta-data span + span:before{content:"•";}.elementor-13 .elementor-element.elementor-element-c2909f7 .elementor-post__text{margin-top:20px;}.elementor-13 .elementor-element.elementor-element-c2909f7 .elementor-post__badge{right:0;}.elementor-13 .elementor-element.elementor-element-c2909f7 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-13 .elementor-element.elementor-element-c2909f7 .elementor-post__title, .elementor-13 .elementor-element.elementor-element-c2909f7 .elementor-post__title a{color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-c2909f7 .elementor-post__title{margin-bottom:0px;}.elementor-13 .elementor-element.elementor-element-329141b{--spacer-size:112px;}.elementor-13 .elementor-element.elementor-element-5393ce8{--display:flex;--min-height:661px;--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;--overlay-opacity:0.47;}.elementor-13 .elementor-element.elementor-element-5393ce8:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-5393ce8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-5393ce8::before, .elementor-13 .elementor-element.elementor-element-5393ce8 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-5393ce8 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-5393ce8 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-5393ce8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-5393ce8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-5393ce8:hover::before, .elementor-13 .elementor-element.elementor-element-5393ce8:hover > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-5393ce8:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-5393ce8 > .elementor-background-slideshow:hover::before, .elementor-13 .elementor-element.elementor-element-5393ce8 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-5393ce8:hover{--overlay-opacity:0.5;}.elementor-13 .elementor-element.elementor-element-6dd44f8{--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;--overlay-opacity:0.5;--margin-top:-9px;--margin-bottom:-9px;--margin-left:-9px;--margin-right:12px;}.elementor-13 .elementor-element.elementor-element-6dd44f8:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-6dd44f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.stellamundi.net/wp-content/uploads/2025/10/DSC09829-3-scaled.jpg");background-position:center right;background-size:cover;}.elementor-13 .elementor-element.elementor-element-6dd44f8::before, .elementor-13 .elementor-element.elementor-element-6dd44f8 > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-6dd44f8 > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-6dd44f8 > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-6dd44f8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-6dd44f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-6dd44f8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-587354c{--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;--overlay-opacity:0.5;}.elementor-13 .elementor-element.elementor-element-587354c::before, .elementor-13 .elementor-element.elementor-element-587354c > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-587354c > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-587354c > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-587354c > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-587354c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-4bc1b43{--e-transform-translateX:52px;--e-transform-translateY:114px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:start;}.elementor-13 .elementor-element.elementor-element-4bc1b43 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:56px;font-weight:600;line-height:68px;color:#032854;}.elementor-13 .elementor-element.elementor-element-c9bd514{--e-transform-translateX:62px;--e-transform-translateY:103px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -6px) 0px;font-family:"Work Sans", Sans-serif;font-weight:400;color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-c9bd514.elementor-element{--order:99999 /* order end hack */;}.elementor-13 .elementor-element.elementor-element-3c39b5b .elementor-button{background-color:#FFFFFF00;font-family:"Roboto", Sans-serif;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );transition-duration:1.3s;border-style:solid;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-3c39b5b .elementor-button:hover, .elementor-13 .elementor-element.elementor-element-3c39b5b .elementor-button:focus{background-color:#33495200;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-13 .elementor-element.elementor-element-3c39b5b{--e-transform-translateX:62px;--e-transform-translateY:-156px;margin:250px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-3c39b5b.elementor-element{--order:99999 /* order end hack */;}.elementor-13 .elementor-element.elementor-element-67729ef{--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-13 .elementor-element.elementor-element-25683c0{--spacer-size:50px;}.elementor-13 .elementor-element.elementor-element-b00c740{width:var( --container-widget-width, 71% );max-width:71%;--container-widget-width:71%;--container-widget-flex-grow:0;text-align:center;}.elementor-13 .elementor-element.elementor-element-b00c740.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-b00c740 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:30px;font-weight:600;font-style:normal;line-height:54px;letter-spacing:0.6px;color:#032854;}.elementor-13 .elementor-element.elementor-element-7d2671e{--display:flex;}.elementor-13 .elementor-element.elementor-element-11cc6f5{--spacer-size:50px;}.elementor-13 .elementor-element.elementor-element-d0b6936{--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-13 .elementor-element.elementor-element-f64a778{width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-f64a778.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-e6deb56{width:var( --container-widget-width, 71vw );max-width:71vw;--container-widget-width:71vw;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-e6deb56.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-fdbf481{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-2d995bd7{--width:500px;}.elementor-13 .elementor-element.elementor-element-51cf368{--e-transform-scale:0.9;margin:16em 0em calc(var(--kit-widget-spacing, 0px) + 0em) 6.7em;--container-widget-width:204px;--container-widget-flex-grow:0;width:var( --container-widget-width, 204px );max-width:204px;top:87px;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-51cf368{left:-78px;}body.rtl .elementor-13 .elementor-element.elementor-element-51cf368{right:-78px;}.elementor-13 .elementor-element.elementor-element-51cf368 .elementor-button{font-size:20px;letter-spacing:0px;}.elementor-13 .elementor-element.elementor-element-ff6576b{margin:20em -1em calc(var(--kit-widget-spacing, 0px) + -2em) -2em;top:-134px;text-align:start;}body:not(.rtl) .elementor-13 .elementor-element.elementor-element-ff6576b{left:68px;}body.rtl .elementor-13 .elementor-element.elementor-element-ff6576b{right:68px;}.elementor-13 .elementor-element.elementor-element-ff6576b .elementor-heading-title{font-size:26px;line-height:1.4em;}.elementor-13 .elementor-element.elementor-element-a872907{margin:-39px 0px calc(var(--kit-widget-spacing, 0px) + -22px) 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-a872907 .elementor-heading-title{font-size:25px;line-height:1.4em;}.elementor-13 .elementor-element.elementor-element-20a04dc{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-a6ba9a7{width:initial;max-width:initial;margin:-2px -2px calc(var(--kit-widget-spacing, 0px) + -2px) -2px;}.elementor-13 .elementor-element.elementor-element-f31ef53{--spacer-size:37px;}.elementor-13 .elementor-element.elementor-element-b3c6f74{--e-transform-translateY:-33px;}.elementor-13 .elementor-element.elementor-element-418a97f{--margin-top:-82px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-7479582{--min-height:0px;}.elementor-13 .elementor-element.elementor-element-1ca0ad3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-1ca0ad3 .elementor-image-box-img{margin-bottom:0px;}.elementor-13 .elementor-element.elementor-element-1ca0ad3.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-13 .elementor-element.elementor-element-1ca0ad3.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-13 .elementor-element.elementor-element-1ca0ad3.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-13 .elementor-element.elementor-element-1ca0ad3 .elementor-image-box-title{font-size:23px;line-height:1em;}.elementor-13 .elementor-element.elementor-element-ccc604a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-109dcd0 .elementor-image-box-img{margin-bottom:15px;}.elementor-13 .elementor-element.elementor-element-109dcd0 .elementor-image-box-title{font-size:23px;line-height:0.1em;}.elementor-13 .elementor-element.elementor-element-109dcd0 .elementor-image-box-description{font-size:11px;}.elementor-13 .elementor-element.elementor-element-8337cc6 .elementor-image-box-img{margin-bottom:15px;}.elementor-13 .elementor-element.elementor-element-8337cc6 .elementor-image-box-title{font-size:23px;}.elementor-13 .elementor-element.elementor-element-c3dbf97{--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-4bec864 .elementor-heading-title{font-size:25px;}.elementor-13 .elementor-element.elementor-element-c2909f7 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-13 .elementor-element.elementor-element-c2909f7:after{content:"0.5";}.elementor-13 .elementor-element.elementor-element-c2909f7 .elementor-post__thumbnail__link{width:100%;}.elementor-13 .elementor-element.elementor-element-329141b{--spacer-size:72px;}.elementor-13 .elementor-element.elementor-element-5393ce8{--width:500px;--min-height:0px;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.48;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-13 .elementor-element.elementor-element-5393ce8.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-6dd44f8{--width:500px;--min-height:392px;--overlay-opacity:0.14;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-6dd44f8:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-6dd44f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-13 .elementor-element.elementor-element-6dd44f8.e-con{--align-self:center;}.elementor-13 .elementor-element.elementor-element-587354c.e-con{--e-con-transform-translateX:0px;--e-con-transform-translateY:11px;--align-self:flex-start;}.elementor-13 .elementor-element.elementor-element-587354c{--min-height:0px;--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;--justify-content:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-4bc1b43{--e-transform-translateX:2px;--e-transform-translateY:9px;}.elementor-13 .elementor-element.elementor-element-4bc1b43.elementor-element{--align-self:center;}.elementor-13 .elementor-element.elementor-element-4bc1b43 .elementor-heading-title{font-size:25px;line-height:1.5em;}.elementor-13 .elementor-element.elementor-element-c9bd514{--e-transform-translateX:1px;--e-transform-translateY:4px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-size:15px;line-height:1.3em;letter-spacing:0px;}.elementor-13 .elementor-element.elementor-element-c9bd514 p{margin-block-end:0px;}.elementor-13 .elementor-element.elementor-element-3c39b5b{--e-transform-translateX:6px;--e-transform-translateY:-250px;margin:286px 0px calc(var(--kit-widget-spacing, 0px) + -0px) 0px;}.elementor-13 .elementor-element.elementor-element-67729ef{--margin-top:-47px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-b00c740 .elementor-heading-title{font-size:25px;line-height:0.8em;}.elementor-13 .elementor-element.elementor-element-7d2671e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-d0b6936.e-con{--e-con-transform-translateY:-306px;}.elementor-13 .elementor-element.elementor-element-d0b6936{--margin-top:0px;--margin-bottom:-375px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-f64a778{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-2d995bd7{--width:100%;}.elementor-13 .elementor-element.elementor-element-44fe02d{--width:73%;}.elementor-13 .elementor-element.elementor-element-c702de1{--width:50%;}.elementor-13 .elementor-element.elementor-element-46bbe58{--width:61%;}.elementor-13 .elementor-element.elementor-element-418a97f{--width:79%;}.elementor-13 .elementor-element.elementor-element-7479582{--width:50%;}.elementor-13 .elementor-element.elementor-element-c79e7d7{--width:50%;}.elementor-13 .elementor-element.elementor-element-ecea53b{--width:50%;}.elementor-13 .elementor-element.elementor-element-c3dbf97{--width:79%;}.elementor-13 .elementor-element.elementor-element-6dd44f8{--width:49%;}.elementor-13 .elementor-element.elementor-element-587354c{--width:50%;}.elementor-13 .elementor-element.elementor-element-67729ef{--width:73%;}}/* Start custom CSS for button, class: .elementor-element-51cf368 *//* ==== Border Underline Animation ==== */
.border-underline .elementor-button,
.border-underline a.elementor-button {
  position: relative;
  display: inline-block;
  border: 2px solid #ffffff; /* warna border */
  color: #ffffff;
  background: transparent;
  padding: 14px 38px;
  font-weight: 100;
  border-radius: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}

/* Garis bawah tepat di border bawah */
.border-underline .elementor-button::after,
.border-underline a.elementor-button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0; /* posisi pas di border bawah */
  height: 2px; /* tebal garis */
  width: 0;
  background-color: #ffffff;
  transition: width 0.3s ease;
}

/* Efek hover – garis muncul dari kiri ke kanan */
.border-underline .elementor-button:hover::after,
.border-underline a.elementor-button:hover::after {
  width: 100%;
}

/* (Opsional) Warna teks saat hover */
.border-underline .elementor-button:hover,
.border-underline a.elementor-button:hover {
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f3cded6 *//* =========================
   FLOATING FAB STELLA MUNDI
   ========================= */

/* Container */
.sm-fab {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: none;
}

/* Mobile only */
@media (max-width: 768px) {
  .sm-fab {
    display: block;
  }
}

/* Main Button */
.sm-fab-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #032854 !important;
  color: #fff;

  display: flex;              /* ⬅️ ini kunci */
  align-items: center;        /* vertical center */
  justify-content: center;    /* horizontal center */

  font-size: 28px;            /* jangan terlalu gede */
  line-height: 1;             /* biar gak offset */

  border: none;
  cursor: pointer;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);

  transition: all 0.3s ease;
}

/* Active (jadi ungu + rotate) */
.sm-fab.active .sm-fab-btn {
  background: #59317E !important; /* Ungu */
  transform: rotate(45deg);
}

/* MENU CONTAINER (nyatu/pill) */
.sm-fab-menu {
  position: absolute;
  right: 70px;
  bottom: 5px;

  display: flex;
  align-items: center;

  background: #59317E;
  border-radius: 40px;
  padding: 6px 10px;

  opacity: 0;
  transform: translateX(20px);
  pointer-events: none;
  transition: all 0.3s ease;

  /* HILANGIN TITIK LIST */
  list-style: none;
  margin: 0;
}

/* Active menu */
.sm-fab.active .sm-fab-menu {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

/* Item (nyatu, bukan kotak) */
.sm-fab-item {
  display: flex;
  align-items: center;
  padding: 8px 14px;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  white-space: nowrap;
}

/* Divider tipis antar menu */
.sm-fab-item:not(:last-child) {
  border-right: 1px solid rgba(255,255,255,0.25);
}

/* Hover effect halus */
.sm-fab-item:hover {
  opacity: 0.8;
}

/* Hilang saat scroll */
.sm-fab.hide {
  opacity: 0;
  transform: translateY(100px);
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c649b3 */.wa-widget {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  font-family: sans-serif;
}

/* floating button */
.wa-float {
  width: 55px;
  height: 55px;
  background: #25D366;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

/* chat box */
.wa-chat {
  width: 300px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.2);
  overflow: hidden;
  margin-bottom: 10px;
  display: none;
  animation: slideUp 0.3s ease;
}

@keyframes slideUp {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

/* header */
.wa-header {
  background: #25D366;
  color: #fff;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}

/* body */
.wa-body {
  padding: 12px;
}

.wa-message {
  display: flex;
  gap: 10px;
}

.wa-avatar {
  width: 35px;
  height: 35px;
  background: #25D366;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.wa-text {
  background: #f1f1f1;
  padding: 10px;
  border-radius: 10px;
  font-size: 13px;
}

/* typing */
.wa-typing {
  font-size: 12px;
  color: #999;
  margin-top: 8px;
  display: none;
}

/* button */
.wa-cta {
  display: block;
  text-align: center;
  background: #25D366;
  color: #fff;
  padding: 12px;
  text-decoration: none;
  font-weight: bold;
}

@media (max-width: 767px) {
  #waWidget {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d995bd7 *//* 1) Hard stop: never allow horizontal scroll */
html, body { width:100%; overflow-x: clip; } /* `clip` is safer than hidden for fixed headers */

/* 2) Clamp common Elementor containers */
.site-main,
.page-content,
.elementor,
.e-con,
.elementor-section {
  max-width: 100%;
  overflow-x: clip;
}

/* 3) If Elementor is using “stretched section”, neutralize stray left/right offsets */
.elementor-section.elementor-section-stretched {
  left: 0 !important;
  right: 0 !important;
  max-width: 100vw;
}

/* 4) Media &amp; sliders must not exceed their container */
img, video { max-width: 100%; height: auto; display:block; }
.swiper, .swiper-container, .swiper-wrapper { width: 100% !important; }

/* 5) Any full-bleed-right trick: keep the *container* clipped so it won’t create scroll */
.full-bleed-right,
.full-bleed-right img {
  max-width: none;        /* we control width manually */
}
.full-bleed-right { overflow-x: clip; }

/* If you used the “bleed right” calc on some pages, keep it from causing scroll elsewhere */
.home .full-bleed-right img {
  /* expands only into the right gutter without pushing the page */
  width: calc(100% + max(0px, (100vw - 100%)/2));
  margin-right: calc(max(0px, (100vw - 100%)/2) * -1);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3c39b5b *//* ==== Border Underline Animation ==== */
.border-underline .elementor-button,
.border-underline a.elementor-button {
  position: relative;
  display: inline-block;
  border: 1px solid #032854; /* warna border */
  color: #032854;
  background: transparent;
  padding: 14px 38px;
  font-weight: 500;
  border-radius: 0;
  transition: all 0.3s ease;
  overflow: hidden;
}

/* Garis bawah tepat di border bawah */
.border-underline .elementor-button::after,
.border-underline a.elementor-button::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0; /* posisi pas di border bawah */
  height: 2px; /* tebal garis */
  width: 0;
  background-color: #032854;
  transition: width 0.3s ease;
}

/* Efek hover – garis muncul dari kiri ke kanan */
.border-underline .elementor-button:hover::after,
.border-underline a.elementor-button:hover::after {
  width: 100%;
}

/* (Opsional) Warna teks saat hover */
.border-underline .elementor-button:hover,
.border-underline a.elementor-button:hover {
  color: #032854;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5393ce8 *//* ==== Floating Shadow (hover effect) ==== */
.shadow-hover {
  box-shadow: 0 6px 18px rgba(3, 40, 84, 0.12);
  transition: all 0.3s ease;
  border-radius: 14px;
}
.shadow-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 32px rgba(3, 40, 84, 0.18);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f64a778 */@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600&amp;display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&amp;display=swap');

:root{
  /* Warna pita judul (ganti sesuai kebutuhan) */
  --band: #032854;               /* Stella Mundi Blue */
  /* Kalau mau seperti contoh merah: #b90f3f */
  --gap: clamp(16px, 3vw, 28px);
}

.sm-hero-cards{
  font-family: 'Work Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.sm-hero-cards__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
}

/* Kartu */
.sm-hero-card{
  position: relative;
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  transition: transform .18s ease, box-shadow .18s ease;
}
.sm-hero-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(2,8,23,.12);
}

/* Media */
.sm-hero-card__media{
  margin: 0;
  aspect-ratio: 4 / 3;          /* tinggi proporsional seperti contoh */
  overflow: hidden;
}
.sm-hero-card__media img{
  width: 100%; height: 100%; object-fit: cover; display:block;
  transform: scale(1);
  transition: transform .45s ease, filter .2s ease;
}
.sm-hero-card:hover .sm-hero-card__media img{
  transform: scale(1.05);       /* zoom halus saat hover */
}

/* Pita judul di bawah gambar */
.sm-hero-card__band{
  background: var(--band);
  color: #fff;
  padding: clamp(14px, 2vw, 22px);
}
.sm-hero-card__title{
  margin: 0;
  font-weight: 600;
  font-size: clamp(18px, 2.2vw, 28px);
  letter-spacing: -.01em;
}

/* Responsif */
@media (max-width: 1100px){
  .sm-hero-cards__grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px){
  .sm-hero-cards__grid{ grid-template-columns: 1fr; }
  .sm-hero-card__media{ aspect-ratio: 16 / 10; } /* sedikit lebih lebar di mobile */
}

/* Tambahkan jarak antar kartu */
.sm-hero-cards__grid {
  gap: clamp(24px, 3vw, 40px); /* sekarang ada ruang antar card */
  padding: 0 clamp(10px, 2vw, 30px); /* beri napas dari kiri-kanan container */
}

/* Opsional: bikin pita tidak terlalu menempel pas ke ujung */
.sm-hero-card__band {
  padding: clamp(14px, 2vw, 22px) clamp(18px, 2.5vw, 28px);
}

/* Opsional: tambahkan border-radius agar lebih soft */
.sm-hero-card {
  border-radius: 10px;
}

/* Pastikan gambar ikut rounding */
.sm-hero-card__media img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* Card jadi kolom fleksibel setinggi 100% */
.sm-hero-card{
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 0;           /* sudut tajam (sesuai request) */
  overflow: hidden;
}

/* Media fleksibel mengisi ruang atas card */
.sm-hero-card__media{
  flex: 1 1 auto;             /* ambil sisa ruang */
  min-height: 260px;          /* jaga tinggi saat gambar belum load */
  margin: 0;
  overflow: hidden;
}
.sm-hero-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Pita selalu nempel bawah */
.sm-hero-card__band{
  margin-top: auto;           /* dorong ke bawah */
  background: #032854;        /* ganti kalau perlu */
  color: #fff;
  padding: clamp(16px, 2vw, 26px) clamp(20px, 2.5vw, 32px);
  border-radius: 0;
}

/* Judul */
.sm-hero-card__title{
  margin: 0;
  font-weight: 600;
  font-size: clamp(18px, 1vw, 28px);
  font-family: 'Libre Baskerville', serif;

}

.sm-hero-cards__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(24px, 3vw, 40px);
  align-items: stretch;       /* penting */
  grid-auto-rows: 1fr;        /* samakan tinggi baris */
}

/* 5. Opsional: jika gambar masih terlalu tinggi/kurang tinggi, tinggal adjust aspect ratio *//* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e6deb56 *//* Compact Version */
.sm-cards__grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(12px, 1.8vw, 20px); /* lebih kecil */
}

.sm-card{
  display: grid;
  grid-template-columns: 40% 1fr; /* gambar lebih kecil */
  align-items: center;
  gap: clamp(10px, 1.5vw, 14px);
  padding: clamp(10px, 1.5vw, 16px);
  border-radius: 10px;
  border: 1px solid var(--border);
  background: #fff;
  transition: transform .15s ease, box-shadow .15s ease;
}

/* Gambar dibuat kotak */
.sm-card__media{
  aspect-ratio: 1 / 1; /* Kotak */
  border-radius: 6px;
  overflow: hidden;
}

.sm-card__media img{
  width: 100%;
  height: 100%;
  object-fit: cover; /* agar gambar tetap proporsional */
  display: block;
  transform: scale(1.02);
  transition: transform .35s ease;
}

.sm-card:hover .sm-card__media img{
  transform: scale(1.06);
}


.sm-card__title{
  font-size: clamp(16px, 1.4vw, 20px); /* sebelumnya lebih besar */
  font-weight: 600;
  margin-bottom: 4px; /* lebih rapat */
}

.sm-card__text{
  font-size: clamp(14px, 1.2vw, 15px);
  line-height: 1.5;
  max-width: 38ch; /* buat teks rapi &amp; nyaman dibaca */
}

/* Responsive breakpoints */
@media (max-width: 1100px){
  .sm-cards__grid{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px){
  .sm-cards__grid{ grid-template-columns: 1fr; }
  .sm-card{ grid-template-columns: 1fr; text-align: center; }
  .sm-card__media{ aspect-ratio: 16/9; }
}

/* === HOVER EFFECTS: card panel color + image zoom === */
:root{
  --brand: #032854;         /* Stella Mundi Blue */
  --hover-bg: var(--brand); /* warna panel saat hover */
}

/* Jika card jadi terlalu tinggi, kamu bisa ubah grid col sedikit */
.sm-card{
  grid-template-columns: 38% 1fr; /* lebih kecil lagi bagian foto */
  padding: clamp(8px, 1.2vw, 14px); /* lebih compact */
}

.sm-card__media{
  border-radius: 6px;
  overflow: hidden;
}
.sm-card__media img{
  width: 100%; height: 100%; object-fit: cover; display: block;
  transform: scale(1);                          /* base */
  transition: transform .45s ease;              /* zoom halus */
}

/* Body card sedikit lebih kecil paddingnya */
.sm-card__body{
  padding-right: clamp(4px, 1vw, 8px);
}

/* Title &amp; text transition warna */
.sm-card__title, .sm-card__text{
  transition: color .22s ease;
}

/* Terapkan hanya untuk device yang support hover */
@media (hover:hover){
  .sm-card:hover{
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(2,8,23,.08);
    border-color: rgba(2,8,23,.12);
  }
  .sm-card:hover .sm-card__media img{
    transform: scale(1.06);                     /* zoom-in foto */
  }
  /* Panel teks berubah ke warna brand, teks jadi putih */
  .sm-card:hover .sm-card__body{
    background: var(--hover-bg);
  }
  .sm-card:hover .sm-card__title,
  .sm-card:hover .sm-card__text{
    color: #fff;
  }
}

/* Fokus keyboard = efek sama seperti hover (aksesibilitas) */
.sm-card:focus-visible{
  outline: 3px solid color-mix(in lab, var(--brand) 70%, white);
  outline-offset: 3px;
}
.sm-card:focus-visible .sm-card__media img{ transform: scale(1.06); }
.sm-card:focus-visible .sm-card__body{ background: var(--hover-bg); }
.sm-card:focus-visible .sm-card__title,
.sm-card:focus-visible .sm-card__text{ color:#fff; }

/* (Opsional) jika ingin HANYA body yang berubah, bukan seluruh kartu */
.sm-card:hover{ background: #fff; } /* keep card background putih */

/* Tambahkan padding agar teks tidak mepet */
.sm-card__body {
  padding: clamp(14px, 2vw, 22px); /* bisa adjust 16–20 px kalau mau lebih / kurang */
  padding-left: clamp(16px, 2.2vw, 28px); /* fokus di kiri agar lebih lega */
}

/* Jika mau judul sedikit lebih turun dari top */
.sm-card__title {
  margin-top: 4px;
}

/* Warna default teks menggunakan Stella Mundi Blue */
.sm-card__title,
.sm-card__text {
  color: var(--brand);
}/* End custom CSS */