.elementor-13 .elementor-element.elementor-element-0c1591a{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.5;--border-radius:-5px -5px -5px -5px;--margin-top:0px;--margin-bottom:-12px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:41px;--padding-left:56px;--padding-right:56px;}.elementor-13 .elementor-element.elementor-element-0c1591a:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-0c1591a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://cvbalingkangparadise.com/wp-content/uploads/2026/09/content-30.jpg");background-position:center center;background-size:cover;}.elementor-13 .elementor-element.elementor-element-0c1591a::before, .elementor-13 .elementor-element.elementor-element-0c1591a > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-0c1591a > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-0c1591a > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-0c1591a > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-0c1591a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-62eb299{--display:flex;--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:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-aae7a05{--display:flex;--min-height:0px;--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;--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:2px;--padding-left:25px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-1808bb5{--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;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-5dbb6c9 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:13px;font-weight:700;line-height:1.08em;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-b4958cf .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:53px;font-weight:600;line-height:1.08em;color:#FFFFFF;}.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-b2669ba{font-family:"DM Sans", Sans-serif;font-size:15px;font-weight:400;line-height:1.65em;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-8b8df9b{--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:12px 12px;--row-gap:12px;--column-gap:12px;}.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-0bc4e2c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-13 .elementor-element.elementor-element-0bc4e2c .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-13 .elementor-element.elementor-element-0bc4e2c .elementor-button{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:700;}.elementor-13 .elementor-element.elementor-element-9fb9280 .elementor-button{background-color:#61CE7000;font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:700;}.elementor-13 .elementor-element.elementor-element-9fb9280 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-13 .elementor-element.elementor-element-9fb9280 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-13 .elementor-element.elementor-element-efc93de{--display:flex;--min-height:643px;--margin-top:10px;--margin-bottom:0px;--margin-left:71px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-efc93de.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-4df1bde{--display:flex;--overlay-opacity:0.5;--margin-top:13px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-4df1bde:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-4df1bde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://cvbalingkangparadise.com/wp-content/uploads/2026/09/Private-Mount-Batur-Sunset-Jeep-Tour-–-Black-Lava-Adventure.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-4df1bde::before, .elementor-13 .elementor-element.elementor-element-4df1bde > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-4df1bde > .e-con-inner > .elementor-background-video-container::before, .elementor-13 .elementor-element.elementor-element-4df1bde > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-4df1bde > .e-con-inner > .elementor-background-slideshow::before, .elementor-13 .elementor-element.elementor-element-4df1bde > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#A5616100;--background-overlay:'';}.elementor-13 .elementor-element.elementor-element-4df1bde.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-493781f{--display:flex;border-style:none;--border-style:none;--margin-top:18px;--margin-bottom:0px;--margin-left:9px;--margin-right:168px;}.elementor-13 .elementor-element.elementor-element-493781f:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-493781f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cvbalingkangparadise.com/wp-content/uploads/2026/09/Private-Mount-Batur-Sunrise-Jeep-Tirta-Empul-Ulu-Petanu-Waterfall.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-013f6e3{--display:flex;--margin-top:0px;--margin-bottom:88px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-013f6e3:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-013f6e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cvbalingkangparadise.com/wp-content/uploads/2026/09/photo-1554481923-a6918bd997bc-scaled-2.avif");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-13 .elementor-element.elementor-element-b6f3444{--display:flex;--margin-top:0px;--margin-bottom:68px;--margin-left:9px;--margin-right:40px;}.elementor-13 .elementor-element.elementor-element-b6f3444:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-b6f3444 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B2436AD;}.elementor-13 .elementor-element.elementor-element-b6f3444.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-c8642e0{--display:flex;}.elementor-13 .elementor-element.elementor-element-f087a98{text-align:start;}.elementor-13 .elementor-element.elementor-element-f087a98 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:1px;font-weight:600;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-a469709{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;}.elementor-13 .elementor-element.elementor-element-1e96cc4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-d9b6b5b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-13 .elementor-element.elementor-element-7d9a737{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-56c49f2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-f66039f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-fb759b5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-9c151e7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.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-36020d4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-abd4e99{--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;}.elementor-13 .elementor-element.elementor-element-123dfc0{--display:flex;}.elementor-13 .elementor-element.elementor-element-4693e5c{--display:flex;}.elementor-13 .elementor-element.elementor-element-58ac708{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-13 .elementor-element.elementor-element-ec34c9b{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-13 .elementor-element.elementor-element-ec34c9b .elementor-divider-separator{width:100%;}.elementor-13 .elementor-element.elementor-element-ec34c9b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-13 .elementor-element.elementor-element-6491f50{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-aedc8dd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-dedc576{--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-4b32ab9{--display:flex;}.elementor-13 .elementor-element.elementor-element-8ae0af0{--display:flex;}.elementor-13 .elementor-element.elementor-element-e83c665{--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-44b645b{--display:flex;}.elementor-13 .elementor-element.elementor-element-613f5aa{color:#1E1818;}.elementor-13 .elementor-element.elementor-element-6cff901{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-7778491{--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-10f63c4{--display:flex;}.elementor-13 .elementor-element.elementor-element-a199370{--display:flex;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-f32dc8d .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-c7b85b1{--display:flex;}.elementor-13 .elementor-element.elementor-element-83a333b .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-0889758{--display:flex;}.elementor-13 .elementor-element.elementor-element-0edd5d0 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-293d4cf{--display:flex;}.elementor-13 .elementor-element.elementor-element-4f1b651 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-45d2318{--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;}.elementor-13 .elementor-element.elementor-element-d297ed0{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-13 .elementor-element.elementor-element-d297ed0 .elementor-divider-separator{width:100%;}.elementor-13 .elementor-element.elementor-element-d297ed0 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-13 .elementor-element.elementor-element-fe1153e{--display:flex;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){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-a3ff4da{--display:flex;}.elementor-widget-loop-grid .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-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .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-b165936{--grid-columns:3;--grid-row-gap:1px;--grid-column-gap:1px;}.elementor-13 .elementor-element.elementor-element-b165936 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-13 .elementor-element.elementor-element-b165936 .e-loop-item > .elementor-section, .elementor-13 .elementor-element.elementor-element-b165936 .e-loop-item > .elementor-section > .elementor-container, .elementor-13 .elementor-element.elementor-element-b165936 .e-loop-item > .e-con, .elementor-13 .elementor-element.elementor-element-b165936 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-13 .elementor-element.elementor-element-3bfb01e{--display:flex;}.elementor-13 .elementor-element.elementor-element-9bb1eed{--grid-columns:3;--grid-column-gap:1px;}.elementor-13 .elementor-element.elementor-element-9bb1eed .elementor-loop-container{grid-auto-rows:1fr;}.elementor-13 .elementor-element.elementor-element-9bb1eed .e-loop-item > .elementor-section, .elementor-13 .elementor-element.elementor-element-9bb1eed .e-loop-item > .elementor-section > .elementor-container, .elementor-13 .elementor-element.elementor-element-9bb1eed .e-loop-item > .e-con, .elementor-13 .elementor-element.elementor-element-9bb1eed .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-13 .elementor-element.elementor-element-408424e{--display:flex;}.elementor-13 .elementor-element.elementor-element-4c4b87d{--grid-columns:3;--grid-column-gap:1px;}.elementor-13 .elementor-element.elementor-element-4c4b87d .elementor-loop-container{grid-auto-rows:1fr;}.elementor-13 .elementor-element.elementor-element-4c4b87d .e-loop-item > .elementor-section, .elementor-13 .elementor-element.elementor-element-4c4b87d .e-loop-item > .elementor-section > .elementor-container, .elementor-13 .elementor-element.elementor-element-4c4b87d .e-loop-item > .e-con, .elementor-13 .elementor-element.elementor-element-4c4b87d .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-13 .elementor-element.elementor-element-404be1a{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-13 .elementor-element.elementor-element-80cb315{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-2da85c9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-8b2d625{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-69c418f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:41px 41px;--row-gap:41px;--column-gap:41px;}.elementor-13 .elementor-element.elementor-element-d02c7a2{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-c0e4471{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-02ec66b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-bcb957d{--display:flex;}.elementor-13 .elementor-element.elementor-element-768428b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-13 .elementor-element.elementor-element-cd89e70{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-81846d3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;}.elementor-13 .elementor-element.elementor-element-30977d1 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-ad3b7b3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-13 .elementor-element.elementor-element-f8cb930 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-7d4e4d0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-783d14b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;}.elementor-13 .elementor-element.elementor-element-96d6311 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-5cad6cd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-13 .elementor-element.elementor-element-b5f6a26 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-c092191{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-594d2c1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-start;}.elementor-13 .elementor-element.elementor-element-b6a2652 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-789ca42{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-13 .elementor-element.elementor-element-9f4c4fc .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-c496e9f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-13 .elementor-element.elementor-element-c8d16e3{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-13 .elementor-element.elementor-element-c8d16e3 .elementor-divider-separator{width:100%;}.elementor-13 .elementor-element.elementor-element-c8d16e3 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-13 .elementor-element.elementor-element-87d0d4c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-13 .elementor-element.elementor-element-bc8ec8d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e0e13a7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e0e13a7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-7d96e3b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-13 .elementor-element.elementor-element-741d513{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-e61bf05{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-13 .elementor-element.elementor-element-a97a1e9{--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-f2bd4e2{text-align:center;}.elementor-13 .elementor-element.elementor-element-f2bd4e2 img{width:100%;height:500px;object-fit:cover;object-position:center center;}.elementor-13 .elementor-element.elementor-element-d796658{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:8px 8px;--row-gap:8px;--column-gap:8px;}.elementor-13 .elementor-element.elementor-element-efaf9e7 img{width:100%;max-width:100%;height:280px;object-fit:cover;object-position:center center;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{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-5320e59.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-13 .elementor-element.elementor-element-5320e59 .elementor-swiper-button{font-size:22px;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-5320e59 .elementor-swiper-button svg{fill:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-a164383 .elementor-button{background-color:#61CE7000;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:600;fill:#000000;color:#000000;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E3E3E3;border-radius:20px 20px 20px 20px;}.elementor-13 .elementor-element.elementor-element-a164383 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-13 .elementor-element.elementor-element-79a55d4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:40px;--padding-bottom:0px;--padding-left:26px;--padding-right:26px;}.elementor-13 .elementor-element.elementor-element-f0c7df1{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:72px 96px;--row-gap:72px;--column-gap:96px;}.elementor-13 .elementor-element.elementor-element-16ca138{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-16ca138.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-dbd738b .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:12px;color:#A83832;}.elementor-13 .elementor-element.elementor-element-ad8f431{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;}.elementor-13 .elementor-element.elementor-element-ad8f431 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:50px;color:#6D1F24;}.elementor-13 .elementor-element.elementor-element-adcbc96{font-family:"DM Sans", Sans-serif;font-size:16px;color:#2B2523;}.elementor-13 .elementor-element.elementor-element-8b679a4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-517add5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-2a35eb3 .elementor-heading-title{font-family:"DM Sans", Sans-serif;color:#A83832;}.elementor-13 .elementor-element.elementor-element-23a5955 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-23a5955 .elementor-icon{font-size:30px;}.elementor-13 .elementor-element.elementor-element-23a5955 .elementor-icon svg{height:30px;}.elementor-13 .elementor-element.elementor-element-a06f674{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-a06f674.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-0bc6b71 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:20px;color:#6D1F24;}.elementor-13 .elementor-element.elementor-element-109c08e{font-family:"DM Sans", Sans-serif;font-size:16px;color:#2B2523;}.elementor-13 .elementor-element.elementor-element-9b6e363{width:var( --container-widget-width, 15.423% );max-width:15.423%;--container-widget-width:15.423%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-9b6e363.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-9b6e363 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-fd03539{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-47d418a .elementor-heading-title{font-family:"DM Sans", Sans-serif;color:#A83832;}.elementor-13 .elementor-element.elementor-element-5cdf0b8 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-5cdf0b8 .elementor-icon{font-size:30px;}.elementor-13 .elementor-element.elementor-element-5cdf0b8 .elementor-icon svg{height:30px;}.elementor-13 .elementor-element.elementor-element-822557e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-67e0e14 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:20px;color:#6D1F24;}.elementor-13 .elementor-element.elementor-element-34cb72c{font-family:"DM Sans", Sans-serif;font-size:16px;color:#2B2523;}.elementor-13 .elementor-element.elementor-element-29b40af .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-177c54d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:18px;--padding-right:18px;}.elementor-13 .elementor-element.elementor-element-3fa72a2 .elementor-heading-title{font-family:"DM Sans", Sans-serif;color:#A83832;}.elementor-13 .elementor-element.elementor-element-3e6ab62 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-3e6ab62 .elementor-icon{font-size:30px;}.elementor-13 .elementor-element.elementor-element-3e6ab62 .elementor-icon svg{height:30px;}.elementor-13 .elementor-element.elementor-element-e8f87ba{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-e8f87ba.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-b547695 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:20px;color:#6D1F24;}.elementor-13 .elementor-element.elementor-element-8031b3a{font-family:"DM Sans", Sans-serif;font-size:16px;color:#2B2523;}.elementor-13 .elementor-element.elementor-element-1ce9baa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-b158267 .elementor-heading-title{font-family:"DM Sans", Sans-serif;color:#A83832;}.elementor-13 .elementor-element.elementor-element-017e5d9 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-017e5d9 .elementor-icon{font-size:30px;}.elementor-13 .elementor-element.elementor-element-017e5d9 .elementor-icon svg{height:30px;}.elementor-13 .elementor-element.elementor-element-19a301d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:4px 4px;--row-gap:4px;--column-gap:4px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-19a301d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-de8ec7f .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:20px;color:#6D1F24;}.elementor-13 .elementor-element.elementor-element-970e733{font-family:"DM Sans", Sans-serif;font-size:16px;color:#2B2523;}.elementor-13 .elementor-element.elementor-element-b990631 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-80395d2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--margin-top:1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-3a46b1c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-13 .elementor-element.elementor-element-afd28b4{--display:flex;--min-height:643px;--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;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-afd28b4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-6e65018{--display:flex;--min-height:515px;--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-8435af4{border-radius:40px 40px 40px 40px;}.elementor-13 .elementor-element.elementor-element-8435af4 iframe{height:40px;}.elementor-13 .elementor-element.elementor-element-4f4a44a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--margin-top:-9px;--margin-bottom:48px;--margin-left:0px;--margin-right:0px;--padding-top:22px;--padding-bottom:22px;--padding-left:24px;--padding-right:24px;}.elementor-13 .elementor-element.elementor-element-4f4a44a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-876b1c5 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:14px;font-weight:600;}.elementor-13 .elementor-element.elementor-element-d2d4df5 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:20px;font-weight:600;}.elementor-13 .elementor-element.elementor-element-7a18356{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:6px;--margin-bottom:36px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-13b375f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;--margin-top:0px;--margin-bottom:-25px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-ca075a1 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-ca075a1 .elementor-icon{font-size:27px;}.elementor-13 .elementor-element.elementor-element-ca075a1 .elementor-icon svg{height:27px;}.elementor-13 .elementor-element.elementor-element-b83ff8a .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-b83ff8a .elementor-icon{font-size:27px;}.elementor-13 .elementor-element.elementor-element-b83ff8a .elementor-icon svg{height:27px;}.elementor-13 .elementor-element.elementor-element-04e4101 .elementor-icon-wrapper{text-align:center;}.elementor-13 .elementor-element.elementor-element-04e4101 .elementor-icon{font-size:27px;}.elementor-13 .elementor-element.elementor-element-04e4101 .elementor-icon svg{height:27px;}.elementor-13 .elementor-element.elementor-element-8ab7850{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-160b33e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-df225c3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-d76ce61{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-7568ac5{--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-1c0daab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-66df892{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-5fb2cf5{--e-rating-justify-content:center;}.elementor-13 .elementor-element.elementor-element-db5bb46{--display:flex;}.elementor-widget-reviews .elementor-testimonial__header, .elementor-widget-reviews .elementor-testimonial__name{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-reviews .elementor-testimonial__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-82f14f4 .elementor-swiper-button{font-size:20px;}.elementor-13 .elementor-element.elementor-element-58b2ca3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-77e4e0f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-13 .elementor-element.elementor-element-77e4e0f .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-13 .elementor-element.elementor-element-77e4e0f .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-widget-testimonial-carousel .elementor-testimonial__text{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-testimonial-carousel .elementor-testimonial__name{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-testimonial-carousel .elementor-testimonial__title{color:var( --e-global-color-primary );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-3feb723 .elementor-swiper-button{font-size:20px;}.elementor-13 .elementor-element.elementor-element-48db8a2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-13 .elementor-element.elementor-element-381fa2f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:092px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-13 .elementor-element.elementor-element-381fa2f:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-381fa2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-dca8a14{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:stretch;--gap:18px 18px;--row-gap:18px;--column-gap:18px;}.elementor-13 .elementor-element.elementor-element-701226d{--display:flex;--min-height:520px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:38px;--padding-bottom:38px;--padding-left:34px;--padding-right:34px;}.elementor-13 .elementor-element.elementor-element-701226d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-f225e83 .elementor-heading-title{color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-f542037 .elementor-heading-title{font-family:"Cormorant Garamond", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-13 .elementor-element.elementor-element-e12d777{color:#797979;}.elementor-13 .elementor-element.elementor-element-b5eeb74{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-1de55ba{width:var( --container-widget-width, 57.083% );max-width:57.083%;margin:0px 139px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 2px -5px 0px;--container-widget-width:57.083%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-1de55ba.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-13 .elementor-element.elementor-element-ca47b47{--display:flex;--min-height:520px;--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;--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{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-28d2b84{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-9c3bd8e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-13 .elementor-element.elementor-element-16a71f7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-2cd1d0e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-13 .elementor-element.elementor-element-dedec3e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-13 .elementor-element.elementor-element-838ff69 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-13 .elementor-element.elementor-element-ab6b98e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-13 .elementor-element.elementor-element-71c33fe{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;}.elementor-13 .elementor-element.elementor-element-2ece99e{--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-108368f{--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-50d2a78{--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-6eeac9d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-ee8590c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-cb90fb3{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-a2b126a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-f6e93e3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-13 .elementor-element.elementor-element-0c1591a{--width:100%;}.elementor-13 .elementor-element.elementor-element-aae7a05{--content-width:100%;}.elementor-13 .elementor-element.elementor-element-efc93de{--width:50%;}.elementor-13 .elementor-element.elementor-element-4df1bde{--width:100%;}.elementor-13 .elementor-element.elementor-element-b6f3444{--width:42%;}.elementor-13 .elementor-element.elementor-element-e0e13a7{--width:99.892%;}.elementor-13 .elementor-element.elementor-element-a97a1e9{--width:40%;}.elementor-13 .elementor-element.elementor-element-d796658{--width:60%;}.elementor-13 .elementor-element.elementor-element-f0c7df1{--content-width:1440px;}.elementor-13 .elementor-element.elementor-element-16ca138{--content-width:100%;}.elementor-13 .elementor-element.elementor-element-a06f674{--width:69.78%;}.elementor-13 .elementor-element.elementor-element-e8f87ba{--width:66.98%;}.elementor-13 .elementor-element.elementor-element-19a301d{--width:66.98%;}.elementor-13 .elementor-element.elementor-element-afd28b4{--width:42.361%;}.elementor-13 .elementor-element.elementor-element-4f4a44a{--width:42.795%;}.elementor-13 .elementor-element.elementor-element-dca8a14{--content-width:1180px;}.elementor-13 .elementor-element.elementor-element-701226d{--width:36%;}.elementor-13 .elementor-element.elementor-element-ca47b47{--width:63%;}.elementor-13 .elementor-element.elementor-element-16a71f7{--width:46%;}.elementor-13 .elementor-element.elementor-element-6eeac9d{--width:54%;}}@media(max-width:1024px) and (min-width:768px){.elementor-13 .elementor-element.elementor-element-afd28b4{--width:100%;}.elementor-13 .elementor-element.elementor-element-701226d{--width:100%;}.elementor-13 .elementor-element.elementor-element-ca47b47{--width:100%;}}@media(min-width:1025px){.elementor-13 .elementor-element.elementor-element-0c1591a:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-0c1591a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-13 .elementor-element.elementor-element-0c1591a{--min-height:349px;--padding-top:82px;--padding-bottom:68px;--padding-left:30px;--padding-right:30px;}.elementor-13 .elementor-element.elementor-element-aae7a05{--padding-top:0px;--padding-bottom:0px;--padding-left:22px;--padding-right:22px;}.elementor-13 .elementor-element.elementor-element-5dbb6c9 .elementor-heading-title{font-size:18px;}.elementor-13 .elementor-element.elementor-element-b4958cf .elementor-heading-title{font-size:50px;}.elementor-13 .elementor-element.elementor-element-b2669ba{font-size:14px;}.elementor-13 .elementor-element.elementor-element-0bc4e2c .elementor-button{font-size:13px;}.elementor-13 .elementor-element.elementor-element-9fb9280 .elementor-button{font-size:13px;}.elementor-13 .elementor-element.elementor-element-efc93de{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-b165936{--grid-columns:2;}.elementor-13 .elementor-element.elementor-element-9bb1eed{--grid-columns:2;}.elementor-13 .elementor-element.elementor-element-4c4b87d{--grid-columns:2;}.elementor-13 .elementor-element.elementor-element-5320e59.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-13 .elementor-element.elementor-element-79a55d4{--padding-top:84px;--padding-bottom:84px;--padding-left:30px;--padding-right:30px;}.elementor-13 .elementor-element.elementor-element-f0c7df1{--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;--gap:76px 0px;--row-gap:76px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-8435af4 iframe{height:470px;}.elementor-13 .elementor-element.elementor-element-381fa2f{--padding-top:76px;--padding-bottom:84px;--padding-left:28px;--padding-right:28px;}.elementor-13 .elementor-element.elementor-element-dca8a14{--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;}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-0c1591a:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-0c1591a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:bottom center;}.elementor-13 .elementor-element.elementor-element-0c1591a{--padding-top:0px;--padding-bottom:58px;--padding-left:18px;--padding-right:18px;}.elementor-13 .elementor-element.elementor-element-62eb299{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-aae7a05{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-3px;--padding-bottom:0px;--padding-left:16px;--padding-right:16px;}.elementor-13 .elementor-element.elementor-element-5dbb6c9 .elementor-heading-title{font-size:12px;}.elementor-13 .elementor-element.elementor-element-b4958cf .elementor-heading-title{font-size:42px;}.elementor-13 .elementor-element.elementor-element-b2669ba{font-size:14px;}.elementor-13 .elementor-element.elementor-element-0bc4e2c .elementor-button{font-size:13px;}.elementor-13 .elementor-element.elementor-element-9fb9280 .elementor-button{font-size:13px;}.elementor-13 .elementor-element.elementor-element-efc93de{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-b165936{--grid-columns:1;}.elementor-13 .elementor-element.elementor-element-9bb1eed{--grid-columns:1;}.elementor-13 .elementor-element.elementor-element-4c4b87d{--grid-columns:1;}.elementor-13 .elementor-element.elementor-element-f2bd4e2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-13 .elementor-element.elementor-element-f2bd4e2 img{max-width:100%;height:230px;}.elementor-13 .elementor-element.elementor-element-efaf9e7 img{height:225px;}.elementor-13 .elementor-element.elementor-element-5320e59.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-13 .elementor-element.elementor-element-5320e59 .elementor-main-swiper{height:360px;}.elementor-13 .elementor-element.elementor-element-79a55d4{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:18px;--padding-right:18px;}.elementor-13 .elementor-element.elementor-element-f0c7df1{--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;--gap:60px 0px;--row-gap:60px;--column-gap:0px;}.elementor-13 .elementor-element.elementor-element-517add5{--padding-top:15px;--padding-bottom:15px;--padding-left:14px;--padding-right:14px;}.elementor-13 .elementor-element.elementor-element-fd03539{--padding-top:15px;--padding-bottom:15px;--padding-left:14px;--padding-right:14px;}.elementor-13 .elementor-element.elementor-element-177c54d{--padding-top:15px;--padding-bottom:15px;--padding-left:14px;--padding-right:14px;}.elementor-13 .elementor-element.elementor-element-1ce9baa{--padding-top:15px;--padding-bottom:15px;--padding-left:14px;--padding-right:14px;}.elementor-13 .elementor-element.elementor-element-80395d2{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-13 .elementor-element.elementor-element-afd28b4{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-8435af4 iframe{height:380px;}.elementor-13 .elementor-element.elementor-element-7a18356{--margin-top:-67px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-13 .elementor-element.elementor-element-381fa2f{--padding-top:60px;--padding-bottom:68px;--padding-left:16px;--padding-right:16px;}.elementor-13 .elementor-element.elementor-element-701226d{--padding-top:30px;--padding-bottom:30px;--padding-left:24px;--padding-right:24px;}.elementor-13 .elementor-element.elementor-element-1de55ba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-13 .elementor-element.elementor-element-ca47b47{--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}}/* Start custom CSS for container, class: .elementor-element-62eb299 *//* ============================================================
PUTU BALI TOUR — RIGHT VISUAL / PHOTO COLLAGE ONLY
Extracted from the Heritage Luxury collage design

CLASSES
.coastal-hero-collage__right
.coastal-hero-collage__photo-main
.coastal-hero-collage__photo-top
.coastal-hero-collage__photo-bottom
.coastal-hero-collage__glass
.coastal-hero-collage__glass-text
============================================================ */

.elementor-13 .elementor-element.elementor-element-62eb299{
  --hero-maroon:#6D1F24;
  --hero-maroon-dark:#57181D;
  --hero-red:#A83832;
  --hero-red-dark:#8E2B2C;
  --hero-brick:#C85B4A;
  --hero-gold:#D7A44A;
  --hero-ivory:#F7F1E7;
  --hero-blush:#EAD8D2;
  --hero-charcoal:#2B2523;
  --hero-white:#FFFFFF;

  --hero-photo-frame:#F7F1E7;

  --hero-shadow-main:
    0 30px 68px rgba(65,27,27,.30);

  --hero-shadow-float:
    0 17px 36px rgba(65,27,27,.22);

  --hero-tr:
    .56s cubic-bezier(.2,.72,.2,1);
}


/* ============================================================
01. RIGHT VISUAL WRAPPER
============================================================ */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__right{
  position:relative;
  z-index:3!important;

  min-width:0;
  max-width:100%;
  box-sizing:border-box;

  overflow:visible!important;
}


/* soft abstract capsule behind photos */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__right::before{
  content:"";

  position:absolute;

  top:2%;
  left:14%;

  width:70%;
  height:96%;

  z-index:0;

  border-radius:
    48% 48% 44% 44% / 18% 18% 38% 38%;

  background:
    linear-gradient(
      145deg,
      rgba(234,216,210,.11),
      rgba(255,255,255,.025)
    );

  border:
    1px solid rgba(215,164,74,.17);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 18px 48px rgba(65,27,27,.035);

  pointer-events:none;
}


/* luxury L frame */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__right::after{
  content:"";

  position:absolute;

  top:13%;
  left:28%;

  width:48%;
  height:72%;

  z-index:1;

  border-right:
    2px solid rgba(215,164,74,.76);

  border-bottom:
    2px solid rgba(200,91,74,.58);

  border-radius:
    0 0 38px 0;

  pointer-events:none;
}


/* ============================================================
02. ALL PHOTO CONTAINERS
============================================================ */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__photo-main,
.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__photo-top,
.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__photo-bottom{
  position:absolute;

  max-width:100%;
  box-sizing:border-box;

  overflow:hidden!important;

  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;

  transition:
    transform var(--hero-tr),
    box-shadow var(--hero-tr);
}


/* ============================================================
03. MAIN PHOTO
============================================================ */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__photo-main{
  top:8%;
  left:27%;

  width:50%;
  height:74%;

  right:auto;
  bottom:auto;

  z-index:2!important;

  border:
    7px solid var(--hero-photo-frame)!important;

  border-radius:
    36px 36px 116px 36px!important;

  box-shadow:
    0 30px 68px rgba(65,27,27,.30),
    0 0 0 1px rgba(215,164,74,.09)!important;
}


/* inner frame */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__photo-main::before{
  content:"";

  position:absolute;
  inset:10px;

  pointer-events:none;

  border:
    1px solid rgba(247,241,231,.52);

  border-radius:
    27px 27px 104px 27px;
}


/* top accent */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__photo-main::after{
  content:"";

  position:absolute;

  top:0;
  left:22px;

  width:54px;
  height:3px;

  border-radius:
    0 0 999px 999px;

  background:
    linear-gradient(
      90deg,
      #D7A44A 0%,
      #D7A44A 42%,
      #C85B4A 78%,
      rgba(200,91,74,.14) 100%
    );
}


/* ============================================================
04. BOTTOM OVERLAP PHOTO
============================================================ */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__photo-bottom{
  left:8%;
  bottom:5%;

  width:41%;
  height:33%;

  top:auto;
  right:auto;

  z-index:7!important;

  border:
    9px solid var(--hero-photo-frame)!important;

  border-radius:
    25px 25px 44px 25px!important;

  box-shadow:
    0 17px 36px rgba(65,27,27,.22),
    0 0 0 5px rgba(215,164,74,.025)!important;

  outline:
    1px solid rgba(168,56,50,.20)!important;

  outline-offset:
    7px;

  transform:
    rotate(-.30deg);
}


/* bottom inner frame */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__photo-bottom::before{
  content:"";

  position:absolute;
  inset:7px;

  pointer-events:none;

  border:
    1px solid rgba(247,241,231,.50);

  border-radius:
    18px 18px 35px 18px;
}


/* ============================================================
05. TOP PHOTO
============================================================ */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__photo-top{
  top:1%;
  right:7%;

  width:30%;
  height:19%;

  left:auto;
  bottom:auto;

  z-index:8!important;

  border:
    6px solid var(--hero-photo-frame)!important;

  border-radius:
    21px 21px 37px 21px!important;

  outline:
    1px solid rgba(215,164,74,.14);

  outline-offset:
    4px;

  box-shadow:
    0 17px 36px rgba(65,27,27,.21)!important;

  transform:
    rotate(.6deg);
}


/* ============================================================
06. FLOATING LABEL
============================================================ */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass{
  position:absolute;

  top:auto;
  left:auto;
  right:3%;
  bottom:14%;

  z-index:10!important;

  width:22%;
  max-width:175px;
  min-width:145px;

  display:block!important;

  padding:
    10px 12px;

  border:
    1px solid rgba(215,164,74,.21)!important;

  border-radius:
    14px 14px 22px 14px!important;

  background:
    linear-gradient(
      145deg,
      rgba(109,31,36,.84),
      rgba(87,24,29,.70)
    )!important;

  box-shadow:
    0 16px 34px rgba(65,27,27,.24),
    inset 0 1px 0 rgba(255,255,255,.055)!important;

  -webkit-backdrop-filter:blur(13px);
  backdrop-filter:blur(13px);

  transition:
    transform var(--hero-tr),
    box-shadow var(--hero-tr),
    border-color var(--hero-tr);
}


/* top accent */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass::before{
  content:"";

  position:absolute;

  top:0;
  left:12px;

  width:32px;
  height:2px;

  border-radius:
    0 0 999px 999px;

  background:
    linear-gradient(
      90deg,
      #D7A44A,
      #C85B4A
    );

  transition:
    width .42s ease;
}


/* connector line */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass::after{
  content:"";

  position:absolute;

  top:50%;
  left:-22px;

  width:22px;
  height:1px;

  transform:
    translateY(-50%);

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(215,164,74,.68)
    );

  opacity:.55;
}


.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass .elementor-heading-title{
  color:#FFFFFF!important;

  font-size:
    clamp(15px,1.05vw,18px)!important;

  line-height:
    1.14!important;

  margin:0;
}


.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass-text{
  width:100%;
  margin-top:5px;
}


.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass-text,
.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass-text p{
  color:
    rgba(247,241,231,.72)!important;

  font-size:
    9.5px!important;

  line-height:
    1.42!important;

  margin:0;
}


/* max 2 lines */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass-text .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass-text p{
  display:
    -webkit-box!important;

  -webkit-box-orient:
    vertical!important;

  -webkit-line-clamp:
    2!important;

  overflow:
    hidden!important;
}


/* ============================================================
07. PHOTO HOVER
============================================================ */

.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__right:hover
.coastal-hero-collage__photo-main{
  transform:
    translateY(-3px);

  box-shadow:
    0 35px 76px rgba(65,27,27,.34),
    0 0 0 1px rgba(215,164,74,.14)!important;
}


.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__right:hover
.coastal-hero-collage__photo-bottom{
  transform:
    rotate(0deg)
    translateY(3px);

  box-shadow:
    0 22px 42px rgba(65,27,27,.26),
    0 0 0 5px rgba(168,56,50,.025)!important;
}


.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__right:hover
.coastal-hero-collage__photo-top{
  transform:
    rotate(.15deg)
    translateY(-4px);

  box-shadow:
    0 22px 42px rgba(65,27,27,.25)!important;
}


.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass:hover{
  transform:
    translateY(-4px);

  border-color:
    rgba(215,164,74,.30)!important;

  box-shadow:
    0 20px 40px rgba(65,27,27,.30),
    inset 0 1px 0 rgba(255,255,255,.065)!important;
}


.elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass:hover::before{
  width:58px;
}


/* ============================================================
08. TABLET
============================================================ */

@media(max-width:1024px){

  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__right{
    min-height:
      640px!important;
  }


  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass{
    right:3%;
    bottom:12%;

    width:21%;
    max-width:165px;
    min-width:140px;

    padding:
      9px 11px;
  }

}


/* ============================================================
09. MOBILE
============================================================ */

@media(max-width:767px){

  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__right{
    min-height:
      510px!important;
  }


  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__right::before{
    top:4%;
    left:8%;

    width:78%;
    height:92%;
  }


  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__right::after{
    top:16%;
    left:22%;

    width:57%;
    height:64%;
  }


  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__photo-main{
    top:10%!important;
    left:23%!important;

    width:59%!important;
    height:67%!important;

    border-width:
      5px!important;

    border-radius:
      27px 27px 74px 27px!important;
  }


  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__photo-bottom{
    left:3%!important;
    bottom:5%!important;

    width:46%!important;
    height:29%!important;

    border-width:
      6px!important;

    outline-offset:
      4px;
  }


  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__photo-top{
    top:2%!important;
    right:3%!important;

    width:32%!important;
    height:17%!important;

    border-width:
      4px!important;

    outline-offset:
      2px;
  }


  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass{
    right:3%;
    bottom:8%;

    width:34%;
    max-width:132px;
    min-width:0;

    padding:
      8px 9px;

    border-radius:
      12px 12px 18px 12px!important;

    background:
      linear-gradient(
        145deg,
        rgba(109,31,36,.89),
        rgba(87,24,29,.78)
      )!important;
  }


  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass .elementor-heading-title{
    font-size:
      14px!important;

    line-height:
      1.12!important;
  }


  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass-text,
  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__glass-text p{
    font-size:
      8.8px!important;

    line-height:
      1.38!important;
  }

}


/* ============================================================
10. REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__right *,
  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__right *::before,
  .elementor-13 .elementor-element.elementor-element-62eb299 .coastal-hero-collage__right *::after{
    animation:none!important;
    transition:none!important;
  }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c1591a *//* ============================================================
PUTU BALI TOUR — HERITAGE RED
PREMIUM CINEMATIC HERO V8 — ELEMENTOR HEADING COLOR CONTROL

Native Elementor
No HTML Widget

PALETTE
Deep Maroon   #6D1F24
Heritage Red  #A83832
Sunset Gold   #D7A44A
Brick Red     #C85B4A
Warm Ivory    #F7F1E7
Soft Blush    #EAD8D2
Charcoal      #2B2523
Pure White    #FFFFFF
============================================================ */


/* ============================================================
01. DESIGN SYSTEM
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a{

    --pt-maroon:#6D1F24;
    --pt-maroon-dark:#57181D;

    --pt-red:#A83832;
    --pt-red-dark:#8E2B2C;

    --pt-brick:#C85B4A;

    --pt-gold:#D7A44A;
    --pt-gold-light:#D7A44A;

    --pt-ivory:#F7F1E7;
    --pt-blush:#EAD8D2;

    --pt-charcoal:#2B2523;
    --pt-white:#FFFFFF;

    --pt-line:
        rgba(215,164,74,.24);

    --pt-glass:
        rgba(255,255,255,.075);

    --pt-shadow:
        0 22px 54px
        rgba(65,27,27,.16);

    --pt-shadow-strong:
        0 30px 72px
        rgba(65,27,27,.24);

    --pt-ease:
        cubic-bezier(.22,.72,.2,1);

    position:relative;

    color:
        var(--pt-charcoal);

}


/* ============================================================
02. GLOBAL SAFETY
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a *,
.elementor-13 .elementor-element.elementor-element-0c1591a *::before,
.elementor-13 .elementor-element.elementor-element-0c1591a *::after{

    box-sizing:
        border-box;

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-shell{

    width:
        100%;

    max-width:
        1240px;

    margin-inline:
        auto;

}


/* ============================================================
03. SECTION SYSTEM
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-section{

    position:
        relative;

    isolation:
        isolate;

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-section-label{

    letter-spacing:
        .18em;

    text-transform:
        uppercase;

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-section-title{

    position:
        relative;

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-section-title::after{

    content:"";

    display:block;

    width:
        52px;

    height:
        2px;

    margin-top:
        11px;

    border-radius:
        999px;

    background:
        linear-gradient(
            90deg,

            var(--pt-gold) 0%,
            rgba(215,164,74,.42) 56%,
            transparent 100%
        );

    box-shadow:
        0 2px 8px
        rgba(215,164,74,.12);

    transition:
        width .48s
        var(--pt-ease);

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-section:hover
.pt-section-title::after{

    width:
        86px;

}


/* ============================================================
04. TEXT LINK
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-text-link
.elementor-button{

    padding:
        0 !important;

    background:
        transparent !important;

    color:
        var(--pt-red) !important;

    box-shadow:
        none !important;

    border:
        0 !important;

    transition:
        color .30s ease,
        transform .34s var(--pt-ease);

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-text-link
.elementor-button:hover{

    color:
        var(--pt-maroon) !important;

    transform:
        translateX(4px);

}


/* ============================================================
05. GLOBAL BUTTON MOTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .elementor-button{

    position:
        relative;

    transition:

        transform .36s var(--pt-ease),

        box-shadow .36s var(--pt-ease),

        background .32s ease,

        border-color .32s ease,

        color .32s ease;

}


/* ============================================================
06. HERO WRAPPER — NO PHOTO BACKGROUND
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero{

    position:
        relative;

    isolation:
        isolate;

    overflow:
        hidden;

    min-height:
        650px;


    background:

        radial-gradient(
            circle at 80% 18%,
            rgba(215,164,74,.115) 0%,
            rgba(215,164,74,.035) 25%,
            transparent 50%
        ),

        radial-gradient(
            circle at 12% 82%,
            rgba(234,216,210,.085) 0%,
            rgba(200,91,74,.045) 28%,
            transparent 56%
        ),

        linear-gradient(
            118deg,

            #57181D 0%,

            #6D1F24 38%,

            #8E2B2C 70%,

            #A83832 100%
        );


    border-top:
        1px solid
        rgba(215,164,74,.10);

    border-bottom:
        1px solid
        rgba(255,255,255,.05);

}


/* ============================================================
07. HERO DECORATIVE LAYER — CSS ONLY
Background image has been fully removed.
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero::before{

    content:"";

    position:
        absolute;

    inset:
        0;

    z-index:
        -3;


    background:

        linear-gradient(
            115deg,
            rgba(255,255,255,.028) 0%,
            transparent 31%,
            rgba(215,164,74,.045) 68%,
            transparent 100%
        ),

        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent 86px,
            rgba(255,255,255,.012) 87px,
            transparent 88px
        );


    opacity:
        .92;


    pointer-events:
        none;


    transform:
        none;


    filter:
        none;


    transition:
        opacity .7s ease;

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero:hover::before{

    opacity:
        1;

    transform:
        none;

    filter:
        none;

}


/* ============================================================
08. HERO LOWER CINEMATIC FADE
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero::after{

    content:"";

    position:
        absolute;

    left:
        0;

    right:
        0;

    bottom:
        0;


    height:
        185px;


    z-index:
        -1;


    background:

        linear-gradient(
            180deg,

            transparent 0%,

            rgba(87,24,29,.14) 34%,

            rgba(43,37,35,.34) 100%
        );

}


/* ============================================================
09. SUBTLE LIGHT ATMOSPHERE — CSS ONLY
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-shell{

    position:
        relative;

}


/* soft luxury glow */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-shell::before{

    content:"";

    position:
        absolute;


    right:
        -90px;

    top:
        -120px;


    width:
        420px;

    height:
        420px;


    border-radius:
        50%;


    background:

        radial-gradient(
            circle,

            rgba(215,164,74,.11) 0%,

            rgba(215,164,74,.035) 40%,

            transparent 70%
        );


    filter:
        blur(8px);


    pointer-events:
        none;


    animation:
        ptHeroGoldGlow
        9s ease-in-out
        infinite alternate;

}


@keyframes ptHeroGoldGlow{

    0%{

        opacity:
            .55;

        transform:
            translate3d(0,0,0)
            scale(.96);

    }


    100%{

        opacity:
            .88;

        transform:
            translate3d(-18px,16px,0)
            scale(1.05);

    }

}


/* ============================================================
10. HERO COPY
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-copy{

    position:
        relative;

    z-index:
        4;

}


/* decorative luxury rail */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-copy::before{

    content:"";

    position:
        absolute;


    left:
        -22px;

    top:
        4px;


    width:
        3px;

    height:
        126px;


    border-radius:
        999px;


    background:

        linear-gradient(
            180deg,

            #D7A44A 0%,

            #D7A44A 42%,

            #C85B4A 72%,

            rgba(200,91,74,.12) 100%
        );


    box-shadow:

        0 0 17px
        rgba(215,164,74,.20),

        0 0 32px
        rgba(215,164,74,.07);


    pointer-events:
        none;

}


/* secondary tiny accent */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-copy::after{
    content:none !important;
    display:none !important;
}


/* ============================================================
11. EYEBROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-eyebrow{

    width:
        max-content;

    max-width:
        100%;


    padding:
        7px 13px;


    border:
        1px solid
        rgba(215,164,74,.24);


    border-radius:
        999px;


    background:
        linear-gradient(
            135deg,
            rgba(87,24,29,.34),
            rgba(109,31,36,.18)
        );


    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.055),

        0 8px 18px
        rgba(65,27,27,.08);


    -webkit-backdrop-filter:
        blur(9px);

    backdrop-filter:
        blur(9px);

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-eyebrow
.elementor-heading-title{

    color:
        var(--pt-gold) !important;


    letter-spacing:
        .20em;


    text-transform:
        uppercase;

}


/* ============================================================
12. HERO TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-title
.elementor-heading-title{

    /* COLOR FROM ELEMENTOR:
       Elementor > Style > Text Color */


    text-shadow:

        0 4px 20px
        rgba(0,0,0,.24),

        0 14px 38px
        rgba(49,8,11,.15);

}


/* ============================================================
13. HERO ACCENT TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-title-accent{

    position:
        relative;

    width:
        max-content;

    max-width:
        100%;

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-title-accent
.elementor-heading-title{

    /* COLOR FROM ELEMENTOR:
       Elementor > Style > Text Color */


    text-shadow:

        0 4px 18px
        rgba(49,8,11,.24),

        0 10px 30px
        rgba(215,164,74,.10);

}


/* accent underline */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-title-accent::after{

    content:"";

    display:block;


    width:
        88px;

    height:
        2px;


    margin-top:
        10px;


    border-radius:
        999px;


    background:

        linear-gradient(
            90deg,

            var(--pt-gold),

            rgba(215,164,74,.38),

            transparent
        );


    box-shadow:

        0 3px 12px
        rgba(215,164,74,.14);


    transition:
        width .52s var(--pt-ease);

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero:hover
.pt-hero-title-accent::after{

    width:
        138px;

}


/* ============================================================
14. HERO DESCRIPTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-text{

    max-width:
        650px;

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-text p{

    color:
        rgba(255,255,255,.84) !important;


    text-shadow:

        0 2px 10px
        rgba(0,0,0,.14);

}


/* ============================================================
15. PRIMARY CTA
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-primary-btn
.elementor-button{

    position:
        relative;

    overflow:
        hidden;


    border:
        1px solid
        rgba(255,255,255,.14);


    border-radius:
        12px;


    background:
        #A83832;


    color:
        #FFFFFF;


    box-shadow:

        0 13px 30px
        rgba(109,31,36,.26),

        inset 0 1px 0
        rgba(255,255,255,.12);


    transition:
        transform .36s var(--pt-ease),
        background .32s ease,
        border-color .32s ease,
        box-shadow .36s var(--pt-ease);

}


/* shine */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-primary-btn
.elementor-button::before{

    content:"";

    position:
        absolute;


    top:
        -28%;

    left:
        -90%;


    width:
        48%;

    height:
        156%;


    transform:
        skewX(-24deg);


    background:

        linear-gradient(
            90deg,

            transparent 0%,

            rgba(255,255,255,.12) 22%,

            rgba(255,255,255,.64) 50%,

            rgba(255,255,255,.12) 78%,

            transparent 100%
        );


    transition:

        left .78s ease;

}


/* bottom light */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-primary-btn
.elementor-button::after{

    content:"";

    position:
        absolute;


    left:
        20%;

    right:
        20%;

    bottom:
        0;


    height:
        1px;


    background:

        linear-gradient(
            90deg,

            transparent,

            rgba(255,255,255,.60),

            transparent
        );


    opacity:
        .55;

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-primary-btn
.elementor-button:hover{

    transform:
        translateY(-3px);


    background:
        #8E2B2C;


    border-color:
        rgba(215,164,74,.26);


    box-shadow:

        0 19px 40px
        rgba(109,31,36,.34),

        inset 0 1px 0
        rgba(255,255,255,.16);

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-primary-btn
.elementor-button:hover::before{

    left:
        138%;

}


/* ============================================================
16. SECONDARY CTA
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-secondary
.elementor-button{

    overflow:
        hidden;


    border:
        1px solid
        rgba(215,164,74,.30);


    border-radius:
        12px;


    background:
        rgba(109,31,36,.70);


    color:
        #FFFFFF;


    box-shadow:

        inset 0 1px 0
        rgba(255,255,255,.055),

        0 10px 24px
        rgba(65,27,27,.14);


    -webkit-backdrop-filter:
        blur(10px);

    backdrop-filter:
        blur(10px);

}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-secondary
.elementor-button:hover{

    transform:
        translateY(-3px);


    border-color:
        rgba(215,164,74,.48);


    background:
        #57181D;


    box-shadow:

        0 16px 32px
        rgba(65,27,27,.22);

}


/* ============================================================
17. TRUST AREA — STABLE PREMIUM GRID V6
Fix utama:
- override width bawaan Elementor
- semua card benar-benar sama lebar
- tidak ada card yang menyempit
- tinggi card compact dan konsisten
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-trust{
    --width:100% !important;

    position:relative;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    margin-top:12px;
    padding-top:20px;

    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:16px !important;

    align-items:stretch !important;

    border-top:1px solid rgba(215,164,74,.20);

    isolation:isolate;
}


/* refined divider */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-trust::before{
    content:"";

    position:absolute;

    top:-1px;
    left:0;

    width:86px;
    height:2px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            var(--pt-gold) 0%,
            rgba(215,164,74,.34) 58%,
            transparent 100%
        );

    box-shadow:
        0 2px 10px
        rgba(215,164,74,.10);
}


/* ============================================================
18. TRUST ITEMS — COMPACT LUXURY CARD V6
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust{
    --width:100% !important;

    position:relative;
    isolation:isolate;
    overflow:hidden;

    width:100% !important;
    min-width:0 !important;
    max-width:none !important;

    min-height:72px !important;
    height:auto !important;

    margin:0 !important;
    padding:14px 16px !important;

    display:grid !important;

    grid-template-columns:
        26px
        minmax(0,1fr)
        !important;

    column-gap:11px !important;

    align-items:center !important;
    align-content:center !important;

    justify-items:start !important;

    border:
        1px solid
        rgba(247,241,231,.095);

    border-radius:14px;

    background:
        linear-gradient(
            135deg,
            rgba(247,241,231,.055) 0%,
            rgba(234,216,210,.026) 48%,
            rgba(87,24,29,.16) 100%
        );

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.045),
        0 10px 24px
        rgba(65,27,27,.10);

    -webkit-backdrop-filter:blur(9px);
    backdrop-filter:blur(9px);

    transform:translateY(0);

    transition:
        transform .36s var(--pt-ease),
        border-color .30s ease,
        background .30s ease,
        box-shadow .36s var(--pt-ease);
}


/* subtle light */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-1;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.045) 0%,
            transparent 46%,
            rgba(255,255,255,.01) 100%
        );
}


/* tiny top accent */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust::after{
    content:"";

    position:absolute;

    top:0;
    left:16px;

    width:38px;
    height:2px;

    border-radius:
        0 0 999px 999px;

    background:
        linear-gradient(
            90deg,
            var(--pt-gold),
            rgba(215,164,74,.18)
        );

    transition:
        width .45s var(--pt-ease),
        box-shadow .30s ease;
}


/* ============================================================
RESET ELEMENTOR CHILD WIDTHS
Ini bagian penting agar text tidak vertikal / menyempit.
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust > .elementor-element{
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
}


/* icon widget */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust > .elementor-widget-icon{
    --width:26px !important;

    width:26px !important;
    min-width:26px !important;
    max-width:26px !important;

    grid-column:1;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* heading widget */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust > .elementor-widget-heading{
    --width:auto !important;

    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;

    grid-column:2;

    display:block !important;
}


/* ============================================================
ICON
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust .elementor-icon-wrapper{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    margin:0 !important;
}


.elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust .elementor-icon{
    width:26px;
    height:26px;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    color:var(--pt-gold) !important;

    filter:
        drop-shadow(
            0 4px 9px
            rgba(215,164,74,.16)
        );

    transition:
        transform .34s var(--pt-ease),
        filter .34s ease;
}


/* ============================================================
TEXT
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust .elementor-heading-title{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;

    margin:0 !important;

    color:
        rgba(255,255,255,.94)
        !important;

    line-height:1.35 !important;

    white-space:normal !important;
    word-break:normal !important;
    overflow-wrap:normal !important;

    writing-mode:
        horizontal-tb
        !important;

    text-orientation:
        mixed
        !important;
}


/* ============================================================
HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust:hover{
        transform:
            translateY(-4px);

        border-color:
            rgba(215,164,74,.24);

        background:
            linear-gradient(
                135deg,
                rgba(215,164,74,.095) 0%,
                rgba(234,216,210,.045) 42%,
                rgba(87,24,29,.22) 100%
            );

        box-shadow:
            0 17px 34px
            rgba(65,27,27,.16),
            inset 0 1px 0
            rgba(255,255,255,.065);
    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust:hover::after{
        width:
            calc(100% - 32px);

        box-shadow:
            0 2px 11px
            rgba(215,164,74,.15);
    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust:hover
    .elementor-icon{
        transform:
            scale(1.08);

        filter:
            drop-shadow(
                0 6px 13px
                rgba(215,164,74,.23)
            );
    }

}


/* ============================================================
TRUST — TABLET
============================================================ */

@media(min-width:768px) and (max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-trust{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:13px !important;

        padding-top:17px;
    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust{
        min-height:68px !important;

        padding:
            13px 15px
            !important;

        grid-template-columns:
            25px minmax(0,1fr)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust > .elementor-widget-icon{
        --width:25px !important;

        width:25px !important;
        min-width:25px !important;
        max-width:25px !important;
    }

}


/* ============================================================
TRUST — MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-trust{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        gap:10px !important;

        margin-top:6px;

        padding-top:15px;
    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust{
        min-height:62px !important;

        padding:
            11px 12px
            !important;

        grid-template-columns:
            22px minmax(0,1fr)
            !important;

        column-gap:
            9px !important;

        border-radius:
            12px;
    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust > .elementor-widget-icon{
        --width:22px !important;

        width:22px !important;
        min-width:22px !important;
        max-width:22px !important;
    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust .elementor-icon{
        width:22px;
        height:22px;
    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust::after{
        left:12px;

        width:28px;
    }

}


/* ============================================================
TRUST — SMALL MOBILE
============================================================ */

@media(max-width:480px){

    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-trust{
        grid-template-columns:
            1fr
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust{
        min-height:58px !important;
    }

}


/* ============================================================
19. DESKTOP > 1024
============================================================ */

@media(min-width:1025px){

    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-copy{

        max-width:
            720px;

    }

}


/* ============================================================
20. TABLET
============================================================ */

@media(min-width:768px) and (max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero{

        min-height:
            590px;

    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero::before{

        opacity:
            .96;

    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-copy{

        width:
            74% !important;

    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-copy::before{
        left:-16px;
        height:110px;
    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-copy::after{
        content:none !important;
        display:none !important;
    }



}


/* ============================================================
21. MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero{

        min-height:
            auto;


        background:

            radial-gradient(
                circle at 80% 14%,
                rgba(215,164,74,.10),
                transparent 36%
            ),

            linear-gradient(
                180deg,

                #57181D 0%,

                #6D1F24 54%,

                #8E2B2C 100%
            );

    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero::before{

        opacity:
            .92;

    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero::after{

        height:
            130px;

    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-shell::before{

        width:
            280px;

        height:
            280px;


        left:
            35%;

        top:
            -60px;

    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-copy{

        width:
            100% !important;

    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-copy::before{
        left:-9px;
        top:4px;
        height:78px;
        width:2px;
    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-copy::after{

        display:
            none;

    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-eyebrow{

        padding:

            6px 10px;

    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-title-accent::after{

        width:
            64px;


        margin-top:
            7px;

    }


    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero:hover
    .pt-hero-title-accent::after{

        width:
            92px;

    }



}


/* ============================================================
22. SMALL MOBILE
============================================================ */






/* ============================================================
HERO BACKGROUND IMAGE SAFETY
Ensures this CSS never loads an image behind the hero.
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero,
.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero::before,
.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero::after,
.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-shell,
.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-shell::before{
    background-image:
        none
        !important;
}

/* Reapply CSS-only gradients after background-image reset */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero{
    background:

        radial-gradient(
            circle at 76% 20%,
            rgba(215,164,74,.12) 0%,
            rgba(215,164,74,.04) 22%,
            transparent 48%
        ),

        radial-gradient(
            circle at 18% 76%,
            rgba(200,91,74,.14) 0%,
            rgba(200,91,74,.04) 28%,
            transparent 54%
        ),

        linear-gradient(
            120deg,
            #57181D 0%,
            #6D1F24 36%,
            #8E2B2C 68%,
            #A83832 100%
        )
        !important;
}

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero::before{
    background:
        linear-gradient(
            115deg,
            rgba(255,255,255,.025) 0%,
            transparent 34%,
            rgba(215,164,74,.045) 72%,
            transparent 100%
        )
        !important;
}

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero::after{
    background:
        linear-gradient(
            180deg,
            transparent 0%,
            rgba(87,24,29,.12) 34%,
            rgba(43,37,35,.30) 100%
        )
        !important;
}

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-shell::before{
    background:
        radial-gradient(
            circle,
            rgba(215,164,74,.11) 0%,
            rgba(215,164,74,.035) 40%,
            transparent 70%
        )
        !important;
}

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero{

        background:

            radial-gradient(
                circle at 80% 14%,
                rgba(215,164,74,.10),
                transparent 36%
            ),

            linear-gradient(
                180deg,
                #57181D 0%,
                #6D1F24 54%,
                #8E2B2C 100%
            )
            !important;

    }

}




/* ============================================================
TRUST GRID FINAL WIDTH SAFETY — V6
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-trust{
    --width:100% !important;
    width:100% !important;
    max-width:none !important;
}

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-trust > .pt-mini-trust{
    --width:100% !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    flex:none !important;
}

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust > .elementor-widget-heading{
    --width:auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:100% !important;
}





/* ============================================================
24. HERITAGE WORD PALETTE — FINAL VISUAL LOCK
============================================================ */

.elementor-13 .elementor-element.elementor-element-0c1591a{
    --pt-maroon:#6D1F24;
    --pt-maroon-dark:#57181D;
    --pt-red:#A83832;
    --pt-red-dark:#8E2B2C;
    --pt-brick:#C85B4A;
    --pt-gold:#D7A44A;
    --pt-gold-light:#D7A44A;
    --pt-ivory:#F7F1E7;
    --pt-blush:#EAD8D2;
    --pt-charcoal:#2B2523;
    --pt-white:#FFFFFF;
}

/* continuous rail safety */
.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-copy::after{
    content:none !important;
    display:none !important;
}

/* eyebrow */
.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-eyebrow .elementor-heading-title{
    color:#D7A44A!important;
}

/* headline */
.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-title .elementor-heading-title{

    /* COLOR FROM ELEMENTOR:
       Elementor > Style > Text Color */
}

/* accent headline */
.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-title-accent .elementor-heading-title{

    /* COLOR FROM ELEMENTOR:
       Elementor > Style > Text Color */
}

/* primary CTA */
.elementor-13 .elementor-element.elementor-element-0c1591a .pt-primary-btn .elementor-button{
    background:#A83832!important;
    color:#FFFFFF!important;
}

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-primary-btn .elementor-button:hover{
    background:#8E2B2C!important;
}

/* secondary CTA */
.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-secondary .elementor-button{
    background:rgba(109,31,36,.70)!important;
    color:#FFFFFF!important;
}

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-secondary .elementor-button:hover{
    background:#57181D!important;
}

/* trust icons */
.elementor-13 .elementor-element.elementor-element-0c1591a .pt-mini-trust .elementor-icon{
    color:#D7A44A!important;
}

/* mobile */
@media(max-width:767px){
    .elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero{
        background:
            radial-gradient(
                circle at 80% 14%,
                rgba(215,164,74,.09),
                transparent 36%
            ),
            linear-gradient(
                180deg,
                #57181D 0%,
                #6D1F24 56%,
                #8E2B2C 100%
            )!important;
    }
}




/* ============================================================
25. HEADING COLOR — ELEMENTOR CONTROL SAFETY
============================================================ */

/*
DESAIN TIDAK DIHILANGKAN.

Untuk mengganti warna Heading:
Elementor > pilih widget Heading > Style > Text Color

CSS tetap mengatur:
- text-shadow
- underline / accent line
- hover underline
- layout
- responsive
- animation
- spacing
- button styling
- hero atmosphere

Tetapi CSS TIDAK mengunci warna untuk:
.pt-hero-title
.pt-hero-title-accent
*/

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-title .elementor-heading-title{
    /* color intentionally controlled by Elementor */
}

.elementor-13 .elementor-element.elementor-element-0c1591a .pt-hero-title-accent .elementor-heading-title{
    /* color intentionally controlled by Elementor */
}



/* ============================================================
23. REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

    .elementor-13 .elementor-element.elementor-element-0c1591a *,
    .elementor-13 .elementor-element.elementor-element-0c1591a *::before,
    .elementor-13 .elementor-element.elementor-element-0c1591a *::after{

        animation:
            none !important;

        transition:
            none !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a469709 *//* ============================================================
   ============================================================
   CV BALINGKANG PARADISE
   OUR PARTNER
   FINAL COMPACT HIGH-END VERSION

   PASTE TO:
   OUR PARTNER
   → Advanced
   → Custom CSS

   COLORS LOCKED:
   Deep Maroon  #6D1F24
   Heritage Red #A83832
   Sunset Gold  #D7A44A
   Brick Red    #C85B4A
   Warm Ivory   #F7F1E7
   Soft Blush   #EAD8D2
   Charcoal     #2B2523
   White        #FFFFFF

   FONT:
   Heading : El Messiri / El Messeri
   Body    : DM Sans
   ============================================================
   ============================================================ */


/* ============================================================
   01. MASTER
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709{

    --p-maroon:#6D1F24;
    --p-maroon-dark:#57181D;

    --p-red:#A83832;
    --p-red-dark:#8E2B2C;

    --p-gold:#D7A44A;
    --p-brick:#C85B4A;

    --p-ivory:#F7F1E7;
    --p-ivory-light:#FCF9F4;

    --p-blush:#EAD8D2;

    --p-charcoal:#2B2523;
    --p-white:#FFFFFF;

    --p-body:#594D48;
    --p-muted:#7B6E68;

    --p-line:rgba(109,31,36,.12);

    --p-ease:
        cubic-bezier(.22,1,.36,1);


    position:relative;

    isolation:isolate;

    width:100%!important;
    max-width:none!important;

    min-width:0;

    margin:0!important;

    padding:
        clamp(64px,6vw,92px)
        clamp(20px,5vw,72px)
        clamp(58px,5.5vw,82px)
        !important;

    overflow:hidden;

    color:
        var(--p-charcoal);

    font-family:
        "DM Sans",
        sans-serif;

    background:

        radial-gradient(
            circle at 8% 15%,
            rgba(215,164,74,.06),
            transparent 23%
        ),

        radial-gradient(
            circle at 94% 86%,
            rgba(234,216,210,.34),
            transparent 27%
        ),

        linear-gradient(
            180deg,
            #FCF9F4 0%,
            #F7F1E7 100%
        )

        !important;
}


/* ============================================================
   02. RESET
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 *,
.elementor-13 .elementor-element.elementor-element-a469709 *::before,
.elementor-13 .elementor-element.elementor-element-a469709 *::after{

    box-sizing:border-box;
}


.elementor-13 .elementor-element.elementor-element-a469709 .e-con,
.elementor-13 .elementor-element.elementor-element-a469709 .elementor-element,
.elementor-13 .elementor-element.elementor-element-a469709 .elementor-widget,
.elementor-13 .elementor-element.elementor-element-a469709 .elementor-widget-container{

    min-width:0;
}


.elementor-13 .elementor-element.elementor-element-a469709 p:last-child{

    margin-bottom:0!important;
}


/* ============================================================
   03. VERY SUBTLE BACKGROUND GRID
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-10;

    pointer-events:none;

    opacity:.075;

    background-image:

        linear-gradient(
            rgba(109,31,36,.06) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(109,31,36,.06) 1px,
            transparent 1px
        );

    background-size:
        78px 78px;

    -webkit-mask-image:

        linear-gradient(
            120deg,
            rgba(0,0,0,.75),
            rgba(0,0,0,.15) 45%,
            transparent 80%
        );

    mask-image:

        linear-gradient(
            120deg,
            rgba(0,0,0,.75),
            rgba(0,0,0,.15) 45%,
            transparent 80%
        );
}


/* ============================================================
   04. WATERMARK
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709::after{

    content:"PARTNER";

    position:absolute;

    left:50%;

    bottom:-25px;

    z-index:-8;

    transform:
        translateX(-50%);

    pointer-events:none;

    user-select:none;

    color:transparent;

    font-family:
        "El Messiri",
        "El Messeri",
        serif;

    font-size:
        clamp(88px,12vw,175px);

    font-weight:500;

    line-height:.75;

    letter-spacing:-.055em;

    -webkit-text-stroke:

        1px
        rgba(109,31,36,.025);
}


/* ============================================================
   05. SHELL
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-shell{

    position:relative;

    z-index:2;

    display:flex!important;

    flex-direction:column!important;

    align-items:stretch!important;

    gap:0!important;

    width:100%!important;

    max-width:
        1420px!important;

    min-width:0;

    margin:
        0 auto!important;

    padding:0!important;
}


/* ============================================================
   06. SECTION NUMBER
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-shell::before{

    content:"05";

    position:absolute;

    right:0;

    top:-38px;

    z-index:-1;

    pointer-events:none;

    color:transparent;

    font-family:
        "El Messiri",
        "El Messeri",
        serif;

    font-size:
        clamp(65px,7vw,105px);

    font-weight:500;

    line-height:1;

    letter-spacing:-.06em;

    -webkit-text-stroke:

        1px
        rgba(109,31,36,.04);
}


/* ============================================================
   07. SMALL TOP LINE
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-shell::after{

    content:"";

    position:absolute;

    left:0;

    top:-19px;

    width:56px;

    height:1px;

    background:

        linear-gradient(
            90deg,
            #D7A44A,
            #C85B4A,
            transparent
        );
}


/* ============================================================
   08. HEADER
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-header{

    display:grid!important;

    grid-template-columns:

        minmax(0,1.08fr)
        minmax(320px,.72fr)

        !important;

    align-items:end!important;

    gap:

        clamp(48px,7vw,110px)

        !important;

    width:100%!important;

    margin:0!important;

    padding:

        0 0
        clamp(30px,3vw,42px)

        !important;

    border-bottom:

        1px solid
        rgba(109,31,36,.12);
}


/* ============================================================
   09. HEADER LEFT
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-header-left{

    display:flex!important;

    flex-direction:column!important;

    align-items:flex-start!important;

    gap:0!important;

    width:100%!important;

    margin:0!important;

    padding:0!important;
}


/* ============================================================
   10. EYEBROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-eyebrow{

    margin:

        0 0
        12px!important;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-eyebrow
.elementor-heading-title{

    position:relative;

    margin:0!important;

    padding-left:34px;

    color:#A83832!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:9px!important;

    font-weight:700!important;

    line-height:1.2!important;

    letter-spacing:.18em!important;

    text-transform:uppercase;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-eyebrow
.elementor-heading-title::before{

    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:24px;
    height:1px;

    transform:
        translateY(-50%);

    background:

        linear-gradient(
            90deg,
            #D7A44A,
            #C85B4A
        );
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-eyebrow
.elementor-heading-title::after{

    content:"";

    display:inline-block;

    width:4px;
    height:4px;

    margin-left:9px;

    border-radius:50%;

    background:#D7A44A;
}


/* ============================================================
   11. TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-title{

    width:100%!important;

    max-width:780px!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-title
.elementor-heading-title{

    margin:0!important;

    color:#6D1F24!important;

    font-family:
        "El Messiri",
        "El Messeri",
        serif!important;

    font-size:

        clamp(
            46px,
            4.6vw,
            72px
        )

        !important;

    font-weight:500!important;

    line-height:.97!important;

    letter-spacing:-.04em!important;
}


/* ============================================================
   12. TITLE LINE
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-title::after{

    content:"";

    display:block;

    width:52px;
    height:2px;

    margin-top:16px;

    border-radius:999px;

    background:

        linear-gradient(
            90deg,
            #D7A44A,
            #C85B4A,
            transparent
        );

    transition:

        width
        .5s
        var(--p-ease);
}


@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-header:hover
    .partner-title::after{

        width:105px;
    }
}


/* ============================================================
   13. INTRO
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-intro-wrap{

    display:flex!important;

    flex-direction:column!important;

    align-items:flex-start!important;

    gap:0!important;

    max-width:470px;

    margin:0!important;

    padding:

        0 0 2px
        19px!important;

    border-left:

        1px solid
        #D7A44A;
}


.elementor-13 .elementor-element.elementor-element-a469709 .partner-description,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-description p,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-description span,
.elementor-13 .elementor-element.elementor-element-a469709
.partner-description
.elementor-widget-container{

    margin:0!important;

    color:#594D48!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:16px!important;

    font-weight:400!important;

    line-height:1.65!important;
}


/* ============================================================
   14. INTRO META
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-intro-meta{

    margin:
        12px 0 0!important;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-intro-meta
.elementor-heading-title{

    position:relative;

    margin:0!important;

    padding-left:24px;

    color:#A83832!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:8.5px!important;

    font-weight:700!important;

    line-height:1.2!important;

    letter-spacing:.15em!important;

    text-transform:uppercase;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-intro-meta
.elementor-heading-title::before{

    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:15px;
    height:1px;

    transform:
        translateY(-50%);

    background:#D7A44A;
}


/* ============================================================
   15. SHOWCASE
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-showcase{

    position:relative;

    display:flex!important;

    flex-direction:column!important;

    align-items:center!important;

    justify-content:center!important;

    width:100%!important;

    margin:

        clamp(30px,3.5vw,48px)
        0 0!important;

    padding:0!important;
}


/* ============================================================
   16. REMOVE GIANT ORBITS
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-showcase::before,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-showcase::after{

    display:none!important;
}


/* ============================================================
   17. PARTNER CARD
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-card{

    position:relative;

    z-index:3;

    isolation:isolate;

    display:grid!important;

    grid-template-columns:

        minmax(180px,230px)
        minmax(0,1fr)

        !important;

    grid-template-areas:

        "logo label"
        "logo caption"
        "logo text";

    align-items:center!important;

    column-gap:

        clamp(28px,4vw,55px)!important;

    row-gap:

        7px!important;

    width:

        min(100%,820px)!important;

    min-height:0!important;

    margin:

        0 auto!important;

    padding:

        clamp(28px,3vw,38px)
        clamp(30px,4vw,48px)

        !important;

    overflow:hidden;

    border:

        1px solid
        rgba(109,31,36,.105);

    border-radius:

        8px 8px
        42px 8px;

    background:

        radial-gradient(
            circle at 96% 8%,
            rgba(234,216,210,.20),
            transparent 29%
        ),

        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FCF9F4 100%
        )

        !important;

    box-shadow:

        0 18px 45px
        rgba(76,35,31,.075),

        inset
        0 1px 0
        rgba(255,255,255,.96);

    transition:

        transform
        .5s
        var(--p-ease),

        border-color
        .4s ease,

        box-shadow
        .5s
        var(--p-ease);
}


/* ============================================================
   18. CARD TOP ACCENT
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-card::before{

    content:"";

    position:absolute;

    left:31px;

    top:0;

    width:68px;

    height:3px;

    border-radius:

        0 0
        999px 999px;

    background:

        linear-gradient(
            90deg,
            #D7A44A,
            #C85B4A,
            #A83832
        );

    transition:

        width
        .5s
        var(--p-ease);
}


/* ============================================================
   19. CARD CORNER
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-card::after{

    content:"";

    position:absolute;

    right:14px;

    bottom:14px;

    width:36px;

    height:36px;

    pointer-events:none;

    border-right:

        1px solid
        rgba(215,164,74,.34);

    border-bottom:

        1px solid
        rgba(215,164,74,.34);

    border-radius:

        0 0
        13px 0;
}


/* ============================================================
   20. LABEL
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-card-label{

    grid-area:label;

    align-self:end;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-card-label
.elementor-heading-title{

    margin:0!important;

    color:#A83832!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:8.5px!important;

    font-weight:700!important;

    line-height:1.2!important;

    letter-spacing:.18em!important;

    text-transform:uppercase;
}


/* ============================================================
   21. LOGO WRAPPER
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-logo-wrap{

    grid-area:logo;

    position:relative;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    align-self:stretch!important;

    width:100%!important;

    min-height:180px!important;

    margin:0!important;

    padding:

        20px!important;

    overflow:hidden;

    border:

        1px solid
        rgba(109,31,36,.09);

    border-radius:

        8px;

    background:

        linear-gradient(
            145deg,
            rgba(247,241,231,.72),
            rgba(255,255,255,.76)
        );

    transition:

        transform
        .45s
        var(--p-ease),

        border-color
        .4s ease,

        background
        .4s ease;
}


/* ============================================================
   22. REMOVE OVAL / ORBIT FROM LOGO
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-logo-wrap::before{

    content:"";

    position:absolute;

    inset:11px;

    border:

        1px solid
        rgba(215,164,74,.12);

    border-radius:

        5px;

    pointer-events:none;
}


.elementor-13 .elementor-element.elementor-element-a469709 .partner-logo-wrap::after{

    content:"";

    position:absolute;

    right:13px;

    top:13px;

    width:6px;

    height:6px;

    border-radius:50%;

    background:#D7A44A;

    box-shadow:

        0 0 0
        5px
        rgba(215,164,74,.09);

    animation:

        partnerDotPulse
        2.2s
        ease-in-out
        infinite;
}


/* ============================================================
   23. IMAGE WIDGET
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-logo{

    position:relative;

    z-index:3;

    width:100%!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-logo
.elementor-widget-container{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    width:100%!important;

    height:100%!important;

    margin:0!important;

    padding:0!important;
}


/* ============================================================
   24. LOGO IMAGE FIX
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-logo img{

    display:block!important;

    width:auto!important;

    height:auto!important;

    max-width:

        min(100%,170px)!important;

    max-height:

        150px!important;

    margin:

        0 auto!important;

    padding:0!important;

    object-fit:contain!important;

    object-position:center!important;

    border:0!important;

    border-radius:0!important;

    background:transparent!important;

    box-shadow:none!important;

    filter:none!important;

    opacity:1!important;

    transform:none;

    transition:

        transform
        .45s
        var(--p-ease);
}


/* ============================================================
   25. CAPTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-caption{

    grid-area:caption;

    align-self:start;

    margin:

        4px 0
        5px!important;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-caption
.elementor-heading-title{

    margin:0!important;

    color:#6D1F24!important;

    font-family:

        "El Messiri",
        "El Messeri",
        serif!important;

    font-size:

        clamp(
            27px,
            2.4vw,
            36px
        )

        !important;

    font-weight:500!important;

    line-height:1.05!important;

    letter-spacing:-.025em!important;

    text-align:left!important;
}


/* ============================================================
   26. CARD TEXT
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-card-text{

    grid-area:text;

    align-self:start;

    width:100%!important;

    max-width:500px!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-a469709 .partner-card-text,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-card-text p,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-card-text span,
.elementor-13 .elementor-element.elementor-element-a469709
.partner-card-text
.elementor-widget-container{

    margin:0!important;

    color:#594D48!important;

    font-family:

        "DM Sans",
        sans-serif!important;

    font-size:

        16px!important;

    font-weight:400!important;

    line-height:

        1.64!important;

    text-align:left!important;
}


/* ============================================================
   27. CARD HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card:hover{

        transform:

            translateY(-6px);

        border-color:

            rgba(215,164,74,.28);

        box-shadow:

            0 26px 58px
            rgba(76,35,31,.11),

            inset
            0 1px 0
            rgba(255,255,255,.96);
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card:hover::before{

        width:125px;
    }


    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-card:hover
    .partner-logo-wrap{

        transform:

            translateY(-3px);

        border-color:

            rgba(215,164,74,.26);

        background:

            rgba(247,241,231,.86);
    }


    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-card:hover
    .partner-logo img{

        transform:

            scale(1.035);
    }
}


/* ============================================================
   28. BOTTOM
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-bottom{

    display:grid!important;

    grid-template-columns:

        auto
        minmax(60px,1fr)
        auto!important;

    align-items:center!important;

    gap:

        clamp(18px,3vw,36px)

        !important;

    width:100%!important;

    margin:

        clamp(30px,3vw,44px)
        0 0!important;

    padding:

        16px 0 0!important;

    border-top:

        1px solid
        rgba(109,31,36,.11);
}


/* ============================================================
   29. BOTTOM TYPOGRAPHY
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709
.partner-bottom-label
.elementor-heading-title,

.elementor-13 .elementor-element.elementor-element-a469709
.partner-bottom-brand
.elementor-heading-title{

    margin:0!important;

    font-family:

        "DM Sans",
        sans-serif!important;

    font-size:

        8.5px!important;

    font-weight:

        700!important;

    line-height:1.2!important;

    letter-spacing:

        .14em!important;

    text-transform:uppercase;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-bottom-label
.elementor-heading-title{

    color:

        rgba(43,37,35,.47)!important;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-bottom-brand
.elementor-heading-title{

    color:#A83832!important;
}


/* ============================================================
   30. DIVIDER
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-bottom-line{

    width:100%!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-bottom-line
.elementor-divider{

    padding:0!important;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-bottom-line
.elementor-divider-separator{

    width:100%!important;

    border-block-start:

        1px solid
        rgba(215,164,74,.36)!important;
}


/* ============================================================
   31. LARGE DESKTOP
============================================================ */

@media(min-width:1600px){

    .elementor-13 .elementor-element.elementor-element-a469709 .partner-shell{

        max-width:

            1480px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card{

        width:

            min(100%,850px)!important;
    }
}


/* ============================================================
   32. LAPTOP
============================================================ */

@media
(min-width:1025px)
and
(max-width:1280px){

    .elementor-13 .elementor-element.elementor-element-a469709{

        padding-left:

            42px!important;

        padding-right:

            42px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-header{

        grid-template-columns:

            minmax(0,1.08fr)
            minmax(290px,.72fr)

            !important;

        gap:

            55px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-title
    .elementor-heading-title{

        font-size:

            clamp(
                45px,
                4.9vw,
                65px
            )

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card{

        width:

            min(100%,760px)!important;

        grid-template-columns:

            minmax(170px,210px)
            minmax(0,1fr)

            !important;
    }
}


/* ============================================================
   33. TABLET LANDSCAPE
============================================================ */

@media
(min-width:821px)
and
(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-a469709{

        padding:

            56px
            29px
            65px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-header{

        grid-template-columns:

            1fr!important;

        align-items:start!important;

        gap:

            20px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-title
    .elementor-heading-title{

        font-size:

            clamp(
                45px,
                6.7vw,
                58px
            )

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-intro-wrap{

        max-width:

            680px;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-showcase{

        margin-top:

            32px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card{

        width:

            min(100%,720px)!important;

        grid-template-columns:

            190px
            minmax(0,1fr)

            !important;

        column-gap:

            32px!important;

        padding:

            28px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-logo-wrap{

        min-height:

            165px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-logo img{

        max-width:

            150px!important;

        max-height:

            135px!important;
    }
}


/* ============================================================
   34. TABLET PORTRAIT
============================================================ */

@media
(min-width:768px)
and
(max-width:820px){

    .elementor-13 .elementor-element.elementor-element-a469709{

        padding:

            56px
            28px
            65px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-header{

        grid-template-columns:

            1fr!important;

        align-items:start!important;

        gap:

            20px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-title
    .elementor-heading-title{

        font-size:

            clamp(
                44px,
                7vw,
                55px
            )

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-intro-wrap{

        max-width:

            620px;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card{

        width:100%!important;

        grid-template-columns:

            175px
            minmax(0,1fr)

            !important;

        column-gap:

            28px!important;

        padding:

            26px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-logo-wrap{

        min-height:

            155px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-logo img{

        max-width:

            140px!important;
    }
}


/* ============================================================
   35. MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-a469709{

        padding:

            48px
            clamp(
                17px,
                5vw,
                23px
            )
            55px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-shell::before{

        top:

            -18px;

        font-size:

            54px;
    }


    .elementor-13 .elementor-element.elementor-element-a469709::after{

        bottom:

            -3px;

        font-size:

            clamp(
                70px,
                23vw,
                100px
            );
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-header{

        grid-template-columns:

            1fr!important;

        align-items:start!important;

        gap:

            18px!important;

        padding-bottom:

            27px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-eyebrow{

        margin-bottom:

            10px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-eyebrow
    .elementor-heading-title{

        padding-left:

            29px;

        font-size:

            8.5px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-eyebrow
    .elementor-heading-title::before{

        width:

            20px;
    }


    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-title
    .elementor-heading-title{

        font-size:

            clamp(
                38px,
                10.7vw,
                47px
            )

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-title::after{

        width:

            45px;

        margin-top:

            14px;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-intro-wrap{

        max-width:none;

        padding-left:

            15px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-description,
    .elementor-13 .elementor-element.elementor-element-a469709 .partner-description p,
    .elementor-13 .elementor-element.elementor-element-a469709 .partner-description span{

        font-size:

            16px!important;

        line-height:

            1.65!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-showcase{

        margin-top:

            26px!important;
    }


    /* card becomes vertical */

    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card{

        display:flex!important;

        flex-direction:column!important;

        align-items:center!important;

        width:100%!important;

        min-height:0!important;

        padding:

            27px
            20px
            25px!important;

        border-radius:

            8px 8px
            36px 8px;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card-label{

        order:1;

        width:100%;

        margin:

            0 0
            17px!important;

        text-align:center;
    }


    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-card-label
    .elementor-heading-title{

        text-align:center!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-logo-wrap{

        order:2;

        width:

            min(100%,220px)!important;

        min-height:

            150px!important;

        padding:

            18px!important;

        margin:

            0 auto!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-logo img{

        max-width:

            145px!important;

        max-height:

            125px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-caption{

        order:3;

        width:100%;

        margin:

            20px 0
            7px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-caption
    .elementor-heading-title{

        font-size:

            clamp(
                27px,
                8vw,
                33px
            )

            !important;

        text-align:center!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card-text{

        order:4;

        max-width:

            430px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card-text,
    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card-text p,
    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card-text span{

        font-size:

            16px!important;

        line-height:

            1.64!important;

        text-align:center!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-bottom{

        grid-template-columns:

            1fr!important;

        gap:

            9px!important;

        margin-top:

            29px!important;

        padding-top:

            14px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-bottom-line{

        display:none!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-bottom-brand
    .elementor-heading-title{

        text-align:left!important;
    }
}


/* ============================================================
   36. SMALL MOBILE / IPHONE
============================================================ */

@media(max-width:480px){

    .elementor-13 .elementor-element.elementor-element-a469709{

        padding-left:

            max(
                17px,
                env(safe-area-inset-left)
            )

            !important;

        padding-right:

            max(
                17px,
                env(safe-area-inset-right)
            )

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-title
    .elementor-heading-title{

        font-size:

            clamp(
                36px,
                10.3vw,
                43px
            )

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card{

        padding:

            25px
            17px
            23px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-logo-wrap{

        width:

            min(100%,205px)!important;

        min-height:

            142px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-logo img{

        max-width:

            135px!important;

        max-height:

            115px!important;
    }
}


/* ============================================================
   37. VERY SMALL PHONE
============================================================ */

@media(max-width:374px){

    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-title
    .elementor-heading-title{

        font-size:

            34px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-description,
    .elementor-13 .elementor-element.elementor-element-a469709 .partner-description p,
    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card-text,
    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card-text p{

        font-size:

            16px!important;
    }
}


/* ============================================================
   38. TOUCH SAFETY
============================================================ */

@media(hover:none) and (pointer:coarse){

    .elementor-13 .elementor-element.elementor-element-a469709 .partner-card,
    .elementor-13 .elementor-element.elementor-element-a469709 .partner-logo-wrap,
    .elementor-13 .elementor-element.elementor-element-a469709 .partner-logo img{

        transform:none!important;
    }
}


/* ============================================================
   39. OVERFLOW SAFETY
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-shell,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-header,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-header-left,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-intro-wrap,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-showcase,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-card,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-logo-wrap,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-bottom{

    min-width:0!important;

    max-width:100%;
}


/* ============================================================
   40. REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

    .elementor-13 .elementor-element.elementor-element-a469709 *,
    .elementor-13 .elementor-element.elementor-element-a469709 *::before,
    .elementor-13 .elementor-element.elementor-element-a469709 *::after{

        animation:none!important;

        transition-duration:.01ms!important;
    }
}


/* ============================================================
   41. SMALL DOT ANIMATION
============================================================ */

@keyframes partnerDotPulse{

    0%,
    100%{

        opacity:.55;

        transform:
            scale(.86);
    }

    50%{

        opacity:1;

        transform:
            scale(1.08);
    }
}

/* ============================================================
   ============================================================
   42. TRIPADVISOR REVIEWS BAND
   Added below PARTNER SHOWCASE and above PARTNER BOTTOM

   REQUIRED NEW CLASSES:
   partner-reviews
   partner-reviews-head
   partner-reviews-head-left
   partner-reviews-eyebrow
   partner-reviews-title
   partner-reviews-copy
   partner-reviews-widget-wrap
   partner-reviews-widget

   NOTE:
   If the Tripadvisor plugin renders its content inside an iframe,
   this CSS can style the wrapper/spacing/background around it,
   but not the iframe's internal typography/colors.
   ============================================================
   ============================================================ */


/* ============================================================
   43. REVIEWS SECTION WRAPPER
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews{

    position:relative;

    z-index:3;

    width:100%!important;

    margin:
        clamp(38px,4vw,54px)
        0 0!important;

    padding:
        clamp(24px,2.6vw,34px)
        clamp(22px,3vw,36px)
        clamp(24px,2.7vw,36px)
        !important;

    overflow:hidden;

    border:
        1px solid
        rgba(109,31,36,.10);

    border-radius:
        10px 10px
        34px 10px;

    background:

        radial-gradient(
            circle at 96% 4%,
            rgba(234,216,210,.28),
            transparent 25%
        ),

        linear-gradient(
            145deg,
            rgba(255,255,255,.82),
            rgba(247,241,231,.76)
        )
        !important;

    box-shadow:
        0 16px 40px
        rgba(76,35,31,.055);
}


/* subtle top accent */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews::before{

    content:"";

    position:absolute;

    left:
        clamp(22px,3vw,36px);

    top:0;

    width:76px;

    height:2px;

    border-radius:
        0 0 999px 999px;

    background:
        linear-gradient(
            90deg,
            #D7A44A,
            #C85B4A,
            #A83832
        );
}


/* subtle corner */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews::after{

    content:"";

    position:absolute;

    right:15px;
    bottom:15px;

    width:34px;
    height:34px;

    pointer-events:none;

    border-right:
        1px solid
        rgba(215,164,74,.28);

    border-bottom:
        1px solid
        rgba(215,164,74,.28);

    border-radius:
        0 0 12px 0;
}


/* ============================================================
   44. REVIEWS HEADER
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-head{

    display:grid!important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(280px,.72fr)
        !important;

    align-items:end!important;

    gap:
        clamp(28px,4vw,64px)
        !important;

    width:100%!important;

    margin:0!important;

    padding:
        0 0
        clamp(20px,2vw,26px)
        !important;

    border-bottom:
        1px solid
        rgba(109,31,36,.09);
}


.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-head-left{

    display:flex!important;

    flex-direction:column!important;

    align-items:flex-start!important;

    gap:0!important;

    min-width:0;

    margin:0!important;

    padding:0!important;
}


/* ============================================================
   45. REVIEWS EYEBROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-eyebrow{

    margin:
        0 0
        9px!important;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-reviews-eyebrow
.elementor-heading-title{

    position:relative;

    margin:0!important;

    padding-left:27px;

    color:#A83832!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:8.5px!important;

    font-weight:700!important;

    line-height:1.2!important;

    letter-spacing:.16em!important;

    text-transform:uppercase;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-reviews-eyebrow
.elementor-heading-title::before{

    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:18px;
    height:1px;

    transform:
        translateY(-50%);

    background:
        linear-gradient(
            90deg,
            #D7A44A,
            #C85B4A
        );
}


/* ============================================================
   46. REVIEWS TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-title{

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-a469709
.partner-reviews-title
.elementor-heading-title{

    margin:0!important;

    color:#6D1F24!important;

    font-family:
        "El Messiri",
        "El Messeri",
        serif!important;

    font-size:
        clamp(27px,2.25vw,34px)
        !important;

    font-weight:500!important;

    line-height:1.06!important;

    letter-spacing:-.025em!important;
}


/* ============================================================
   47. REVIEWS COPY
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-copy,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-copy p,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-copy span,
.elementor-13 .elementor-element.elementor-element-a469709
.partner-reviews-copy
.elementor-widget-container{

    margin:0!important;

    color:#594D48!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:16px!important;

    font-weight:400!important;

    line-height:1.58!important;
}


/* ============================================================
   48. TRIPADVISOR WIDGET WRAPPER
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-widget-wrap{

    position:relative;

    width:100%!important;

    min-width:0;

    margin:
        clamp(20px,2.3vw,28px)
        0 0!important;

    padding:
        clamp(14px,1.5vw,18px)
        !important;

    border:
        1px solid
        rgba(109,31,36,.075);

    border-radius:
        8px 8px
        24px 8px;

    background:
        rgba(255,255,255,.54);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.82);
}


/* Tripadvisor widget itself */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-widget{

    width:100%!important;

    max-width:100%!important;

    min-width:0!important;

    margin:0!important;

    padding:0!important;
}


.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-widget
.elementor-widget-container{

    width:100%!important;

    max-width:100%!important;

    min-width:0!important;

    margin:0!important;

    padding:0!important;
}


/* iframe safety */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-widget iframe{

    display:block;

    width:100%!important;

    max-width:100%!important;

    min-width:0!important;

    margin:0!important;

    border:0!important;

    background:transparent!important;
}


/* ============================================================
   49. BOTTOM AFTER REVIEWS
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews + .partner-bottom{

    margin-top:
        clamp(26px,2.6vw,36px)
        !important;
}


/* ============================================================
   50. OPTIONAL DOM-BASED WIDGET SOFTENING
   Works only when the plugin outputs normal HTML, NOT iframe.
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-widget :is(
    .ti-widget,
    .ti-widget-container,
    .ti-reviews-container,
    .ti-reviews-container-wrapper,
    .ti-reviews-container-wrapper > div
){

    max-width:100%!important;
}


.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-widget :is(
    .ti-review-item,
    .ti-review-content,
    .ti-inner
){

    border-radius:
        14px!important;
}


.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-widget :is(
    .ti-review-item,
    .ti-review-content
){

    border-color:
        rgba(109,31,36,.09)!important;

    box-shadow:
        none!important;
}


/* ============================================================
   51. LAPTOP
============================================================ */

@media
(min-width:1025px)
and
(max-width:1280px){

    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews{

        margin-top:
            38px!important;

        padding:
            25px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-head{

        grid-template-columns:
            minmax(0,1fr)
            minmax(260px,.72fr)
            !important;

        gap:
            36px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-widget-wrap{

        padding:
            13px!important;
    }
}


/* ============================================================
   52. TABLET
============================================================ */

@media
(min-width:768px)
and
(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews{

        margin-top:
            32px!important;

        padding:
            24px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-head{

        grid-template-columns:
            1fr!important;

        align-items:start!important;

        gap:
            12px!important;

        padding-bottom:
            20px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-copy{

        max-width:
            650px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-widget-wrap{

        margin-top:
            20px!important;

        padding:
            12px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews + .partner-bottom{

        margin-top:
            28px!important;
    }
}


/* ============================================================
   53. MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews{

        margin-top:
            27px!important;

        padding:
            22px
            17px
            20px!important;

        border-radius:
            8px 8px
            28px 8px;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews::before{

        left:17px;

        width:56px;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-head{

        grid-template-columns:
            1fr!important;

        align-items:start!important;

        gap:
            11px!important;

        padding-bottom:
            18px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709
    .partner-reviews-title
    .elementor-heading-title{

        font-size:
            clamp(26px,7.5vw,31px)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-copy,
    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-copy p,
    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-copy span{

        font-size:16px!important;

        line-height:1.58!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-widget-wrap{

        margin-top:
            17px!important;

        padding:
            10px!important;

        border-radius:
            7px 7px
            20px 7px;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews + .partner-bottom{

        margin-top:
            24px!important;
    }
}


/* ============================================================
   54. SMALL MOBILE
============================================================ */

@media(max-width:480px){

    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews{

        padding:
            20px
            15px
            18px!important;
    }


    .elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-widget-wrap{

        padding:
            8px!important;
    }
}


/* ============================================================
   55. EXTRA OVERFLOW SAFETY
============================================================ */

.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-head,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-head-left,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-copy,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-widget-wrap,
.elementor-13 .elementor-element.elementor-element-a469709 .partner-reviews-widget{

    min-width:0!important;

    max-width:100%;
}


/* ============================================================
   END TRIPADVISOR REVIEWS BAND
============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6491f50 *//* ============================================================
   ============================================================
   FINAL HIGH-END ABOUT US
   CV BALINGKANG PARADISE

   ELEMENTOR CONTAINER VERSION

   FONT
   Heading : El Messiri
   Body    : DM Sans

   COLOR
   Semua warna dikontrol langsung oleh CSS.
   Tidak membutuhkan Elementor Global Color.

   RESPONSIVE
   Desktop
   Laptop
   Tablet
   Android
   iPhone
   Small Mobile
   ============================================================
   ============================================================ */


/* ============================================================
   01. MASTER DESIGN SYSTEM
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 {

    /* --------------------------------------------------------
       BRAND COLORS
       -------------------------------------------------------- */

    --ab-primary: #6D1F24;
    /* Deep Maroon */

    --ab-secondary: #A83832;
    /* Heritage Red */

    --ab-warm-red: #C85B4A;
    /* Brick Red */

    --ab-accent: #2F6462;
    /* Deep Teal */


    /* --------------------------------------------------------
       LIGHT COLORS
       -------------------------------------------------------- */

    --ab-ivory: #F7F1E7;

    --ab-section-top: #FCF9F4;

    --ab-blush: #EAD8D2;

    --ab-white: #FFFFFF;


    /* --------------------------------------------------------
       TEXT COLORS
       -------------------------------------------------------- */

    --ab-text: #2B2523;

    --ab-muted:
        rgba(43, 37, 35, 0.70);

    --ab-soft:
        rgba(43, 37, 35, 0.54);

    --ab-faint:
        rgba(43, 37, 35, 0.34);


    /* --------------------------------------------------------
       BORDER COLORS
       -------------------------------------------------------- */

    --ab-line:
        rgba(109, 31, 36, 0.15);

    --ab-line-soft:
        rgba(109, 31, 36, 0.075);


    /* --------------------------------------------------------
       SIZING
       -------------------------------------------------------- */

    --ab-max-width: 1440px;

    --ab-image-radius: 44px;

    --ab-owner-radius: 28px;

    --ab-column-gap:
        clamp(76px, 8vw, 145px);


    /* --------------------------------------------------------
       SECTION BASE
       -------------------------------------------------------- */

    position: relative;

    width: 100%;

    overflow: hidden;

    isolation: isolate;

    box-sizing: border-box;

    font-family:
        "DM Sans",
        sans-serif;

    color:
        var(--ab-text);

    background:
        linear-gradient(
            180deg,
            var(--ab-section-top) 0%,
            var(--ab-ivory) 100%
        );

    padding:
        clamp(90px, 9vw, 155px)
        clamp(22px, 5vw, 82px);
}


/* ============================================================
   02. BOX SIZING
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 *,
.elementor-13 .elementor-element.elementor-element-6491f50 *::before,
.elementor-13 .elementor-element.elementor-element-6491f50 *::after {

    box-sizing: border-box;
}


/* ============================================================
   03. AMBIENT RED GLOW
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50::before {

    content: "";

    position: absolute;

    width:
        clamp(440px, 56vw, 920px);

    height:
        clamp(440px, 56vw, 920px);

    right:
        clamp(-450px, -21vw, -180px);

    top:
        clamp(-330px, -15vw, -120px);

    z-index: -3;

    pointer-events: none;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(168, 56, 50, 0.13) 0%,
            rgba(168, 56, 50, 0.055) 36%,
            transparent 70%
        );

    filter:
        blur(7px);

    animation:
        aboutAmbientGlow
        10s
        ease-in-out
        infinite;
}


/* ============================================================
   04. SUBTLE GRID TEXTURE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -4;

    pointer-events: none;

    opacity: 0.34;

    background-image:

        linear-gradient(
            rgba(109, 31, 36, 0.025) 1px,
            transparent 1px
        ),

        linear-gradient(
            90deg,
            rgba(109, 31, 36, 0.025) 1px,
            transparent 1px
        );

    background-size:
        48px 48px;

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent,
            black 16%,
            black 84%,
            transparent
        );

    mask-image:
        linear-gradient(
            to right,
            transparent,
            black 16%,
            black 84%,
            transparent
        );
}


/* ============================================================
   05. MAIN SHELL
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-shell {

    position: relative;

    width:
        min(
            100%,
            var(--ab-max-width)
        );

    margin-inline: auto;

    display:
        grid !important;

    grid-template-columns:
        minmax(0, 0.98fr)
        minmax(0, 1.02fr);

    align-items: center;

    gap:
        var(--ab-column-gap);

    z-index: 2;
}


/* ============================================================
   06. LARGE 01 WATERMARK
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-shell::before {

    content: "01";

    position: absolute;

    right: 0;

    top: -74px;

    z-index: -1;

    pointer-events: none;

    user-select: none;

    font-family:
        "El Messiri",
        serif;

    font-size:
        clamp(82px, 10vw, 160px);

    font-weight: 500;

    line-height: 1;

    letter-spacing: -0.04em;

    color: transparent;

    -webkit-text-stroke:
        1px
        rgba(109, 31, 36, 0.055);

    opacity: 0.90;
}


/* ============================================================
   07. LARGE BALI WATERMARK
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-shell::after {

    content: "BALI";

    position: absolute;

    left: 0;

    bottom: -58px;

    z-index: -1;

    pointer-events: none;

    user-select: none;

    font-family:
        "El Messiri",
        serif;

    font-size:
        clamp(90px, 14vw, 220px);

    font-weight: 600;

    line-height: 0.8;

    letter-spacing: -0.045em;

    color: transparent;

    -webkit-text-stroke:
        1px
        rgba(109, 31, 36, 0.042);

    opacity: 0.78;
}


/* ============================================================
   08. VISUAL COLUMN
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

    position: relative;

    display: block !important;

    width: 100%;

    min-width: 0;

    min-height:
        clamp(630px, 50vw, 790px);

    z-index: 3;
}


/* ============================================================
   09. MAIN IMAGE WRAPPER
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

    position: absolute;

    left: 0;

    top: 5%;

    width:
        min(82%, 560px);

    height: 78%;

    display: block !important;

    overflow: visible;

    z-index: 2;

    border-radius:
        var(--ab-image-radius);
}


/* ============================================================
   10. OFFSET IMAGE FRAME
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::before {

    content: "";

    position: absolute;

    inset:
        24px
        -24px
        -24px
        24px;

    z-index: -2;

    border:
        1px solid
        rgba(109, 31, 36, 0.20);

    border-radius:
        var(--ab-image-radius);

    transition:
        transform
        0.7s
        cubic-bezier(.2, .75, .2, 1);
}


/* ============================================================
   11. ORGANIC RED SHAPE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::after {

    content: "";

    position: absolute;

    width: 138px;

    height: 138px;

    left: -46px;

    top: -44px;

    z-index: -3;

    border-radius:
        50%
        50%
        22%
        50%;

    background:
        linear-gradient(
            145deg,
            var(--ab-secondary),
            var(--ab-warm-red)
        );

    opacity: 0.94;

    transform:
        rotate(18deg);

    box-shadow:
        0 24px 52px
        rgba(109, 31, 36, 0.12);
}


/* ============================================================
   12. MAIN IMAGE WIDGET
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image {

    width: 100%;

    height: 100%;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image
.elementor-widget-container {

    position: relative;

    width: 100%;

    height: 100%;

    overflow: hidden;

    border-radius:
        var(--ab-image-radius);

    background:
        var(--ab-blush);

    box-shadow:
        0 32px 74px
        rgba(55, 34, 30, 0.13);
}


/* ============================================================
   13. MAIN IMAGE SUBTLE OVERLAY
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image
.elementor-widget-container::after {

    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            transparent 52%,
            rgba(34, 21, 20, 0.11) 100%
        );
}


/* ============================================================
   14. MAIN IMAGE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image img {

    display: block;

    width: 100%;

    height: 100%;

    min-height: 100%;

    object-fit: cover;

    object-position: center center;

    transform:
        scale(1.02);

    transition:
        transform
        1.1s
        cubic-bezier(.2, .75, .2, 1),
        filter
        0.8s
        ease;
}


/* ============================================================
   15. MAIN IMAGE HOVER
   ============================================================ */

@media (hover:hover) {

    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-main-image-wrap:hover
    .about-main-image img {

        transform:
            scale(1.07);

        filter:
            saturate(1.035)
            contrast(1.015);
    }


    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-main-image-wrap:hover::before {

        transform:
            translate(7px, 7px);
    }
}


/* ============================================================
   16. OWNER CARD
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card {

    position: absolute;

    right: 0;

    bottom: 1%;

    width:
        clamp(225px, 20vw, 315px);

    display:
        flex !important;

    flex-direction: column;

    align-items: stretch;

    overflow: hidden;

    z-index: 7;

    border:
        7px solid
        var(--ab-ivory);

    border-radius:
        var(--ab-owner-radius);

    background:
        var(--ab-white);

    /* softer premium shadow */

    box-shadow:
        0 24px 55px
        rgba(49, 30, 28, 0.13);

    transition:
        transform
        0.6s
        cubic-bezier(.2, .75, .2, 1),
        box-shadow
        0.6s
        ease;
}


/* ============================================================
   17. OWNER CARD TEAL DETAIL
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card::before {

    content: "";

    position: absolute;

    left: 20px;

    top: 20px;

    width: 10px;

    height: 10px;

    z-index: 8;

    border-radius: 50%;

    background:
        var(--ab-accent);

    box-shadow:
        0 0 0 7px
        rgba(47, 100, 98, 0.13);
}


/* ============================================================
   18. OWNER IMAGE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-image {

    width: 100%;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-image
.elementor-widget-container {

    width: 100%;

    overflow: hidden;

    aspect-ratio:
        4 / 4.7;

    background:
        var(--ab-blush);
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-image img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center top;

    transform:
        scale(1.01);

    transition:
        transform
        0.85s
        cubic-bezier(.2, .75, .2, 1);
}


/* ============================================================
   19. OWNER INFO
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-info {

    display:
        flex !important;

    flex-direction: column;

    align-items: flex-start;

    gap:
        5px !important;

    padding:
        20px
        22px
        23px;
}


/* ============================================================
   20. OWNER LABEL
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-label {

    margin: 0;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-label
.elementor-heading-title {

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        9px !important;

    font-weight:
        700 !important;

    line-height:
        1.35 !important;

    letter-spacing:
        0.16em !important;

    text-transform:
        uppercase;

    color:
        var(--ab-secondary) !important;
}


/* ============================================================
   21. OWNER ROLE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-role {

    margin: 0;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-role
.elementor-heading-title {

    margin: 0;

    font-family:
        "El Messiri",
        serif !important;

    font-size:
        clamp(19px, 1.7vw, 25px) !important;

    font-weight:
        500 !important;

    line-height:
        1.18 !important;

    letter-spacing:
        -0.015em !important;

    color:
        var(--ab-primary) !important;
}


/* ============================================================
   22. OWNER CARD HOVER
   ============================================================ */

@media (hover:hover) {

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card:hover {

        transform:
            translateY(-8px)
            rotate(-0.45deg);

        box-shadow:
            0 32px 72px
            rgba(49, 30, 28, 0.17);
    }


    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-owner-card:hover
    .about-owner-image img {

        transform:
            scale(1.055);
    }
}


/* ============================================================
   23. EXPERIENCE BADGE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {

    position: absolute;

    left: 5%;

    bottom: 0;

    z-index: 8;

    width:
        clamp(175px, 16vw, 225px);

    display:
        flex !important;

    flex-direction: column;

    align-items: flex-start;

    gap:
        5px !important;

    padding:
        22px
        24px;

    overflow: hidden;

    border:
        1px solid
        rgba(255, 255, 255, 0.15);

    border-radius:
        22px;

    background:
        linear-gradient(
            145deg,
            var(--ab-primary) 0%,
            #50171B 100%
        );

    box-shadow:
        0 22px 48px
        rgba(109, 31, 36, 0.20);
}


/* ============================================================
   24. EXPERIENCE DECORATION
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience::after {

    content: "";

    position: absolute;

    width: 92px;

    height: 92px;

    right: -35px;

    top: -35px;

    border-radius: 50%;

    background:
        rgba(168, 56, 50, 0.52);

    pointer-events: none;
}


/* ============================================================
   25. EXPERIENCE NUMBER
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-number {

    position: relative;

    z-index: 2;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-number
.elementor-heading-title {

    margin: 0;

    font-family:
        "El Messiri",
        serif !important;

    font-size:
        clamp(25px, 2.7vw, 39px) !important;

    font-weight:
        500 !important;

    line-height:
        1 !important;

    letter-spacing:
        -0.02em !important;

    color:
        var(--ab-white) !important;
}


/* ============================================================
   26. EXPERIENCE TEXT
   Improved readability
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text {

    position: relative;

    z-index: 2;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text
.elementor-widget-container,

.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text p {

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        10.5px !important;

    font-weight:
        400 !important;

    line-height:
        1.50 !important;

    letter-spacing:
        0.02em;

    color:
        rgba(255, 255, 255, 0.74) !important;
}


/* ============================================================
   27. CONTENT COLUMN
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-content {

    position: relative;

    min-width: 0;

    display:
        flex !important;

    flex-direction: column;

    align-items: flex-start;

    gap:
        0 !important;

    z-index: 4;
}


/* ============================================================
   28. ABOUT EYEBROW
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow {

    margin:
        0 0 24px;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow
.elementor-heading-title {

    display:
        inline-flex;

    align-items: center;

    gap: 13px;

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        clamp(10px, 0.75vw, 12px) !important;

    font-weight:
        700 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        0.18em !important;

    text-transform:
        uppercase;

    color:
        var(--ab-secondary) !important;
}


/* ============================================================
   29. EYEBROW LINE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow
.elementor-heading-title::before {

    content: "";

    width: 38px;

    height: 1px;

    flex-shrink: 0;

    background:
        var(--ab-secondary);
}


/* ============================================================
   30. MAIN ABOUT TITLE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-title {

    margin: 0;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-title
.elementor-heading-title {

    max-width: 740px;

    margin: 0;

    font-family:
        "El Messiri",
        serif !important;

    font-size:
        clamp(48px, 5.4vw, 84px) !important;

    font-weight:
        500 !important;

    line-height:
        0.98 !important;

    letter-spacing:
        -0.038em !important;

    color:
        var(--ab-primary) !important;

    text-wrap: balance;
}


/* ============================================================
   31. LEAD TEXT
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead {

    max-width: 670px;

    margin-top:
        clamp(26px, 3vw, 38px);

    padding-left: 24px;

    border-left:
        1px solid
        var(--ab-accent);
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead
.elementor-widget-container,

.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p {

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        clamp(16px, 1.25vw, 19px) !important;

    font-weight:
        500 !important;

    line-height:
        1.67 !important;

    letter-spacing:
        -0.012em;

    color:
        var(--ab-text) !important;
}


/* ============================================================
   32. COMPANY IDENTITY
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-company {

    position: relative;

    width: 100%;

    display:
        flex !important;

    flex-direction: column;

    align-items: flex-start;

    gap:
        6px !important;

    margin-top:
        clamp(36px, 4vw, 52px);

    padding:
        23px
        26px
        24px
        30px;

    overflow: hidden;

    border:
        1px solid
        var(--ab-line);

    border-radius:
        18px;

    background:
        rgba(255, 255, 255, 0.58);

    -webkit-backdrop-filter:
        blur(8px);

    backdrop-filter:
        blur(8px);

    box-shadow:
        inset
        0 1px 0
        rgba(255, 255, 255, 0.66);
}


/* ============================================================
   33. COMPANY RED STRIPE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-company::before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    bottom: 0;

    width: 4px;

    background:
        linear-gradient(
            to bottom,
            var(--ab-secondary),
            var(--ab-primary)
        );
}


/* ============================================================
   34. COMPANY DECORATIVE RING
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-company::after {

    content: "";

    position: absolute;

    width: 108px;

    height: 108px;

    right: -48px;

    top: -52px;

    border:
        1px solid
        rgba(109, 31, 36, 0.085);

    border-radius: 50%;

    pointer-events: none;
}


/* ============================================================
   35. COMPANY LABEL
   Improved readability
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-company-label
.elementor-heading-title {

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        10px !important;

    font-weight:
        700 !important;

    line-height:
        1.3 !important;

    letter-spacing:
        0.18em !important;

    text-transform:
        uppercase;

    color:
        var(--ab-soft) !important;
}


/* ============================================================
   36. COMPANY NAME
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-company-name
.elementor-heading-title {

    margin: 0;

    font-family:
        "El Messiri",
        serif !important;

    font-size:
        clamp(22px, 2vw, 31px) !important;

    font-weight:
        600 !important;

    line-height:
        1.2 !important;

    letter-spacing:
        0.025em !important;

    color:
        var(--ab-primary) !important;
}


/* ============================================================
   37. DESCRIPTION
   Improved readability
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-description {

    max-width: 700px;

    margin-top: 27px;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-description
.elementor-widget-container,

.elementor-13 .elementor-element.elementor-element-6491f50 .about-description p {

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        clamp(14.5px, 1.05vw, 16px) !important;

    font-weight:
        400 !important;

    line-height:
        1.85 !important;

    letter-spacing:
        -0.003em;

    color:
        rgba(43, 37, 35, 0.68) !important;
}


/* ============================================================
   38. TRUST GRID
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-grid {

    position: relative;

    width: 100%;

    display:
        grid !important;

    grid-template-columns:
        repeat(
            2,
            minmax(0, 1fr)
        );

    gap:
        0 !important;

    margin-top:
        clamp(38px, 4vw, 55px);

    border-top:
        1px solid
        var(--ab-line);

    border-left:
        1px solid
        var(--ab-line);
}


/* ============================================================
   39. TRUST ITEM
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item {

    position: relative;

    min-width: 0;

    display:
        grid !important;

    grid-template-columns:
        46px
        minmax(0, 1fr);

    grid-template-rows:
        auto
        auto;

    column-gap: 16px;

    row-gap: 6px;

    align-items: start;

    padding:
        26px
        24px;

    overflow: hidden;

    border-right:
        1px solid
        var(--ab-line);

    border-bottom:
        1px solid
        var(--ab-line);

    background:
        transparent;

    transition:
        transform
        0.45s
        cubic-bezier(.2, .75, .2, 1),
        background
        0.45s
        ease;
}


/* ============================================================
   40. TRUST HOVER BACKGROUND
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item::before {

    content: "";

    position: absolute;

    inset: 0;

    z-index: -1;

    background:
        linear-gradient(
            145deg,
            rgba(168, 56, 50, 0.068),
            rgba(255, 255, 255, 0)
        );

    opacity: 0;

    transition:
        opacity
        0.45s
        ease;
}


/* ============================================================
   41. TRUST ICON WRAPPER
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon {

    grid-column: 1;

    grid-row:
        1 / 3;
}


/* ============================================================
   42. TRUST ICON
   FINAL DEEP TEAL FIX

   !important sengaja digunakan agar warna bawaan Elementor
   tidak mengubahnya menjadi biru/cyan.
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon
.elementor-widget-container {

    color:
        var(--ab-accent) !important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon
.elementor-icon {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        44px !important;

    height:
        44px !important;

    padding:
        0 !important;

    border:
        1px solid
        rgba(47, 100, 98, 0.28) !important;

    border-radius:
        50% !important;

    color:
        var(--ab-accent) !important;

    background:
        rgba(47, 100, 98, 0.065) !important;

    transition:
        transform
        0.45s
        cubic-bezier(.2, .75, .2, 1),
        color
        0.45s
        ease,
        background
        0.45s
        ease,
        border-color
        0.45s
        ease,
        box-shadow
        0.45s
        ease;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon svg {

    width:
        17px !important;

    height:
        17px !important;

    color:
        var(--ab-accent) !important;

    fill:
        var(--ab-accent) !important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon svg path {

    fill:
        var(--ab-accent) !important;

    color:
        var(--ab-accent) !important;
}


/* ============================================================
   43. TRUST TITLE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title {

    grid-column: 2;

    grid-row: 1;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title
.elementor-heading-title {

    margin: 0;

    font-family:
        "El Messiri",
        serif !important;

    font-size:
        clamp(18px, 1.25vw, 21px) !important;

    font-weight:
        600 !important;

    line-height:
        1.25 !important;

    letter-spacing:
        -0.01em;

    color:
        var(--ab-primary) !important;
}


/* ============================================================
   44. TRUST TEXT
   Improved readability
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text {

    grid-column: 2;

    grid-row: 2;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text
.elementor-widget-container,

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p {

    margin: 0;

    font-family:
        "DM Sans",
        sans-serif !important;

    font-size:
        clamp(13px, 0.90vw, 14px) !important;

    font-weight:
        400 !important;

    line-height:
        1.65 !important;

    color:
        rgba(43, 37, 35, 0.56) !important;
}


/* ============================================================
   45. TRUST DESKTOP HOVER
   ============================================================ */

@media (hover:hover) {

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item:hover {

        transform:
            translateY(-4px);
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item:hover::before {

        opacity: 1;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon {

        transform:
            rotate(-6deg)
            scale(1.065);

        background:
            var(--ab-accent) !important;

        border-color:
            var(--ab-accent) !important;

        color:
            var(--ab-white) !important;

        box-shadow:
            0 11px 28px
            rgba(47, 100, 98, 0.18);
    }


    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon svg,

    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon svg path {

        color:
            #FFFFFF !important;

        fill:
            #FFFFFF !important;
    }
}


/* ============================================================
   46. SIGNATURE WRAPPER
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature {

    width: 100%;

    display:
        flex !important;

    flex-direction: row;

    align-items: center;

    gap:
        18px !important;

    margin-top:
        30px;
}


/* ============================================================
   47. SIGNATURE LINE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-line {

    width:
        48px !important;

    min-width:
        48px;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-line
.elementor-divider {

    padding:
        0 !important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-line
.elementor-divider-separator {

    width:
        48px !important;

    border-block-start:
        1px solid
        var(--ab-accent) !important;
}


/* ============================================================
   48. SIGNATURE TEXT
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-text
.elementor-widget-container,

.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-text p {

    margin: 0;

    font-family:
        "El Messiri",
        serif !important;

    font-size:
        clamp(16px, 1.2vw, 20px) !important;

    font-weight:
        500 !important;

    font-style:
        italic;

    line-height:
        1.35 !important;

    color:
        var(--ab-primary) !important;
}


/* ============================================================
   49. MODERN SCROLL REVEAL
   ============================================================ */

@supports (animation-timeline: view()) {

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        animation:
            aboutImageReveal
            linear
            both;

        animation-timeline:
            view();

        animation-range:
            entry 0%
            entry 36%;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-content {

        animation:
            aboutContentReveal
            linear
            both;

        animation-timeline:
            view();

        animation-range:
            entry 0%
            entry 35%;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card {

        animation:
            aboutOwnerReveal
            linear
            both;

        animation-timeline:
            view();

        animation-range:
            entry 5%
            entry 42%;
    }
}


/* ============================================================
   50. IMAGE REVEAL
   ============================================================ */

@keyframes aboutImageReveal {

    from {

        opacity: 0;

        transform:
            translateX(-35px)
            scale(0.975);
    }

    to {

        opacity: 1;

        transform:
            translateX(0)
            scale(1);
    }
}


/* ============================================================
   51. CONTENT REVEAL
   ============================================================ */

@keyframes aboutContentReveal {

    from {

        opacity: 0;

        transform:
            translateY(30px);
    }

    to {

        opacity: 1;

        transform:
            translateY(0);
    }
}


/* ============================================================
   52. OWNER REVEAL
   ============================================================ */

@keyframes aboutOwnerReveal {

    from {

        opacity: 0;

        transform:
            translateY(35px)
            rotate(2deg);
    }

    to {

        opacity: 1;

        transform:
            translateY(0)
            rotate(0);
    }
}


/* ============================================================
   53. AMBIENT ANIMATION
   ============================================================ */

@keyframes aboutAmbientGlow {

    0%,
    100% {

        opacity: 0.82;

        transform:
            scale(1);
    }

    50% {

        opacity: 1;

        transform:
            scale(1.06);
    }
}


/* ============================================================
   54. LARGE DESKTOP
   >= 1600px
   ============================================================ */

@media (min-width:1600px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 {

        --ab-max-width:
            1510px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            810px;
    }
}


/* ============================================================
   55. LAPTOP
   1025px - 1280px
   ============================================================ */

@media
(min-width:1025px)
and
(max-width:1280px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 {

        padding-left:
            48px;

        padding-right:
            48px;

        --ab-column-gap:
            72px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell {

        grid-template-columns:
            minmax(0, 0.92fr)
            minmax(0, 1.08fr);
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            650px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            80%;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            225px;
    }
}


/* ============================================================
   56. TABLET
   768px - 1024px
   ============================================================ */

@media
(min-width:768px)
and
(max-width:1024px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 {

        /* ----------------------------------------------------
           TABLET POSITION CONFIG

           Positive X = ke kanan
           Negative X = ke kiri

           Positive Y = turun
           Negative Y = naik
           ---------------------------------------------------- */

        --tb-visual-x: 0px;

        --tb-visual-y: 0px;

        --tb-owner-x: 0px;

        --tb-owner-y: 0px;

        --tb-experience-x: 0px;

        --tb-experience-y: 0px;

        --tb-content-x: 0px;

        --tb-content-y: 0px;


        padding:
            90px
            clamp(32px, 5vw, 54px);
    }


    /* MAIN STACK */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell {

        grid-template-columns:
            1fr;

        gap:
            88px;
    }


    /* VISUAL */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        width:
            100%;

        min-height:
            650px;

        max-width:
            720px;

        margin-inline:
            auto;

        transform:
            translate(
                var(--tb-visual-x),
                var(--tb-visual-y)
            ) !important;
    }


    /* MAIN PHOTO */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            72%;

        height:
            82%;

        left:
            4%;

        top:
            0;
    }


    /* OWNER */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            clamp(220px, 30vw, 270px);

        right:
            2%;

        bottom:
            -2%;

        transform:
            translate(
                var(--tb-owner-x),
                var(--tb-owner-y)
            );
    }


    /* EXPERIENCE */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {

        left:
            1%;

        bottom:
            -2%;

        transform:
            translate(
                var(--tb-experience-x),
                var(--tb-experience-y)
            );
    }


    /* CONTENT */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-content {

        width:
            100%;

        max-width:
            760px;

        margin-inline:
            auto;

        transform:
            translate(
                var(--tb-content-x),
                var(--tb-content-y)
            ) !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(54px, 8vw, 76px) !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description {

        max-width:
            720px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell::before {

        top:
            -62px;
    }
}


/* ============================================================
   57. TABLET PORTRAIT
   768px - 820px
   ============================================================ */

@media
(min-width:768px)
and
(max-width:820px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            620px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            225px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(50px, 8.2vw, 67px) !important;
    }
}


/* ============================================================
   58. MOBILE
   <= 767px
   Android + iPhone
   ============================================================ */

@media (max-width:767px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 {

        --ab-image-radius:
            28px;

        padding:
            72px
            clamp(18px, 5.5vw, 26px);
    }


    /* MAIN LAYOUT */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell {

        grid-template-columns:
            1fr;

        gap:
            76px;
    }


    /* VISUAL */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        width:
            100%;

        min-height:
            clamp(510px, 132vw, 650px);
    }


    /* MAIN IMAGE */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        left: 0;

        top: 0;

        width:
            83%;

        height:
            72%;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-main-image-wrap::before {

        inset:
            15px
            -15px
            -15px
            15px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-main-image-wrap::after {

        width:
            84px;

        height:
            84px;

        left:
            -25px;

        top:
            -24px;
    }


    /* OWNER CARD */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            clamp(180px, 53vw, 230px);

        right:
            0;

        bottom:
            3%;

        border-width:
            5px;

        border-radius:
            23px;

        box-shadow:
            0 20px 46px
            rgba(49, 30, 28, 0.13);
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card::before {

        left:
            15px;

        top:
            15px;

        width:
            8px;

        height:
            8px;

        box-shadow:
            0 0 0
            5px
            rgba(47, 100, 98, 0.13);
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-info {

        padding:
            16px
            17px
            18px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-label
    .elementor-heading-title {

        font-size:
            8px !important;

        letter-spacing:
            0.14em !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-role
    .elementor-heading-title {

        font-size:
            18px !important;
    }


    /* EXPERIENCE */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {

        left:
            0;

        bottom:
            4%;

        width:
            clamp(145px, 40vw, 180px);

        padding:
            17px
            18px;

        border-radius:
            17px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-number
    .elementor-heading-title {

        font-size:
            24px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text p {

        font-size:
            9.7px !important;

        line-height:
            1.45 !important;
    }


    /* CONTENT */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow {

        margin-bottom:
            19px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow
    .elementor-heading-title {

        font-size:
            9px !important;

        letter-spacing:
            0.15em !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow
    .elementor-heading-title::before {

        width:
            26px;
    }


    /* TITLE */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(42px, 12vw, 57px) !important;

        line-height:
            0.99 !important;

        letter-spacing:
            -0.035em !important;
    }


    /* LEAD */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead {

        max-width:
            100%;

        margin-top:
            23px;

        padding-left:
            17px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p {

        font-size:
            15px !important;

        line-height:
            1.65 !important;
    }


    /* COMPANY */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-company {

        margin-top:
            31px;

        padding:
            19px
            20px
            20px
            24px;

        border-radius:
            16px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-company-label
    .elementor-heading-title {

        font-size:
            9px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-company-name
    .elementor-heading-title {

        font-size:
            21px !important;

        letter-spacing:
            0.015em !important;
    }


    /* DESCRIPTION */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description {

        margin-top:
            22px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            14px !important;

        line-height:
            1.78 !important;
    }


    /* TRUST GRID */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-grid {

        grid-template-columns:
            1fr;

        margin-top:
            38px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item {

        grid-template-columns:
            42px
            minmax(0, 1fr);

        padding:
            22px
            18px;

        column-gap:
            14px;

        row-gap:
            5px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon
    .elementor-icon {

        width:
            40px !important;

        height:
            40px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon svg {

        width:
            15px !important;

        height:
            15px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title
    .elementor-heading-title {

        font-size:
            17px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            12.5px !important;

        line-height:
            1.60 !important;
    }


    /* SIGNATURE */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-signature {

        margin-top:
            27px;

        gap:
            13px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-line {

        width:
            32px !important;

        min-width:
            32px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-signature-line
    .elementor-divider-separator {

        width:
            32px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-text
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-text p {

        font-size:
            16px !important;
    }


    /* BALI WATERMARK */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell::after {

        font-size:
            clamp(95px, 31vw, 150px);

        bottom:
            -24px;

        opacity:
            0.45;
    }


    /* 01 */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell::before {

        top:
            -35px;

        right:
            2px;

        font-size:
            clamp(70px, 24vw, 100px);
    }
}


/* ============================================================
   59. SMALL MOBILE
   <= 480px
   ============================================================ */

@media (max-width:480px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 {

        padding-left:
            max(
                18px,
                env(safe-area-inset-left)
            );

        padding-right:
            max(
                18px,
                env(safe-area-inset-right)
            );
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            clamp(485px, 132vw, 590px);
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            48vw;

        min-width:
            170px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {

        width:
            38vw;

        min-width:
            140px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(39px, 11.5vw, 50px) !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-company-name
    .elementor-heading-title {

        font-size:
            20px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-company {

        padding-right:
            18px;
    }
}


/* ============================================================
   60. VERY SMALL MOBILE
   <= 374px
   ============================================================ */

@media (max-width:374px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 {

        padding-top:
            64px;

        padding-bottom:
            64px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            470px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            88%;

        height:
            69%;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            168px;

        min-width:
            168px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {

        width:
            136px;

        min-width:
            136px;

        padding:
            14px
            15px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-number
    .elementor-heading-title {

        font-size:
            21px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text p {

        font-size:
            8.8px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(36px, 11vw, 43px) !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-company-name
    .elementor-heading-title {

        font-size:
            18px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item {

        padding:
            19px
            14px;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            12px !important;
    }
}


/* ============================================================
   61. TOUCH DEVICES
   ============================================================ */

@media
(hover:none)
and
(pointer:coarse) {

    .elementor-13 .elementor-element.elementor-element-6491f50 a,
    .elementor-13 .elementor-element.elementor-element-6491f50 button {

        -webkit-tap-highlight-color:
            transparent;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item {

        transform:
            none;
    }
}


/* ============================================================
   62. REDUCED MOTION
   ============================================================ */

@media
(prefers-reduced-motion:reduce) {

    .elementor-13 .elementor-element.elementor-element-6491f50 *,
    .elementor-13 .elementor-element.elementor-element-6491f50 *::before,
    .elementor-13 .elementor-element.elementor-element-6491f50 *::after {

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            0.01ms !important;

        scroll-behavior:
            auto !important;
    }
}


/* ============================================================
   63. ACCESSIBILITY FOCUS
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 a:focus-visible,
.elementor-13 .elementor-element.elementor-element-6491f50 button:focus-visible {

    outline:
        2px solid
        var(--ab-accent);

    outline-offset:
        4px;
}


/* ============================================================
   64. TEXT SELECTION
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 ::selection {

    background:
        var(--ab-secondary);

    color:
        var(--ab-white);
}


/* ============================================================
   65. FINAL ELEMENTOR COLOR OVERRIDE
   Mencegah Style Elementor mengubah warna yang sudah ditentukan
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-title *,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-company-name *,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-role *,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title *,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-text * {

    font-family:
        "El Messiri",
        serif;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow *,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-label *,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-company-label *,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-description *,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead *,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text *,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text * {

    font-family:
        "DM Sans",
        sans-serif;
}


/* ============================================================
   66. FINAL TRUST ICON PROTECTION
   Mencegah Elementor Brand Color / Primary Color mengambil alih
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50
.about-trust-icon
.elementor-icon {

    color:
        #2F6462 !important;

    border-color:
        rgba(47,100,98,0.28) !important;

    background:
        rgba(47,100,98,0.065) !important;
}


.elementor-13 .elementor-element.elementor-element-6491f50
.about-trust-icon
.elementor-icon svg,

.elementor-13 .elementor-element.elementor-element-6491f50
.about-trust-icon
.elementor-icon svg path,

.elementor-13 .elementor-element.elementor-element-6491f50
.about-trust-icon
.elementor-icon i {

    color:
        #2F6462 !important;

    fill:
        #2F6462 !important;
}


@media (hover:hover) {

    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon {

        color:
            #FFFFFF !important;

        background:
            #2F6462 !important;

        border-color:
            #2F6462 !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon svg,

    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon svg path,

    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon i {

        color:
            #FFFFFF !important;

        fill:
            #FFFFFF !important;
    }
}
/* ============================================================
   ============================================================
   FINAL ABOUT US — COMPACT + READABLE OVERRIDE
   CV BALINGKANG PARADISE

   TUJUAN:
   - Section lebih pendek
   - Foto tetap dominan
   - Font lebih mudah dibaca
   - Spacing lebih rapat tetapi tetap premium
   - Desktop / Laptop / Tablet / Android / iPhone

   TEMPEL DI PALING BAWAH CSS ABOUT US YANG SEKARANG
   ============================================================
   ============================================================ */


/* ============================================================
   01. DESKTOP BASE
   PERKECIL TINGGI SECTION
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 {

    padding:
        clamp(60px, 5.8vw, 88px)
        clamp(22px, 5vw, 82px) !important;
}


/* ============================================================
   02. PERKECIL JARAK ANTAR KOLOM
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-shell {

    gap:
        clamp(48px, 5.5vw, 92px) !important;

    align-items:
        center !important;
}


/* ============================================================
   03. PERKECIL TINGGI AREA FOTO
   Sebelumnya terlalu tinggi.
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

    min-height:
        clamp(500px, 38vw, 610px) !important;
}


/* ============================================================
   04. MAIN IMAGE
   Foto tetap besar walaupun section diperpendek
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

    top:
        2% !important;

    width:
        min(80%, 540px) !important;

    height:
        82% !important;
}


/* ============================================================
   05. OFFSET FRAME LEBIH RAPAT
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::before {

    inset:
        18px
        -18px
        -18px
        18px !important;
}


/* ============================================================
   06. DECORATIVE RED SHAPE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::after {

    width:
        115px !important;

    height:
        115px !important;

    left:
        -37px !important;

    top:
        -35px !important;
}


/* ============================================================
   07. OWNER CARD
   Sedikit lebih compact
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card {

    width:
        clamp(205px, 17vw, 275px) !important;

    bottom:
        0 !important;

    border-width:
        6px !important;

    border-radius:
        24px !important;

    box-shadow:
        0 18px 42px
        rgba(49, 30, 28, 0.12) !important;
}


/* ============================================================
   08. OWNER IMAGE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-image
.elementor-widget-container {

    aspect-ratio:
        4 / 4.45 !important;
}


/* ============================================================
   09. OWNER INFO
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-info {

    padding:
        16px
        18px
        18px !important;

    gap:
        4px !important;
}


/* ============================================================
   10. OWNER SMALL LABEL
   PERBESAR
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-label
.elementor-heading-title {

    font-size:
        9.5px !important;

    line-height:
        1.4 !important;

    letter-spacing:
        0.14em !important;
}


/* ============================================================
   11. OWNER ROLE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-role
.elementor-heading-title {

    font-size:
        clamp(20px, 1.55vw, 24px) !important;

    line-height:
        1.15 !important;
}


/* ============================================================
   12. LOCAL BADGE
   Lebih kecil secara fisik tetapi teks lebih jelas
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {

    width:
        clamp(155px, 13vw, 195px) !important;

    padding:
        17px
        19px !important;

    border-radius:
        18px !important;

    left:
        4% !important;
}


/* ============================================================
   13. LOCAL BADGE TITLE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-number
.elementor-heading-title {

    font-size:
        clamp(24px, 2.15vw, 32px) !important;
}


/* ============================================================
   14. LOCAL BADGE DESCRIPTION
   PERBESAR
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text
.elementor-widget-container,

.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text p {

    font-size:
        11px !important;

    line-height:
        1.45 !important;

    color:
        rgba(255,255,255,0.80) !important;
}


/* ============================================================
   15. ABOUT EYEBROW
   PERBESAR SEDIKIT
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow {

    margin-bottom:
        17px !important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow
.elementor-heading-title {

    font-size:
        clamp(10.5px, 0.72vw, 12px) !important;

    letter-spacing:
        0.16em !important;
}


/* ============================================================
   16. MAIN TITLE
   Tetap besar, lebih readable
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-title
.elementor-heading-title {

    max-width:
        720px !important;

    font-size:
        clamp(52px, 4.9vw, 76px) !important;

    line-height:
        0.98 !important;

    letter-spacing:
        -0.035em !important;
}


/* ============================================================
   17. LEAD TEXT
   PERBESAR
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead {

    margin-top:
        20px !important;

    padding-left:
        20px !important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead
.elementor-widget-container,

.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p {

    font-size:
        clamp(16.5px, 1.15vw, 19px) !important;

    line-height:
        1.58 !important;
}


/* ============================================================
   18. COMPANY BOX
   Dipadatkan
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-company {

    margin-top:
        25px !important;

    padding:
        17px
        21px
        18px
        25px !important;

    border-radius:
        15px !important;
}


/* ============================================================
   19. COMPANY LABEL
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-company-label
.elementor-heading-title {

    font-size:
        10.5px !important;

    letter-spacing:
        0.16em !important;
}


/* ============================================================
   20. COMPANY NAME
   PERBESAR
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-company-name
.elementor-heading-title {

    font-size:
        clamp(23px, 1.85vw, 30px) !important;

    line-height:
        1.15 !important;
}


/* ============================================================
   21. DESCRIPTION
   Lebih besar + jarak lebih rapat
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-description {

    margin-top:
        19px !important;

    max-width:
        720px !important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-description
.elementor-widget-container,

.elementor-13 .elementor-element.elementor-element-6491f50 .about-description p {

    font-size:
        clamp(15px, 1vw, 16.5px) !important;

    line-height:
        1.68 !important;

    color:
        rgba(43,37,35,0.72) !important;
}


/* ============================================================
   22. TRUST GRID
   Naikkan lebih dekat ke description
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-grid {

    margin-top:
        27px !important;
}


/* ============================================================
   23. TRUST ITEM
   Dipadatkan
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item {

    grid-template-columns:
        42px
        minmax(0,1fr) !important;

    column-gap:
        13px !important;

    row-gap:
        4px !important;

    padding:
        18px
        17px !important;
}


/* ============================================================
   24. TRUST ICON
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon
.elementor-icon {

    width:
        39px !important;

    height:
        39px !important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon svg {

    width:
        16px !important;

    height:
        16px !important;
}


/* ============================================================
   25. TRUST TITLE
   PERBESAR
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title
.elementor-heading-title {

    font-size:
        clamp(18.5px, 1.22vw, 21.5px) !important;

    line-height:
        1.18 !important;
}


/* ============================================================
   26. TRUST DESCRIPTION
   Ini yang paling perlu diperbesar dari screenshot Anda
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text
.elementor-widget-container,

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p {

    font-size:
        clamp(13.5px, 0.86vw, 14.5px) !important;

    line-height:
        1.52 !important;

    color:
        rgba(43,37,35,0.62) !important;
}


/* ============================================================
   27. SIGNATURE
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature {

    margin-top:
        20px !important;

    gap:
        14px !important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-text
.elementor-widget-container,

.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-text p {

    font-size:
        clamp(17px, 1.1vw, 19px) !important;
}


/* ============================================================
   28. WATERMARK 01
   Sedikit lebih kecil agar section terasa compact
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-shell::before {

    top:
        -48px !important;

    font-size:
        clamp(70px, 8vw, 125px) !important;
}


/* ============================================================
   29. BALI WATERMARK
   ============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-shell::after {

    bottom:
        -35px !important;

    font-size:
        clamp(85px, 12vw, 180px) !important;
}


/* ============================================================
   30. LARGE DESKTOP
   ============================================================ */

@media (min-width:1600px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 {

        padding-top:
            78px !important;

        padding-bottom:
            78px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            590px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            76px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            16.5px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            14.5px !important;
    }
}


/* ============================================================
   31. LAPTOP
   1025px - 1280px
   ============================================================ */

@media
(min-width:1025px)
and
(max-width:1280px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 {

        padding:
            62px
            44px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell {

        gap:
            58px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            520px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            79% !important;

        height:
            82% !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            205px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(50px, 5vw, 65px) !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            15px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            13.5px !important;
    }
}


/* ============================================================
   32. TABLET
   768px - 1024px

   Karena tablet layout menjadi atas-bawah,
   tinggi visual dipotong cukup banyak.
   ============================================================ */

@media
(min-width:768px)
and
(max-width:1024px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 {

        padding:
            66px
            clamp(30px, 4.5vw, 46px)
            68px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell {

        gap:
            52px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            520px !important;

        max-width:
            650px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            70% !important;

        height:
            82% !important;

        left:
            4% !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            clamp(205px, 27vw, 240px) !important;

        bottom:
            0 !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {

        width:
            165px !important;

        bottom:
            1% !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(50px, 7vw, 64px) !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p {

        font-size:
            17px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            15.5px !important;

        line-height:
            1.70 !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title
    .elementor-heading-title {

        font-size:
            20px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            14px !important;
    }
}


/* ============================================================
   33. TABLET PORTRAIT
   768px - 820px
   ============================================================ */

@media
(min-width:768px)
and
(max-width:820px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            495px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell {

        gap:
            48px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(48px, 7vw, 58px) !important;
    }
}


/* ============================================================
   34. MOBILE
   ANDROID + IPHONE
   ============================================================ */

@media (max-width:767px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 {

        padding:
            52px
            clamp(18px,5.2vw,24px)
            54px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell {

        gap:
            42px !important;
    }


    /* VISUAL LEBIH PENDEK */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            clamp(400px, 105vw, 480px) !important;
    }


    /* FOTO UTAMA */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            80% !important;

        height:
            70% !important;

        top:
            0 !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::before {

        inset:
            11px
            -11px
            -11px
            11px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::after {

        width:
            70px !important;

        height:
            70px !important;

        left:
            -20px !important;

        top:
            -18px !important;
    }


    /* OWNER */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            clamp(165px, 46vw, 200px) !important;

        min-width:
            0 !important;

        right:
            0 !important;

        bottom:
            2% !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-info {

        padding:
            13px
            14px
            15px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-label
    .elementor-heading-title {

        font-size:
            8.5px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-role
    .elementor-heading-title {

        font-size:
            18.5px !important;
    }


    /* LOCAL BADGE */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {

        width:
            clamp(130px, 35vw, 155px) !important;

        min-width:
            0 !important;

        padding:
            13px
            14px !important;

        left:
            0 !important;

        bottom:
            3% !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-number
    .elementor-heading-title {

        font-size:
            21px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text p {

        font-size:
            9.5px !important;
    }


    /* EYEBROW */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow {

        margin-bottom:
            14px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow
    .elementor-heading-title {

        font-size:
            9.5px !important;
    }


    /* MAIN TITLE */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(40px, 10.5vw, 49px) !important;

        line-height:
            0.99 !important;
    }


    /* LEAD */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead {

        margin-top:
            18px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p {

        font-size:
            15.5px !important;

        line-height:
            1.60 !important;
    }


    /* COMPANY */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-company {

        margin-top:
            23px !important;

        padding:
            16px
            17px
            17px
            21px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-company-label
    .elementor-heading-title {

        font-size:
            9.5px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-company-name
    .elementor-heading-title {

        font-size:
            21px !important;
    }


    /* DESCRIPTION */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description {

        margin-top:
            18px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            14.5px !important;

        line-height:
            1.68 !important;
    }


    /* TRUST */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-grid {

        margin-top:
            27px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item {

        padding:
            17px
            15px !important;

        grid-template-columns:
            40px
            minmax(0,1fr) !important;

        column-gap:
            12px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon
    .elementor-icon {

        width:
            38px !important;

        height:
            38px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title
    .elementor-heading-title {

        font-size:
            18px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            13.5px !important;

        line-height:
            1.55 !important;
    }


    /* SIGNATURE */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-signature {

        margin-top:
            20px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-text
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-text p {

        font-size:
            16.5px !important;
    }


    /* WATERMARK */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell::before {

        top:
            -28px !important;

        font-size:
            72px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell::after {

        bottom:
            -10px !important;

        font-size:
            clamp(80px, 27vw, 125px) !important;
    }
}


/* ============================================================
   35. IPHONE / ANDROID SMALL
   <= 480px
   ============================================================ */

@media (max-width:480px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 {

        padding-left:
            max(
                18px,
                env(safe-area-inset-left)
            ) !important;

        padding-right:
            max(
                18px,
                env(safe-area-inset-right)
            ) !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            clamp(390px, 104vw, 450px) !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            clamp(38px, 10.3vw, 46px) !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            14.5px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title
    .elementor-heading-title {

        font-size:
            18px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            13.25px !important;
    }
}


/* ============================================================
   36. VERY SMALL PHONE
   <= 374px
   ============================================================ */

@media (max-width:374px) {

    .elementor-13 .elementor-element.elementor-element-6491f50 {

        padding-top:
            46px !important;

        padding-bottom:
            48px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual {

        min-height:
            365px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap {

        width:
            82% !important;

        height:
            68% !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card {

        width:
            155px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {

        width:
            122px !important;

        padding:
            11px
            12px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title {

        font-size:
            37px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p {

        font-size:
            15px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-company-name
    .elementor-heading-title {

        font-size:
            19px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description p {

        font-size:
            14px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title
    .elementor-heading-title {

        font-size:
            17.5px !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text
    .elementor-widget-container,

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p {

        font-size:
            13px !important;
    }
}
/* ============================================================
   ============================================================
   FINAL READABILITY LOCK — ALL DESCRIPTION TEXT = 16PX
   ABOUT US — CV BALINGKANG PARADISE

   This final block intentionally sits at the very bottom so it
   overrides every earlier desktop/tablet/mobile font-size rule.
   ============================================================
   ============================================================ */

/* MAIN LEAD DESCRIPTION */
.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead span {
    font-family: "DM Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.68 !important;
    color: #2B2523 !important;
}

/* MAIN DESCRIPTION BELOW COMPANY */
.elementor-13 .elementor-element.elementor-element-6491f50 .about-description,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-description .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-description p,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-description span {
    font-family: "DM Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.72 !important;
    color: rgba(43,37,35,.74) !important;
}

/* FOUR WHY / TRUST DESCRIPTIONS */
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text span {
    font-family: "DM Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.62 !important;
    color: rgba(43,37,35,.68) !important;
}

/* LOCAL BADGE DESCRIPTION — ALSO 16PX AS REQUESTED */
.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text p,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text span {
    font-family: "DM Sans", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: rgba(255,255,255,.88) !important;
}

/* Resize LOCAL badge so 16px description still fits neatly */
.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {
    width: clamp(205px, 17vw, 245px) !important;
    padding: 20px 22px !important;
    gap: 6px !important;
}

/* TRUST TITLES BALANCED AGAINST 16PX DESCRIPTION */
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title .elementor-heading-title {
    font-family: "El Messiri", "El Messeri", serif !important;
    font-size: clamp(21px, 1.35vw, 24px) !important;
    line-height: 1.18 !important;
}

/* TRUST CARDS NEED A LITTLE MORE ROOM */
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item {
    grid-template-columns: 44px minmax(0,1fr) !important;
    column-gap: 15px !important;
    row-gap: 7px !important;
    padding: 22px 20px !important;
}

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon .elementor-icon {
    width: 42px !important;
    height: 42px !important;
}

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon svg {
    width: 17px !important;
    height: 17px !important;
}

/* COMPANY / OWNER SUPPORTING TEXT — LARGER BUT STILL HIERARCHICAL */
.elementor-13 .elementor-element.elementor-element-6491f50 .about-company-label .elementor-heading-title {
    font-size: 11px !important;
    line-height: 1.4 !important;
}

.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-label .elementor-heading-title {
    font-size: 11px !important;
    line-height: 1.4 !important;
}

.elementor-13 .elementor-element.elementor-element-6491f50 .about-company-name .elementor-heading-title {
    font-size: clamp(24px, 1.9vw, 31px) !important;
    line-height: 1.16 !important;
}

.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-role .elementor-heading-title {
    font-size: clamp(21px, 1.6vw, 25px) !important;
    line-height: 1.18 !important;
}

.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-text,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-text .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-text p {
    font-size: clamp(18px, 1.2vw, 21px) !important;
    line-height: 1.4 !important;
}

/* TABLET — KEEP DESCRIPTION AT 16PX */
@media (min-width:768px) and (max-width:1024px) {
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description p,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text p {
        font-size: 16px !important;
    }

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {
        width: 220px !important;
        padding: 19px 20px !important;
    }

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title .elementor-heading-title {
        font-size: 21px !important;
    }
}

/* MOBILE — ANDROID + IPHONE */
@media (max-width:767px) {
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description p,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text p {
        font-size: 16px !important;
    }

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p {
        line-height: 1.65 !important;
    }

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description p {
        line-height: 1.7 !important;
    }

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p {
        line-height: 1.62 !important;
    }

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text p {
        line-height: 1.48 !important;
    }

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {
        width: clamp(180px, 51vw, 215px) !important;
        padding: 16px 17px !important;
    }

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title .elementor-heading-title {
        font-size: 20px !important;
    }

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item {
        grid-template-columns: 42px minmax(0,1fr) !important;
        column-gap: 14px !important;
        row-gap: 6px !important;
        padding: 20px 17px !important;
    }
}

/* SMALL MOBILE */
@media (max-width:480px) {
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description p,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text p {
        font-size: 16px !important;
    }

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {
        width: clamp(175px, 53vw, 205px) !important;
        padding: 15px 16px !important;
    }

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title .elementor-heading-title {
        font-size: 19px !important;
    }
}

/* VERY SMALL MOBILE */
@media (max-width:374px) {
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description p,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience-text p {
        font-size: 16px !important;
    }

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-experience {
        width: 175px !important;
        padding: 14px 15px !important;
    }

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title .elementor-heading-title {
        font-size: 18.5px !important;
    }
}

/* ============================================================
   ============================================================
   FINAL ABOUT US — BALANCED EDITORIAL LAYOUT
   CV BALINGKANG PARADISE

   TUJUAN FINAL:
   - Tidak meninggikan foto secara berlebihan
   - Menghilangkan space kosong besar pada desktop
   - Foto tetap proporsional / natural
   - Trust Grid dipindahkan secara visual ke bawah dua kolom
   - 4 Trust Item menjadi satu baris di desktop besar
   - Badge LOCAL dihilangkan
   - Watermark BALI dihilangkan
   - Organic red blob dihilangkan
   - Owner card tetap dipertahankan
   - Main title sedikit lebih kecil
   - Semua body / description tetap 16px
   - Tablet, Android, iPhone tetap responsive
   - Warna accent dikunci ke Sunset Gold sesuai palette Word
   ============================================================
   ============================================================ */


/* ============================================================
   01. FINAL BRAND ACCENT
   Menghapus teal/cyan dari versi lama
============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50{
    --ab-accent:#D7A44A!important;
}


/* ============================================================
   02. HAPUS ELEMEN YANG MEMBUAT VISUAL TERLALU RAMAI
============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-experience{
    display:none!important;
}

.elementor-13 .elementor-element.elementor-element-6491f50 .about-shell::after{
    content:none!important;
    display:none!important;
}

.elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::after{
    content:none!important;
    display:none!important;
}


/* ============================================================
   03. DESKTOP EDITORIAL GRID
   Kunci utama untuk menghilangkan ruang kosong:
   about-content dibuat display:contents sehingga trust grid
   bisa menggunakan lebar kedua kolom.
============================================================ */

@media(min-width:1025px){

    .elementor-13 .elementor-element.elementor-element-6491f50{
        padding:
            clamp(56px,5vw,76px)
            clamp(24px,5vw,82px)
            clamp(54px,4.8vw,72px)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell{
        display:grid!important;

        grid-template-columns:
            minmax(0,.92fr)
            minmax(0,1.08fr)
            !important;

        grid-template-rows:
            auto
            auto
            auto
            auto
            auto
            auto
            auto
            !important;

        column-gap:
            clamp(50px,5.8vw,94px)
            !important;

        row-gap:0!important;

        align-items:start!important;
    }


    /* -----------------------------------------
       Membuka wrapper content ke parent grid.
       Struktur Elementor tidak perlu diubah.
    ----------------------------------------- */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-content{
        display:contents!important;

        transform:none!important;

        animation:none!important;
    }


    /* -----------------------------------------
       VISUAL KIRI
       Foto tetap normal, tidak dipaksa tinggi.
    ----------------------------------------- */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual{
        grid-column:1;
        grid-row:1 / 6;

        position:relative!important;

        width:100%!important;

        min-height:
            clamp(500px,36vw,585px)
            !important;

        height:auto!important;

        align-self:start!important;

        margin:0!important;

        transform:none!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap{
        left:0!important;

        top:
            clamp(10px,1vw,16px)
            !important;

        width:
            min(82%,545px)
            !important;

        height:
            78%!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::before{
        inset:
            17px
            -17px
            -17px
            17px
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image img{
        object-position:center center!important;
    }


    /* -----------------------------------------
       OWNER CARD
    ----------------------------------------- */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card{
        right:0!important;

        bottom:
            clamp(10px,1.2vw,18px)
            !important;

        width:
            clamp(195px,16vw,255px)
            !important;

        border-width:
            6px!important;

        border-radius:
            23px!important;

        box-shadow:
            0 18px 44px
            rgba(49,30,28,.12)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-image
    .elementor-widget-container{
        aspect-ratio:
            4 / 4.35
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-info{
        padding:
            15px
            17px
            17px
            !important;

        gap:
            3px!important;
    }


    /* -----------------------------------------
       RIGHT CONTENT GRID POSITIONS
    ----------------------------------------- */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow{
        grid-column:2;
        grid-row:1;

        align-self:start;

        margin:
            4px 0 13px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title{
        grid-column:2;
        grid-row:2;

        align-self:start;

        margin:0!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead{
        grid-column:2;
        grid-row:3;

        align-self:start;

        margin-top:
            16px!important;

        padding-left:
            19px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-company{
        grid-column:2;
        grid-row:4;

        align-self:start;

        margin-top:
            20px!important;

        padding:
            16px
            20px
            17px
            24px
            !important;

        border-radius:
            14px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description{
        grid-column:2;
        grid-row:5;

        align-self:start;

        max-width:
            700px!important;

        margin-top:
            16px!important;
    }


    /* -----------------------------------------
       TITLE LEBIH KECIL
    ----------------------------------------- */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title{
        max-width:
            675px!important;

        font-size:
            clamp(47px,4.25vw,66px)
            !important;

        line-height:
            .99!important;

        letter-spacing:
            -.03em!important;
    }


    /* -----------------------------------------
       TRUST GRID FULL WIDTH
       Inilah bagian yang mengisi area bawah,
       bukan memaksa foto menjadi tinggi.
    ----------------------------------------- */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-grid{
        grid-column:
            1 / -1;

        grid-row:6;

        width:100%!important;

        margin-top:
            clamp(28px,3vw,40px)
            !important;

        display:grid!important;

        grid-template-columns:
            repeat(4,minmax(0,1fr))
            !important;

        border-top:
            1px solid
            rgba(109,31,36,.15)
            !important;

        border-left:
            1px solid
            rgba(109,31,36,.15)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item{
        min-height:
            154px;

        grid-template-columns:
            42px
            minmax(0,1fr)
            !important;

        column-gap:
            13px!important;

        row-gap:
            5px!important;

        padding:
            20px
            18px
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon
    .elementor-icon{
        width:
            40px!important;

        height:
            40px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon svg{
        width:
            16px!important;

        height:
            16px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-title
    .elementor-heading-title{
        font-size:
            clamp(19px,1.2vw,22px)
            !important;

        line-height:
            1.18!important;
    }


    /* -----------------------------------------
       SIGNATURE
    ----------------------------------------- */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-signature{
        grid-column:
            1 / -1;

        grid-row:7;

        justify-self:end;

        width:auto!important;

        margin-top:
            18px!important;

        gap:
            13px!important;
    }


    /* -----------------------------------------
       01 WATERMARK
    ----------------------------------------- */

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell::before{
        right:0!important;

        top:
            -38px!important;

        font-size:
            clamp(68px,7vw,112px)
            !important;

        opacity:
            .72!important;
    }
}


/* ============================================================
   04. LARGE DESKTOP
   >= 1440PX
============================================================ */

@media(min-width:1440px){

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual{
        min-height:
            565px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap{
        width:
            min(80%,555px)
            !important;

        height:
            79%!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title{
        font-size:
            clamp(54px,4vw,66px)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item{
        min-height:
            148px;
    }
}


/* ============================================================
   05. LAPTOP
   1025PX - 1280PX
   Trust Grid menjadi 2 kolom agar tidak sempit.
============================================================ */

@media
(min-width:1025px)
and
(max-width:1280px){

    .elementor-13 .elementor-element.elementor-element-6491f50{
        padding:
            54px
            44px
            56px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell{
        grid-template-columns:
            minmax(0,.9fr)
            minmax(0,1.1fr)
            !important;

        column-gap:
            50px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual{
        min-height:
            500px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap{
        width:
            80%!important;

        height:
            77%!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card{
        width:
            190px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title{
        font-size:
            clamp(45px,4.45vw,58px)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        margin-top:
            30px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item{
        min-height:
            0;
    }
}


/* ============================================================
   06. BODY TEXT LOCK — 16PX
============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead span,

.elementor-13 .elementor-element.elementor-element-6491f50 .about-description,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-description .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-description p,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-description span,

.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text span{
    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:
        16px!important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead p{
    line-height:
        1.62!important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-description,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-description p{
    line-height:
        1.66!important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-text p{
    line-height:
        1.58!important;
}


/* ============================================================
   07. WORD PALETTE — REMOVE OLD TEAL
============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-lead{
    border-left-color:
        #D7A44A!important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card::before{
    background:
        #D7A44A!important;

    box-shadow:
        0 0 0 6px
        rgba(215,164,74,.13)
        !important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon
.elementor-widget-container{
    color:
        #D7A44A!important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon
.elementor-icon{
    color:
        #D7A44A!important;

    border-color:
        rgba(215,164,74,.34)
        !important;

    background:
        rgba(215,164,74,.075)
        !important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon
.elementor-icon svg,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon
.elementor-icon svg path,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-icon
.elementor-icon i{
    color:
        #D7A44A!important;

    fill:
        #D7A44A!important;
}


.elementor-13 .elementor-element.elementor-element-6491f50 .about-signature-line
.elementor-divider-separator{
    border-block-start-color:
        #D7A44A!important;
}


@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon{
        color:
            #FFFFFF!important;

        background:
            #A83832!important;

        border-color:
            #A83832!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon svg,

    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon svg path,

    .elementor-13 .elementor-element.elementor-element-6491f50
    .about-trust-item:hover
    .about-trust-icon
    .elementor-icon i{
        color:
            #FFFFFF!important;

        fill:
            #FFFFFF!important;
    }
}


/* ============================================================
   08. TABLET
   Kembali memakai layout normal atas-bawah.
============================================================ */

@media
(min-width:768px)
and
(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-6491f50{
        padding:
            58px
            clamp(30px,4.5vw,46px)
            60px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell{
        display:grid!important;

        grid-template-columns:
            1fr!important;

        gap:
            40px!important;

        align-items:start!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-content{
        display:flex!important;

        flex-direction:column!important;

        align-items:flex-start!important;

        transform:none!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual{
        width:
            100%!important;

        max-width:
            650px!important;

        min-height:
            490px!important;

        margin-inline:
            auto!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap{
        left:
            4%!important;

        top:
            0!important;

        width:
            72%!important;

        height:
            79%!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card{
        right:
            2%!important;

        bottom:
            1%!important;

        width:
            clamp(195px,27vw,230px)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-company,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-grid,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-signature{
        grid-column:
            auto!important;

        grid-row:
            auto!important;

        justify-self:
            auto!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title{
        font-size:
            clamp(44px,6.6vw,56px)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-grid{
        width:
            100%!important;

        grid-template-columns:
            repeat(2,minmax(0,1fr))
            !important;

        margin-top:
            26px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-signature{
        width:
            100%!important;

        margin-top:
            18px!important;
    }
}


/* ============================================================
   09. MOBILE — ANDROID + IPHONE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-6491f50{
        padding:
            48px
            clamp(18px,5.2vw,24px)
            50px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell{
        display:grid!important;

        grid-template-columns:
            1fr!important;

        gap:
            32px!important;

        align-items:start!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-content{
        display:flex!important;

        flex-direction:column!important;

        align-items:flex-start!important;

        transform:none!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual{
        width:
            100%!important;

        min-height:
            clamp(380px,101vw,450px)
            !important;

        margin:
            0!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap{
        left:
            0!important;

        top:
            0!important;

        width:
            81%!important;

        height:
            70%!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap::before{
        inset:
            11px
            -11px
            -11px
            11px
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card{
        width:
            clamp(160px,45vw,195px)
            !important;

        right:
            0!important;

        bottom:
            1%!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-info{
        padding:
            13px
            14px
            15px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title{
        font-size:
            clamp(36px,9.6vw,44px)
            !important;

        line-height:
            1!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-eyebrow{
        margin-bottom:
            12px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-lead{
        margin-top:
            15px!important;

        padding-left:
            16px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-company{
        margin-top:
            19px!important;

        padding:
            16px
            17px
            17px
            21px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-description{
        margin-top:
            15px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-grid{
        display:grid!important;

        grid-template-columns:
            1fr!important;

        width:
            100%!important;

        margin-top:
            22px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item{
        min-height:
            0!important;

        grid-template-columns:
            42px
            minmax(0,1fr)
            !important;

        column-gap:
            14px!important;

        row-gap:
            6px!important;

        padding:
            20px
            17px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-signature{
        width:
            100%!important;

        justify-self:
            auto!important;

        margin-top:
            17px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-shell::before{
        top:
            -24px!important;

        font-size:
            68px!important;
    }
}


/* ============================================================
   10. SMALL MOBILE / IPHONE
============================================================ */

@media(max-width:480px){

    .elementor-13 .elementor-element.elementor-element-6491f50{
        padding-left:
            max(
                18px,
                env(safe-area-inset-left)
            )
            !important;

        padding-right:
            max(
                18px,
                env(safe-area-inset-right)
            )
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual{
        min-height:
            clamp(365px,99vw,420px)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap{
        width:
            82%!important;

        height:
            69%!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card{
        width:
            clamp(155px,44vw,185px)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title{
        font-size:
            clamp(35px,9.3vw,41px)
            !important;
    }
}


/* ============================================================
   11. VERY SMALL MOBILE
============================================================ */

@media(max-width:374px){

    .elementor-13 .elementor-element.elementor-element-6491f50{
        padding-top:
            43px!important;

        padding-bottom:
            46px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-visual{
        min-height:
            345px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap{
        width:
            83%!important;

        height:
            67%!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card{
        width:
            150px!important;
    }


    .elementor-13 .elementor-element.elementor-element-6491f50 .about-title
    .elementor-heading-title{
        font-size:
            33px!important;
    }
}


/* ============================================================
   12. TOUCH SAFETY
============================================================ */

@media(hover:none) and (pointer:coarse){

    .elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image img,
    .elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item{
        transform:none!important;
    }
}


/* ============================================================
   13. FINAL OVERFLOW SAFETY
============================================================ */

.elementor-13 .elementor-element.elementor-element-6491f50 .about-shell,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-visual,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-content,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-main-image-wrap,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-owner-card,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-company,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-grid,
.elementor-13 .elementor-element.elementor-element-6491f50 .about-trust-item{
    min-width:
        0!important;

    max-width:
        100%;
}


/* ============================================================
   END FINAL BALANCED EDITORIAL OVERRIDE
============================================================ *//* End custom CSS */
/* Start custom CSS for nested-tabs, class: .elementor-element-404be1a *//* =========================================================
   PUTU BALI TOUR — PREMIUM HERITAGE TABS
   WITH LEFT & RIGHT DECORATIVE ELEMENTS

   Deep Maroon   : #6D1F24
   Heritage Red  : #A83832
   Sunset Gold   : #D7A44A
   Brick Red     : #C85B4A
   Warm Ivory    : #F7F1E7
   Soft Blush    : #EAD8D2
   Charcoal      : #2B2523
   White         : #FFFFFF
   ========================================================= */


/* =========================================================
   ROOT
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a{
    --pt-maroon:#6D1F24;
    --pt-red:#A83832;
    --pt-red-dark:#8E2B2C;
    --pt-brick:#C85B4A;
    --pt-gold:#D7A44A;

    --pt-ivory:#F7F1E7;
    --pt-blush:#EAD8D2;
    --pt-text:#2B2523;
    --pt-white:#FFFFFF;

    --pt-ease:cubic-bezier(.22,.72,.2,1);

    position:relative;
}


/* =========================================================
   CLASSIC TABS WRAPPER
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tabs-wrapper{
    position:relative;

    display:flex !important;

    align-items:center;
    justify-content:center;

    gap:12px;

    width:100%;

    padding:9px 22px !important;

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            rgba(247,241,231,.94) 0%,
            rgba(255,255,255,.96) 100%
        );

    border:
        1px solid rgba(109,31,36,.09);

    border-radius:18px;

    box-shadow:
        0 10px 28px rgba(109,31,36,.055),
        inset 0 1px 0 rgba(255,255,255,.85);

    isolation:isolate;
}


/* =========================================================
   LEFT DECORATIVE ORNAMENT
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tabs-wrapper::before{
    content:"";

    flex:1 1 100px;

    width:100px;
    max-width:125px;
    min-width:35px;

    height:16px;

    opacity:.78;

    background:
        radial-gradient(
            circle at calc(100% - 2px) 50%,
            #D7A44A 0 3px,
            rgba(215,164,74,.28) 3.5px,
            transparent 7px
        ),

        linear-gradient(
            90deg,
            transparent 0%,
            rgba(109,31,36,.08) 15%,
            rgba(168,56,50,.30) 58%,
            #D7A44A 100%
        );

    background-repeat:no-repeat;

    background-size:
        16px 16px,
        calc(100% - 9px) 1px;

    background-position:
        right center,
        left center;

    transform-origin:right center;

    animation:
        ptLeftOrnament 3.8s
        ease-in-out infinite;

    pointer-events:none;
}


/* =========================================================
   RIGHT DECORATIVE ORNAMENT
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tabs-wrapper::after{
    content:"";

    flex:1 1 100px;

    width:100px;
    max-width:125px;
    min-width:35px;

    height:16px;

    opacity:.78;

    background:
        radial-gradient(
            circle at 2px 50%,
            #D7A44A 0 3px,
            rgba(215,164,74,.28) 3.5px,
            transparent 7px
        ),

        linear-gradient(
            90deg,
            #D7A44A 0%,
            rgba(168,56,50,.30) 42%,
            rgba(109,31,36,.08) 85%,
            transparent 100%
        );

    background-repeat:no-repeat;

    background-size:
        16px 16px,
        calc(100% - 9px) 1px;

    background-position:
        left center,
        right center;

    transform-origin:left center;

    animation:
        ptRightOrnament 3.8s
        ease-in-out infinite;

    pointer-events:none;
}


/* =========================================================
   SIDE ORNAMENT ANIMATION
   ========================================================= */

@keyframes ptLeftOrnament{

    0%,
    100%{
        opacity:.55;

        transform:
            scaleX(.88);
    }

    50%{
        opacity:1;

        transform:
            scaleX(1);

        filter:
            drop-shadow(
                0 0 4px rgba(215,164,74,.28)
            );
    }
}


@keyframes ptRightOrnament{

    0%,
    100%{
        opacity:.55;

        transform:
            scaleX(.88);
    }

    50%{
        opacity:1;

        transform:
            scaleX(1);

        filter:
            drop-shadow(
                0 0 4px rgba(215,164,74,.28)
            );
    }
}


/* =========================================================
   TAB ITEM
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title{
    position:relative !important;

    flex:0 0 auto;

    min-width:180px;

    display:flex !important;

    align-items:center;
    justify-content:center;

    padding:
        16px 28px !important;

    overflow:hidden;

    color:
        rgba(43,37,35,.72) !important;

    background:
        rgba(255,255,255,.92) !important;

    border:
        1px solid rgba(109,31,36,.10) !important;

    border-radius:
        13px !important;

    box-shadow:
        0 3px 10px rgba(109,31,36,.025);

    transform:
        translateY(0);

    isolation:isolate;

    transition:
        color .30s ease,
        background .35s ease,
        border-color .30s ease,
        transform .38s var(--pt-ease),
        box-shadow .38s ease !important;
}


/* =========================================================
   TAB SHINE
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title::before{
    content:"";

    position:absolute;

    top:-40%;
    left:-85%;

    width:40%;
    height:180%;

    transform:
        skewX(-23deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.08),
            rgba(255,255,255,.48),
            rgba(255,255,255,.08),
            transparent
        );

    opacity:0;

    pointer-events:none;

    transition:
        left .75s ease,
        opacity .2s ease;
}


/* =========================================================
   GOLD UNDERLINE
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:5px;

    width:0;
    height:2px;

    transform:
        translateX(-50%);

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #D7A44A,
            #FFFFFF,
            #D7A44A,
            transparent
        );

    opacity:0;

    pointer-events:none;

    transition:
        width .45s var(--pt-ease),
        opacity .30s ease;
}


/* =========================================================
   TAB HOVER
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title:hover{
    color:
        #6D1F24 !important;

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F7F1E7
        ) !important;

    border-color:
        rgba(168,56,50,.22) !important;

    transform:
        translateY(-3px);

    box-shadow:
        0 10px 22px rgba(109,31,36,.08);
}


.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title:hover::before{
    left:140%;

    opacity:1;
}


.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title:hover::after{
    width:38%;

    opacity:.8;
}


/* =========================================================
   ACTIVE TAB
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title.elementor-active,
.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title[aria-selected="true"],
.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title.elementor-active:hover{
    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #6D1F24 0%,
            #A83832 66%,
            #C85B4A 145%
        ) !important;

    background-color:
        #A83832 !important;

    border-color:
        rgba(168,56,50,.35) !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 11px 24px rgba(109,31,36,.17),
        inset 0 1px 0 rgba(255,255,255,.13) !important;

    font-weight:600 !important;

    animation:
        ptActiveTab
        3.4s ease-in-out infinite;
}


/* active underline */

.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title.elementor-active::after,
.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title[aria-selected="true"]::after{
    width:48%;

    opacity:1;
}


/* active moving shine */

.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title.elementor-active::before,
.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title[aria-selected="true"]::before{
    opacity:0;

    animation:
        ptActiveShine
        4.5s ease-in-out infinite;
}


/* =========================================================
   ACTIVE TAB ANIMATION
   ========================================================= */

@keyframes ptActiveTab{

    0%,
    100%{
        box-shadow:
            0 11px 24px rgba(109,31,36,.16),
            inset 0 1px 0 rgba(255,255,255,.12);
    }

    50%{
        box-shadow:
            0 14px 28px rgba(109,31,36,.22),
            inset 0 1px 0 rgba(255,255,255,.16);
    }

}


@keyframes ptActiveShine{

    0%{
        left:-85%;
        opacity:0;
    }

    12%{
        opacity:.65;
    }

    30%{
        left:135%;
        opacity:.15;
    }

    31%,
    100%{
        left:135%;
        opacity:0;
    }

}


/* =========================================================
   TAB CONTENT
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-content{
    border:none !important;

    animation:
        ptContentReveal
        .55s var(--pt-ease) both;
}


@keyframes ptContentReveal{

    from{
        opacity:0;

        transform:
            translateY(10px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }

}


/* =========================================================
   NEW ELEMENTOR / NESTED TABS
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a .e-n-tabs-heading{
    position:relative;

    display:flex !important;

    align-items:center;
    justify-content:center;

    gap:12px;

    width:100%;

    padding:9px 22px !important;

    overflow:hidden;

    background:
        linear-gradient(
            180deg,
            rgba(247,241,231,.94),
            rgba(255,255,255,.96)
        ) !important;

    border:
        1px solid rgba(109,31,36,.09);

    border-radius:18px;

    box-shadow:
        0 10px 28px rgba(109,31,36,.055);

    isolation:isolate;
}


/* LEFT NESTED ORNAMENT */

.elementor-13 .elementor-element.elementor-element-404be1a .e-n-tabs-heading::before{
    content:"";

    flex:1 1 100px;

    width:100px;
    max-width:125px;
    min-width:35px;

    height:16px;

    background:
        radial-gradient(
            circle at calc(100% - 2px) 50%,
            #D7A44A 0 3px,
            transparent 7px
        ),
        linear-gradient(
            90deg,
            transparent,
            rgba(109,31,36,.08),
            rgba(168,56,50,.30),
            #D7A44A
        );

    background-repeat:no-repeat;

    background-size:
        16px 16px,
        calc(100% - 9px) 1px;

    background-position:
        right center,
        left center;

    transform-origin:right center;

    animation:
        ptLeftOrnament 3.8s ease-in-out infinite;

    pointer-events:none;
}


/* RIGHT NESTED ORNAMENT */

.elementor-13 .elementor-element.elementor-element-404be1a .e-n-tabs-heading::after{
    content:"";

    flex:1 1 100px;

    width:100px;
    max-width:125px;
    min-width:35px;

    height:16px;

    background:
        radial-gradient(
            circle at 2px 50%,
            #D7A44A 0 3px,
            transparent 7px
        ),
        linear-gradient(
            90deg,
            #D7A44A,
            rgba(168,56,50,.30),
            rgba(109,31,36,.08),
            transparent
        );

    background-repeat:no-repeat;

    background-size:
        16px 16px,
        calc(100% - 9px) 1px;

    background-position:
        left center,
        right center;

    transform-origin:left center;

    animation:
        ptRightOrnament 3.8s ease-in-out infinite;

    pointer-events:none;
}


/* =========================================================
   NESTED TAB ITEM
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title{
    position:relative !important;

    flex:0 0 auto;

    min-width:180px;

    display:flex !important;

    align-items:center;
    justify-content:center;

    padding:
        16px 28px !important;

    overflow:hidden;

    color:
        rgba(43,37,35,.72) !important;

    background:
        rgba(255,255,255,.92) !important;

    border:
        1px solid rgba(109,31,36,.10) !important;

    border-radius:
        13px !important;

    transform:
        translateY(0);

    isolation:isolate;

    transition:
        color .30s ease,
        background .35s ease,
        border-color .30s ease,
        transform .38s var(--pt-ease),
        box-shadow .38s ease !important;
}


/* shine */

.elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title::before{
    content:"";

    position:absolute;

    top:-40%;
    left:-85%;

    width:40%;
    height:180%;

    transform:
        skewX(-23deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.08),
            rgba(255,255,255,.48),
            rgba(255,255,255,.08),
            transparent
        );

    opacity:0;

    pointer-events:none;

    transition:
        left .75s ease,
        opacity .2s ease;
}


/* underline */

.elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:5px;

    width:0;
    height:2px;

    transform:
        translateX(-50%);

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #D7A44A,
            #FFFFFF,
            #D7A44A,
            transparent
        );

    opacity:0;

    transition:
        width .45s var(--pt-ease),
        opacity .30s ease;
}


/* =========================================================
   NESTED HOVER
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title:hover{
    color:
        #6D1F24 !important;

    background:
        linear-gradient(
            180deg,
            #FFFFFF,
            #F7F1E7
        ) !important;

    border-color:
        rgba(168,56,50,.22) !important;

    transform:
        translateY(-3px);

    box-shadow:
        0 10px 22px rgba(109,31,36,.08);
}


.elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title:hover::before{
    left:140%;

    opacity:1;
}


.elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title:hover::after{
    width:38%;

    opacity:.8;
}


/* =========================================================
   NESTED ACTIVE
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title[aria-selected="true"],
.elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title[aria-selected="true"]:hover{
    color:
        #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #6D1F24 0%,
            #A83832 66%,
            #C85B4A 145%
        ) !important;

    background-color:
        #A83832 !important;

    border-color:
        rgba(168,56,50,.35) !important;

    transform:
        translateY(-2px);

    box-shadow:
        0 11px 24px rgba(109,31,36,.17),
        inset 0 1px 0 rgba(255,255,255,.13) !important;

    font-weight:600 !important;

    animation:
        ptActiveTab
        3.4s ease-in-out infinite;
}


.elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title[aria-selected="true"]::after{
    width:48%;

    opacity:1;
}


.elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title[aria-selected="true"]::before{
    animation:
        ptActiveShine
        4.5s ease-in-out infinite;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tabs-wrapper,
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tabs-heading{
        padding:
            8px 14px !important;

        gap:9px;
    }


    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title,
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title{
        min-width:145px;

        padding:
            14px 18px !important;
    }


    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tabs-wrapper::before,
    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tabs-wrapper::after,
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tabs-heading::before,
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tabs-heading::after{
        max-width:70px;
        min-width:18px;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tabs-wrapper,
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tabs-heading{
        justify-content:flex-start;

        padding:
            6px !important;

        gap:7px;

        overflow-x:auto;

        flex-wrap:nowrap;

        scrollbar-width:none;
    }


    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tabs-wrapper::-webkit-scrollbar,
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tabs-heading::-webkit-scrollbar{
        display:none;
    }


    /*
       Decorative wings hidden on mobile
       so tabs keep enough space.
    */

    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tabs-wrapper::before,
    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tabs-wrapper::after,
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tabs-heading::before,
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tabs-heading::after{
        display:none;
    }


    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title,
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title{
        min-width:max-content;

        flex:
            0 0 auto;

        padding:
            12px 17px !important;

        border-radius:
            11px !important;
    }


    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title:hover,
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title:hover{
        transform:none;
    }


    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title.elementor-active,
    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title[aria-selected="true"],
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title[aria-selected="true"]{
        transform:none;

        animation:none;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    .elementor-13 .elementor-element.elementor-element-404be1a *,
    .elementor-13 .elementor-element.elementor-element-404be1a *::before,
    .elementor-13 .elementor-element.elementor-element-404be1a *::after{
        animation-duration:
            .01ms !important;

        animation-iteration-count:
            1 !important;

        transition-duration:
            .01ms !important;
    }

}
/* =========================================================
   MOBILE TABS — VERTICAL STACK
   1 TAB = 1 BARIS
   ========================================================= */

@media(max-width:767px){

    /* =========================================
       CLASSIC ELEMENTOR TABS
       ========================================= */

    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tabs-wrapper{
        display:flex !important;

        flex-direction:column !important;
        flex-wrap:nowrap !important;

        align-items:stretch !important;
        justify-content:flex-start !important;

        width:100% !important;

        gap:8px !important;

        padding:7px !important;

        overflow:visible !important;
    }


    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title{
        width:100% !important;

        min-width:0 !important;
        max-width:100% !important;

        flex:0 0 auto !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        padding:13px 18px !important;

        margin:0 !important;

        text-align:center !important;

        white-space:nowrap !important;

        border-radius:11px !important;

        font-size:14px !important;
        line-height:1.2 !important;

        transition:
            background .35s ease,
            color .35s ease,
            border-color .35s ease,
            box-shadow .35s ease,
            transform .35s cubic-bezier(.22,.72,.2,1)
            !important;
    }


    /* inactive */
    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title:not(.elementor-active){
        color:#6D1F24 !important;

        background:
            rgba(255,255,255,.72) !important;

        border:
            1px solid rgba(109,31,36,.10) !important;

        box-shadow:none !important;
    }


    /* active */
    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title.elementor-active,
    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title[aria-selected="true"]{
        color:#FFFFFF !important;

        background:
            linear-gradient(
                135deg,
                #6D1F24 0%,
                #A83832 72%,
                #C85B4A 145%
            ) !important;

        border:
            1px solid rgba(168,56,50,.30) !important;

        box-shadow:
            0 7px 16px rgba(109,31,36,.13)
            !important;

        transform:none !important;
    }


    /* =========================================
       NEW / NESTED ELEMENTOR TABS
       ========================================= */

    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tabs-heading{
        display:flex !important;

        flex-direction:column !important;
        flex-wrap:nowrap !important;

        align-items:stretch !important;
        justify-content:flex-start !important;

        width:100% !important;

        gap:8px !important;

        padding:7px !important;

        overflow:visible !important;
    }


    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title{
        width:100% !important;

        min-width:0 !important;
        max-width:100% !important;

        flex:0 0 auto !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        padding:13px 18px !important;

        margin:0 !important;

        text-align:center !important;

        white-space:nowrap !important;

        border-radius:11px !important;

        font-size:14px !important;
        line-height:1.2 !important;
    }


    /* inactive nested */
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title:not([aria-selected="true"]){
        color:#6D1F24 !important;

        background:
            rgba(255,255,255,.72) !important;

        border:
            1px solid rgba(109,31,36,.10) !important;
    }


    /* active nested */
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title[aria-selected="true"]{
        color:#FFFFFF !important;

        background:
            linear-gradient(
                135deg,
                #6D1F24 0%,
                #A83832 72%,
                #C85B4A 145%
            ) !important;

        border-color:
            rgba(168,56,50,.30) !important;

        box-shadow:
            0 7px 16px rgba(109,31,36,.13)
            !important;

        transform:none !important;
    }


    /* =========================================
       HIDE SIDE DECORATIONS ON MOBILE
       ========================================= */

    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tabs-wrapper::before,
    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tabs-wrapper::after,
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tabs-heading::before,
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tabs-heading::after{
        display:none !important;
    }


    /* =========================================
       ACTIVE GOLD LINE
       ========================================= */

    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title.elementor-active::after,
    .elementor-13 .elementor-element.elementor-element-404be1a .elementor-tab-title[aria-selected="true"]::after,
    .elementor-13 .elementor-element.elementor-element-404be1a .e-n-tab-title[aria-selected="true"]::after{
        content:"";

        position:absolute;

        left:50%;
        bottom:4px;

        width:55px;
        height:2px;

        transform:translateX(-50%);

        border-radius:999px;

        background:
            linear-gradient(
                90deg,
                transparent,
                #D7A44A,
                transparent
            );

        opacity:1;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fe1153e *//* =========================================================
   PUTU BALI TOUR
   PACKAGE MAIN CONTAINER
   HERITAGE RED — TOP WATERMARK + BOTTOM DECORATION
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-fe1153e{
    --pkg-maroon:#6D1F24;
    --pkg-red:#A83832;
    --pkg-brick:#C85B4A;
    --pkg-gold:#D7A44A;

    --pkg-ivory:#F7F1E7;
    --pkg-blush:#EAD8D2;
    --pkg-text:#2B2523;
    --pkg-white:#FFFFFF;

    position:relative;
    isolation:isolate;

    overflow:hidden;

    background:

        /* top left warm glow */
        radial-gradient(
            circle at 8% 8%,
            rgba(215,164,74,.055) 0%,
            rgba(215,164,74,.018) 20%,
            transparent 38%
        ),

        /* right center red atmosphere */
        radial-gradient(
            circle at 93% 48%,
            rgba(168,56,50,.04) 0%,
            rgba(168,56,50,.012) 24%,
            transparent 42%
        ),

        /* bottom gold atmosphere */
        radial-gradient(
            circle at 50% 100%,
            rgba(215,164,74,.045) 0%,
            transparent 34%
        ),

        linear-gradient(
            180deg,
            #F7F1E7 0%,
            #F8F3EB 52%,
            #F7F1E7 100%
        ) !important;

    border-top:
        1px solid rgba(109,31,36,.045);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.60);
}


/* =========================================================
   TOP WATERMARK
   KEEP "PACKAGES"
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-fe1153e::before{
    content:"PACKAGES";

    position:absolute;

    left:3%;
    top:60px;

    z-index:0;

    font-family:
        "El Messiri",
        serif;

    font-size:
        clamp(100px,13vw,210px);

    font-weight:500;

    line-height:.82;

    letter-spacing:-.045em;

    color:
        rgba(109,31,36,.032);

    white-space:nowrap;

    pointer-events:none;
    user-select:none;

    animation:
        pkgWatermarkFloat
        11s ease-in-out infinite;
}


/* =========================================================
   BOTTOM RIGHT COMPASS / ORBIT DECORATION
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-fe1153e::after{
    content:"";

    position:absolute;

    right:-120px;
    bottom:-155px;

    width:440px;
    height:440px;

    z-index:0;

    border-radius:50%;

    pointer-events:none;

    opacity:.60;

    background:

        /* center */
        radial-gradient(
            circle at center,
            rgba(215,164,74,.50) 0 2px,
            transparent 3px
        ),

        /* ring 1 */
        radial-gradient(
            circle at center,
            transparent 0 75px,
            rgba(215,164,74,.11) 76px,
            rgba(215,164,74,.11) 77px,
            transparent 78px
        ),

        /* ring 2 */
        radial-gradient(
            circle at center,
            transparent 0 125px,
            rgba(168,56,50,.075) 126px,
            rgba(168,56,50,.075) 127px,
            transparent 128px
        ),

        /* ring 3 */
        radial-gradient(
            circle at center,
            transparent 0 177px,
            rgba(109,31,36,.055) 178px,
            rgba(109,31,36,.055) 179px,
            transparent 180px
        ),

        /* horizontal cross */
        linear-gradient(
            90deg,
            transparent 0 8%,
            rgba(215,164,74,.08) 8.2% 91.8%,
            transparent 92%
        ),

        /* vertical cross */
        linear-gradient(
            180deg,
            transparent 0 8%,
            rgba(168,56,50,.055) 8.2% 91.8%,
            transparent 92%
        );

    animation:
        pkgOrbitMotion
        13s ease-in-out infinite;
}


/* =========================================================
   REAL CONTENT ABOVE DECORATION
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner,
.elementor-13 .elementor-element.elementor-element-fe1153e > .elementor-element,
.elementor-13 .elementor-element.elementor-element-fe1153e > .elementor-container{
    position:relative;
    z-index:3;
}


/* =========================================================
   INNER CONTAINER
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner{
    position:relative;

    /*
       leaves visual breathing room
       for bottom decoration
    */
    padding-bottom:72px;
}


/* =========================================================
   BOTTOM MICRO TEXT
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner::before{
    content:"EXPLORE  •  DISCOVER  •  EXPERIENCE";

    position:absolute;

    left:50%;
    bottom:27px;

    transform:
        translateX(-50%);

    z-index:1;

    font-family:
        "DM Sans",
        sans-serif;

    font-size:9px;

    font-weight:600;

    letter-spacing:.28em;

    color:
        rgba(109,31,36,.34);

    white-space:nowrap;

    pointer-events:none;

    animation:
        pkgBottomText
        5s ease-in-out infinite;
}


/* =========================================================
   BOTTOM JOURNEY LINE
   LINE + MOVING GOLD POINT
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner::after{
    content:"";

    position:absolute;

    left:50%;
    bottom:51px;

    width:min(520px,55%);
    height:12px;

    transform:
        translateX(-50%);

    z-index:1;

    pointer-events:none;

    background:

        /* travelling point */
        radial-gradient(
            circle at var(--pkg-point, 10%) 50%,
            #D7A44A 0 2px,
            rgba(215,164,74,.32) 3px,
            transparent 6px
        ),

        /* base journey line */
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(109,31,36,.08) 8%,
            rgba(168,56,50,.22) 30%,
            rgba(215,164,74,.32) 50%,
            rgba(168,56,50,.22) 70%,
            rgba(109,31,36,.08) 92%,
            transparent 100%
        );

    background-repeat:no-repeat;

    background-size:
        100% 12px,
        100% 1px;

    background-position:
        center,
        center;

    animation:
        pkgJourneyLine
        5.6s ease-in-out infinite;
}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@property --pkg-point{
    syntax:"<percentage>";
    inherits:false;
    initial-value:10%;
}


@keyframes pkgJourneyLine{

    0%{
        --pkg-point:8%;

        opacity:.52;
    }

    45%{
        --pkg-point:92%;

        opacity:1;
    }

    55%{
        --pkg-point:92%;

        opacity:1;
    }

    100%{
        --pkg-point:8%;

        opacity:.52;
    }

}


@keyframes pkgWatermarkFloat{

    0%,
    100%{
        transform:
            translate3d(0,0,0);

        opacity:.72;
    }

    50%{
        transform:
            translate3d(10px,-4px,0);

        opacity:1;
    }

}


@keyframes pkgOrbitMotion{

    0%,
    100%{
        transform:
            translate3d(0,0,0)
            rotate(0deg);

        opacity:.48;
    }

    50%{
        transform:
            translate3d(-14px,-8px,0)
            rotate(5deg);

        opacity:.72;
    }

}


@keyframes pkgBottomText{

    0%,
    100%{
        opacity:.42;

        letter-spacing:.28em;
    }

    50%{
        opacity:.72;

        letter-spacing:.32em;
    }

}


/* =========================================================
   SUBTLE BOTTOM FADE
   ========================================================= */

.elementor-13 .elementor-element.elementor-element-fe1153e{
    background-blend-mode:normal;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-fe1153e::before{
        left:2%;
        top:70px;

        font-size:
            clamp(82px,15vw,150px);
    }


    .elementor-13 .elementor-element.elementor-element-fe1153e::after{
        width:340px;
        height:340px;

        right:-135px;
        bottom:-110px;
    }


    .elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner{
        padding-bottom:65px;
    }


    .elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner::after{
        width:62%;
        bottom:47px;
    }


    .elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner::before{
        bottom:23px;

        font-size:8px;

        letter-spacing:.22em;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-fe1153e{
        background:

            radial-gradient(
                circle at 12% 7%,
                rgba(215,164,74,.05),
                transparent 28%
            ),

            radial-gradient(
                circle at 95% 82%,
                rgba(168,56,50,.035),
                transparent 31%
            ),

            #F7F1E7 !important;
    }


    .elementor-13 .elementor-element.elementor-element-fe1153e::before{
        left:-6px;
        top:72px;

        font-size:
            clamp(65px,23vw,100px);

        color:
            rgba(109,31,36,.026);

        animation:none;
    }


    .elementor-13 .elementor-element.elementor-element-fe1153e::after{
        width:230px;
        height:230px;

        right:-125px;
        bottom:-65px;

        opacity:.42;

        animation:none;
    }


    .elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner{
        padding-bottom:58px;
    }


    .elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner::after{
        width:78%;

        bottom:40px;

        height:10px;
    }


    .elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner::before{
        bottom:18px;

        font-size:7px;

        letter-spacing:.17em;
    }

}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media(max-width:430px){

    .elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner::before{
        content:"EXPLORE  •  DISCOVER  •  EXPERIENCE";

        font-size:6.5px;

        letter-spacing:.12em;
    }


    .elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner::after{
        width:82%;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media(prefers-reduced-motion:reduce){

    .elementor-13 .elementor-element.elementor-element-fe1153e::before,
    .elementor-13 .elementor-element.elementor-element-fe1153e::after,
    .elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner::before,
    .elementor-13 .elementor-element.elementor-element-fe1153e > .e-con-inner::after{
        animation:none !important;
    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2da85c9 *//* ============================================================
   ============================================================
   CV BALINGKANG PARADISE
   HOW YOUR JOURNEY WORKS
   FINAL HERITAGE RED VERSION

   IMPORTANT:
   - HAPUS CSS LAMA
   - PASTE SATU KODE INI SAJA
   - TIDAK MENGAMBIL ELEMENTOR GLOBAL COLORS
   - SEMUA WARNA DIKUNCI SESUAI COLOR PALETTE WORD

   COLORS:
   Deep Maroon  : #6D1F24
   Heritage Red : #A83832
   Sunset Gold  : #D7A44A
   Brick Red    : #C85B4A
   Warm Ivory   : #F7F1E7
   Soft Blush   : #EAD8D2
   Charcoal     : #2B2523
   White        : #FFFFFF

   FONT:
   Heading : El Messiri / El Messeri
   Body    : DM Sans
   ============================================================
   ============================================================ */


/* ============================================================
   01. MASTER SECTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9{

    --j-maroon:#6D1F24;
    --j-maroon-dark:#57181D;

    --j-red:#A83832;
    --j-red-dark:#8E2B2C;

    --j-gold:#D7A44A;
    --j-brick:#C85B4A;

    --j-ivory:#F7F1E7;
    --j-ivory-light:#FCF9F4;

    --j-blush:#EAD8D2;

    --j-charcoal:#2B2523;
    --j-white:#FFFFFF;

    --j-body:#594D48;
    --j-muted:#7B6C67;

    --j-line:rgba(109,31,36,.12);
    --j-line-soft:rgba(109,31,36,.065);

    --j-max:1420px;

    --j-ease:cubic-bezier(.22,1,.36,1);


    position:relative;

    isolation:isolate;

    width:100%!important;
    max-width:none!important;
    min-width:0;

    margin:0!important;

    padding:
        clamp(88px,8vw,128px)
        clamp(20px,5vw,76px)
        clamp(88px,7vw,120px)
        !important;

    overflow:hidden;

    color:#2B2523!important;

    font-family:
        "DM Sans",
        sans-serif;

    background:
        radial-gradient(
            circle at 8% 12%,
            rgba(215,164,74,.075),
            transparent 23%
        ),
        radial-gradient(
            circle at 92% 87%,
            rgba(234,216,210,.42),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #FCF9F4 0%,
            #F7F1E7 100%
        )
        !important;
}


/* ============================================================
   02. RESET
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 *,
.elementor-13 .elementor-element.elementor-element-2da85c9 *::before,
.elementor-13 .elementor-element.elementor-element-2da85c9 *::after{
    box-sizing:border-box;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .e-con,
.elementor-13 .elementor-element.elementor-element-2da85c9 .elementor-element,
.elementor-13 .elementor-element.elementor-element-2da85c9 .elementor-widget,
.elementor-13 .elementor-element.elementor-element-2da85c9 .elementor-widget-container{
    min-width:0;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 p:last-child{
    margin-bottom:0!important;
}


/* ============================================================
   03. BACKGROUND GRID
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-10;

    pointer-events:none;

    opacity:.11;

    background-image:
        linear-gradient(
            rgba(109,31,36,.06) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(109,31,36,.06) 1px,
            transparent 1px
        );

    background-size:
        72px 72px;

    -webkit-mask-image:
        linear-gradient(
            115deg,
            rgba(0,0,0,.9),
            rgba(0,0,0,.22) 43%,
            transparent 78%
        );

    mask-image:
        linear-gradient(
            115deg,
            rgba(0,0,0,.9),
            rgba(0,0,0,.22) 43%,
            transparent 78%
        );
}


/* ============================================================
   04. LARGE JOURNEY WATERMARK
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9::after{

    content:"JOURNEY";

    position:absolute;

    left:50%;
    bottom:-47px;

    z-index:-8;

    transform:
        translateX(-50%);

    pointer-events:none;
    user-select:none;

    color:transparent;

    font-family:
        "El Messiri",
        "El Messeri",
        serif;

    font-size:
        clamp(110px,15vw,220px);

    font-weight:500;

    line-height:.74;

    letter-spacing:-.055em;

    -webkit-text-stroke:
        1px
        rgba(109,31,36,.028);
}


/* ============================================================
   05. SHELL
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-shell{

    position:relative;

    z-index:2;

    display:flex!important;

    flex-direction:column!important;

    align-items:stretch!important;

    gap:0!important;

    width:100%!important;

    max-width:
        var(--j-max)!important;

    min-width:0;

    margin:
        0 auto!important;

    padding:0!important;
}


/* ============================================================
   06. LARGE SECTION NUMBER
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-shell::before{

    content:"04";

    position:absolute;

    right:-4px;
    top:-57px;

    z-index:-2;

    pointer-events:none;
    user-select:none;

    color:transparent;

    font-family:
        "El Messiri",
        "El Messeri",
        serif;

    font-size:
        clamp(84px,8.5vw,136px);

    font-weight:500;

    line-height:1;

    letter-spacing:-.06em;

    -webkit-text-stroke:
        1px
        rgba(109,31,36,.045);
}


/* ============================================================
   07. TOP DECORATIVE LINE
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-shell::after{

    content:"";

    position:absolute;

    left:0;
    top:-31px;

    width:63px;
    height:1px;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            #D7A44A,
            #C85B4A,
            transparent
        );
}


/* ============================================================
   08. HEADER
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header{

    position:relative;

    display:grid!important;

    grid-template-columns:
        minmax(0,1.14fr)
        minmax(320px,.66fr)
        !important;

    align-items:end!important;

    gap:
        clamp(60px,8vw,130px)
        !important;

    width:100%!important;

    margin:0!important;

    padding:
        0 0
        clamp(45px,4.5vw,66px)
        !important;

    border-bottom:
        1px solid
        rgba(109,31,36,.12);
}


/* ============================================================
   09. HEADER LEFT
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header-left{

    display:flex!important;

    flex-direction:column!important;

    align-items:flex-start!important;

    justify-content:flex-end!important;

    gap:0!important;

    width:100%!important;

    margin:0!important;

    padding:0!important;
}


/* ============================================================
   10. EYEBROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-eyebrow{
    margin:0 0 17px!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-eyebrow .elementor-heading-title{

    position:relative;

    display:inline-flex;

    align-items:center;

    margin:0!important;

    padding-left:39px;

    color:#A83832!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:10px!important;

    font-weight:700!important;

    line-height:1.2!important;

    letter-spacing:.18em!important;

    text-transform:uppercase;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-eyebrow
.elementor-heading-title::before{

    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:28px;
    height:1px;

    transform:
        translateY(-50%);

    background:
        linear-gradient(
            90deg,
            #D7A44A,
            #C85B4A
        );
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-eyebrow
.elementor-heading-title::after{

    content:"";

    display:inline-block;

    width:4px;
    height:4px;

    margin-left:11px;

    border-radius:50%;

    background:#D7A44A;

    box-shadow:
        0 0 0
        5px
        rgba(215,164,74,.08);
}


/* ============================================================
   11. MAIN TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-title{

    width:100%!important;

    max-width:850px!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-title .elementor-heading-title{

    margin:0!important;

    color:#6D1F24!important;

    font-family:
        "El Messiri",
        "El Messeri",
        serif!important;

    font-size:
        clamp(56px,5.6vw,86px)
        !important;

    font-weight:500!important;

    line-height:.96!important;

    letter-spacing:-.045em!important;

    text-wrap:balance;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-title .elementor-heading-title a,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-title .elementor-heading-title span,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-title .elementor-heading-title strong{

    color:#6D1F24!important;
}


/* ============================================================
   12. TITLE ACCENT
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-title::after{

    content:"";

    display:block;

    width:62px;
    height:2px;

    margin-top:22px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #D7A44A,
            #C85B4A,
            transparent
        );

    transition:
        width
        .55s
        var(--j-ease);
}


@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-header:hover
    .journey-title::after{

        width:126px;
    }
}


/* ============================================================
   13. INTRO WRAPPER
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro-wrap{

    display:flex!important;

    flex-direction:column!important;

    align-items:flex-start!important;

    justify-content:flex-end!important;

    gap:0!important;

    width:100%!important;

    max-width:475px;

    margin:0!important;

    padding:
        0 0 3px
        23px!important;

    border-left:
        1px solid
        #D7A44A;
}


/* ============================================================
   14. INTRO
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro p,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro span,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro strong,
.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-intro
.elementor-widget-container{

    margin:0!important;

    color:#594D48!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:16px!important;

    font-weight:400!important;

    line-height:1.72!important;
}


/* ============================================================
   15. INTRO META
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro-meta{
    margin:18px 0 0!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro-meta .elementor-heading-title{

    position:relative;

    margin:0!important;

    padding-left:27px;

    color:#A83832!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:9px!important;

    font-weight:700!important;

    line-height:1.2!important;

    letter-spacing:.15em!important;

    text-transform:uppercase;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-intro-meta
.elementor-heading-title::before{

    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:18px;
    height:1px;

    transform:
        translateY(-50%);

    background:#D7A44A;
}


/* ============================================================
   16. STAGE
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-stage{

    position:relative;

    display:flex!important;

    flex-direction:column!important;

    align-items:stretch!important;

    width:100%!important;

    min-width:0;

    margin:
        clamp(48px,5vw,72px)
        0 0!important;

    padding:0!important;
}


/* ============================================================
   17. JOURNEY PATH
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-path{

    position:relative;

    z-index:1;

    width:
        calc(100% - 5%)!important;

    height:72px;

    min-height:72px;

    margin:
        0 auto
        -17px!important;

    padding:0!important;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            transparent 3%,
            rgba(215,164,74,.07) 21%,
            rgba(200,91,74,.06) 50%,
            rgba(168,56,50,.055) 78%,
            transparent 97%
        );

    border-radius:999px;
}


/* ============================================================
   18. ROUTE LINE
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-path::before{

    content:"";

    position:absolute;

    left:3%;
    right:3%;

    top:50%;

    height:2px;

    transform:
        translateY(-50%);

    background:
        repeating-linear-gradient(
            90deg,
            rgba(109,31,36,.18) 0,
            rgba(109,31,36,.18) 5px,
            transparent 5px,
            transparent 12px
        );

    background-size:
        24px 2px;

    animation:
        journeyPathMove
        8s
        linear
        infinite;
}


/* ============================================================
   19. TRAVELER DOT
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-path::after{

    content:"";

    position:absolute;

    left:3%;
    top:50%;

    width:15px;
    height:15px;

    transform:
        translate(-50%,-50%);

    border:
        3px solid
        #F7F1E7;

    border-radius:50%;

    background:#D7A44A;

    box-shadow:
        0 0 0
        7px
        rgba(215,164,74,.11),
        0 8px 18px
        rgba(87,24,29,.15);

    animation:
        journeyTraveller
        6.2s
        var(--j-ease)
        infinite;
}


/* ============================================================
   20. STEPS GRID
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-steps{

    position:relative;

    z-index:3;

    display:grid!important;

    grid-template-columns:
        repeat(3,minmax(0,1fr))
        !important;

    align-items:start!important;

    gap:
        clamp(20px,2.4vw,36px)
        !important;

    width:100%!important;

    min-width:0;

    margin:0!important;

    padding:0!important;
}


/* ============================================================
   21. STEP BASE
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step{

    position:relative;

    isolation:isolate;

    display:flex!important;

    flex-direction:column!important;

    align-items:stretch!important;

    gap:0!important;

    width:100%!important;

    min-width:0;

    min-height:392px;

    margin:0!important;

    padding:
        30px 28px
        29px!important;

    overflow:hidden;

    border:
        1px solid
        rgba(109,31,36,.10);

    border-radius:
        8px 8px
        48px 8px;

    background:
        radial-gradient(
            circle at 97% 4%,
            rgba(234,216,210,.22),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FCF9F4 100%
        )
        !important;

    box-shadow:
        0 18px 42px
        rgba(65,27,27,.06),
        inset
        0 1px 0
        rgba(255,255,255,.95);

    transition:
        transform
        .52s
        var(--j-ease),
        border-color
        .38s ease,
        box-shadow
        .48s
        var(--j-ease);
}


/* ============================================================
   22. ASYMMETRIC DESKTOP
============================================================ */

@media(min-width:1025px){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-01{
        margin-top:45px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02{
        margin-top:0!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-03{
        margin-top:72px!important;
    }
}


/* ============================================================
   23. STEP TOP ACCENT
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step::before{

    content:"";

    position:absolute;

    left:28px;
    top:0;

    width:49px;
    height:3px;

    border-radius:
        0 0
        999px 999px;

    background:
        linear-gradient(
            90deg,
            #D7A44A,
            #C85B4A
        );

    transition:
        width
        .5s
        var(--j-ease);
}


/* ============================================================
   24. GOLD CORNER
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step::after{

    content:"";

    position:absolute;

    right:14px;
    bottom:14px;

    width:35px;
    height:35px;

    pointer-events:none;

    border-right:
        1px solid
        rgba(215,164,74,.32);

    border-bottom:
        1px solid
        rgba(215,164,74,.32);

    border-radius:
        0 0
        14px 0;

    transition:
        width .45s var(--j-ease),
        height .45s var(--j-ease);
}


/* ============================================================
   25. STEP 01
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-01{

    background:
        radial-gradient(
            circle at 7% 93%,
            rgba(215,164,74,.055),
            transparent 28%
        ),
        radial-gradient(
            circle at 97% 5%,
            rgba(234,216,210,.18),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #FFFFFF,
            #FCF9F4
        )
        !important;
}


/* ============================================================
   26. FEATURED STEP 02
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-featured,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02{

    color:#FFFFFF!important;

    border-color:
        rgba(255,255,255,.07)!important;

    background:
        radial-gradient(
            circle at 96% 4%,
            rgba(215,164,74,.16),
            transparent 31%
        ),
        radial-gradient(
            circle at 7% 96%,
            rgba(200,91,74,.13),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #6D1F24 0%,
            #57181D 100%
        )
        !important;

    box-shadow:
        0 27px 62px
        rgba(87,24,29,.20),
        inset
        0 1px 0
        rgba(255,255,255,.055)
        !important;
}


/* ============================================================
   27. FEATURED EXTRA CIRCLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-step-top::after{

    content:"";

    position:absolute;

    right:-72px;
    top:-96px;

    width:185px;
    height:185px;

    border:
        1px solid
        rgba(215,164,74,.11);

    border-radius:50%;

    pointer-events:none;
}


/* ============================================================
   28. STEP 03
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-03{

    background:
        radial-gradient(
            circle at 97% 6%,
            rgba(200,91,74,.055),
            transparent 30%
        ),
        linear-gradient(
            145deg,
            #FFFFFF,
            #FBF7F1
        )
        !important;
}


/* ============================================================
   29. STEP TOP
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-top{

    position:relative;

    display:flex!important;

    flex-direction:row!important;

    align-items:flex-start!important;

    justify-content:space-between!important;

    gap:18px!important;

    width:100%!important;

    margin:
        0 0
        36px!important;

    padding:0!important;
}


/* ============================================================
   30. NUMBERS
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-number{
    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-number .elementor-heading-title{

    margin:0!important;

    color:#6D1F24!important;

    font-family:
        "El Messiri",
        "El Messeri",
        serif!important;

    font-size:58px!important;

    font-weight:500!important;

    line-height:.80!important;

    letter-spacing:-.055em!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-01
.journey-number
.elementor-heading-title{

    color:#6D1F24!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-number
.elementor-heading-title,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-number
.elementor-heading-title{

    color:#D7A44A!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-03
.journey-number
.elementor-heading-title{

    color:#A83832!important;
}


/* ============================================================
   31. ICON WRAPPER
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    width:49px!important;
    height:49px!important;

    flex:
        0 0 49px;

    margin:0!important;

    border:
        1px solid
        rgba(168,56,50,.15)!important;

    border-radius:50%!important;

    background:
        rgba(247,241,231,.78)!important;

    box-shadow:
        0 6px 15px
        rgba(65,27,27,.04);

    transition:
        transform .45s var(--j-ease),
        border-color .35s ease,
        background .35s ease,
        box-shadow .4s ease;
}


/* ============================================================
   32. ICON COLOR LOCK
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon .elementor-icon{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    color:#A83832!important;

    background:transparent!important;

    font-size:19px!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon i{

    color:#A83832!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon svg{

    width:19px!important;
    height:19px!important;

    color:#A83832!important;

    fill:#A83832!important;

    stroke:#A83832!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon svg path,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon svg circle,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon svg rect,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon svg line,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon svg polyline{

    color:#A83832!important;

    fill:inherit;

    stroke:inherit;
}


/* ============================================================
   33. FEATURED ICON
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-icon,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-icon{

    border-color:
        rgba(215,164,74,.26)!important;

    background:
        rgba(255,255,255,.055)!important;

    box-shadow:none!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-icon
.elementor-icon,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-icon
.elementor-icon,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-icon i,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-icon i{

    color:#D7A44A!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-icon svg,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-icon svg{

    color:#D7A44A!important;

    fill:#D7A44A!important;

    stroke:#D7A44A!important;
}


/* ============================================================
   34. KICKERS
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-kicker{
    margin:0 0 11px!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-kicker .elementor-heading-title{

    margin:0!important;

    color:#A83832!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:9px!important;

    font-weight:700!important;

    line-height:1.2!important;

    letter-spacing:.16em!important;

    text-transform:uppercase;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-kicker
.elementor-heading-title,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-kicker
.elementor-heading-title{

    color:
        rgba(247,241,231,.62)!important;
}


/* ============================================================
   35. STEP TITLES
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-title{
    margin:0 0 14px!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-title .elementor-heading-title{

    margin:0!important;

    color:#6D1F24!important;

    font-family:
        "El Messiri",
        "El Messeri",
        serif!important;

    font-size:
        clamp(30px,2.45vw,39px)
        !important;

    font-weight:500!important;

    line-height:1.03!important;

    letter-spacing:-.032em!important;

    text-wrap:balance;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-title
.elementor-heading-title a,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-title
.elementor-heading-title span{

    color:#6D1F24!important;
}


/* ============================================================
   36. FEATURED TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-step-title
.elementor-heading-title,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-step-title
.elementor-heading-title,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-step-title
.elementor-heading-title span,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-step-title
.elementor-heading-title span{

    color:#FFFFFF!important;
}


/* ============================================================
   37. STEP DESCRIPTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text p,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text span,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text strong,
.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-text
.elementor-widget-container{

    margin:0!important;

    color:#594D48!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:16px!important;

    font-weight:400!important;

    line-height:1.68!important;
}


/* ============================================================
   38. FEATURED DESCRIPTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-step-text,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-step-text p,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-step-text span,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-step-text
.elementor-widget-container,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-step-text,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-step-text p,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-step-text span{

    color:
        rgba(247,241,231,.76)!important;
}


/* ============================================================
   39. STEP FOOTER
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-footer{

    display:flex!important;

    flex-direction:row!important;

    align-items:center!important;

    justify-content:space-between!important;

    gap:15px!important;

    width:100%!important;

    margin:
        auto 0 0!important;

    padding:
        20px 0 0!important;

    border-top:
        1px solid
        rgba(109,31,36,.10);
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-step-footer,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-step-footer{

    border-color:
        rgba(255,255,255,.11)!important;
}


/* ============================================================
   40. META
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-meta{
    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-meta .elementor-heading-title{

    margin:0!important;

    color:#7B6C67!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:8.5px!important;

    font-weight:700!important;

    line-height:1.35!important;

    letter-spacing:.12em!important;

    text-transform:uppercase;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-meta
.elementor-heading-title,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-meta
.elementor-heading-title{

    color:
        rgba(247,241,231,.48)!important;
}


/* ============================================================
   41. ARROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    width:34px!important;
    height:34px!important;

    flex:
        0 0 34px;

    margin:0!important;

    border:
        1px solid
        rgba(109,31,36,.15)!important;

    border-radius:50%!important;

    background:
        rgba(255,255,255,.35)!important;

    transition:
        transform .4s var(--j-ease),
        border-color .35s ease,
        background .35s ease;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .elementor-icon,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow i{

    color:#6D1F24!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow svg{

    width:12px!important;
    height:12px!important;

    color:#6D1F24!important;

    fill:#6D1F24!important;

    stroke:#6D1F24!important;
}


/* ============================================================
   42. FEATURED ARROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-arrow,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-arrow{

    border-color:
        rgba(215,164,74,.27)!important;

    background:
        rgba(255,255,255,.03)!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-arrow
.elementor-icon,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-arrow
.elementor-icon,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-arrow i,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-arrow i{

    color:#D7A44A!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-arrow svg,

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-02
.journey-arrow svg{

    color:#D7A44A!important;

    fill:#D7A44A!important;

    stroke:#D7A44A!important;
}


/* ============================================================
   43. CARD HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step:hover{

        transform:
            translateY(-9px);

        border-color:
            rgba(215,164,74,.32);

        box-shadow:
            0 29px 61px
            rgba(65,27,27,.105),
            inset
            0 1px 0
            rgba(255,255,255,.96);
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-step-featured:hover,
    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-step-02:hover{

        transform:
            translateY(-10px);

        box-shadow:
            0 36px 78px
            rgba(87,24,29,.29)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step:hover::before{
        width:108px;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step:hover::after{

        width:44px;
        height:44px;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-step:hover
    .journey-icon{

        transform:
            translateY(-4px)
            rotate(-5deg);

        border-color:
            rgba(215,164,74,.42)!important;

        background:#FFFFFF!important;

        box-shadow:
            0 12px 24px
            rgba(65,27,27,.075);
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-step-featured:hover
    .journey-icon,

    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-step-02:hover
    .journey-icon{

        background:
            rgba(255,255,255,.095)!important;

        box-shadow:none;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-step:hover
    .journey-arrow{

        transform:
            translateX(4px);

        border-color:
            rgba(215,164,74,.44)!important;
    }
}


/* ============================================================
   44. BOTTOM AREA
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{

    display:grid!important;

    grid-template-columns:
        auto
        minmax(60px,1fr)
        auto!important;

    align-items:center!important;

    gap:
        clamp(20px,3vw,42px)
        !important;

    width:100%!important;

    margin:
        clamp(50px,5vw,74px)
        0 0!important;

    padding:
        22px 0 0!important;

    border-top:
        1px solid
        rgba(109,31,36,.12);
}


/* ============================================================
   45. BOTTOM LABEL
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom-label{
    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-bottom-label
.elementor-heading-title{

    margin:0!important;

    color:
        rgba(43,37,35,.52)!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:9px!important;

    font-weight:700!important;

    line-height:1.2!important;

    letter-spacing:.16em!important;

    white-space:nowrap;

    text-transform:uppercase;
}


/* ============================================================
   46. BOTTOM DIVIDER
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom-line{

    width:100%!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-bottom-line
.elementor-divider{

    padding:0!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-bottom-line
.elementor-divider-separator{

    width:100%!important;

    border-block-start:
        1px solid
        rgba(215,164,74,.38)!important;
}


/* ============================================================
   47. CTA WRAPPER
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta{

    width:
        fit-content!important;

    margin:0!important;
}


/* ============================================================
   48. CTA
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-button{

    position:relative;

    display:inline-flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:12px!important;

    min-height:51px;

    padding:
        12px 15px
        12px 21px!important;

    overflow:hidden;

    color:#FFFFFF!important;

    border:
        1px solid
        #A83832!important;

    border-radius:
        999px!important;

    background:
        #A83832!important;

    box-shadow:
        0 11px 25px
        rgba(168,56,50,.17);

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:12px!important;

    font-weight:700!important;

    line-height:1!important;

    transition:
        transform .4s var(--j-ease),
        background .35s ease,
        border-color .35s ease,
        box-shadow .4s ease;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-cta
.elementor-button-text{

    color:#FFFFFF!important;
}


/* ============================================================
   49. CTA ICON
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-cta
.elementor-button-icon{

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    width:27px;
    height:27px;

    margin:0!important;

    border:
        1px solid
        rgba(255,255,255,.32);

    border-radius:50%;

    transition:
        transform .4s var(--j-ease);
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-cta
.elementor-button-icon i{

    color:#FFFFFF!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-cta
.elementor-button-icon svg{

    width:11px!important;
    height:11px!important;

    color:#FFFFFF!important;

    fill:#FFFFFF!important;

    stroke:#FFFFFF!important;
}


/* ============================================================
   50. CTA HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-cta
    .elementor-button:hover{

        transform:
            translateY(-3px);

        color:#FFFFFF!important;

        border-color:
            #8E2B2C!important;

        background:
            #8E2B2C!important;

        box-shadow:
            0 17px 34px
            rgba(168,56,50,.24);
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-cta
    .elementor-button:hover
    .elementor-button-icon{

        transform:
            translateX(3px);
    }
}


/* ============================================================
   51. FORCE REMOVE BLUE / CYAN / GREEN
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-highend,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-shell,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-stage{

    --e-global-color-primary:#6D1F24!important;
    --e-global-color-secondary:#A83832!important;
    --e-global-color-text:#2B2523!important;
    --e-global-color-accent:#D7A44A!important;
}


/* ============================================================
   52. FORCE HEADING COLOR
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-title
.elementor-heading-title{

    color:#6D1F24!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step:not(.journey-step-featured)
.journey-step-title
.elementor-heading-title{

    color:#6D1F24!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-step-title
.elementor-heading-title{

    color:#FFFFFF!important;
}


/* ============================================================
   53. FORCE ELEMENTOR ICON COLORS
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step:not(.journey-step-featured)
.journey-icon
.elementor-icon{

    color:#A83832!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-featured
.journey-icon
.elementor-icon{

    color:#D7A44A!important;
}


/* ============================================================
   54. LARGE DESKTOP
============================================================ */

@media(min-width:1600px){

    .elementor-13 .elementor-element.elementor-element-2da85c9{
        --j-max:1480px;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step{
        min-height:415px;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-title
    .elementor-heading-title{

        font-size:
            90px!important;
    }
}


/* ============================================================
   55. LAPTOP
============================================================ */

@media
(min-width:1025px)
and
(max-width:1280px){

    .elementor-13 .elementor-element.elementor-element-2da85c9{

        padding-left:
            42px!important;

        padding-right:
            42px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header{

        grid-template-columns:
            minmax(0,1.08fr)
            minmax(290px,.72fr)
            !important;

        gap:
            60px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-title
    .elementor-heading-title{

        font-size:
            clamp(52px,5.3vw,70px)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-steps{
        gap:18px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step{

        min-height:375px;

        padding:
            26px 22px
            25px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-step-title
    .elementor-heading-title{

        font-size:
            clamp(28px,2.5vw,34px)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-01{
        margin-top:38px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-03{
        margin-top:57px!important;
    }
}


/* ============================================================
   56. TABLET LANDSCAPE
   821 - 1024
============================================================ */

@media
(min-width:821px)
and
(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-2da85c9{

        padding:
            68px
            29px
            82px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header{

        grid-template-columns:
            1fr!important;

        align-items:start!important;

        gap:27px!important;

        padding-bottom:
            42px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-title
    .elementor-heading-title{

        font-size:
            clamp(49px,7vw,63px)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro-wrap{
        max-width:680px;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-stage{
        margin-top:39px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-path{

        height:55px;

        min-height:55px;

        margin-bottom:
            -10px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-steps{
        gap:13px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step{

        min-height:355px;

        padding:
            22px 18px
            22px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-01{
        margin-top:27px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02{
        margin-top:0!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-03{
        margin-top:42px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-number
    .elementor-heading-title{

        font-size:
            47px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon{

        width:41px!important;
        height:41px!important;

        flex-basis:41px;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-icon
    .elementor-icon{

        font-size:
            16px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon svg{

        width:16px!important;
        height:16px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-step-title
    .elementor-heading-title{

        font-size:
            clamp(24px,3vw,30px)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text p{

        font-size:
            15px!important;

        line-height:
            1.62!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-meta
    .elementor-heading-title{

        font-size:
            7.3px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow{

        width:30px!important;
        height:30px!important;

        flex-basis:30px;
    }
}


/* ============================================================
   57. TABLET PORTRAIT
   768 - 820
============================================================ */

@media
(min-width:768px)
and
(max-width:820px){

    .elementor-13 .elementor-element.elementor-element-2da85c9{

        padding:
            66px
            28px
            80px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header{

        grid-template-columns:
            1fr!important;

        align-items:start!important;

        gap:25px!important;

        padding-bottom:
            40px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-title
    .elementor-heading-title{

        font-size:
            clamp(48px,7vw,58px)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro-wrap{
        max-width:620px;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-stage{
        margin-top:36px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-path{
        display:none!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-steps{

        position:relative;

        grid-template-columns:
            1fr!important;

        gap:18px!important;

        padding-left:
            37px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-steps::before{

        content:"";

        position:absolute;

        left:10px;
        top:26px;
        bottom:26px;

        width:1px;

        background:
            repeating-linear-gradient(
                180deg,
                rgba(109,31,36,.20) 0,
                rgba(109,31,36,.20) 5px,
                transparent 5px,
                transparent 11px
            );
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-steps::after{

        content:"";

        position:absolute;

        left:4px;
        top:26px;

        width:13px;
        height:13px;

        border:
            3px solid
            #F7F1E7;

        border-radius:50%;

        background:#D7A44A;

        box-shadow:
            0 0 0
            6px
            rgba(215,164,74,.10);

        animation:
            journeyTravellerVertical
            6.2s
            var(--j-ease)
            infinite;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-01,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-03{

        min-height:0;

        margin:0!important;

        padding:
            27px 26px
            27px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-top{
        margin-bottom:24px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-step-title
    .elementor-heading-title{

        font-size:
            33px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text p{

        font-size:
            16px!important;

        line-height:
            1.66!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{
        margin-top:42px!important;
    }
}


/* ============================================================
   58. MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-2da85c9{

        padding:
            56px
            clamp(17px,5vw,23px)
            67px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-shell::before{

        top:-25px;

        right:0;

        font-size:62px;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9::after{

        bottom:-4px;

        font-size:
            clamp(
                76px,
                25vw,
                110px
            );
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header{

        grid-template-columns:
            1fr!important;

        align-items:start!important;

        gap:22px!important;

        padding-bottom:
            34px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-eyebrow{
        margin-bottom:12px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-eyebrow
    .elementor-heading-title{

        padding-left:29px;

        font-size:
            9px!important;

        letter-spacing:
            .15em!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-eyebrow
    .elementor-heading-title::before{

        width:20px;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-title
    .elementor-heading-title{

        font-size:
            clamp(
                40px,
                11.2vw,
                49px
            )
            !important;

        line-height:
            .98!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-title::after{

        width:49px;

        margin-top:16px;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro-wrap{

        max-width:none;

        padding-left:
            16px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro p,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro span{

        font-size:
            16px!important;

        line-height:
            1.68!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro-meta{
        margin-top:14px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-stage{
        margin-top:30px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-path{
        display:none!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-steps{

        position:relative;

        grid-template-columns:
            1fr!important;

        gap:15px!important;

        padding-left:
            27px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-steps::before{

        content:"";

        position:absolute;

        left:7px;
        top:24px;
        bottom:24px;

        width:1px;

        background:
            repeating-linear-gradient(
                180deg,
                rgba(109,31,36,.20) 0,
                rgba(109,31,36,.20) 5px,
                transparent 5px,
                transparent 11px
            );
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-steps::after{

        content:"";

        position:absolute;

        left:1px;
        top:24px;

        width:13px;
        height:13px;

        border:
            3px solid
            #F7F1E7;

        border-radius:50%;

        background:#D7A44A;

        box-shadow:
            0 0 0
            6px
            rgba(215,164,74,.10);

        animation:
            journeyTravellerVertical
            6.2s
            var(--j-ease)
            infinite;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-01,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-03{

        min-height:0;

        margin:0!important;

        padding:
            23px 20px
            24px!important;

        border-radius:
            7px 7px
            36px 7px;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step::before{

        left:20px;

        width:42px;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-top{
        margin-bottom:23px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-number
    .elementor-heading-title{

        font-size:
            48px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon{

        width:43px!important;
        height:43px!important;

        flex-basis:43px;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-icon
    .elementor-icon{

        font-size:
            17px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon svg{

        width:17px!important;
        height:17px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-step-title
    .elementor-heading-title{

        font-size:
            clamp(
                29px,
                8vw,
                35px
            )
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text p,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text span{

        font-size:
            16px!important;

        line-height:
            1.66!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-footer{

        padding-top:
            18px!important;

        margin-top:
            23px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-meta
    .elementor-heading-title{

        font-size:
            8px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{

        grid-template-columns:
            1fr!important;

        gap:14px!important;

        margin-top:
            38px!important;

        padding-top:
            18px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom-line{
        display:none!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta{
        width:100%!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-cta
    .elementor-button{

        width:100%!important;

        min-height:53px;

        justify-content:
            space-between!important;
    }
}


/* ============================================================
   59. SMALL MOBILE / IPHONE
============================================================ */

@media(max-width:480px){

    .elementor-13 .elementor-element.elementor-element-2da85c9{

        padding-left:
            max(
                17px,
                env(safe-area-inset-left)
            )
            !important;

        padding-right:
            max(
                17px,
                env(safe-area-inset-right)
            )
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-title
    .elementor-heading-title{

        font-size:
            clamp(
                38px,
                10.8vw,
                45px
            )
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-steps{
        padding-left:23px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step{

        padding:
            22px 18px
            23px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-footer{
        gap:10px!important;
    }
}


/* ============================================================
   60. VERY SMALL MOBILE
============================================================ */

@media(max-width:374px){

    .elementor-13 .elementor-element.elementor-element-2da85c9{

        padding-top:
            50px!important;

        padding-bottom:
            60px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-title
    .elementor-heading-title{

        font-size:
            35px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-step-title
    .elementor-heading-title{

        font-size:
            28px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro p,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text p{

        font-size:
            16px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-meta
    .elementor-heading-title{

        font-size:
            7.4px!important;
    }
}


/* ============================================================
   61. TOUCH DEVICE
============================================================ */

@media(hover:none) and (pointer:coarse){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow,
    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-cta
    .elementor-button{

        transform:none!important;
    }
}


/* ============================================================
   62. OVERFLOW SAFETY
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-shell,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header-left,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro-wrap,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-stage,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-path,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-steps,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-top,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-footer,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{

    min-width:0!important;

    max-width:100%;
}


/* ============================================================
   63. REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

    .elementor-13 .elementor-element.elementor-element-2da85c9 *,
    .elementor-13 .elementor-element.elementor-element-2da85c9 *::before,
    .elementor-13 .elementor-element.elementor-element-2da85c9 *::after{

        animation:none!important;

        transition-duration:.01ms!important;
    }
}


/* ============================================================
   64. TEXT SELECTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 ::selection{

    color:#FFFFFF;

    background:#A83832;
}


/* ============================================================
   65. ROUTE ANIMATION
============================================================ */

@keyframes journeyPathMove{

    from{
        background-position:0 0;
    }

    to{
        background-position:120px 0;
    }
}


/* ============================================================
   66. DESKTOP TRAVELER
============================================================ */

@keyframes journeyTraveller{

    0%{
        left:3%;
    }

    13%{
        left:10%;
    }

    43%{
        left:47%;
    }

    72%{
        left:75%;
    }

    100%{
        left:97%;
    }
}


/* ============================================================
   67. VERTICAL TRAVELER
============================================================ */

@keyframes journeyTravellerVertical{

    0%{
        top:24px;
    }

    15%{
        top:12%;
    }

    46%{
        top:48%;
    }

    75%{
        top:72%;
    }

    100%{
        top:
            calc(100% - 24px);
    }
}
/* ============================================================
   ============================================================
   68. FINAL ELEMENTOR ICON + CTA HARD LOCK
   FIX FOR:
   - oversized arrow icon in Step 02 / Step 03
   - icon escaping from circular wrapper
   - inconsistent Elementor Icon widget inner wrappers
   - CTA too small / weak at bottom
   ============================================================
   ============================================================ */


/* ============================================================
   A. STEP ARROW — OUTER WIDGET
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    min-height:36px!important;
    max-height:36px!important;

    flex:0 0 36px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    align-self:center!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border:1px solid rgba(109,31,36,.15)!important;
    border-radius:50%!important;

    background:rgba(255,255,255,.52)!important;

    line-height:1!important;

    box-shadow:none!important;
}


/* ============================================================
   B. STEP ARROW — ELEMENTOR INTERNAL WRAPPERS
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow > .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .elementor-icon-wrapper,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .elementor-icon{

    width:100%!important;
    height:100%!important;

    min-width:0!important;
    min-height:0!important;

    max-width:100%!important;
    max-height:100%!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
    padding:0!important;

    line-height:1!important;

    background:transparent!important;

    border:0!important;
    border-radius:0!important;

    box-shadow:none!important;
}


/* ============================================================
   C. FORCE ACTUAL ARROW SIZE
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .elementor-icon{
    font-size:12px!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow i,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .fas,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .far,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .fab{

    display:block!important;

    width:auto!important;
    height:auto!important;

    margin:0!important;
    padding:0!important;

    color:#6D1F24!important;

    font-size:12px!important;
    line-height:1!important;

    transform:none!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow svg{

    display:block!important;

    width:11px!important;
    height:11px!important;

    min-width:11px!important;
    min-height:11px!important;

    max-width:11px!important;
    max-height:11px!important;

    margin:0!important;
    padding:0!important;

    color:#6D1F24!important;

    fill:#6D1F24!important;
    stroke:#6D1F24!important;

    transform:none!important;
}


/* Prevent path/stroke settings from creating visual oversizing */
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow svg path,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow svg line,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow svg polyline,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow svg polygon{

    vector-effect:non-scaling-stroke;
}


/* ============================================================
   D. FEATURED STEP 02 ARROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-featured .journey-arrow,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02 .journey-arrow{

    border-color:rgba(215,164,74,.34)!important;

    background:rgba(255,255,255,.055)!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-featured .journey-arrow .elementor-icon,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-featured .journey-arrow i,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-featured .journey-arrow svg,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02 .journey-arrow .elementor-icon,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02 .journey-arrow i,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02 .journey-arrow svg{

    color:#D7A44A!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-featured .journey-arrow svg,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02 .journey-arrow svg{

    fill:#D7A44A!important;
    stroke:#D7A44A!important;
}


/* ============================================================
   E. STEP FOOTER — KEEP ARROW INSIDE CARD
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-footer{

    position:relative!important;

    min-width:0!important;

    overflow:visible!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-meta{

    flex:1 1 auto!important;

    min-width:0!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow{

    flex-shrink:0!important;

    position:relative!important;

    inset:auto!important;

    translate:none!important;
}


/* ============================================================
   F. ARROW HOVER — CONTROLLED
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step:hover .journey-arrow{

        transform:translateX(3px)!important;

        border-color:rgba(215,164,74,.48)!important;

        background:rgba(247,241,231,.92)!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-featured:hover .journey-arrow,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02:hover .journey-arrow{

        background:rgba(255,255,255,.09)!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step:hover .journey-arrow i,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step:hover .journey-arrow svg{

        transform:none!important;
    }
}


/* ============================================================
   G. BOTTOM LAYOUT — BETTER PROPORTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{

    grid-template-columns:
        auto
        minmax(80px,1fr)
        auto!important;

    column-gap:30px!important;

    align-items:center!important;
}


/* ============================================================
   H. CTA WRAPPER — LARGER AND MORE PREMIUM
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta{

    width:auto!important;

    min-width:188px!important;

    max-width:none!important;

    justify-self:end!important;

    flex-shrink:0!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta > .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-widget-container{

    width:100%!important;

    min-width:188px!important;

    margin:0!important;
    padding:0!important;
}


/* ============================================================
   I. CTA BUTTON
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-button{

    width:100%!important;

    min-width:188px!important;
    min-height:54px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:space-between!important;

    gap:16px!important;

    padding:
        12px
        13px
        12px
        21px!important;

    border:1px solid #A83832!important;

    border-radius:999px!important;

    color:#FFFFFF!important;

    background:
        linear-gradient(
            135deg,
            #A83832 0%,
            #962F2F 100%
        )!important;

    box-shadow:
        0 12px 26px rgba(168,56,50,.18)!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:13px!important;
    font-weight:700!important;

    line-height:1!important;

    white-space:nowrap!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-button-content-wrapper{

    width:100%!important;

    display:flex!important;

    align-items:center!important;
    justify-content:space-between!important;

    gap:15px!important;
}


/* ============================================================
   J. CTA TEXT
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-button-text{

    flex:1 1 auto!important;

    color:#FFFFFF!important;

    text-align:left!important;

    line-height:1.15!important;
}


/* ============================================================
   K. CTA ICON CIRCLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-button-icon{

    width:30px!important;
    height:30px!important;

    min-width:30px!important;
    min-height:30px!important;

    max-width:30px!important;
    max-height:30px!important;

    flex:0 0 30px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
    padding:0!important;

    border:1px solid rgba(255,255,255,.34)!important;

    border-radius:50%!important;

    background:rgba(255,255,255,.06)!important;

    line-height:1!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-button-icon i{

    margin:0!important;

    color:#FFFFFF!important;

    font-size:11px!important;

    line-height:1!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-button-icon svg{

    display:block!important;

    width:11px!important;
    height:11px!important;

    min-width:11px!important;
    min-height:11px!important;

    max-width:11px!important;
    max-height:11px!important;

    margin:0!important;

    color:#FFFFFF!important;

    fill:#FFFFFF!important;
    stroke:#FFFFFF!important;

    transform:none!important;
}


/* ============================================================
   L. CTA HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-button:hover{

        transform:translateY(-3px)!important;

        border-color:#8E2B2C!important;

        background:
            linear-gradient(
                135deg,
                #962F2F 0%,
                #8E2B2C 100%
            )!important;

        box-shadow:
            0 18px 36px rgba(168,56,50,.25)!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-cta
    .elementor-button:hover
    .elementor-button-icon{

        transform:translateX(2px)!important;

        background:rgba(255,255,255,.11)!important;
    }
}


/* ============================================================
   M. TABLET LANDSCAPE
============================================================ */

@media(min-width:821px) and (max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow{

        width:32px!important;
        height:32px!important;

        min-width:32px!important;
        min-height:32px!important;

        max-width:32px!important;
        max-height:32px!important;

        flex-basis:32px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .elementor-icon{
        font-size:11px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow i{

        font-size:11px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow svg{

        width:10px!important;
        height:10px!important;

        min-width:10px!important;
        min-height:10px!important;

        max-width:10px!important;
        max-height:10px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta{

        min-width:180px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta > .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-button{

        min-width:180px!important;
    }
}


/* ============================================================
   N. TABLET PORTRAIT
============================================================ */

@media(min-width:768px) and (max-width:820px){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{

        grid-template-columns:
            auto
            minmax(60px,1fr)
            auto!important;

        column-gap:22px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta{

        min-width:184px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta > .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-button{

        min-width:184px!important;
    }
}


/* ============================================================
   O. MOBILE AND IPHONE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow{

        width:34px!important;
        height:34px!important;

        min-width:34px!important;
        min-height:34px!important;

        max-width:34px!important;
        max-height:34px!important;

        flex-basis:34px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .elementor-icon,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow i{

        font-size:11px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow svg{

        width:10px!important;
        height:10px!important;

        min-width:10px!important;
        min-height:10px!important;

        max-width:10px!important;
        max-height:10px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{

        grid-template-columns:1fr!important;

        row-gap:15px!important;

        column-gap:0!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta{

        width:100%!important;

        min-width:0!important;

        justify-self:stretch!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta > .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-widget-container{

        width:100%!important;

        min-width:0!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-button{

        width:100%!important;

        min-width:0!important;
        min-height:55px!important;

        padding:
            12px
            13px
            12px
            20px!important;

        font-size:13px!important;
    }
}


/* ============================================================
   P. VERY SMALL MOBILE
============================================================ */

@media(max-width:374px){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-button{

        min-height:53px!important;

        font-size:12.5px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-cta .elementor-button-icon{

        width:28px!important;
        height:28px!important;

        min-width:28px!important;
        min-height:28px!important;

        max-width:28px!important;
        max-height:28px!important;

        flex-basis:28px!important;
    }
}


/* ============================================================
   END FINAL HARD LOCK
============================================================ */

/* ============================================================
   ============================================================
   69. FINAL OPTICAL CENTER FIX FOR STEP ARROWS
   Tujuan:
   - icon arrow benar-benar tepat di tengah lingkaran
   - tidak dipengaruhi line-height / baseline Font Awesome
   - konsisten untuk Step 01, Step 02, Step 03
   - tetap responsive
   ============================================================
   ============================================================ */


/* ============================================================
   A. ARROW CIRCLE — FINAL GEOMETRY
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow{

    position:relative!important;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    width:36px!important;
    height:36px!important;

    min-width:36px!important;
    min-height:36px!important;

    max-width:36px!important;
    max-height:36px!important;

    flex:0 0 36px!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border-radius:50%!important;

    line-height:0!important;

    text-align:center!important;

    box-sizing:border-box!important;
}


/* ============================================================
   B. HIDE ELEMENTOR'S ORIGINAL ARROW GLYPH
   We draw a precise CSS arrow instead, so optical centering
   is identical on every browser/device.
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .elementor-icon-wrapper,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .elementor-icon{

    width:100%!important;
    height:100%!important;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
    padding:0!important;

    line-height:0!important;

    background:transparent!important;

    border:0!important;

    box-shadow:none!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .elementor-icon i,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow .elementor-icon svg,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow i,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow svg{

    opacity:0!important;

    visibility:hidden!important;

    width:0!important;
    height:0!important;

    min-width:0!important;
    min-height:0!important;

    margin:0!important;
    padding:0!important;

    font-size:0!important;

    line-height:0!important;
}


/* ============================================================
   C. CUSTOM ARROW — HORIZONTAL SHAFT
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow::before{

    content:""!important;

    position:absolute!important;

    left:50%!important;
    top:50%!important;

    width:10px!important;
    height:1.6px!important;

    margin:0!important;

    border:0!important;
    border-radius:999px!important;

    background:#6D1F24!important;

    transform:
        translate(-56%,-50%)!important;

    transition:
        width .3s ease,
        background .3s ease,
        transform .3s ease!important;

    pointer-events:none!important;

    z-index:5!important;
}


/* ============================================================
   D. CUSTOM ARROW — ARROW HEAD
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow::after{

    content:""!important;

    position:absolute!important;

    left:50%!important;
    top:50%!important;

    width:5px!important;
    height:5px!important;

    margin:0!important;

    border:0!important;

    border-top:
        1.6px solid
        #6D1F24!important;

    border-right:
        1.6px solid
        #6D1F24!important;

    border-radius:0!important;

    background:transparent!important;

    transform:
        translate(
            0px,
            -50%
        )
        rotate(45deg)!important;

    transition:
        border-color .3s ease,
        transform .3s ease!important;

    pointer-events:none!important;

    z-index:6!important;
}


/* ============================================================
   E. FEATURED STEP 02 — GOLD ARROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-featured .journey-arrow::before,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02 .journey-arrow::before{

    background:#D7A44A!important;
}


.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-featured .journey-arrow::after,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02 .journey-arrow::after{

    border-top-color:#D7A44A!important;
    border-right-color:#D7A44A!important;
}


/* ============================================================
   F. HOVER — KEEP ARROW CENTERED
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step:hover .journey-arrow{

        transform:translateX(3px)!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step:hover .journey-arrow::before{

        width:11px!important;

        transform:
            translate(-56%,-50%)!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step:hover .journey-arrow::after{

        transform:
            translate(
                1px,
                -50%
            )
            rotate(45deg)!important;
    }
}


/* ============================================================
   G. TABLET LANDSCAPE
============================================================ */

@media(min-width:821px) and (max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow{

        width:32px!important;
        height:32px!important;

        min-width:32px!important;
        min-height:32px!important;

        max-width:32px!important;
        max-height:32px!important;

        flex-basis:32px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow::before{

        width:9px!important;
        height:1.5px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow::after{

        width:4.5px!important;
        height:4.5px!important;

        border-top-width:1.5px!important;
        border-right-width:1.5px!important;
    }
}


/* ============================================================
   H. TABLET PORTRAIT
============================================================ */

@media(min-width:768px) and (max-width:820px){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow{

        width:34px!important;
        height:34px!important;

        min-width:34px!important;
        min-height:34px!important;

        max-width:34px!important;
        max-height:34px!important;

        flex-basis:34px!important;
    }
}


/* ============================================================
   I. MOBILE / ANDROID / IPHONE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow{

        width:34px!important;
        height:34px!important;

        min-width:34px!important;
        min-height:34px!important;

        max-width:34px!important;
        max-height:34px!important;

        flex-basis:34px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow::before{

        width:9px!important;
        height:1.5px!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow::after{

        width:4.5px!important;
        height:4.5px!important;

        border-top-width:1.5px!important;
        border-right-width:1.5px!important;
    }
}


/* ============================================================
   J. TOUCH DEVICES
============================================================ */

@media(hover:none) and (pointer:coarse){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow{

        transform:none!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow::before{

        transform:
            translate(-56%,-50%)!important;
    }


    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-arrow::after{

        transform:
            translate(
                0px,
                -50%
            )
            rotate(45deg)!important;
    }
}


/* ============================================================
   END FINAL OPTICAL CENTER FIX
============================================================ */

/* ============================================================
   FINAL TITLE SIZE OVERRIDE
   HOW YOUR JOURNEY WORKS — CV BALINGKANG PARADISE

   REQUEST:
   "Three thoughtful steps. One effortless Bali journey."
   = 50px on desktop/tablet

   Mobile remains responsive so it does not overflow.
============================================================ */

/* DESKTOP + LAPTOP + TABLET */
@media (min-width:768px){

    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-title
    .elementor-heading-title{

        font-size:
            50px
            !important;

        line-height:
            .98
            !important;

        letter-spacing:
            -.035em
            !important;
    }
}


/* MOBILE — keep balanced and responsive */
@media (max-width:767px){

    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-title
    .elementor-heading-title{

        font-size:
            clamp(36px,10vw,44px)
            !important;

        line-height:
            .99
            !important;
    }
}


/* SMALL MOBILE */
@media (max-width:480px){

    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-title
    .elementor-heading-title{

        font-size:
            clamp(34px,9.6vw,40px)
            !important;
    }
}


/* VERY SMALL PHONE */
@media (max-width:374px){

    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-title
    .elementor-heading-title{

        font-size:
            33px
            !important;
    }
}

/* ============================================================
   FINAL EXTRA-COMPACT HEIGHT OVERRIDE
   HOW YOUR JOURNEY WORKS — CV BALINGKANG PARADISE

   TUJUAN:
   - Tinggi section dipersempit lagi
   - Judul desktop tetap 50px
   - Header lebih rapat
   - Jarak ke cards lebih pendek
   - Card lebih compact tanpa mengecilkan body text
   - Bottom area lebih dekat
   - Tablet / Android / iPhone tetap responsive
============================================================ */


/* ============================================================
   01. SECTION PADDING
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9{
    padding:
        clamp(58px,5.4vw,78px)
        clamp(20px,5vw,76px)
        clamp(50px,4.4vw,64px)
        !important;
}


/* ============================================================
   02. HEADER LEBIH RAPAT
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header{
    padding-bottom:
        clamp(28px,3vw,40px)
        !important;
}


/* ============================================================
   03. EYEBROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-eyebrow{
    margin-bottom:
        12px
        !important;
}


/* ============================================================
   04. MAIN TITLE
   Desktop / laptop / tablet tetap 50px
============================================================ */

@media (min-width:768px){

    .elementor-13 .elementor-element.elementor-element-2da85c9
    .journey-title
    .elementor-heading-title{
        font-size:
            50px
            !important;

        line-height:
            .98
            !important;
    }
}


/* ============================================================
   05. TITLE ACCENT
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-title::after{
    margin-top:
        14px
        !important;
}


/* ============================================================
   06. INTRO META
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-intro-meta{
    margin-top:
        12px
        !important;
}


/* ============================================================
   07. STAGE
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-stage{
    margin-top:
        clamp(28px,3vw,40px)
        !important;
}


/* ============================================================
   08. JOURNEY PATH
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-path{
    height:
        48px
        !important;

    min-height:
        48px
        !important;

    margin-bottom:
        -10px
        !important;
}


/* ============================================================
   09. CARD BASE
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step{
    min-height:
        330px
        !important;

    padding:
        24px
        23px
        22px
        !important;
}


/* ============================================================
   10. DESKTOP ASYMMETRY DIPERKECIL
============================================================ */

@media (min-width:1025px){

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-01{
        margin-top:
            28px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02{
        margin-top:
            0
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-03{
        margin-top:
            42px
            !important;
    }
}


/* ============================================================
   11. STEP TOP
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-top{
    margin-bottom:
        24px
        !important;
}


/* ============================================================
   12. NUMBERS
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-number
.elementor-heading-title{
    font-size:
        52px
        !important;
}


/* ============================================================
   13. ICON
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-icon{
    width:
        44px
        !important;

    height:
        44px
        !important;

    flex:
        0 0 44px
        !important;
}


/* ============================================================
   14. KICKER
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-kicker{
    margin-bottom:
        8px
        !important;
}


/* ============================================================
   15. STEP TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-title{
    margin-bottom:
        10px
        !important;
}


/* ============================================================
   16. BODY TEXT
   Tetap 16px
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text p,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text span,
.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-text strong,
.elementor-13 .elementor-element.elementor-element-2da85c9
.journey-step-text
.elementor-widget-container{
    font-size:
        16px
        !important;

    line-height:
        1.58
        !important;
}


/* ============================================================
   17. STEP FOOTER
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-footer{
    padding-top:
        14px
        !important;
}


/* ============================================================
   18. BOTTOM AREA
============================================================ */

.elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{
    margin-top:
        clamp(28px,3vw,40px)
        !important;

    padding-top:
        15px
        !important;
}


/* ============================================================
   19. LARGE DESKTOP
============================================================ */

@media (min-width:1600px){

    .elementor-13 .elementor-element.elementor-element-2da85c9{
        padding-top:
            66px
            !important;

        padding-bottom:
            56px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step{
        min-height:
            345px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-stage{
        margin-top:
            32px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{
        margin-top:
            32px
            !important;
    }
}


/* ============================================================
   20. LAPTOP
============================================================ */

@media
(min-width:1025px)
and
(max-width:1280px){

    .elementor-13 .elementor-element.elementor-element-2da85c9{
        padding-top:
            58px
            !important;

        padding-bottom:
            52px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header{
        padding-bottom:
            30px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-stage{
        margin-top:
            28px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step{
        min-height:
            310px
            !important;

        padding:
            22px
            20px
            20px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-01{
        margin-top:
            23px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-03{
        margin-top:
            34px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{
        margin-top:
            28px
            !important;
    }
}


/* ============================================================
   21. TABLET LANDSCAPE
============================================================ */

@media
(min-width:821px)
and
(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-2da85c9{
        padding:
            54px
            28px
            60px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header{
        gap:
            20px
            !important;

        padding-bottom:
            30px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-stage{
        margin-top:
            27px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-path{
        height:
            42px
            !important;

        min-height:
            42px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step{
        min-height:
            305px
            !important;

        padding:
            20px
            17px
            19px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-01{
        margin-top:
            18px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-03{
        margin-top:
            28px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-top{
        margin-bottom:
            19px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{
        margin-top:
            28px
            !important;
    }
}


/* ============================================================
   22. TABLET PORTRAIT
============================================================ */

@media
(min-width:768px)
and
(max-width:820px){

    .elementor-13 .elementor-element.elementor-element-2da85c9{
        padding:
            52px
            27px
            58px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header{
        gap:
            19px
            !important;

        padding-bottom:
            28px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-stage{
        margin-top:
            26px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-01,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-03{
        min-height:
            0
            !important;

        padding:
            23px
            22px
            22px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-top{
        margin-bottom:
            20px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{
        margin-top:
            30px
            !important;
    }
}


/* ============================================================
   23. MOBILE
============================================================ */

@media (max-width:767px){

    .elementor-13 .elementor-element.elementor-element-2da85c9{
        padding:
            48px
            clamp(17px,5vw,23px)
            54px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-header{
        gap:
            18px
            !important;

        padding-bottom:
            27px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-stage{
        margin-top:
            25px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-01,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-02,
    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-03{
        min-height:
            0
            !important;

        padding:
            22px
            19px
            20px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-step-top{
        margin-bottom:
            18px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{
        margin-top:
            26px
            !important;

        padding-top:
            13px
            !important;
    }
}


/* ============================================================
   24. SMALL MOBILE
============================================================ */

@media (max-width:480px){

    .elementor-13 .elementor-element.elementor-element-2da85c9{
        padding-top:
            44px
            !important;

        padding-bottom:
            50px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-2da85c9 .journey-bottom{
        margin-top:
            23px
            !important;
    }
}


/* ============================================================
   END EXTRA-COMPACT HEIGHT OVERRIDE
============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bc8ec8d *//* ============================================================
   ============================================================
   CV BALINGKANG PARADISE
   GALLERY — FINAL EDITORIAL VISUAL JOURNAL

   PASTE:
   GALLERY HIGH END
   → Advanced
   → Custom CSS

   REQUIRED CLASSES:

   gallery-highend
   gallery-shell

   gallery-header
   gallery-header-left
   gallery-eyebrow
   gallery-title
   gallery-intro

   gallery-visual

   gallery-left
   gallery-left-image

   gallery-right
   gallery-main-image
   gallery-carousel


   BRAND COLORS:

   Deep Maroon   #6D1F24
   Heritage Red  #A83832
   Brick Red     #C85B4A
   Sunset Gold   #D7A44A
   Warm Ivory    #F7F1E7
   Soft Blush    #EAD8D2
   Charcoal      #2B2523
   White         #FFFFFF

   FONT:

   Heading : El Messiri / El Messeri
   Body    : DM Sans
   ============================================================
   ============================================================ */


/* ============================================================
   01. MASTER DESIGN SYSTEM
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d{

    --gal-maroon:#6D1F24;
    --gal-maroon-dark:#57181D;

    --gal-red:#A83832;
    --gal-red-dark:#8E2B2C;

    --gal-brick:#C85B4A;
    --gal-gold:#D7A44A;

    --gal-ivory:#F7F1E7;
    --gal-ivory-light:#FCF9F4;

    --gal-blush:#EAD8D2;

    --gal-charcoal:#2B2523;
    --gal-white:#FFFFFF;

    --gal-body:#594D48;
    --gal-muted:#7C6C67;

    --gal-line:rgba(109,31,36,.12);
    --gal-line-soft:rgba(109,31,36,.065);

    --gal-max:1420px;

    --gal-gap:12px;

    --gal-ease:
        cubic-bezier(.22,1,.36,1);


    position:relative;

    isolation:isolate;

    width:100%!important;
    max-width:none!important;

    min-width:0;

    margin:0!important;

    padding:

        clamp(80px,7vw,118px)
        clamp(20px,5vw,76px)
        clamp(78px,7vw,116px)

        !important;

    overflow:hidden;

    color:
        var(--gal-charcoal);

    font-family:
        "DM Sans",
        sans-serif;

    background:

        radial-gradient(
            circle at 7% 9%,
            rgba(215,164,74,.09),
            transparent 23%
        ),

        radial-gradient(
            circle at 94% 17%,
            rgba(200,91,74,.045),
            transparent 28%
        ),

        radial-gradient(
            circle at 84% 90%,
            rgba(234,216,210,.34),
            transparent 31%
        ),

        linear-gradient(
            180deg,
            #FCF9F4 0%,
            #F7F1E7 100%
        )

        !important;
}


/* ============================================================
   02. GLOBAL RESET INSIDE SECTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d *,
.elementor-13 .elementor-element.elementor-element-bc8ec8d *::before,
.elementor-13 .elementor-element.elementor-element-bc8ec8d *::after{

    box-sizing:border-box;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d .e-con,
.elementor-13 .elementor-element.elementor-element-bc8ec8d .elementor-element,
.elementor-13 .elementor-element.elementor-element-bc8ec8d .elementor-widget,
.elementor-13 .elementor-element.elementor-element-bc8ec8d .elementor-widget-container{

    min-width:0;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d img{

    max-width:100%;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d p:last-child{

    margin-bottom:0!important;
}


/* ============================================================
   03. VERY SUBTLE BACKGROUND TEXTURE
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-10;

    pointer-events:none;

    opacity:.19;

    background-image:

        radial-gradient(
            rgba(109,31,36,.075) .65px,
            transparent .65px
        );

    background-size:
        34px 34px;

    -webkit-mask-image:

        linear-gradient(
            115deg,
            rgba(0,0,0,.85),
            rgba(0,0,0,.25) 40%,
            transparent 76%
        );

    mask-image:

        linear-gradient(
            115deg,
            rgba(0,0,0,.85),
            rgba(0,0,0,.25) 40%,
            transparent 76%
        );
}


/* ============================================================
   04. AMBIENT GOLD / BLUSH LIGHT
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d::after{

    content:"";

    position:absolute;

    z-index:-9;

    pointer-events:none;

    width:
        clamp(440px,48vw,760px);

    height:
        clamp(440px,48vw,760px);

    right:
        clamp(-360px,-18vw,-180px);

    top:
        clamp(-330px,-15vw,-160px);

    border-radius:50%;

    background:

        radial-gradient(
            circle,
            rgba(215,164,74,.085),
            rgba(200,91,74,.028) 43%,
            transparent 70%
        );

    animation:

        galleryAmbient
        12s
        ease-in-out
        infinite;
}


/* ============================================================
   05. GALLERY SHELL
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-shell{

    position:relative;

    z-index:2;

    display:flex!important;

    flex-direction:column!important;

    align-items:stretch!important;

    gap:0!important;

    width:100%!important;

    max-width:
        var(--gal-max)!important;

    min-width:0;

    margin:

        0 auto!important;

    padding:0!important;
}


/* ============================================================
   06. LARGE SECTION NUMBER
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-shell::before{

    content:"04";

    position:absolute;

    right:-4px;

    top:-65px;

    z-index:-2;

    pointer-events:none;

    user-select:none;

    color:transparent;

    font-family:

        "El Messiri",
        "El Messeri",
        serif;

    font-size:

        clamp(
            90px,
            9vw,
            145px
        );

    font-weight:500;

    line-height:1;

    letter-spacing:-.06em;

    -webkit-text-stroke:

        1px
        rgba(109,31,36,.045);
}


/* ============================================================
   07. LARGE GALLERY WATERMARK
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-shell::after{

    content:"GALLERY";

    position:absolute;

    left:-3px;

    bottom:-66px;

    z-index:-3;

    pointer-events:none;

    user-select:none;

    color:transparent;

    font-family:

        "El Messiri",
        "El Messeri",
        serif;

    font-size:

        clamp(
            105px,
            14vw,
            205px
        );

    font-weight:500;

    line-height:.78;

    letter-spacing:-.055em;

    -webkit-text-stroke:

        1px
        rgba(109,31,36,.028);
}


/* ============================================================
   ============================================================
   HEADER
   ============================================================
============================================================ */


/* ============================================================
   08. GALLERY HEADER
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-header{

    position:relative;

    z-index:5;

    display:grid!important;

    grid-template-columns:

        minmax(0,1.15fr)
        minmax(320px,.68fr)

        !important;

    align-items:end!important;

    gap:

        clamp(
            60px,
            8vw,
            135px
        )

        !important;

    width:100%!important;

    min-width:0;

    margin:0!important;

    padding:

        0 0
        clamp(48px,5vw,70px)

        !important;

    border-bottom:

        1px solid
        var(--gal-line);
}


/* ============================================================
   09. HEADER LEFT
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-header-left{

    display:flex!important;

    flex-direction:column!important;

    align-items:flex-start!important;

    justify-content:flex-end!important;

    gap:0!important;

    width:100%!important;

    min-width:0;

    margin:0!important;

    padding:0!important;
}


/* ============================================================
   10. GALLERY EYEBROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-eyebrow{

    margin:

        0 0
        16px

        !important;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-eyebrow
.elementor-heading-title{

    position:relative;

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin:0!important;

    padding-left:37px;

    color:

        var(--gal-red)

        !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        10.5px!important;

    font-weight:

        700!important;

    line-height:

        1.2!important;

    letter-spacing:

        .17em!important;

    text-transform:
        uppercase;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-eyebrow
.elementor-heading-title::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:27px;

    height:1px;

    transform:

        translateY(-50%);

    background:

        linear-gradient(
            90deg,
            var(--gal-gold),
            var(--gal-brick)
        );
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-eyebrow
.elementor-heading-title::after{

    content:"VISUAL JOURNAL";

    margin-left:5px;

    padding-left:12px;

    border-left:

        1px solid
        rgba(109,31,36,.17);

    color:

        rgba(43,37,35,.47);

    font-size:

        9px;

    font-weight:

        600;

    letter-spacing:

        .15em;
}


/* ============================================================
   11. GALLERY TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-title{

    width:100%!important;

    max-width:

        710px!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-title
.elementor-heading-title{

    margin:0!important;

    color:

        var(--gal-maroon)

        !important;

    font-family:

        "El Messiri",
        "El Messeri",
        serif

        !important;

    font-size:

        clamp(
            57px,
            5.7vw,
            88px
        )

        !important;

    font-weight:

        500!important;

    line-height:

        .94!important;

    letter-spacing:

        -.043em!important;

    text-wrap:
        balance;
}


/* underline */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-title::after{

    content:"";

    display:block;

    width:64px;

    height:2px;

    margin-top:23px;

    border-radius:999px;

    background:

        linear-gradient(
            90deg,
            var(--gal-gold),
            var(--gal-brick),
            transparent
        );

    transition:

        width
        .55s
        var(--gal-ease);
}


@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-header:hover
    .gallery-title::after{

        width:125px;
    }
}


/* ============================================================
   12. GALLERY INTRO
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro{

    position:relative;

    align-self:end;

    width:100%!important;

    max-width:

        470px!important;

    margin:

        0 0 5px!important;

    padding:

        0 0 0 22px!important;

    border-left:

        1px solid
        var(--gal-gold);
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro,
.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro p,
.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro span,
.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-intro
.elementor-widget-container{

    margin-top:0;

    color:

        var(--gal-body)

        !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        16px!important;

    font-weight:

        400!important;

    line-height:

        1.72!important;
}


/* ============================================================
   ============================================================
   VISUAL COMPOSITION
   ============================================================
============================================================ */


/* ============================================================
   13. GALLERY VISUAL GRID
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual{

    position:relative;

    z-index:4;

    display:grid!important;

    grid-template-columns:

        minmax(280px,.70fr)
        minmax(0,1.30fr)

        !important;

    align-items:stretch!important;

    gap:

        var(--gal-gap)!important;

    width:100%!important;

    min-width:0;

    margin:

        clamp(38px,4vw,56px)
        0 0

        !important;

    padding:0!important;
}


/* tiny editorial detail */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual::before{

    content:"BALI · INDONESIA";

    position:absolute;

    top:-24px;

    right:0;

    color:

        rgba(43,37,35,.42);

    font-family:

        "DM Sans",
        sans-serif;

    font-size:

        8.5px;

    font-weight:700;

    line-height:1;

    letter-spacing:

        .17em;

    pointer-events:none;
}


/* subtle connector */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual::after{

    content:"";

    position:absolute;

    top:-17px;

    left:0;

    width:54px;

    height:1px;

    background:

        linear-gradient(
            90deg,
            var(--gal-gold),
            transparent
        );
}


/* ============================================================
   14. LEFT FEATURE
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left{

    position:relative;

    z-index:2;

    display:flex!important;

    flex-direction:column!important;

    width:100%!important;

    min-width:0!important;

    height:

        clamp(
            540px,
            46vw,
            650px
        );

    margin:0!important;

    padding:0!important;

    overflow:hidden;

    border-radius:

        8px 8px
        54px 8px;

    background:

        var(--gal-blush);

    box-shadow:

        0 20px 44px
        rgba(65,27,27,.08);
}


/* ============================================================
   15. LEFT IMAGE
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left-image{

    position:relative;

    z-index:1;

    width:100%!important;

    height:100%!important;

    margin:0!important;

    padding:0!important;

    overflow:hidden;

    border-radius:
        inherit;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-left-image
.elementor-widget-container{

    position:relative;

    width:100%!important;

    height:100%!important;

    overflow:hidden;

    border-radius:
        inherit;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-left-image img{

    position:relative;

    z-index:0;

    display:block;

    width:100%!important;

    height:100%!important;

    max-width:none!important;

    object-fit:
        cover!important;

    object-position:
        center center;

    border-radius:
        inherit;

    transform:
        scale(1.001);

    transition:

        transform
        .9s
        var(--gal-ease),

        filter
        .7s
        ease;
}


/* cinematic gradient */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-left-image
.elementor-widget-container::after{

    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:

        linear-gradient(
            180deg,
            rgba(43,37,35,.02) 0%,
            transparent 46%,
            rgba(43,37,35,.34) 100%
        );
}


/* label top */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left-image::before{

    content:"01 / ISLAND MOMENTS";

    position:absolute;

    z-index:4;

    left:18px;

    top:18px;

    padding:

        8px 11px;

    border:

        1px solid
        rgba(255,255,255,.16);

    border-radius:999px;

    color:

        rgba(255,255,255,.92);

    background:

        rgba(43,37,35,.38);

    -webkit-backdrop-filter:

        blur(10px);

    backdrop-filter:

        blur(10px);

    font-family:

        "DM Sans",
        sans-serif;

    font-size:

        8px;

    font-weight:700;

    letter-spacing:

        .14em;

    pointer-events:none;
}


/* bottom label */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left-image::after{

    content:"BALI";

    position:absolute;

    z-index:4;

    left:20px;

    bottom:18px;

    color:

        rgba(255,255,255,.92);

    font-family:

        "El Messiri",
        "El Messeri",
        serif;

    font-size:

        21px;

    font-weight:500;

    line-height:1;

    letter-spacing:

        .02em;

    pointer-events:none;
}


/* ============================================================
   16. LEFT IMAGE HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-left:hover
    .gallery-left-image img{

        transform:

            scale(1.035);

        filter:

            saturate(1.04)
            contrast(1.025);
    }
}


/* ============================================================
   17. RIGHT FEATURE
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-right{

    position:relative;

    z-index:2;

    display:grid!important;

    grid-template-columns:

        minmax(0,1fr)!important;

    grid-template-rows:

        minmax(0,1fr)
        auto!important;

    align-items:stretch!important;

    gap:

        var(--gal-gap)!important;

    width:100%!important;

    min-width:0!important;

    height:

        clamp(
            540px,
            46vw,
            650px
        );

    margin:0!important;

    padding:0!important;
}


/* ============================================================
   18. MAIN IMAGE
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-main-image{

    position:relative;

    z-index:1;

    width:100%!important;

    min-width:0!important;

    min-height:0;

    height:100%!important;

    margin:0!important;

    padding:0!important;

    overflow:hidden;

    border-radius:

        8px 44px
        8px 8px;

    background:
        var(--gal-blush);

    box-shadow:

        0 18px 39px
        rgba(65,27,27,.065);
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-main-image
.elementor-widget-container{

    position:relative;

    width:100%!important;

    height:100%!important;

    overflow:hidden;

    border-radius:
        inherit;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-main-image img{

    position:relative;

    z-index:0;

    display:block;

    width:100%!important;

    height:100%!important;

    max-width:none!important;

    object-fit:
        cover!important;

    object-position:
        center center;

    border-radius:
        inherit;

    transform:
        scale(1.001);

    transition:

        transform
        .95s
        var(--gal-ease),

        filter
        .7s
        ease;
}


/* main cinematic overlay */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-main-image
.elementor-widget-container::after{

    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:

        linear-gradient(
            180deg,
            rgba(43,37,35,.02),
            transparent 51%,
            rgba(43,37,35,.24)
        );
}


/* Main image number */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-main-image::before{

    content:"02 / LANDSCAPES";

    position:absolute;

    z-index:5;

    left:18px;

    top:18px;

    padding:

        8px 11px;

    border:

        1px solid
        rgba(255,255,255,.17);

    border-radius:999px;

    color:

        rgba(255,255,255,.94);

    background:

        rgba(43,37,35,.36);

    -webkit-backdrop-filter:

        blur(10px);

    backdrop-filter:

        blur(10px);

    font-family:

        "DM Sans",
        sans-serif;

    font-size:

        8px;

    font-weight:700;

    letter-spacing:

        .14em;

    pointer-events:none;
}


/* main lower label */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-main-image::after{

    content:"SEE BALI DIFFERENTLY";

    position:absolute;

    z-index:5;

    right:20px;

    bottom:18px;

    color:

        rgba(255,255,255,.90);

    font-family:

        "DM Sans",
        sans-serif;

    font-size:

        8.5px;

    font-weight:700;

    letter-spacing:

        .14em;

    pointer-events:none;
}


/* ============================================================
   19. MAIN IMAGE HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-main-image:hover img{

        transform:

            scale(1.028);

        filter:

            saturate(1.035)
            contrast(1.02);
    }
}


/* ============================================================
   ============================================================
   MEDIA CAROUSEL
   ============================================================
============================================================ */


/* ============================================================
   20. CAROUSEL WRAPPER
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-carousel{

    position:relative;

    z-index:3;

    width:100%!important;

    min-width:0!important;

    margin:0!important;

    padding:

        0 0 28px!important;

    overflow:hidden;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.elementor-widget-container{

    width:100%!important;

    min-width:0!important;

    overflow:hidden!important;
}


/* ============================================================
   21. SWIPER ROOT
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
:is(
    .swiper,
    .swiper-container,
    .swiper-initialized,
    .elementor-main-swiper,
    .elementor-swiper
){

    width:100%!important;

    max-width:100%!important;

    min-width:0!important;

    overflow:hidden!important;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper-wrapper{

    align-items:stretch!important;
}


/* ============================================================
   22. CAROUSEL SLIDE
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper-slide{

    position:relative;

    height:

        clamp(
            145px,
            13.2vw,
            188px
        )

        !important;

    min-height:0!important;

    overflow:hidden;

    border:

        1px solid
        rgba(109,31,36,.085);

    border-radius:

        6px 6px
        28px 6px;

    background:

        var(--gal-white);

    box-shadow:

        0 10px 26px
        rgba(65,27,27,.05);

    transition:

        transform
        .5s
        var(--gal-ease),

        border-color
        .4s
        ease,

        box-shadow
        .45s
        ease,

        opacity
        .4s
        ease;

    opacity:.91;
}


/* small top accent */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper-slide::before{

    content:"";

    position:absolute;

    z-index:7;

    left:13px;

    top:0;

    width:34px;

    height:2px;

    border-radius:

        0 0
        999px 999px;

    background:

        linear-gradient(
            90deg,
            var(--gal-gold),
            var(--gal-brick)
        );

    transition:

        width
        .45s
        var(--gal-ease);
}


/* ============================================================
   23. MEDIA CAROUSEL IMAGE
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.elementor-carousel-image,

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper-slide
.elementor-carousel-image{

    display:block!important;

    width:100%!important;

    height:100%!important;

    min-height:100%!important;

    background-size:

        cover!important;

    background-position:

        center center!important;

    background-repeat:

        no-repeat!important;

    transform:

        scale(1.001);

    transition:

        transform
        .75s
        var(--gal-ease),

        filter
        .6s
        ease;
}


/* fallback if carousel plugin outputs IMG */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper-slide img{

    display:block;

    width:100%!important;

    height:100%!important;

    max-width:none!important;

    object-fit:

        cover!important;

    object-position:

        center center;

    transform:

        scale(1.001);

    transition:

        transform
        .75s
        var(--gal-ease),

        filter
        .6s
        ease;
}


/* ============================================================
   24. CAROUSEL IMAGE OVERLAY
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper-slide::after{

    content:"";

    position:absolute;

    inset:0;

    z-index:4;

    pointer-events:none;

    background:

        linear-gradient(
            180deg,
            transparent 58%,
            rgba(43,37,35,.16)
        );

    opacity:.70;

    transition:

        opacity
        .45s
        ease;
}


/* ============================================================
   25. CAROUSEL HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide:hover{

        opacity:1;

        transform:

            translateY(-5px);

        border-color:

            rgba(215,164,74,.36);

        box-shadow:

            0 18px 35px
            rgba(65,27,27,.09);
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide:hover
    .elementor-carousel-image,

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide:hover
    img{

        transform:

            scale(1.035);

        filter:

            saturate(1.04)
            contrast(1.02);
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide:hover::before{

        width:70px;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide:hover::after{

        opacity:.32;
    }
}


/* ============================================================
   26. ACTIVE CAROUSEL SLIDE
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper-slide-active{

    opacity:1;

    border-color:

        rgba(215,164,74,.28);
}


/* ============================================================
   27. CAROUSEL CAPTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
:is(
    figcaption,
    .elementor-image-carousel-caption,
    .elementor-carousel-image-overlay
){

    font-family:

        "DM Sans",
        sans-serif!important;

    font-size:

        11px!important;

    line-height:

        1.4!important;

    color:

        #FFFFFF!important;
}


/* ============================================================
   28. CAROUSEL PAGINATION
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper-pagination{

    position:absolute!important;

    left:50%!important;

    bottom:2px!important;

    width:auto!important;

    transform:

        translateX(-50%);

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    gap:2px;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper-pagination-bullet{

    width:

        6px!important;

    height:

        6px!important;

    margin:

        0 4px!important;

    opacity:.30;

    border-radius:

        999px!important;

    background:

        var(--gal-maroon)

        !important;

    transition:

        width
        .35s
        var(--gal-ease),

        opacity
        .35s
        ease,

        background
        .35s
        ease;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper-pagination-bullet-active{

    width:

        25px!important;

    opacity:1;

    background:

        linear-gradient(
            90deg,
            var(--gal-gold),
            var(--gal-red)
        )

        !important;
}


/* ============================================================
   29. ELEMENTOR MEDIA CAROUSEL ARROWS
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
:is(
    .elementor-swiper-button,
    .swiper-button-prev,
    .swiper-button-next
){

    width:

        40px!important;

    height:

        40px!important;

    display:flex!important;

    align-items:center!important;

    justify-content:center!important;

    margin:0!important;

    color:

        #FFFFFF!important;

    border:

        1px solid
        rgba(255,255,255,.15);

    border-radius:50%;

    background:

        rgba(109,31,36,.88);

    box-shadow:

        0 8px 22px
        rgba(43,37,35,.16);

    -webkit-backdrop-filter:

        blur(8px);

    backdrop-filter:

        blur(8px);

    opacity:.74;

    transition:

        opacity
        .35s
        ease,

        transform
        .35s
        var(--gal-ease),

        background
        .35s
        ease;
}


.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.elementor-swiper-button svg,

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
:is(
    .swiper-button-prev,
    .swiper-button-next
)::after{

    font-size:

        13px!important;
}


@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel:hover
    :is(
        .elementor-swiper-button,
        .swiper-button-prev,
        .swiper-button-next
    ){

        opacity:1;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    :is(
        .elementor-swiper-button,
        .swiper-button-prev,
        .swiper-button-next
    ):hover{

        transform:

            scale(1.06);

        background:

            var(--gal-red);
    }
}


/* ============================================================
   30. LEFT ARROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
:is(
    .elementor-swiper-button-prev,
    .swiper-button-prev
){

    left:

        10px!important;
}


/* ============================================================
   31. RIGHT ARROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
:is(
    .elementor-swiper-button-next,
    .swiper-button-next
){

    right:

        10px!important;
}


/* ============================================================
   ============================================================
   LARGE DESKTOP
   ============================================================
============================================================ */

@media(min-width:1600px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{

        --gal-max:
            1480px;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left,
    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-right{

        height:

            675px;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{

        height:

            195px!important;
    }
}


/* ============================================================
   ============================================================
   LAPTOP
   1025 - 1280
   ============================================================
============================================================ */

@media
(min-width:1025px)
and
(max-width:1280px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{

        padding-left:

            42px!important;

        padding-right:

            42px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-header{

        grid-template-columns:

            minmax(0,1.1fr)
            minmax(300px,.7fr)

            !important;

        gap:

            65px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-title
    .elementor-heading-title{

        font-size:

            clamp(
                53px,
                5.4vw,
                72px
            )

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual{

        grid-template-columns:

            minmax(275px,.72fr)
            minmax(0,1.28fr)

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left,
    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-right{

        height:

            clamp(
                535px,
                48vw,
                590px
            );
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{

        height:

            clamp(
                142px,
                13.5vw,
                175px
            )

            !important;
    }
}


/* ============================================================
   ============================================================
   TABLET LANDSCAPE
   821 - 1024
   ============================================================
============================================================ */

@media
(min-width:821px)
and
(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{

        padding:

            68px
            30px
            82px

            !important;
    }


    /* header stack */

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-header{

        grid-template-columns:

            1fr!important;

        align-items:start!important;

        gap:

            27px!important;

        padding-bottom:

            43px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-title
    .elementor-heading-title{

        font-size:

            clamp(
                51px,
                7vw,
                64px
            )

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro{

        max-width:

            670px!important;
    }


    /* visual stays 2 columns */

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual{

        grid-template-columns:

            minmax(240px,.68fr)
            minmax(0,1.32fr)

            !important;

        gap:

            10px!important;

        margin-top:

            42px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left,
    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-right{

        height:

            clamp(
                475px,
                58vw,
                535px
            );
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{

        height:

            clamp(
                130px,
                17vw,
                165px
            )

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left{

        border-radius:

            7px 7px
            42px 7px;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-main-image{

        border-radius:

            7px 35px
            7px 7px;
    }
}


/* ============================================================
   ============================================================
   TABLET PORTRAIT
   768 - 820
   ============================================================
============================================================ */

@media
(min-width:768px)
and
(max-width:820px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{

        padding:

            66px
            28px
            80px

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-header{

        grid-template-columns:

            1fr!important;

        align-items:start!important;

        gap:

            27px!important;

        padding-bottom:

            40px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-title
    .elementor-heading-title{

        font-size:

            clamp(
                49px,
                7vw,
                59px
            )

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro{

        max-width:

            620px!important;
    }


    /*
       IMPORTANT:
       Right container becomes transparent layout wrapper.
       This lets carousel become full width below both images.
    */

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual{

        display:grid!important;

        grid-template-columns:

            minmax(0,.78fr)
            minmax(0,1.22fr)

            !important;

        grid-template-rows:

            365px
            auto!important;

        gap:

            10px!important;

        margin-top:

            39px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-right{

        display:contents!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left{

        grid-column:1;

        grid-row:1;

        width:100%!important;

        height:100%!important;

        min-height:0;

        border-radius:

            7px 7px
            36px 7px;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-main-image{

        grid-column:2;

        grid-row:1;

        width:100%!important;

        height:100%!important;

        min-height:0;

        border-radius:

            7px 34px
            7px 7px;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-carousel{

        grid-column:

            1 / -1;

        grid-row:2;

        width:100%!important;

        min-width:0!important;

        margin-top:

            2px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{

        height:

            175px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-visual::before{

        display:none;
    }
}


/* ============================================================
   ============================================================
   MOBILE
   <=767
   ============================================================
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{

        padding:

            56px
            clamp(
                17px,
                5vw,
                23px
            )
            67px

            !important;
    }


    /* section number */

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-shell::before{

        top:-26px;

        right:0;

        font-size:

            65px;
    }


    /* watermark */

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-shell::after{

        left:0;

        bottom:-3px;

        font-size:

            clamp(
                75px,
                25vw,
                113px
            );
    }


    /* header */

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-header{

        grid-template-columns:

            1fr!important;

        align-items:start!important;

        gap:

            21px!important;

        padding-bottom:

            33px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-eyebrow{

        margin-bottom:

            12px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-eyebrow
    .elementor-heading-title{

        padding-left:

            29px;

        font-size:

            9px!important;

        letter-spacing:

            .15em!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-eyebrow
    .elementor-heading-title::before{

        width:

            20px;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-eyebrow
    .elementor-heading-title::after{

        font-size:

            7.5px;

        margin-left:

            2px;

        padding-left:

            8px;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-title
    .elementor-heading-title{

        font-size:

            clamp(
                41px,
                11.5vw,
                51px
            )

            !important;

        line-height:

            .97!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-title::after{

        width:

            51px;

        margin-top:

            16px;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro{

        max-width:

            100%!important;

        margin:0!important;

        padding-left:

            16px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro,
    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro p,
    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro span{

        font-size:

            16px!important;

        line-height:

            1.68!important;
    }


    /*
       MOBILE ORDER:

       1. MAIN IMAGE
       2. PORTRAIT IMAGE
       3. MEDIA CAROUSEL
    */

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual{

        display:flex!important;

        flex-direction:column!important;

        align-items:stretch!important;

        gap:

            12px!important;

        width:100%!important;

        margin-top:

            31px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-right{

        display:contents!important;
    }


    /* MAIN FIRST */

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-main-image{

        order:1;

        width:100%!important;

        height:auto!important;

        min-height:0;

        aspect-ratio:

            16 / 10;

        border-radius:

            7px 30px
            7px 7px;
    }


    /* LEFT SECOND */

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left{

        order:2;

        width:100%!important;

        height:auto!important;

        min-height:0;

        aspect-ratio:

            4 / 5;

        border-radius:

            7px 7px
            37px 7px;
    }


    /* CAROUSEL THIRD */

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-carousel{

        order:3;

        width:100%!important;

        margin-top:

            2px!important;

        padding-bottom:

            27px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{

        height:

            clamp(
                175px,
                51vw,
                225px
            )

            !important;

        border-radius:

            6px 6px
            26px 6px;
    }


    /* hide arrows mobile */

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    :is(
        .elementor-swiper-button,
        .swiper-button-prev,
        .swiper-button-next
    ){

        display:none!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual::before,
    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual::after{

        display:none;
    }


    /* overlay labels slightly smaller */

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left-image::before,
    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-main-image::before{

        left:13px;

        top:13px;

        padding:

            7px 9px;

        font-size:

            7px;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left-image::after{

        left:15px;

        bottom:14px;

        font-size:

            18px;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-main-image::after{

        right:15px;

        bottom:14px;

        font-size:

            7px;
    }
}


/* ============================================================
   ============================================================
   SMALL MOBILE
   <=480
   ============================================================
============================================================ */

@media(max-width:480px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{

        padding-left:

            max(
                17px,
                env(safe-area-inset-left)
            )

            !important;

        padding-right:

            max(
                17px,
                env(safe-area-inset-right)
            )

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-title
    .elementor-heading-title{

        font-size:

            clamp(
                38px,
                11vw,
                46px
            )

            !important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-eyebrow
    .elementor-heading-title::after{

        content:"JOURNAL";
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-main-image{

        aspect-ratio:

            16 / 10.5;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left{

        aspect-ratio:

            4 / 5;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{

        height:

            clamp(
                165px,
                52vw,
                205px
            )

            !important;
    }
}


/* ============================================================
   ============================================================
   VERY SMALL MOBILE
   <=374
   ============================================================
============================================================ */

@media(max-width:374px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{

        padding-top:

            50px!important;

        padding-bottom:

            61px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-title
    .elementor-heading-title{

        font-size:

            36px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-eyebrow
    .elementor-heading-title::after{

        display:none;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro,
    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro p{

        font-size:

            16px!important;
    }


    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{

        height:

            165px!important;
    }
}


/* ============================================================
   ============================================================
   TOUCH DEVICE
   ============================================================
============================================================ */

@media(hover:none) and (pointer:coarse){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-left-image img,

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-main-image img,

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide,

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .elementor-carousel-image{

        transform:

            none!important;
    }
}


/* ============================================================
   ============================================================
   PREVENT RESPONSIVE OVERFLOW
   ============================================================
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-header,
.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-header-left,
.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro,

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual,

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left,
.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left-image,

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-right,
.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-main-image,

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-carousel,
.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper,
.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper-container{

    min-width:

        0!important;

    max-width:

        100%;
}


/* ============================================================
   37. ACCESSIBILITY
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d a:focus-visible,
.elementor-13 .elementor-element.elementor-element-bc8ec8d button:focus-visible{

    outline:

        2px solid
        var(--gal-gold);

    outline-offset:

        4px;
}


/* ============================================================
   38. REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d *,
    .elementor-13 .elementor-element.elementor-element-bc8ec8d *::before,
    .elementor-13 .elementor-element.elementor-element-bc8ec8d *::after{

        animation-duration:

            .01ms!important;

        animation-iteration-count:

            1!important;

        transition-duration:

            .01ms!important;
    }
}


/* ============================================================
   39. AMBIENT ANIMATION
============================================================ */

@keyframes galleryAmbient{

    0%,
    100%{

        opacity:.75;

        transform:

            scale(1);
    }


    50%{

        opacity:1;

        transform:

            scale(1.06);
    }
}


/* ============================================================
   40. TEXT SELECTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d ::selection{

    color:

        #FFFFFF;

    background:

        var(--gal-red);
}

/* ============================================================
   ============================================================
   FINAL EXTRA-COMPACT GALLERY OVERRIDE
   CV BALINGKANG PARADISE

   REQUEST:
   - Main title "A few scenes along the way." = 50px
   - Tinggi section dipersempit lagi
   - Header lebih rapat
   - Visual gallery lebih pendek tetapi tetap proporsional
   - Carousel lebih compact
   - Bottom space diperkecil
   - Tablet / Android / iPhone tetap responsive
   ============================================================
   ============================================================ */


/* ============================================================
   01. MASTER SECTION — COMPACT
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d{
    padding:
        clamp(48px,4.4vw,66px)
        clamp(20px,5vw,76px)
        clamp(34px,3vw,46px)
        !important;
}


/* ============================================================
   02. SECTION NUMBER
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-shell::before{
    top:
        -38px
        !important;

    font-size:
        clamp(72px,7vw,110px)
        !important;
}


/* ============================================================
   03. MAIN TITLE = 50PX
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-title
.elementor-heading-title{
    font-size:
        50px
        !important;

    line-height:
        .96
        !important;

    letter-spacing:
        -.035em
        !important;
}


/* ============================================================
   04. EYEBROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-eyebrow{
    margin-bottom:
        11px
        !important;
}


/* ============================================================
   05. TITLE ACCENT
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-title::after{
    width:
        50px
        !important;

    margin-top:
        14px
        !important;
}


/* ============================================================
   06. HEADER — LEBIH RAPAT
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-header{
    gap:
        clamp(44px,5.5vw,88px)
        !important;

    padding-bottom:
        clamp(28px,2.8vw,38px)
        !important;
}


/* ============================================================
   07. INTRO
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro,
.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro p,
.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-intro span,
.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-intro
.elementor-widget-container{
    font-size:
        16px
        !important;

    line-height:
        1.60
        !important;
}


/* ============================================================
   08. VISUAL AREA — JARAK ATAS DIPERKECIL
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual{
    margin-top:
        clamp(27px,2.7vw,36px)
        !important;

    --gal-gap:
        10px;
}


/* ============================================================
   09. DESKTOP VISUAL HEIGHT
   Foto tetap proporsional, hanya area dibuat lebih compact.
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left,
.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-right{
    height:
        clamp(430px,36vw,510px)
        !important;
}


/* ============================================================
   10. CAROUSEL WRAPPER
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-carousel{
    padding-bottom:
        20px
        !important;
}


/* ============================================================
   11. CAROUSEL SLIDES
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper-slide{
    height:
        clamp(118px,10.5vw,148px)
        !important;
}


/* ============================================================
   12. PAGINATION
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d
.gallery-carousel
.swiper-pagination{
    bottom:
        1px
        !important;
}


/* ============================================================
   13. GALLERY WATERMARK
   Dinaikkan supaya tidak menambah ruang kosong bawah.
============================================================ */

.elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-shell::after{
    bottom:
        -2px
        !important;

    font-size:
        clamp(86px,11vw,158px)
        !important;

    opacity:
        .50;
}


/* ============================================================
   14. LARGE DESKTOP
============================================================ */

@media(min-width:1600px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{
        padding-top:
            56px
            !important;

        padding-bottom:
            38px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-title
    .elementor-heading-title{
        font-size:
            50px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left,
    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-right{
        height:
            525px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{
        height:
            150px
            !important;
    }
}


/* ============================================================
   15. LAPTOP 1025 - 1280
============================================================ */

@media
(min-width:1025px)
and
(max-width:1280px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{
        padding-top:
            48px
            !important;

        padding-bottom:
            35px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-header{
        gap:
            48px
            !important;

        padding-bottom:
            29px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-title
    .elementor-heading-title{
        font-size:
            50px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual{
        margin-top:
            28px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left,
    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-right{
        height:
            clamp(420px,40vw,475px)
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{
        height:
            clamp(112px,11vw,138px)
            !important;
    }
}


/* ============================================================
   16. TABLET LANDSCAPE
============================================================ */

@media
(min-width:821px)
and
(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{
        padding:
            50px
            28px
            46px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-header{
        gap:
            20px
            !important;

        padding-bottom:
            29px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-title
    .elementor-heading-title{
        font-size:
            50px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual{
        margin-top:
            28px
            !important;

        gap:
            9px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left,
    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-right{
        height:
            clamp(400px,49vw,455px)
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{
        height:
            clamp(108px,14vw,132px)
            !important;
    }
}


/* ============================================================
   17. TABLET PORTRAIT
============================================================ */

@media
(min-width:768px)
and
(max-width:820px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{
        padding:
            48px
            27px
            44px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-header{
        gap:
            19px
            !important;

        padding-bottom:
            27px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-title
    .elementor-heading-title{
        font-size:
            50px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual{
        grid-template-rows:
            315px
            auto
            !important;

        margin-top:
            27px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{
        height:
            145px
            !important;
    }
}


/* ============================================================
   18. MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{
        padding:
            44px
            clamp(17px,5vw,23px)
            40px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-header{
        gap:
            17px
            !important;

        padding-bottom:
            25px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-title
    .elementor-heading-title{
        font-size:
            clamp(38px,10.5vw,46px)
            !important;

        line-height:
            .98
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-title::after{
        margin-top:
            12px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-visual{
        margin-top:
            23px
            !important;

        gap:
            9px
            !important;
    }

    /* main image lebih pendek */
    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-main-image{
        aspect-ratio:
            16 / 8.8
            !important;
    }

    /* portrait image juga sedikit dipendekkan */
    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left{
        aspect-ratio:
            4 / 4.35
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-carousel{
        padding-bottom:
            21px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{
        height:
            clamp(145px,44vw,185px)
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-shell::after{
        bottom:
            0
            !important;
    }
}


/* ============================================================
   19. SMALL MOBILE
============================================================ */

@media(max-width:480px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{
        padding-top:
            40px
            !important;

        padding-bottom:
            36px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-title
    .elementor-heading-title{
        font-size:
            clamp(36px,10vw,42px)
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-main-image{
        aspect-ratio:
            16 / 9
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d .gallery-left{
        aspect-ratio:
            4 / 4.5
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{
        height:
            clamp(140px,43vw,175px)
            !important;
    }
}


/* ============================================================
   20. VERY SMALL MOBILE
============================================================ */

@media(max-width:374px){

    .elementor-13 .elementor-element.elementor-element-bc8ec8d{
        padding-top:
            38px
            !important;

        padding-bottom:
            34px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-title
    .elementor-heading-title{
        font-size:
            34px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-bc8ec8d
    .gallery-carousel
    .swiper-slide{
        height:
            138px
            !important;
    }
}


/* ============================================================
   END FINAL EXTRA-COMPACT GALLERY OVERRIDE
============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79a55d4 *//* ============================================================
PUTU BALI TOUR — HIGH-END CONTACT US V2
HERITAGE RED / EDITORIAL TRAVEL DESIGN
Native Elementor Containers — No HTML Widget

STYLE SOURCE
- El Messiri + DM Sans
- Ambient glow
- Fine grid texture
- Editorial watermark
- Offset frame
- Transparent premium surfaces
- Soft reveal animation
- Refined hover motion

HERITAGE RED PALETTE
Deep Maroon   #6D1F24
Heritage Red #A83832
Sunset Gold  #D7A44A
Brick Red    #C85B4A
Warm Ivory   #F7F1E7
Soft Blush   #EAD8D2
Charcoal     #2B2523
Pure White   #FFFFFF
============================================================ */


/* ============================================================
01. MASTER DESIGN SYSTEM
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4{
    --ct-primary:#6D1F24;
    --ct-primary-dark:#57181D;
    --ct-secondary:#A83832;
    --ct-secondary-dark:#8E2B2C;
    --ct-warm-red:#C85B4A;
    --ct-gold:#D7A44A;

    --ct-ivory:#F7F1E7;
    --ct-section-top:#FCF9F4;
    --ct-blush:#EAD8D2;
    --ct-white:#FFFFFF;

    --ct-text:#2B2523;
    --ct-muted:rgba(43,37,35,.68);
    --ct-soft:rgba(43,37,35,.52);
    --ct-faint:rgba(43,37,35,.30);

    --ct-line:rgba(109,31,36,.14);
    --ct-line-soft:rgba(109,31,36,.075);
    --ct-line-gold:rgba(215,164,74,.28);

    --ct-ease:cubic-bezier(.2,.75,.2,1);

    position:relative;
    width:100%;
    overflow:hidden;
    isolation:isolate;
    color:var(--ct-text);

    background:
        linear-gradient(
            180deg,
            var(--ct-section-top) 0%,
            var(--ct-ivory) 100%
        );
}


.elementor-13 .elementor-element.elementor-element-79a55d4 *,
.elementor-13 .elementor-element.elementor-element-79a55d4 *::before,
.elementor-13 .elementor-element.elementor-element-79a55d4 *::after{
    box-sizing:border-box;
}


/* ============================================================
02. AMBIENT RED GLOW
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4::before{
    content:"";
    position:absolute;

    width:clamp(440px,54vw,900px);
    height:clamp(440px,54vw,900px);

    right:clamp(-430px,-20vw,-170px);
    top:clamp(-320px,-14vw,-110px);

    z-index:0;
    pointer-events:none;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(168,56,50,.13) 0%,
            rgba(168,56,50,.052) 36%,
            transparent 70%
        );

    filter:blur(7px);

    animation:
        ptcAmbientGlow
        10s ease-in-out infinite;
}


/* ============================================================
03. SUBTLE GRID TEXTURE
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    opacity:.32;

    background-image:
        linear-gradient(
            rgba(109,31,36,.024) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(109,31,36,.024) 1px,
            transparent 1px
        );

    background-size:48px 48px;

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent,
            black 15%,
            black 85%,
            transparent
        );

    mask-image:
        linear-gradient(
            to right,
            transparent,
            black 15%,
            black 85%,
            transparent
        );
}


/* ============================================================
04. MAIN SHELL
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-shell{
    position:relative;
    z-index:2;

    width:min(100%,1440px)!important;
    margin-inline:auto!important;

    display:grid!important;

    grid-template-columns:
        minmax(0,.92fr)
        minmax(0,1.08fr)!important;

    align-items:center!important;

    gap:
        clamp(66px,7vw,126px)!important;
}


/* LARGE 02 WATERMARK */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-shell::before{
    content:"02";

    position:absolute;

    right:0;
    top:-72px;

    z-index:-1;

    pointer-events:none;
    user-select:none;

    font-family:"El Messiri",serif;

    font-size:
        clamp(82px,10vw,160px);

    font-weight:500;
    line-height:1;
    letter-spacing:-.04em;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(109,31,36,.055);

    opacity:.9;
}


/* LARGE CONTACT WATERMARK */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-shell::after{
    content:"CONTACT";

    position:absolute;

    left:-26px;
    bottom:-76px;

    z-index:-1;

    pointer-events:none;
    user-select:none;

    font-family:"El Messiri",serif;

    font-size:
        clamp(92px,13vw,205px);

    font-weight:600;

    line-height:.8;
    letter-spacing:-.045em;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(109,31,36,.04);

    opacity:.78;
}


/* ============================================================
05. CONTENT COLUMN
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-content{
    position:relative;

    min-width:0;

    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;

    z-index:4;
}


/* EYEBROW */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-eyebrow{
    margin:0 0 22px;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-eyebrow .elementor-heading-title{
    display:inline-flex;
    align-items:center;
    gap:13px;

    margin:0;

    font-family:"DM Sans",sans-serif!important;


    font-weight:700!important;
    line-height:1.2!important;

    letter-spacing:.18em!important;
    text-transform:uppercase;

    color:
        var(--ct-secondary)!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-eyebrow .elementor-heading-title::before{
    content:"";
    width:38px;
    height:1px;
    flex-shrink:0;

    background:
        linear-gradient(
            90deg,
            var(--ct-secondary),
            var(--ct-gold)
        );
}


/* MAIN TITLE */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-title{
    margin:0;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-title .elementor-heading-title{
    max-width:720px;
    margin:0;

    font-family:"El Messiri",serif!important;


    font-weight:500!important;

    line-height:.99!important;
    letter-spacing:-.038em!important;

    color:
        var(--ct-primary)!important;

    text-wrap:balance;
}


/* LEAD */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-lead{
    max-width:660px;

    margin-top:
        clamp(25px,2.7vw,36px);

    padding-left:24px;

    border-left:
        1px solid var(--ct-gold);
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-lead,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-lead p{
    margin-bottom:0;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-lead .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-lead p{
    font-family:"DM Sans",sans-serif!important;


    font-weight:400!important;
    line-height:1.75!important;

    color:
        var(--ct-muted)!important;
}


/* ============================================================
06. CONTACT LIST
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-list{
    position:relative;

    width:100%;

    margin-top:
        clamp(34px,3.7vw,50px);

    border-top:
        1px solid var(--ct-line);

    border-left:
        1px solid var(--ct-line);
}


/* ============================================================
07. CONTACT ROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row{
    position:relative;
    isolation:isolate;

    width:100%;

    display:grid!important;

    grid-template-columns:
        30px 48px
        minmax(0,1fr)
        28px!important;

    align-items:center!important;

    column-gap:15px!important;

    overflow:hidden;

    border-right:
        1px solid var(--ct-line);

    border-bottom:
        1px solid var(--ct-line);

    background:
        rgba(255,255,255,.18);

    transition:
        transform .45s var(--ct-ease),
        background .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;
}


/* HOVER ATMOSPHERE */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:-1;

    background:
        linear-gradient(
            110deg,
            rgba(168,56,50,.075),
            rgba(215,164,74,.035) 60%,
            transparent
        );

    opacity:0;

    transition:
        opacity .45s ease;
}


/* GOLD TOP DETAIL */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row::after{
    content:"";

    position:absolute;

    top:0;
    left:0;

    width:0;
    height:2px;

    background:
        linear-gradient(
            90deg,
            var(--ct-gold),
            var(--ct-warm-red)
        );

    transition:
        width .55s var(--ct-ease);
}


/* NUMBER */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-number .elementor-heading-title{
    margin:0;

    font-family:"DM Sans",sans-serif!important;

    font-weight:700!important;

    letter-spacing:.12em!important;

    color:
        var(--ct-secondary)!important;

    opacity:.68;
}


/* ICON */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon{
    display:flex;
    align-items:center;
    justify-content:center;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-icon{
    width:44px!important;
    height:44px!important;

    display:inline-flex!important;

    align-items:center!important;
    justify-content:center!important;

    padding:0!important;

    border:
        1px solid rgba(168,56,50,.16)!important;

    border-radius:50%!important;

    color:
        var(--ct-secondary)!important;

    background:
        rgba(168,56,50,.055)!important;

    transition:
        transform .45s var(--ct-ease),
        color .45s ease,
        background .45s ease,
        border-color .45s ease,
        box-shadow .45s ease;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon svg,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon svg path,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon i{
    color:
        var(--ct-secondary)!important;

    fill:
        currentColor!important;
}


/* COPY */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-copy{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;

    gap:4px!important;

    min-width:0;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-title .elementor-heading-title{
    margin:0;

    font-family:"El Messiri",serif!important;


    font-weight:600!important;
    line-height:1.2!important;

    color:
        var(--ct-primary)!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-value,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-value p{
    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-value .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-value p{
    font-family:"DM Sans",sans-serif!important;


    font-weight:400!important;
    line-height:1.55!important;

    color:
        var(--ct-muted)!important;
}


/* ARROW */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-arrow{
    opacity:.28;

    transform:
        translateX(-4px);

    transition:
        opacity .35s ease,
        transform .45s var(--ct-ease);
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-arrow .elementor-icon{
    color:
        var(--ct-primary)!important;
}


/* DESKTOP HOVER */

@media(hover:hover){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover{
        transform:
            translateX(7px);

        background:
            rgba(255,255,255,.48);

        border-color:
            rgba(109,31,36,.20);

        box-shadow:
            0 18px 38px rgba(49,30,28,.07);
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover::before{
        opacity:1;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover::after{
        width:84px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover
    .ptc-row-icon .elementor-icon{
        transform:
            rotate(-6deg)
            scale(1.07);

        color:
            var(--ct-white)!important;

        background:
            var(--ct-secondary)!important;

        border-color:
            var(--ct-secondary)!important;

        box-shadow:
            0 11px 28px rgba(168,56,50,.18);
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover
    .ptc-row-icon svg,

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover
    .ptc-row-icon svg path,

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover
    .ptc-row-icon i{
        color:
            var(--ct-white)!important;

        fill:
            currentColor!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover
    .ptc-row-arrow{
        opacity:1;

        transform:
            translateX(0);
    }
}


/* ============================================================
08. CTA AREA
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-cta-row{
    width:100%;

    display:flex!important;
    flex-direction:row!important;

    align-items:center!important;

    gap:18px!important;

    margin-top:
        28px;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-primary-cta .elementor-button{
    position:relative;

    overflow:hidden;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius:10px;

    background:
        linear-gradient(
            135deg,
            var(--ct-secondary),
            var(--ct-primary)
        );

    color:
        var(--ct-white)!important;

    box-shadow:
        0 13px 30px rgba(82,18,24,.20);

    transition:
        transform .35s var(--ct-ease),
        background .35s ease,
        box-shadow .35s ease;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-primary-cta .elementor-button::before{
    content:"";

    position:absolute;

    top:-28%;
    left:-90%;

    width:48%;
    height:156%;

    transform:
        skewX(-24deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.12),
            rgba(255,255,255,.60),
            rgba(255,255,255,.12),
            transparent
        );

    transition:
        left .72s ease;
}


@media(hover:hover){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-primary-cta .elementor-button:hover{
        transform:
            translateY(-3px);

        background:
            linear-gradient(
                135deg,
                var(--ct-secondary-dark),
                var(--ct-secondary)
            );

        box-shadow:
            0 18px 38px rgba(82,18,24,.27);
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-primary-cta .elementor-button:hover::before{
        left:138%;
    }
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-microcopy p{
    margin:0!important;

    font-family:"DM Sans",sans-serif!important;

    font-weight:500!important;
    line-height:1.5!important;

    color:
        var(--ct-soft)!important;
}


/* ============================================================
09. VISUAL COLUMN
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-visual{
    position:relative;

    width:100%;

    min-height:
        clamp(570px,45vw,690px);

    display:block!important;

    z-index:3;
}


/* ============================================================
10. MAP FRAME
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame{
    position:absolute;

    right:0;
    top:2%;

    width:
        min(88%,650px);

    height:
        82%;

    display:block!important;

    overflow:visible;

    z-index:2;

    border-radius:
        38px;
}


/* OFFSET FRAME */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame::before{
    content:"";

    position:absolute;

    inset:
        20px
        20px
        -20px
        -20px;

    z-index:-2;

    border:
        1px solid rgba(109,31,36,.18);

    border-radius:
        38px;

    transition:
        transform .7s var(--ct-ease);
}


/* ORGANIC RED SHAPE */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame::after{
    content:"";

    position:absolute;

    width:126px;
    height:126px;

    right:-36px;
    top:-34px;

    z-index:-3;

    border-radius:
        50% 50% 50% 24%;

    background:
        linear-gradient(
            145deg,
            var(--ct-secondary),
            var(--ct-warm-red)
        );

    opacity:.92;

    transform:
        rotate(-16deg);

    box-shadow:
        0 24px 52px rgba(109,31,36,.12);
}


/* MAP */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map{
    width:100%;
    height:100%;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map .elementor-widget-container{
    position:relative;

    width:100%;
    height:100%;

    overflow:hidden;

    border-radius:
        38px;

    background:
        var(--ct-blush);

    box-shadow:
        0 32px 74px rgba(55,34,30,.13);
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map iframe{
    width:100%!important;
    height:100%!important;

    border-radius:
        38px;

    filter:
        saturate(.88)
        contrast(1.015);

    transition:
        transform 1s var(--ct-ease),
        filter .8s ease;
}


@media(hover:hover){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame:hover
    .ptc-map iframe{
        transform:
            scale(1.025);

        filter:
            saturate(1)
            contrast(1.02);
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame:hover::before{
        transform:
            translate(-7px,7px);
    }
}


/* ============================================================
11. LOCATION CARD
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card{
    position:absolute;

    left:0;
    bottom:1%;

    z-index:7;

    display:flex!important;
    flex-direction:column!important;

    align-items:flex-start!important;

    gap:5px!important;

    overflow:hidden;

    border:
        6px solid var(--ct-ivory);

    border-radius:
        26px;

    background:
        linear-gradient(
            145deg,
            var(--ct-primary),
            var(--ct-primary-dark)
        );

    box-shadow:
        0 24px 55px rgba(49,30,28,.16);

    transition:
        transform .6s var(--ct-ease),
        box-shadow .6s ease;
}


/* GOLD DOT */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card::before{
    content:"";

    position:absolute;

    right:20px;
    top:20px;

    width:9px;
    height:9px;

    border-radius:50%;

    background:
        var(--ct-gold);

    box-shadow:
        0 0 0 7px rgba(215,164,74,.12);
}


/* SOFT RED ORB */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card::after{
    content:"";

    position:absolute;

    width:112px;
    height:112px;

    right:-46px;
    bottom:-48px;

    border-radius:50%;

    background:
        rgba(168,56,50,.48);

    pointer-events:none;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-label,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-title,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-address{
    position:relative;
    z-index:2;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-label .elementor-heading-title{
    margin:0;

    font-family:"DM Sans",sans-serif!important;

    font-weight:700!important;

    letter-spacing:.17em!important;
    text-transform:uppercase;

    color:
        var(--ct-gold)!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-title .elementor-heading-title{
    margin:0;

    font-family:"El Messiri",serif!important;


    font-weight:500!important;
    line-height:1.15!important;

    color:
        var(--ct-white)!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-address,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-address p{
    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-address p{
    font-family:"DM Sans",sans-serif!important;

    line-height:1.55!important;

    color:
        rgba(255,255,255,.68)!important;
}


@media(hover:hover){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card:hover{
        transform:
            translateY(-8px)
            rotate(-.45deg);

        box-shadow:
            0 32px 72px rgba(49,30,28,.20);
    }
}


/* ============================================================
12. SOCIAL BAR
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-bar{
    position:absolute;

    right:0;
    bottom:0;

    z-index:8;

    display:flex!important;
    flex-direction:column!important;

    align-items:flex-end!important;

    gap:10px!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-label .elementor-heading-title{
    margin:0;

    font-family:"DM Sans",sans-serif!important;

    font-weight:700!important;

    letter-spacing:.15em!important;

    color:
        var(--ct-soft)!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icons{
    display:flex!important;
    flex-direction:row!important;

    align-items:center!important;

    gap:9px!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon .elementor-icon{
    display:inline-flex!important;

    align-items:center!important;
    justify-content:center!important;

    width:42px!important;
    height:42px!important;

    padding:0!important;

    border:
        1px solid rgba(109,31,36,.15)!important;

    border-radius:50%!important;

    color:
        var(--ct-primary)!important;

    background:
        rgba(255,255,255,.58)!important;

    -webkit-backdrop-filter:
        blur(8px);

    backdrop-filter:
        blur(8px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.72);

    transition:
        transform .42s var(--ct-ease),
        color .42s ease,
        background .42s ease,
        border-color .42s ease,
        box-shadow .42s ease;
}


@media(hover:hover){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon:hover
    .elementor-icon{
        transform:
            translateY(-5px)
            rotate(-5deg);

        color:
            var(--ct-white)!important;

        background:
            var(--ct-primary)!important;

        border-color:
            var(--ct-primary)!important;

        box-shadow:
            0 12px 26px rgba(109,31,36,.18);
    }
}


/* ============================================================
13. MODERN SCROLL REVEAL
============================================================ */

@supports(animation-timeline:view()){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-content{
        animation:
            ptcContentReveal linear both;

        animation-timeline:view();

        animation-range:
            entry 0%
            entry 34%;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame{
        animation:
            ptcMapReveal linear both;

        animation-timeline:view();

        animation-range:
            entry 0%
            entry 36%;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card{
        animation:
            ptcCardReveal linear both;

        animation-timeline:view();

        animation-range:
            entry 5%
            entry 42%;
    }
}


/* ============================================================
14. KEYFRAMES
============================================================ */

@keyframes ptcContentReveal{

    from{
        opacity:0;

        transform:
            translateY(28px);
    }

    to{
        opacity:1;

        transform:
            translateY(0);
    }
}


@keyframes ptcMapReveal{

    from{
        opacity:0;

        transform:
            translateX(35px)
            scale(.975);
    }

    to{
        opacity:1;

        transform:
            translateX(0)
            scale(1);
    }
}


@keyframes ptcCardReveal{

    from{
        opacity:0;

        transform:
            translateY(35px)
            rotate(-2deg);
    }

    to{
        opacity:1;

        transform:
            translateY(0)
            rotate(0);
    }
}


@keyframes ptcAmbientGlow{

    0%,
    100%{
        opacity:.82;

        transform:
            scale(1);
    }

    50%{
        opacity:1;

        transform:
            scale(1.06);
    }
}


/* ============================================================
15. LAPTOP
============================================================ */

@media(min-width:1025px) and (max-width:1280px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-shell{
        grid-template-columns:
            minmax(0,.94fr)
            minmax(0,1.06fr)!important;

        gap:
            68px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-visual{
        min-height:
            610px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame{
        width:
            86%;
    }
}


/* ============================================================
16. TABLET
============================================================ */

@media(min-width:768px) and (max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-shell{
        grid-template-columns:
            1fr!important;

        gap:
            84px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-content{
        max-width:
            760px;

        margin-inline:
            auto;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-visual{
        width:
            100%;

        min-height:
            620px;

        max-width:
            760px;

        margin-inline:
            auto;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame{
        width:
            80%;

        height:
            82%;

        right:
            2%;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card{
        left:
            1%;

        bottom:
            1%;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-shell::before{
        top:
            -56px;
    }
}


/* ============================================================
17. MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-79a55d4{
        padding-left:
            clamp(18px,5.5vw,26px)!important;

        padding-right:
            clamp(18px,5.5vw,26px)!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-shell{
        grid-template-columns:
            1fr!important;

        gap:
            68px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-shell::before{
        top:
            -42px;

        font-size:
            78px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-shell::after{
        bottom:
            -26px;

        font-size:
            82px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-eyebrow{
        margin-bottom:
            18px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-eyebrow
    .elementor-heading-title{

        letter-spacing:
            .15em!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-eyebrow
    .elementor-heading-title::before{
        width:
            26px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-title
    .elementor-heading-title{
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-lead{
        margin-top:
            22px;

        padding-left:
            17px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-lead p{

        line-height:
            1.68!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-list{
        margin-top:
            30px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row{
        grid-template-columns:
            25px 42px
            minmax(0,1fr)!important;

        column-gap:
            11px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-arrow{
        display:none!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon
    .elementor-icon{
        width:
            39px!important;

        height:
            39px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-title
    .elementor-heading-title{
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-value p{

        overflow-wrap:
            anywhere;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-cta-row{
        flex-direction:
            column!important;

        align-items:
            flex-start!important;

        gap:
            11px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-visual{
        min-height:
            clamp(500px,125vw,620px);
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame{
        top:0;
        right:0;

        width:
            88%;

        height:
            72%;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame::before{
        inset:
            14px
            14px
            -14px
            -14px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame::after{
        width:
            82px;

        height:
            82px;

        right:
            -24px;

        top:
            -23px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map
    .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map iframe{
        border-radius:
            28px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card{
        left:0;
        bottom:4%;

        border-width:
            5px;

        border-radius:
            22px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-bar{
        right:0;
        bottom:3%;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon
    .elementor-icon{
        width:
            38px!important;

        height:
            38px!important;
    }
}


/* ============================================================
18. SMALL MOBILE
============================================================ */

@media(max-width:390px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row{
        grid-template-columns:
            22px 38px
            minmax(0,1fr)!important;

        padding:
            15px 12px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon
    .elementor-icon{
        width:
            36px!important;

        height:
            36px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-bar{
        align-items:
            flex-end!important;
    }
}


/* ============================================================
19. REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

    .elementor-13 .elementor-element.elementor-element-79a55d4 *,
    .elementor-13 .elementor-element.elementor-element-79a55d4 *::before,
    .elementor-13 .elementor-element.elementor-element-79a55d4 *::after{
        animation-duration:
            .01ms!important;

        animation-iteration-count:
            1!important;

        transition-duration:
            .01ms!important;
    }
}


/* ============================================================
20. ACCESSIBILITY
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 a:focus-visible,
.elementor-13 .elementor-element.elementor-element-79a55d4 button:focus-visible{
    outline:
        2px solid var(--ct-gold);

    outline-offset:
        4px;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 ::selection{
    background:
        var(--ct-secondary);

    color:
        var(--ct-white);
}


/* ============================================================
21. ELEMENTOR EDITOR STABILITY PATCH
Fixes container stretching / vertical icon stacking.
============================================================ */

/* Main columns */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-content,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-visual{
    min-width:0!important;
}

/* Contact rows must stay compact */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row{
    min-height:86px!important;
    height:auto!important;
}

/* Widgets inside row must not stretch to section height */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row > .elementor-element,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row .elementor-widget,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row .elementor-widget-container{
    min-height:0!important;
}

/* Contact row icon remains beside copy */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-number{
    grid-column:1!important;
}

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon{
    grid-column:2!important;
}

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-copy{
    grid-column:3!important;
}

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-arrow{
    grid-column:4!important;
}

/* Social icons MUST remain horizontal */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icons{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
}

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icons > .elementor-element{
    width:auto!important;
    flex:0 0 auto!important;
}

/* Map widget always fills its frame */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map iframe{
    width:100%!important;
    height:100%!important;
}

/* Prevent location/social block from inheriting giant heights */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-bar{
    min-height:0!important;
    height:auto!important;
}

/* Elementor editor sometimes adds extra min-height to containers */
.elementor-editor-active .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row,
.elementor-editor-active .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card,
.elementor-editor-active .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-bar,
.elementor-editor-active .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icons{
    min-height:0!important;
}

/* Tablet / mobile: remove absolute visual composition and stack safely */
@media(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-visual{
        min-height:0!important;
        display:flex!important;
        flex-direction:column!important;
        gap:22px!important;
    }

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-bar{
        position:relative!important;
        inset:auto!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        bottom:auto!important;
        width:100%!important;
        transform:none!important;
    }

    /*
    Location card tetap ikut alur tablet/mobile,
    tetapi WIDTH sengaja tidak diatur oleh CSS.
    Atur Width langsung dari Elementor > Layout.
    */
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card{
        position:relative!important;
        inset:auto!important;
        left:auto!important;
        right:auto!important;
        top:auto!important;
        bottom:auto!important;
        transform:none!important;
        align-self:flex-start!important;
    }

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame{
        height:auto!important;
    }

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map{
        height:470px!important;
    }

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card{
        border-width:5px;
    }

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-bar{
        align-items:flex-start!important;
    }

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icons{
        justify-content:flex-start!important;
    }
}

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map{
        height:360px!important;
    }

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row{
        min-height:76px!important;
    }
}


/* ============================================================
22. PTC CONTACT ROW — FINAL FLEX LAYOUT FIX
Class: ptc-contact-row

Tujuan:
- Row selalu compact dan horizontal
- Icon tidak turun / melayang ke tengah
- Telephone / WhatsApp tidak pecah per beberapa karakter
- Copy mengambil sisa lebar secara benar
- Tidak ada container raksasa
- Tetap responsive
============================================================ */

/* ============================================================
ROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row{
    /* Override grid lama */
    display:flex!important;
    grid-template-columns:none!important;

    flex-direction:row!important;
    flex-wrap:nowrap!important;

    align-items:center!important;
    justify-content:flex-start!important;

    gap:14px!important;

    width:100%!important;
    max-width:100%!important;

    min-width:0!important;
    min-height:82px!important;
    height:auto!important;

    /* Elementor container variable safety */
    --width:100%;
    --min-height:0px;
    --flex-grow:0;
    --flex-shrink:0;

    padding:16px 18px!important;
    margin:0!important;

    overflow:hidden!important;

    align-self:stretch!important;
    flex:0 0 auto!important;
}


/* ============================================================
SEMUA DIRECT CHILD — JANGAN BIARKAN ELEMENTOR STRETCH
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row > .elementor-element{
    min-width:0!important;
    min-height:0!important;

    height:auto!important;

    margin:0!important;

    align-self:center!important;

    --min-height:0px;
    --flex-grow:0;
}


/* ============================================================
NUMBER
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row > .ptc-row-number,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-number{
    flex:0 0 28px!important;

    width:28px!important;
    max-width:28px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    text-align:center!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-number .elementor-widget-container{
    width:100%!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-number .elementor-heading-title{
    width:100%!important;

    margin:0!important;

    text-align:center!important;

    line-height:1!important;
}


/* ============================================================
ICON
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row > .ptc-row-icon,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon{
    flex:0 0 44px!important;

    width:44px!important;
    max-width:44px!important;

    min-width:44px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-widget-container{
    width:44px!important;
    height:44px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-icon{
    width:44px!important;
    height:44px!important;

    min-width:44px!important;
    min-height:44px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
}


/* ============================================================
COPY — TITLE + VALUE
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row > .ptc-row-copy,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-copy{
    flex:1 1 0!important;

    width:auto!important;
    max-width:none!important;

    min-width:0!important;
    min-height:0!important;

    display:flex!important;
    flex-direction:column!important;

    align-items:flex-start!important;
    justify-content:center!important;

    gap:4px!important;

    margin:0!important;

    align-self:center!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-copy > .elementor-element{
    width:100%!important;
    max-width:100%!important;

    min-width:0!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-title,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-value{
    width:100%!important;

    min-width:0!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-title .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-value .elementor-widget-container{
    width:100%!important;

    min-width:0!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-title .elementor-heading-title,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-value p{
    margin:0!important;

    word-break:normal!important;
    hyphens:none!important;
}


/* Phone / WhatsApp / email tetap satu baris di desktop */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-list
.ptc-contact-row:nth-child(-n+3)
.ptc-row-value p{
    white-space:nowrap!important;

    overflow:visible!important;

    overflow-wrap:normal!important;
    word-break:normal!important;
}


/* Address tetap boleh wrap natural */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-list
.ptc-contact-row:nth-child(4)
.ptc-row-value p{
    white-space:normal!important;

    overflow-wrap:break-word!important;
    word-break:normal!important;
}


/* ============================================================
ARROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row > .ptc-row-arrow,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-arrow{
    flex:0 0 24px!important;

    width:24px!important;
    max-width:24px!important;

    min-width:24px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin:0!important;

    align-self:center!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-arrow .elementor-widget-container{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}


/* ============================================================
HOVER — DESAIN TETAP PREMIUM
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover{
        transform:
            translateX(5px)!important;

        background:
            linear-gradient(
                110deg,
                rgba(255,255,255,.54),
                rgba(247,241,231,.36)
            )!important;

        border-color:
            rgba(109,31,36,.18)!important;

        box-shadow:
            0 16px 34px
            rgba(49,30,28,.075)!important;
    }

}


/* ============================================================
TABLET
============================================================ */

@media(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row{
        gap:13px!important;

        min-height:80px!important;

        padding:
            15px 16px!important;
    }

}


/* ============================================================
MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row{
        display:flex!important;

        flex-direction:row!important;
        flex-wrap:nowrap!important;

        align-items:center!important;

        gap:10px!important;

        width:100%!important;

        min-height:72px!important;

        padding:
            13px 12px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row > .ptc-row-number,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-number{
        flex-basis:22px!important;

        width:22px!important;
        max-width:22px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row > .ptc-row-icon,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon{
        flex-basis:38px!important;

        width:38px!important;
        max-width:38px!important;
        min-width:38px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-icon{
        width:38px!important;
        height:38px!important;

        min-width:38px!important;
        min-height:38px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row > .ptc-row-copy,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-copy{
        flex:1 1 0!important;

        width:auto!important;

        min-width:0!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-arrow{
        display:none!important;
    }


    /* Nomor telepon jangan dipaksa pecah seperti +62 / 877 / dst */
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-list
    .ptc-contact-row:nth-child(-n+3)
    .ptc-row-value p{
        white-space:normal!important;

        overflow-wrap:normal!important;
        word-break:normal!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-title .elementor-heading-title{
        line-height:1.2!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-value p{
        line-height:1.45!important;
    }

}


/* ============================================================
SMALL MOBILE
============================================================ */

@media(max-width:390px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row{
        gap:9px!important;

        padding:
            12px 10px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row > .ptc-row-number,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-number{
        flex-basis:20px!important;

        width:20px!important;
        max-width:20px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row > .ptc-row-icon,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon{
        flex-basis:36px!important;

        width:36px!important;
        max-width:36px!important;
        min-width:36px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-icon{
        width:36px!important;
        height:36px!important;

        min-width:36px!important;
        min-height:36px!important;
    }

}


/* ============================================================
23. PTC MAP — FULL HEIGHT / CONTAINER FIT FIX
Tujuan:
- Map memenuhi tinggi container ptc-map-frame
- Tidak hanya muncul tipis di bagian atas
- Tidak ada area kosong besar di bawah map
- Frame, shadow, radius, organic shape tetap sama
============================================================ */

/* FRAME UTAMA */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:stretch!important;

    width:min(88%,650px)!important;

    /*
    Tinggi visual map dibuat proporsional dan stabil.
    Map di dalamnya akan selalu mengikuti 100% tinggi ini.
    */
    height:clamp(460px,40vw,560px)!important;
    min-height:460px!important;

    overflow:visible!important;
}


/* Kalau Elementor membuat inner wrapper */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame > .e-con-inner{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
}


/* WIDGET MAP */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map{
    width:100%!important;
    height:100%!important;
    min-height:0!important;

    flex:1 1 auto!important;
    align-self:stretch!important;

    margin:0!important;
}


/* ELEMENTOR WIDGET WRAPPER */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map > .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map .elementor-widget-container{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;

    display:block!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border-radius:38px!important;
}


/* GOOGLE MAP IFRAME */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map iframe{
    display:block!important;

    width:100%!important;
    height:100%!important;
    min-height:100%!important;

    margin:0!important;
    padding:0!important;

    border:0!important;

    border-radius:38px!important;
}


/* Pastikan wrapper Google Maps bawaan Elementor ikut penuh */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map .elementor-custom-embed,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map .elementor-custom-embed iframe,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map .elementor-map,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map .elementor-map iframe{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
}


/* ============================================================
TABLET
============================================================ */

@media(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame{
        position:relative!important;

        inset:auto!important;

        width:100%!important;

        height:470px!important;
        min-height:470px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map > .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map iframe{
        height:100%!important;
        min-height:100%!important;
    }

}


/* ============================================================
MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame{
        width:100%!important;

        height:360px!important;
        min-height:360px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map > .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map iframe{
        height:100%!important;
        min-height:100%!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map iframe{
        border-radius:28px!important;
    }

}


/* ============================================================
SMALL MOBILE
============================================================ */

@media(max-width:390px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-map-frame{
        height:320px!important;
        min-height:320px!important;
    }

}


/* ============================================================
24. PTC SOCIAL ICON — PREMIUM MOTION UPGRADE
Class: ptc-social-icon

Arah animasi:
- idle floating sangat halus
- rotating luxury ring
- gold/red halo
- shine sweep saat hover
- icon lift + micro rotation
- tetap elegan, tidak terlalu ramai
============================================================ */


/* ============================================================
SOCIAL ICON WRAPPER
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon{
    position:relative!important;

    width:auto!important;
    max-width:none!important;

    flex:0 0 auto!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin:0!important;

    isolation:isolate;

    transition:
        transform .44s var(--ct-ease),
        filter .40s ease;
}


/* luxury orbit ring */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon::before{
    content:"";

    position:absolute;

    inset:-5px;

    z-index:-1;

    border-radius:50%;

    border:
        1px solid transparent;

    background:
        linear-gradient(
            135deg,
            var(--ct-gold),
            rgba(215,164,74,.08) 34%,
            transparent 46%,
            rgba(200,91,74,.16) 66%,
            var(--ct-warm-red)
        )
        border-box;

    -webkit-mask:
        linear-gradient(#fff 0 0) padding-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:
        xor;

    mask-composite:
        exclude;

    opacity:.30;

    transform:
        rotate(0deg)
        scale(.94);

    transition:
        opacity .38s ease,
        transform .72s var(--ct-ease);

    pointer-events:none;
}


/* soft halo behind icon */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon::after{
    content:"";

    position:absolute;

    inset:-10px;

    z-index:-2;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(215,164,74,.18) 0%,
            rgba(168,56,50,.08) 38%,
            transparent 72%
        );

    opacity:0;

    transform:
        scale(.72);

    filter:
        blur(6px);

    transition:
        opacity .38s ease,
        transform .50s var(--ct-ease);

    pointer-events:none;
}


/* ============================================================
ICON BUTTON
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon .elementor-icon{
    position:relative!important;
    isolation:isolate;

    width:44px!important;
    height:44px!important;

    min-width:44px!important;
    min-height:44px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
    padding:0!important;

    overflow:hidden!important;

    border:
        1px solid rgba(109,31,36,.16)!important;

    border-radius:
        50%!important;

    color:
        var(--ct-primary)!important;

    background:
        radial-gradient(
            circle at 30% 22%,
            rgba(255,255,255,.90),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            rgba(255,255,255,.76),
            rgba(247,241,231,.54)
        )!important;

    -webkit-backdrop-filter:
        blur(10px) saturate(125%);

    backdrop-filter:
        blur(10px) saturate(125%);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        0 7px 18px rgba(65,27,27,.07);

    transform:
        translateY(0)
        rotate(0deg)
        scale(1);

    animation:
        ptcSocialIdle
        5.4s ease-in-out infinite;

    transition:
        transform .50s var(--ct-ease),
        color .34s ease,
        background .40s ease,
        border-color .34s ease,
        box-shadow .46s var(--ct-ease)!important;
}


/* stagger idle movement */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icons
> .ptc-social-icon:nth-child(2)
.elementor-icon{
    animation-delay:
        -.9s;
}

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icons
> .ptc-social-icon:nth-child(3)
.elementor-icon{
    animation-delay:
        -1.8s;
}

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icons
> .ptc-social-icon:nth-child(4)
.elementor-icon{
    animation-delay:
        -2.7s;
}


/* icon itself */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon .elementor-icon i,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon .elementor-icon svg{
    position:relative;

    z-index:3;

    color:
        currentColor!important;

    fill:
        currentColor!important;

    transform:
        scale(1);

    transition:
        transform .44s var(--ct-ease),
        color .34s ease!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon .elementor-icon svg path{
    fill:
        currentColor!important;
}


/* ============================================================
SHINE LAYER
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon .elementor-icon::after{
    content:"";

    position:absolute;

    top:-35%;
    left:-105%;

    z-index:2;

    width:46%;
    height:170%;

    transform:
        skewX(-24deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.10),
            rgba(255,255,255,.72),
            rgba(255,255,255,.10),
            transparent
        );

    opacity:0;

    pointer-events:none;
}


/* ============================================================
DESKTOP HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon:hover{
        transform:
            translateY(-6px)
            scale(1.045);

        filter:
            saturate(1.05);
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon:hover::before{
        opacity:1;

        transform:
            rotate(235deg)
            scale(1.10);
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon:hover::after{
        opacity:1;

        transform:
            scale(1.12);
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon:hover
    .elementor-icon{
        animation-play-state:
            paused;

        transform:
            rotate(-7deg)
            scale(1.07)!important;

        color:
            var(--ct-white)!important;

        border-color:
            rgba(215,164,74,.54)!important;

        background:
            radial-gradient(
                circle at 30% 18%,
                rgba(215,164,74,.22),
                transparent 36%
            ),
            linear-gradient(
                145deg,
                var(--ct-secondary),
                var(--ct-primary)
            )!important;

        box-shadow:
            0 16px 34px rgba(109,31,36,.24),
            0 0 0 4px rgba(215,164,74,.055),
            inset 0 1px 0 rgba(255,255,255,.16)!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon:hover
    .elementor-icon i,

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon:hover
    .elementor-icon svg{
        transform:
            rotate(7deg)
            scale(1.11);
    }


    /* shine sweep */
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon:hover
    .elementor-icon::after{
        animation:
            ptcSocialShine
            .82s .08s ease-out 1;
    }

}


/* ============================================================
CLICK / ACTIVE
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon:active{
    transform:
        translateY(-2px)
        scale(.97);
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon:active
.elementor-icon{
    transform:
        scale(.94)!important;
}


/* ============================================================
FOCUS
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon a:focus-visible,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon .elementor-icon:focus-visible{
    outline:
        2px solid var(--ct-gold);

    outline-offset:
        5px;
}


/* ============================================================
KEYFRAMES
============================================================ */

@keyframes ptcSocialIdle{

    0%,
    100%{
        transform:
            translateY(0)
            rotate(0deg);
    }

    50%{
        transform:
            translateY(-2px)
            rotate(.6deg);
    }

}


@keyframes ptcSocialShine{

    0%{
        left:-105%;
        opacity:0;
    }

    18%{
        opacity:.82;
    }

    100%{
        left:145%;
        opacity:0;
    }

}


/* ============================================================
TABLET
============================================================ */

@media(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon .elementor-icon{
        width:
            42px!important;

        height:
            42px!important;

        min-width:
            42px!important;

        min-height:
            42px!important;
    }

}


/* ============================================================
MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon::before{
        inset:
            -4px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon::after{
        inset:
            -7px;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon .elementor-icon{
        width:
            40px!important;

        height:
            40px!important;

        min-width:
            40px!important;

        min-height:
            40px!important;

        animation:
            none;
    }

}


/* ============================================================
REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon::before,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon::after,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon .elementor-icon,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon .elementor-icon::after,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon .elementor-icon i,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-social-icon .elementor-icon svg{
        animation:
            none!important;

        transition-duration:
            .01ms!important;
    }

}


/* ============================================================
25. PTC CONTACT ROW — PREMIUM DEFAULT MOTION + ICON FRAME V2
Class: ptc-contact-row

Arah desain:
- default animation lembut, bukan hover-only
- row punya subtle breathing / light sweep
- icon memakai rounded-square premium frame
- double frame + gold corner accent
- hover tetap elegan dan konsisten Heritage Red
============================================================ */


/* ============================================================
ROW — DEFAULT VISUAL
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row{
    position:relative!important;

    background:
        linear-gradient(
            110deg,
            rgba(255,255,255,.34) 0%,
            rgba(247,241,231,.26) 58%,
            rgba(234,216,210,.14) 100%
        )!important;

    border-color:
        rgba(109,31,36,.105)!important;

    box-shadow:
        0 8px 22px rgba(65,27,27,.035),
        inset 0 1px 0 rgba(255,255,255,.55);

    animation:
        ptcRowSoftBreath
        6.8s ease-in-out infinite;

    transition:
        transform .44s var(--ct-ease),
        background .40s ease,
        border-color .36s ease,
        box-shadow .44s var(--ct-ease)!important;
}


/* stagger the default motion */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-list
.ptc-contact-row:nth-child(2){
    animation-delay:-1.4s;
}

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-list
.ptc-contact-row:nth-child(3){
    animation-delay:-2.8s;
}

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-list
.ptc-contact-row:nth-child(4){
    animation-delay:-4.2s;
}


/* ============================================================
ROW LIGHT SWEEP
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row::before{
    content:"";

    position:absolute;

    inset:0;

    z-index:0;

    pointer-events:none;

    opacity:.30;

    background:
        linear-gradient(
            100deg,
            transparent 0%,
            transparent 40%,
            rgba(215,164,74,.050) 48%,
            rgba(255,255,255,.22) 52%,
            rgba(200,91,74,.045) 56%,
            transparent 64%,
            transparent 100%
        );

    background-size:
        220% 100%;

    background-position:
        120% 0;

    animation:
        ptcRowAmbientSweep
        7.6s ease-in-out infinite;
}


/* top accent line — always visible but subtle */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row::after{
    content:"";

    position:absolute;

    top:0;
    left:18px;

    z-index:4;

    width:44px;
    height:2px;

    border-radius:
        0 0 999px 999px;

    background:
        linear-gradient(
            90deg,
            var(--ct-gold),
            var(--ct-warm-red)
        );

    opacity:.70;

    pointer-events:none;

    transition:
        width .46s var(--ct-ease),
        opacity .32s ease;
}


/* ============================================================
ICON WRAPPER — PREMIUM ROUNDED FRAME
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon{
    position:relative!important;

    flex:
        0 0 50px!important;

    width:
        50px!important;

    max-width:
        50px!important;

    min-width:
        50px!important;

    height:
        50px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    isolation:isolate;

    margin:
        0!important;
}


/* rotating outer frame */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon::before{
    content:"";

    position:absolute;

    inset:0;

    z-index:0;

    border-radius:
        15px;

    background:
        conic-gradient(
            from 25deg,
            rgba(215,164,74,.75),
            rgba(168,56,50,.16) 24%,
            rgba(255,255,255,.25) 42%,
            rgba(200,91,74,.22) 68%,
            rgba(215,164,74,.72) 100%
        );

    opacity:.48;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite:
        xor;

    mask-composite:
        exclude;

    padding:
        1px;

    animation:
        ptcIconFrameRotate
        9s linear infinite;

    pointer-events:none;
}


/* small luxury corner accent */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon::after{
    content:"";

    position:absolute;

    right:-2px;
    bottom:-2px;

    z-index:4;

    width:14px;
    height:14px;

    border-right:
        2px solid var(--ct-gold);

    border-bottom:
        2px solid var(--ct-gold);

    border-radius:
        0 0 7px 0;

    opacity:.78;

    transform:
        scale(.82);

    transform-origin:
        right bottom;

    transition:
        transform .38s var(--ct-ease),
        opacity .30s ease;
}


/* ============================================================
INNER ICON FRAME
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-widget-container{
    position:relative;

    z-index:2;

    width:44px!important;
    height:44px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-icon{
    position:relative!important;

    width:44px!important;
    height:44px!important;

    min-width:44px!important;
    min-height:44px!important;

    display:flex!important;

    align-items:center!important;
    justify-content:center!important;

    padding:0!important;
    margin:0!important;

    border:
        1px solid rgba(168,56,50,.13)!important;

    border-radius:
        13px!important;

    color:
        var(--ct-secondary)!important;

    background:
        radial-gradient(
            circle at 30% 18%,
            rgba(255,255,255,.88),
            transparent 36%
        ),
        linear-gradient(
            145deg,
            rgba(234,216,210,.62),
            rgba(247,241,231,.92)
        )!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.88),
        0 7px 16px rgba(65,27,27,.055);

    animation:
        ptcIconSoftFloat
        5.8s ease-in-out infinite;

    transition:
        transform .42s var(--ct-ease),
        color .32s ease,
        background .36s ease,
        border-color .32s ease,
        box-shadow .42s var(--ct-ease)!important;
}


/* stagger icon idle */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-list
.ptc-contact-row:nth-child(2)
.ptc-row-icon .elementor-icon{
    animation-delay:-1.2s;
}

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-list
.ptc-contact-row:nth-child(3)
.ptc-row-icon .elementor-icon{
    animation-delay:-2.4s;
}

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-list
.ptc-contact-row:nth-child(4)
.ptc-row-icon .elementor-icon{
    animation-delay:-3.6s;
}


/* icon itself */
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-icon i,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-icon svg{
    position:relative;

    z-index:3;

    color:
        currentColor!important;

    fill:
        currentColor!important;

    transform:
        scale(1);

    transition:
        transform .38s var(--ct-ease),
        color .30s ease!important;
}


/* ============================================================
DEFAULT TEXT MOTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-copy{
    position:relative;

    z-index:2;
}


.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-title,
.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-value{
    transition:
        transform .36s var(--ct-ease),
        opacity .30s ease;
}


/* ============================================================
HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover{
        animation-play-state:
            paused;

        transform:
            translateX(6px)
            translateY(-2px)!important;

        background:
            linear-gradient(
                110deg,
                rgba(255,255,255,.66),
                rgba(247,241,231,.48)
            )!important;

        border-color:
            rgba(215,164,74,.22)!important;

        box-shadow:
            0 18px 38px rgba(65,27,27,.085),
            inset 0 1px 0 rgba(255,255,255,.82)!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover::before{
        animation:
            none;

        opacity:
            .62;

        background-position:
            45% 0;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover::after{
        width:
            86px;

        opacity:
            1;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover
    .ptc-row-icon::before{
        opacity:
            1;

        animation-duration:
            3.2s;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover
    .ptc-row-icon::after{
        transform:
            scale(1);

        opacity:
            1;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover
    .ptc-row-icon .elementor-icon{
        animation-play-state:
            paused;

        transform:
            translateY(-2px)
            rotate(-4deg)
            scale(1.055)!important;

        color:
            var(--ct-white)!important;

        border-color:
            rgba(215,164,74,.36)!important;

        background:
            radial-gradient(
                circle at 30% 18%,
                rgba(215,164,74,.20),
                transparent 34%
            ),
            linear-gradient(
                145deg,
                var(--ct-secondary),
                var(--ct-primary)
            )!important;

        box-shadow:
            0 13px 27px rgba(109,31,36,.19),
            0 0 0 3px rgba(215,164,74,.045),
            inset 0 1px 0 rgba(255,255,255,.14)!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover
    .ptc-row-icon .elementor-icon i,

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover
    .ptc-row-icon .elementor-icon svg{
        transform:
            rotate(4deg)
            scale(1.10);
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row:hover
    .ptc-row-copy{
        transform:
            translateX(2px);
    }

}


/* ============================================================
KEYFRAMES
============================================================ */

@keyframes ptcRowSoftBreath{

    0%,
    100%{
        box-shadow:
            0 8px 22px rgba(65,27,27,.035),
            inset 0 1px 0 rgba(255,255,255,.55);
    }

    50%{
        box-shadow:
            0 12px 28px rgba(65,27,27,.055),
            0 0 0 1px rgba(215,164,74,.025),
            inset 0 1px 0 rgba(255,255,255,.70);
    }

}


@keyframes ptcRowAmbientSweep{

    0%,
    68%{
        background-position:
            120% 0;

        opacity:.18;
    }

    82%{
        opacity:.42;
    }

    100%{
        background-position:
            -120% 0;

        opacity:.18;
    }

}


@keyframes ptcIconFrameRotate{

    from{
        transform:
            rotate(0deg);
    }

    to{
        transform:
            rotate(360deg);
    }

}


@keyframes ptcIconSoftFloat{

    0%,
    100%{
        transform:
            translateY(0)
            rotate(0deg);
    }

    50%{
        transform:
            translateY(-2px)
            rotate(.7deg);
    }

}


/* ============================================================
TABLET
============================================================ */

@media(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon{
        flex-basis:
            46px!important;

        width:
            46px!important;

        max-width:
            46px!important;

        min-width:
            46px!important;

        height:
            46px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-icon{
        width:
            40px!important;

        height:
            40px!important;

        min-width:
            40px!important;

        min-height:
            40px!important;
    }

}


/* ============================================================
MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row{
        animation:
            none;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row::before{
        animation:
            none;

        opacity:
            .20;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon{
        flex-basis:
            42px!important;

        width:
            42px!important;

        max-width:
            42px!important;

        min-width:
            42px!important;

        height:
            42px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon::before{
        border-radius:
            13px;

        animation-duration:
            11s;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-widget-container,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-icon{
        width:
            36px!important;

        height:
            36px!important;

        min-width:
            36px!important;

        min-height:
            36px!important;
    }


    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-icon{
        border-radius:
            11px!important;

        animation:
            none;
    }

}


/* ============================================================
REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-contact-row::before,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon::before,
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-row-icon .elementor-icon{
        animation:
            none!important;
    }

}


/* ============================================================
27. PTC LOCATION CARD — WIDTH CONTROL FROM ELEMENTOR
Class: ptc-location-card

PENTING:
CSS tidak mengatur width / min-width / max-width untuk card ini.
Atur manual dari:
Elementor > Container ptc-location-card > Layout > Width

Desktop, Tablet, dan Mobile bisa diberi width berbeda langsung
dari Responsive Controls Elementor.
============================================================ */

.elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card{
    /*
    Jangan tambahkan:
    width
    min-width
    max-width
    flex-basis

    supaya kontrol Width Elementor tetap bekerja.
    */

    align-self:flex-start!important;
}

@media(max-width:1024px){
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card{
        align-self:flex-start!important;
    }
}

@media(max-width:767px){
    .elementor-13 .elementor-element.elementor-element-79a55d4 .ptc-location-card{
        align-self:flex-start!important;
    }
}


/* ============================================================
28. ELEMENTOR FONT SIZE CONTROL — CONTACT US HERITAGE RED
============================================================

SEMUA DESAIN TETAP DIPERTAHANKAN:
- Heritage Red palette
- ambient glow
- fine grid texture
- CONTACT watermark
- contact-row premium animation
- icon frame & motion
- CTA shine
- map frame & hover
- location card
- social icon animation
- responsive tablet/mobile
- semua border, shadow, radius, spacing visual

YANG DIBEBASKAN HANYA FONT-SIZE TEKS ASLI.

Atur ukuran font langsung dari Elementor:

1. ptc-eyebrow
   Heading > Style > Typography > Size

2. ptc-title
   Heading > Style > Typography > Size

3. ptc-lead
   Text Editor > Style > Typography > Size

4. ptc-row-number
   Heading > Style > Typography > Size

5. ptc-row-title
   Heading > Style > Typography > Size

6. ptc-row-value
   Text Editor > Style > Typography > Size

7. ptc-microcopy
   Text Editor > Style > Typography > Size

8. ptc-location-label
   Heading > Style > Typography > Size

9. ptc-location-title
   Heading > Style > Typography > Size

10. ptc-location-address
    Text Editor > Style > Typography > Size

11. ptc-social-label
    Heading > Style > Typography > Size

12. ptc-primary-cta
    Button > Style > Typography > Size

CATATAN:
- Watermark dekoratif seperti "CONTACT" dibuat oleh CSS pseudo-element,
  bukan widget Elementor, jadi ukuran watermark tetap berada di CSS.
- Ukuran ICON bukan font-size teks; pengaturannya tetap melalui
  Elementor Icon / CSS frame yang sudah ada.
============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ab7850 *//* ============================================================
   CV BALINGKANG PARADISE
   TESTIMONIALS — FINAL EDITORIAL HERITAGE RED
   ONE COMPLETE REPLACEMENT CSS

   Elementor outer class:
   guest-highend

   PALETTE
   Deep Maroon   #6D1F24
   Heritage Red  #A83832
   Brick Red     #C85B4A
   Sunset Gold   #D7A44A
   Warm Ivory    #F7F1E7
   Soft Blush    #EAD8D2
   Charcoal      #2B2523
   White         #FFFFFF
============================================================ */


/* ============================================================
   01. MASTER
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850{
    --g-maroon:#6D1F24;
    --g-maroon-dark:#57181D;

    --g-red:#A83832;
    --g-red-dark:#8E2B2C;

    --g-brick:#C85B4A;
    --g-gold:#D7A44A;

    --g-ivory:#F7F1E7;
    --g-ivory-soft:#FCF9F4;

    --g-blush:#EAD8D2;

    --g-white:#FFFFFF;
    --g-charcoal:#2B2523;

    --g-body:#584B47;
    --g-muted:#7E6E69;

    --g-line:rgba(109,31,36,.12);
    --g-line-soft:rgba(109,31,36,.065);

    --g-max:1420px;

    --g-ease:cubic-bezier(.22,1,.36,1);

    position:relative;

    isolation:isolate;

    width:100%!important;
    max-width:none!important;

    margin:0!important;

    padding:
        clamp(80px,7vw,118px)
        clamp(22px,5vw,78px)
        clamp(76px,6.5vw,108px)
        !important;

    overflow:hidden;

    color:var(--g-charcoal);

    font-family:
        "DM Sans",
        sans-serif;

    background:
        radial-gradient(
            circle at 7% 8%,
            rgba(215,164,74,.09),
            transparent 23%
        ),

        radial-gradient(
            circle at 94% 16%,
            rgba(200,91,74,.05),
            transparent 27%
        ),

        radial-gradient(
            circle at 87% 90%,
            rgba(234,216,210,.33),
            transparent 30%
        ),

        linear-gradient(
            180deg,
            #FCF9F4 0%,
            #F7F1E7 100%
        )
        !important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 *,
.elementor-13 .elementor-element.elementor-element-8ab7850 *::before,
.elementor-13 .elementor-element.elementor-element-8ab7850 *::after{
    box-sizing:border-box;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 p:last-child{
    margin-bottom:0!important;
}


/* ============================================================
   02. BACKGROUND ATMOSPHERE
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850::before{
    content:"";

    position:absolute;

    inset:0;

    z-index:-10;

    pointer-events:none;

    opacity:.24;

    background-image:
        radial-gradient(
            rgba(109,31,36,.08) .7px,
            transparent .7px
        );

    background-size:
        32px 32px;

    -webkit-mask-image:
        linear-gradient(
            120deg,
            rgba(0,0,0,.85),
            rgba(0,0,0,.30) 40%,
            transparent 75%
        );

    mask-image:
        linear-gradient(
            120deg,
            rgba(0,0,0,.85),
            rgba(0,0,0,.30) 40%,
            transparent 75%
        );
}


.elementor-13 .elementor-element.elementor-element-8ab7850::after{
    content:"";

    position:absolute;

    width:600px;
    height:600px;

    right:-300px;
    top:-300px;

    z-index:-9;

    pointer-events:none;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(215,164,74,.09),
            rgba(200,91,74,.025) 45%,
            transparent 70%
        );

    animation:
        guestAmbient
        11s
        ease-in-out
        infinite;
}


/* ============================================================
   03. SHELL
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-shell{
    position:relative;

    z-index:2;

    display:flex!important;

    flex-direction:column!important;

    align-items:stretch!important;

    gap:0!important;

    width:100%!important;

    max-width:
        var(--g-max)!important;

    margin:
        0 auto!important;

    padding:0!important;
}


/* 03 */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-shell::before{
    content:"03";

    position:absolute;

    left:-7px;
    top:-57px;

    z-index:-1;

    pointer-events:none;

    font-family:
        "El Messiri",
        "El Messeri",
        serif;

    font-size:
        clamp(92px,9vw,145px);

    font-weight:500;

    line-height:1;

    letter-spacing:-.06em;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(109,31,36,.052);
}


/* GUESTS watermark */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-shell::after{
    content:"GUESTS";

    position:absolute;

    left:20px;
    bottom:-29px;

    z-index:-2;

    pointer-events:none;

    font-family:
        "El Messiri",
        "El Messeri",
        serif;

    font-size:
        clamp(105px,13vw,188px);

    font-weight:500;

    line-height:.78;

    letter-spacing:-.05em;

    color:transparent;

    -webkit-text-stroke:
        1px rgba(109,31,36,.03);
}


/* ============================================================
   04. HEADER
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-header{
    position:relative;

    display:grid!important;

    grid-template-columns:
        minmax(0,1.18fr)
        minmax(330px,.70fr)!important;

    align-items:end!important;

    gap:
        clamp(58px,7vw,115px)!important;

    width:100%!important;

    margin:0!important;

    padding:
        0 0
        clamp(42px,4.2vw,60px)
        !important;

    border-bottom:
        1px solid
        var(--g-line);
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-header-left,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-header-right{
    min-width:0;

    margin:0!important;

    padding:0!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-header-left{
    display:flex!important;

    flex-direction:column!important;

    align-items:flex-start!important;

    gap:0!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-header-right{
    display:flex!important;

    flex-direction:column!important;

    justify-content:flex-end!important;
}


/* ============================================================
   05. EYEBROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-eyebrow{
    margin:
        0 0 16px!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-eyebrow
.elementor-heading-title{
    position:relative;

    margin:0!important;

    padding-left:38px;

    color:
        var(--g-red)!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:
        10px!important;

    font-weight:
        700!important;

    line-height:
        1.2!important;

    letter-spacing:
        .18em!important;

    text-transform:
        uppercase;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-eyebrow
.elementor-heading-title::before{
    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:27px;
    height:1px;

    transform:
        translateY(-50%);

    background:
        linear-gradient(
            90deg,
            var(--g-gold),
            var(--g-brick)
        );
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-eyebrow
.elementor-heading-title::after{
    content:"";

    display:inline-block;

    width:4px;
    height:4px;

    margin-left:10px;

    vertical-align:middle;

    border-radius:50%;

    background:
        var(--g-brick);
}


/* ============================================================
   06. TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-title{
    width:100%!important;

    max-width:820px!important;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-title
.elementor-heading-title{
    margin:0!important;

    color:
        var(--g-maroon)!important;

    font-family:
        "El Messiri",
        "El Messeri",
        serif!important;

    font-size:
        clamp(58px,5.7vw,88px)!important;

    font-weight:
        500!important;

    line-height:
        .96!important;

    letter-spacing:
        -.043em!important;

    text-wrap:
        balance;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-title::after{
    content:"";

    display:block;

    width:62px;
    height:2px;

    margin-top:22px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            var(--g-gold),
            var(--g-brick),
            transparent
        );

    transition:
        width .55s
        var(--g-ease);
}


@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-header:hover
    .guest-title::after{
        width:120px;
    }
}


/* ============================================================
   07. INTRO
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro{
    position:relative;

    width:100%!important;

    max-width:490px!important;

    margin:0!important;

    padding-left:
        22px!important;

    border-left:
        1px solid
        var(--g-gold);
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro p,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro span,
.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-intro
.elementor-widget-container{
    color:
        var(--g-muted)!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:
        16px!important;

    font-weight:
        400!important;

    line-height:
        1.72!important;
}


/* ============================================================
   08. FEATURED AREA
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-featured{
    position:relative;

    display:grid!important;

    grid-template-columns:
        minmax(260px,.42fr)
        minmax(0,1.58fr)!important;

    align-items:stretch!important;

    gap:
        clamp(24px,2.7vw,40px)!important;

    width:100%!important;

    margin:
        clamp(43px,4vw,58px)
        0 0!important;

    padding:0!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-featured::before{
    content:"";

    position:absolute;

    left:284px;
    right:25px;

    top:-14px;

    height:1px;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(215,164,74,.42),
            rgba(109,31,36,.09),
            transparent
        );
}


/* ============================================================
   09. GOOGLE RATING CARD
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating{
    position:relative;

    isolation:isolate;

    display:flex!important;

    flex-direction:column!important;

    justify-content:center!important;

    align-items:center!important;

    width:100%!important;

    min-width:0!important;

    min-height:
        330px!important;

    margin:0!important;

    padding:
        34px 29px!important;

    overflow:hidden;

    text-align:center;

    color:#FFFFFF;

    border:
        1px solid
        rgba(255,255,255,.08);

    border-radius:
        26px 26px 64px 26px;

    background:
        radial-gradient(
            circle at 10% 7%,
            rgba(215,164,74,.17),
            transparent 29%
        ),

        radial-gradient(
            circle at 96% 93%,
            rgba(200,91,74,.13),
            transparent 34%
        ),

        linear-gradient(
            145deg,
            #6D1F24,
            #57181D
        )
        !important;

    box-shadow:
        0 25px 54px
        rgba(87,24,29,.18),

        inset
        0 1px 0
        rgba(255,255,255,.06);

    transition:
        transform .48s
        var(--g-ease),

        box-shadow .48s
        ease;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating::before{
    content:"";

    position:absolute;

    left:-73px;
    top:-69px;

    z-index:-1;

    width:142px;
    height:142px;

    border:
        1px solid
        rgba(215,164,74,.17);

    border-radius:50%;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating::after{
    content:"";

    position:absolute;

    left:31px;
    right:31px;

    bottom:18px;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(215,164,74,.57),
            transparent
        );
}


@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating:hover{
        transform:
            translateY(-6px);

        box-shadow:
            0 34px 72px
            rgba(87,24,29,.23),

            inset
            0 1px 0
            rgba(255,255,255,.07);
    }
}


/* ============================================================
   10. RATING ELEMENTS
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-eyebrow{
    margin:
        0 0 14px!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-rating-eyebrow
.elementor-heading-title{
    margin:0!important;

    color:
        rgba(247,241,231,.59)!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:
        9px!important;

    font-weight:
        700!important;

    line-height:
        1.2!important;

    letter-spacing:
        .17em!important;

    text-transform:
        uppercase;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-score{
    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-rating-score
.elementor-heading-title{
    margin:0!important;

    color:
        #FFFFFF!important;

    font-family:
        "El Messiri",
        "El Messeri",
        serif!important;

    font-size:
        clamp(64px,5vw,82px)!important;

    font-weight:
        500!important;

    line-height:
        .84!important;

    letter-spacing:
        -.05em!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-stars{
    margin:
        17px 0 12px!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-rating-stars
.elementor-star-rating{
    color:
        var(--g-gold)!important;

    font-size:
        19px!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-rating-stars
:is(
    i,
    svg,
    path
){
    color:
        var(--g-gold)!important;

    fill:
        var(--g-gold)!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-title{
    margin:
        0 0 6px!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-rating-title
.elementor-heading-title{
    margin:0!important;

    color:
        #FFFFFF!important;

    font-family:
        "El Messiri",
        "El Messeri",
        serif!important;

    font-size:
        clamp(21px,1.7vw,27px)!important;

    font-weight:
        500!important;

    line-height:
        1.15!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-reviews{
    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-reviews,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-reviews p,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-reviews span{
    color:
        rgba(247,241,231,.57)!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:
        11.5px!important;

    font-weight:
        400!important;

    line-height:
        1.5!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-logo{
    margin:
        18px 0 0!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-logo img{
    display:block;

    width:
        clamp(82px,7vw,106px)!important;

    max-height:
        35px!important;

    object-fit:
        contain;

    filter:
        brightness(0)
        invert(1);

    opacity:.88;
}


/* ============================================================
   11. CAROUSEL WRAPPERS
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-primary-reviews,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories{
    position:relative;

    width:100%!important;

    min-width:0!important;

    overflow:hidden;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-primary-reviews{
    margin:0!important;

    padding:
        3px 3px 23px!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories{
    margin:
        24px 0 0!important;

    padding:
        3px 3px 30px!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.elementor-widget-container{
    width:100%!important;

    min-width:0!important;

    padding:0!important;

    overflow:hidden!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
:is(
    .swiper,
    .swiper-container,
    .swiper-initialized,
    .elementor-main-swiper,
    .slick-slider,
    .owl-carousel
){
    width:100%!important;

    min-width:0!important;

    max-width:none!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-wrapper{
    align-items:stretch!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-slide{
    height:auto!important;
}


/* ============================================================
   12. BASE REVIEW CARD
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-slide{
    position:relative;

    overflow:hidden;

    padding:
        27px 25px 26px!important;

    border:
        1px solid
        rgba(109,31,36,.095);

    border-radius:
        21px 21px 48px 21px;

    color:
        var(--g-charcoal);

    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(234,216,210,.20),
            transparent 34%
        ),

        rgba(255,255,255,.96);

    box-shadow:
        0 13px 31px
        rgba(65,27,27,.052),

        inset
        0 1px 0
        rgba(255,255,255,1);

    transition:
        transform .50s
        var(--g-ease),

        box-shadow .50s
        var(--g-ease),

        border-color .40s
        ease,

        background .40s
        ease;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-primary-reviews
.swiper-slide{
    min-height:
        290px!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-stories
.swiper-slide{
    min-height:
        255px!important;
}


/* remove inner plugin box */

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-slide
:is(
    .elementor-testimonial,
    .testimonial-item,
    .review-card,
    .eael-testimonial-item,
    .eael-google-reviews-item,
    article
){
    width:100%!important;

    height:100%!important;

    min-height:0!important;

    margin:0!important;

    padding:0!important;

    border:0!important;

    border-radius:0!important;

    background:
        transparent!important;

    box-shadow:
        none!important;
}


/* ============================================================
   13. CARD GOLD RAIL
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-slide::before{
    content:"";

    position:absolute;

    left:24px;
    top:0;

    width:55px;
    height:3px;

    border-radius:
        0 0 999px 999px;

    background:
        linear-gradient(
            90deg,
            var(--g-gold),
            var(--g-brick)
        );

    transition:
        width .55s
        var(--g-ease);
}


.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-slide::after{
    content:"";

    position:absolute;

    right:13px;
    bottom:13px;

    width:27px;
    height:27px;

    pointer-events:none;

    border-right:
        1px solid
        rgba(215,164,74,.32);

    border-bottom:
        1px solid
        rgba(215,164,74,.32);

    border-radius:
        0 0 12px 0;

    transition:
        width .45s
        var(--g-ease),

        height .45s
        var(--g-ease);
}


/* ============================================================
   14. UNIFIED REVIEW CARD CONCEPT
   Semua card memakai satu keluarga warna.
   Tidak ada lagi card ke-2 pink / blush yang berpindah saat slider bergerak.
============================================================ */

@media(min-width:1025px){

    /* Semua card: warm white / ivory yang konsisten */

    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide{
        transform:none!important;

        background:
            radial-gradient(
                circle at 95% 7%,
                rgba(215,164,74,.045),
                transparent 31%
            ),

            radial-gradient(
                circle at 7% 94%,
                rgba(234,216,210,.065),
                transparent 34%
            ),

            linear-gradient(
                145deg,
                rgba(255,255,255,.985) 0%,
                rgba(252,249,244,.97) 100%
            )
            !important;
    }


    /* Pastikan plugin tidak memberi warna berbeda di bagian dalam */

    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide
    > *{
        background:
            transparent!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide
    :is(
        .elementor-testimonial,
        .testimonial-item,
        .review-card,
        .eael-testimonial-item,
        .eael-google-reviews-item,
        article
    ){
        background:
            transparent!important;
    }


    /* Active slide hanya diberi emphasis halus, BUKAN beda warna */

    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide-active{
        transform:
            translateY(-4px)!important;

        border-color:
            rgba(215,164,74,.34)!important;

        box-shadow:
            0 22px 48px
            rgba(65,27,27,.085),

            0 0 0 1px
            rgba(215,164,74,.045),

            inset
            0 1px 0
            rgba(255,255,255,1)
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide-active::before{
        width:
            88px;
    }
}


/* ============================================================
   16. CARD HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide:hover{
        transform:
            translateY(-6px);

        border-color:
            rgba(168,56,50,.20);

        box-shadow:
            0 23px 50px
            rgba(65,27,27,.09),

            inset
            0 1px 0
            rgba(255,255,255,1);
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide:hover::before{
        width:125px;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide:hover::after{
        width:34px;
        height:34px;
    }
}


/* ============================================================
   17. REVIEW TEXT — 16PX
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
:is(
    .elementor-testimonial__text,
    .testimonial-content,
    .review-content,
    .eael-testimonial-text,
    .review-text,
    blockquote
),

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-slide p{
    color:
        var(--g-body)!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:
        16px!important;

    font-weight:
        400!important;

    line-height:
        1.68!important;
}


/* ============================================================
   18. NAME
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
:is(
    .elementor-testimonial__name,
    .testimonial-name,
    .author-name,
    .review-name,
    .eael-testimonial-user
){
    color:
        var(--g-maroon)!important;

    font-family:
        "El Messiri",
        "El Messeri",
        serif!important;

    font-size:
        17px!important;

    font-weight:
        600!important;

    line-height:
        1.2!important;
}


/* ============================================================
   19. META
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
:is(
    .elementor-testimonial__job,
    .testimonial-role,
    .author-role,
    .review-meta,
    .review-location,
    .user-handle
){
    color:
        var(--g-muted)!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:
        11px!important;

    font-weight:
        500!important;

    line-height:
        1.4!important;
}


/* ============================================================
   20. AVATAR
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
:is(
    .elementor-testimonial__image,
    .testimonial-avatar,
    .author-avatar,
    .review-avatar,
    .eael-testimonial-image
)
img{
    width:
        49px!important;

    height:
        49px!important;

    object-fit:
        cover!important;

    border:
        2px solid
        rgba(215,164,74,.46);

    border-radius:50%;

    box-shadow:
        0 7px 17px
        rgba(65,27,27,.08);
}


/* ============================================================
   21. DIVIDER
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-divider{
    position:relative;

    display:grid!important;

    grid-template-columns:
        auto
        minmax(40px,1fr)!important;

    align-items:center!important;

    gap:
        20px!important;

    width:100%!important;

    margin:
        clamp(48px,5vw,70px)
        0 0!important;

    padding:0!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-divider-label{
    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-divider-label
.elementor-heading-title{
    margin:0!important;

    color:
        var(--g-red)!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:
        9.5px!important;

    font-weight:
        700!important;

    line-height:
        1.2!important;

    letter-spacing:
        .17em!important;

    white-space:
        nowrap;

    text-transform:
        uppercase;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-divider-line{
    position:relative;

    width:100%!important;

    overflow:hidden;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-divider-line
.elementor-divider{
    padding:0!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-divider-line
.elementor-divider-separator{
    width:100%!important;

    border-block-start:
        1px solid
        var(--g-line)!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-divider-line::after{
    content:"";

    position:absolute;

    left:-18%;
    top:50%;

    width:18%;
    height:1px;

    transform:
        translateY(-50%);

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--g-gold),
            transparent
        );

    animation:
        guestDividerMove
        5.5s
        linear
        infinite;
}


/* ============================================================
   22. PAGINATION
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-pagination{
    position:relative!important;

    bottom:auto!important;

    margin-top:
        17px!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-pagination-bullet{
    width:
        6px!important;

    height:
        6px!important;

    margin:
        0 4px!important;

    opacity:.34;

    border-radius:
        999px!important;

    background:
        var(--g-gold)!important;

    transition:
        width .35s
        var(--g-ease),

        opacity .35s ease;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-pagination-bullet-active{
    width:
        23px!important;

    opacity:1;

    background:
        linear-gradient(
            90deg,
            var(--g-gold),
            var(--g-red)
        )
        !important;
}


/* ============================================================
   23. ARROWS
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
:is(
    .swiper-button-prev,
    .swiper-button-next,
    .slick-prev,
    .slick-next,
    .owl-prev,
    .owl-next
){
    width:
        40px!important;

    height:
        40px!important;

    color:
        #FFFFFF!important;

    border:
        1px solid
        rgba(255,255,255,.10)!important;

    border-radius:
        50%!important;

    background:
        linear-gradient(
            145deg,
            var(--g-maroon),
            var(--g-red)
        )
        !important;

    box-shadow:
        0 9px 21px
        rgba(65,27,27,.18)!important;
}


/* ============================================================
   24. BOTTOM
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-bottom{
    position:relative;

    display:grid!important;

    grid-template-columns:
        auto
        minmax(80px,1fr)
        auto!important;

    align-items:center!important;

    gap:
        clamp(22px,3vw,42px)!important;

    width:100%!important;

    margin:
        clamp(42px,4vw,58px)
        0 0!important;

    padding:
        22px 0 0!important;

    border-top:
        1px solid
        var(--g-line);
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-bottom::before{
    content:"";

    grid-column:2;

    width:100%;

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(215,164,74,.24),
            transparent
        );
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-location{
    grid-column:1;

    grid-row:1;

    margin:0!important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-location
.elementor-heading-title{
    margin:0!important;

    color:
        rgba(43,37,35,.45)!important;

    font-family:
        "DM Sans",
        sans-serif!important;

    font-size:
        9px!important;

    font-weight:
        700!important;

    line-height:
        1.2!important;

    letter-spacing:
        .17em!important;

    white-space:
        nowrap;

    text-transform:
        uppercase;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-signature{
    grid-column:3;

    grid-row:1;

    max-width:
        420px!important;

    margin:0!important;

    text-align:right;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-signature,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-signature p,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-signature span{
    margin:0!important;

    color:
        var(--g-maroon)!important;

    font-family:
        "El Messiri",
        "El Messeri",
        serif!important;

    font-size:
        clamp(17px,1.25vw,20px)!important;

    font-weight:
        500!important;

    font-style:
        italic;

    line-height:
        1.35!important;
}


/* ============================================================
   25. LARGE DESKTOP
============================================================ */

@media(min-width:1600px){

    .elementor-13 .elementor-element.elementor-element-8ab7850{
        --g-max:1480px;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating{
        min-height:
            350px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-primary-reviews
    .swiper-slide{
        min-height:
            315px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-stories
    .swiper-slide{
        min-height:
            270px!important;
    }
}


/* ============================================================
   26. LAPTOP
============================================================ */

@media
(min-width:1025px)
and
(max-width:1280px){

    .elementor-13 .elementor-element.elementor-element-8ab7850{
        padding-left:
            42px!important;

        padding-right:
            42px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-header{
        grid-template-columns:
            1.15fr
            .72fr!important;

        gap:
            58px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-title
    .elementor-heading-title{
        font-size:
            clamp(54px,5.5vw,72px)!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-featured{
        grid-template-columns:
            245px
            minmax(0,1fr)!important;

        gap:
            27px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating{
        padding:
            31px 22px!important;
    }
}


/* ============================================================
   27. TABLET
============================================================ */

@media
(min-width:768px)
and
(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-8ab7850{
        padding:
            68px
            31px
            78px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-header{
        grid-template-columns:
            1fr!important;

        align-items:start!important;

        gap:
            28px!important;

        padding-bottom:
            43px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-title
    .elementor-heading-title{
        font-size:
            clamp(51px,7.5vw,65px)!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro{
        max-width:
            680px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-featured{
        grid-template-columns:
            1fr!important;

        gap:
            24px!important;

        margin-top:
            41px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-featured::before{
        display:none;
    }


    /* rating horizontal */

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating{
        min-height:0!important;

        display:grid!important;

        grid-template-columns:
            auto
            auto
            minmax(0,1fr)
            auto!important;

        grid-template-rows:
            auto auto!important;

        align-items:center!important;

        justify-content:start!important;

        column-gap:
            19px!important;

        row-gap:
            5px!important;

        padding:
            25px 29px!important;

        text-align:left;

        border-radius:
            23px 23px 46px 23px;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-eyebrow{
        grid-column:
            1 / -1;

        grid-row:1;

        margin:
            0 0 7px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-score{
        grid-column:1;

        grid-row:2;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-rating-score
    .elementor-heading-title{
        font-size:
            55px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-stars{
        grid-column:2;

        grid-row:2;

        margin:0!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-title{
        grid-column:3;

        grid-row:2;

        margin:0!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-reviews{
        display:none;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-logo{
        grid-column:4;

        grid-row:2;

        margin:0!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating::after{
        display:none;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-primary-reviews
    .swiper-slide,

    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-stories
    .swiper-slide{
        transform:none!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide
    > *{
        background:
            transparent!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-shell::before{
        top:-41px;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-shell::after{
        bottom:-18px;

        font-size:
            clamp(100px,20vw,165px);
    }
}


/* ============================================================
   28. MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-8ab7850{
        padding:
            55px
            clamp(17px,5vw,23px)
            63px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-shell::before{
        left:0;

        top:-27px;

        font-size:
            66px;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-shell::after{
        left:0;

        bottom:-6px;

        font-size:
            clamp(76px,25vw,112px);
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-header{
        grid-template-columns:
            1fr!important;

        align-items:start!important;

        gap:
            22px!important;

        padding-bottom:
            34px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-eyebrow{
        margin-bottom:
            12px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-eyebrow
    .elementor-heading-title{
        padding-left:
            30px;

        font-size:
            9px!important;

        letter-spacing:
            .15em!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-eyebrow
    .elementor-heading-title::before{
        width:20px;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-title
    .elementor-heading-title{
        font-size:
            clamp(40px,11.5vw,51px)!important;

        line-height:
            .98!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-title::after{
        width:49px;

        margin-top:
            16px;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro{
        max-width:
            100%!important;

        padding-left:
            16px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro,
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro p,
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro span{
        font-size:
            16px!important;

        line-height:
            1.68!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-featured{
        grid-template-columns:
            1fr!important;

        gap:
            18px!important;

        margin-top:
            31px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-featured::before{
        display:none;
    }


    /* mobile rating */

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating{
        min-height:
            0!important;

        display:grid!important;

        grid-template-columns:
            auto
            minmax(0,1fr)
            auto!important;

        grid-template-rows:
            auto
            auto
            auto!important;

        align-items:center!important;

        column-gap:
            15px!important;

        row-gap:
            2px!important;

        padding:
            21px 19px!important;

        text-align:left;

        border-radius:
            19px 19px 38px 19px;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-eyebrow{
        grid-column:
            1 / -1;

        grid-row:1;

        margin:
            0 0 9px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-score{
        grid-column:1;

        grid-row:
            2 / 4;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-rating-score
    .elementor-heading-title{
        font-size:
            49px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-stars{
        grid-column:2;

        grid-row:2;

        margin:0!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-title{
        grid-column:2;

        grid-row:3;

        margin:
            2px 0 0!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-rating-title
    .elementor-heading-title{
        font-size:
            19px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-reviews{
        display:none;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-logo{
        grid-column:3;

        grid-row:
            2 / 4;

        margin:0!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-logo img{
        width:
            68px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating::after{
        display:none;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide{
        min-height:
            auto!important;

        padding:
            23px 20px!important;

        border-radius:
            18px 18px 37px 18px;

        transform:
            none!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide{
        background:
            radial-gradient(
                circle at 95% 7%,
                rgba(215,164,74,.040),
                transparent 31%
            ),

            linear-gradient(
                145deg,
                rgba(255,255,255,.985),
                rgba(252,249,244,.97)
            )
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide
    > *{
        background:
            transparent!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide p,

    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    :is(
        .elementor-testimonial__text,
        .testimonial-content,
        .review-content,
        .eael-testimonial-text,
        blockquote
    ){
        font-size:
            16px!important;

        line-height:
            1.66!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-divider{
        grid-template-columns:
            auto 1fr!important;

        gap:
            13px!important;

        margin-top:
            41px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-divider-label
    .elementor-heading-title{
        font-size:
            8.7px!important;

        letter-spacing:
            .14em!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories{
        margin-top:
            19px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    :is(
        .swiper-button-prev,
        .swiper-button-next,
        .slick-prev,
        .slick-next,
        .owl-prev,
        .owl-next
    ){
        display:none!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-bottom{
        grid-template-columns:
            1fr!important;

        gap:
            9px!important;

        margin-top:
            36px!important;

        padding-top:
            18px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-bottom::before{
        display:none;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-location{
        grid-column:1;

        grid-row:auto;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-signature{
        grid-column:1;

        grid-row:auto;

        max-width:
            100%!important;

        text-align:left;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-signature,
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-signature p{
        font-size:
            17.5px!important;
    }
}


/* ============================================================
   29. SMALL MOBILE
============================================================ */

@media(max-width:480px){

    .elementor-13 .elementor-element.elementor-element-8ab7850{
        padding-left:
            max(
                17px,
                env(safe-area-inset-left)
            )
            !important;

        padding-right:
            max(
                17px,
                env(safe-area-inset-right)
            )
            !important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-title
    .elementor-heading-title{
        font-size:
            clamp(38px,11vw,46px)!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating{
        grid-template-columns:
            auto 1fr!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-logo{
        display:none;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-score{
        grid-column:1;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-stars,
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-title{
        grid-column:2;
    }
}


/* ============================================================
   30. VERY SMALL MOBILE
============================================================ */

@media(max-width:374px){

    .elementor-13 .elementor-element.elementor-element-8ab7850{
        padding-top:
            50px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-title
    .elementor-heading-title{
        font-size:
            36px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-rating-score
    .elementor-heading-title{
        font-size:
            44px!important;
    }


    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro,
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro p,

    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide p{
        font-size:
            16px!important;
    }
}


/* ============================================================
   31. TOUCH
============================================================ */

@media(hover:none) and (pointer:coarse){

    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide{
        transform:
            none!important;
    }
}


/* ============================================================
   32. REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

    .elementor-13 .elementor-element.elementor-element-8ab7850 *,
    .elementor-13 .elementor-element.elementor-element-8ab7850 *::before,
    .elementor-13 .elementor-element.elementor-element-8ab7850 *::after{
        animation-duration:
            .01ms!important;

        animation-iteration-count:
            1!important;

        transition-duration:
            .01ms!important;
    }
}


/* ============================================================
   33. ANIMATIONS
============================================================ */

@keyframes guestAmbient{

    0%,
    100%{
        opacity:.75;

        transform:
            scale(1);
    }

    50%{
        opacity:1;

        transform:
            scale(1.06);
    }
}


@keyframes guestDividerMove{

    0%{
        left:-18%;

        opacity:0;
    }

    15%{
        opacity:1;
    }

    75%{
        opacity:1;
    }

    100%{
        left:105%;

        opacity:0;
    }
}


/* ============================================================
   34. ACCESSIBILITY
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 a:focus-visible,
.elementor-13 .elementor-element.elementor-element-8ab7850 button:focus-visible{
    outline:
        2px solid
        var(--g-gold);

    outline-offset:
        4px;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 ::selection{
    color:#FFFFFF;

    background:
        var(--g-red);
}

/* ============================================================
   35. FINAL UNIFIED CARD SAFETY LOCK
   Semua testimonial card satu keluarga warna.
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-slide{
    background:
        radial-gradient(
            circle at 95% 7%,
            rgba(215,164,74,.045),
            transparent 31%
        ),

        radial-gradient(
            circle at 7% 94%,
            rgba(234,216,210,.060),
            transparent 34%
        ),

        linear-gradient(
            145deg,
            rgba(255,255,255,.985) 0%,
            rgba(252,249,244,.97) 100%
        )
        !important;
}


/* Hilangkan warna internal plugin */
.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-slide
> *,

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-slide
:is(
    .elementor-testimonial,
    .testimonial-item,
    .review-card,
    .eael-testimonial-item,
    .eael-google-reviews-item,
    article
){
    background:
        transparent!important;
}


/* Tidak ada lagi nth-child yang mengubah warna card */
.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-slide:nth-child(n){
    background:
        radial-gradient(
            circle at 95% 7%,
            rgba(215,164,74,.045),
            transparent 31%
        ),

        radial-gradient(
            circle at 7% 94%,
            rgba(234,216,210,.060),
            transparent 34%
        ),

        linear-gradient(
            145deg,
            rgba(255,255,255,.985) 0%,
            rgba(252,249,244,.97) 100%
        )
        !important;
}


/* Desktop active = hanya border + shadow + sedikit lift */
@media(min-width:1025px){

    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide-active{
        transform:
            translateY(-4px)!important;

        border-color:
            rgba(215,164,74,.34)!important;

        box-shadow:
            0 22px 48px
            rgba(65,27,27,.085),

            0 0 0 1px
            rgba(215,164,74,.045),

            inset
            0 1px 0
            rgba(255,255,255,1)
            !important;
    }
}


/* Touch: tidak ada card yang lompat ketika slider bergeser */
@media(hover:none) and (pointer:coarse){

    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide,

    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide-active{
        transform:
            none!important;
    }
}

/* ============================================================
   ============================================================
   36. FINAL AVATAR REMOVAL LOCK
   Menghapus seluruh foto/avatar reviewer pada kedua carousel.
   Nama, username/role, review text, card, pagination, dan arrow
   tetap dipertahankan.
   ============================================================
   ============================================================ */

/* HIDE AVATAR WRAPPERS COMPLETELY */
.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
:is(
    .elementor-testimonial__image,
    .testimonial-avatar,
    .author-avatar,
    .review-avatar,
    .eael-testimonial-image,
    .eael-testimonial-image-wrapper,
    .testimonial-image,
    .testimonial-user-image,
    .reviewer-avatar,
    .reviewer-image,
    .review-author-image,
    .review-author-avatar,
    .google-review-avatar,
    .google-review-author-image,
    .grw-reviewer-image,
    .grw-reviewer-avatar
){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;

    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    max-width:0!important;
    max-height:0!important;

    flex:0 0 0!important;

    margin:0!important;
    padding:0!important;

    border:0!important;
    box-shadow:none!important;

    overflow:hidden!important;
    pointer-events:none!important;
}

/* HIDE THE IMAGE ITSELF AS A SECOND SAFETY LAYER */
.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
:is(
    .elementor-testimonial__image,
    .testimonial-avatar,
    .author-avatar,
    .review-avatar,
    .eael-testimonial-image,
    .eael-testimonial-image-wrapper,
    .testimonial-image,
    .testimonial-user-image,
    .reviewer-avatar,
    .reviewer-image,
    .review-author-image,
    .review-author-avatar,
    .google-review-avatar,
    .google-review-author-image,
    .grw-reviewer-image,
    .grw-reviewer-avatar
)
img{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;

    width:0!important;
    height:0!important;

    margin:0!important;
    padding:0!important;

    border:0!important;
    box-shadow:none!important;
}

/* ELEMENTOR TESTIMONIAL AUTHOR LAYOUT AFTER AVATAR REMOVAL */
.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.elementor-testimonial__footer{
    gap:0!important;
}

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.elementor-testimonial__cite{
    margin-left:0!important;
    padding-left:0!important;
}

/* COMMON AUTHOR / REVIEWER ROWS — REMOVE EMPTY AVATAR GAP */
.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
:is(
    .testimonial-author,
    .testimonial-user,
    .author-info,
    .review-author,
    .reviewer-info,
    .eael-testimonial-user,
    .eael-testimonial-user-info,
    .google-review-author,
    .grw-reviewer
){
    column-gap:0!important;
}

/* Keep the text identity clean after the image disappears */
.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
:is(
    .elementor-testimonial__cite,
    .testimonial-author-info,
    .author-details,
    .review-author-info,
    .reviewer-details,
    .eael-testimonial-user-info
){
    margin-left:0!important;
    padding-left:0!important;
}

/* MOBILE/TABLET SAFETY */
@media(max-width:1024px){
    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    :is(
        .elementor-testimonial__image,
        .testimonial-avatar,
        .author-avatar,
        .review-avatar,
        .eael-testimonial-image,
        .eael-testimonial-image-wrapper,
        .testimonial-image,
        .testimonial-user-image,
        .reviewer-avatar,
        .reviewer-image,
        .review-author-image,
        .review-author-avatar,
        .google-review-avatar,
        .google-review-author-image,
        .grw-reviewer-image,
        .grw-reviewer-avatar
    ){
        display:none!important;
    }
}

/* ============================================================
   END FINAL AVATAR REMOVAL LOCK
============================================================ */

/* ============================================================
   ============================================================
   37. FINAL STORY AUTHOR + ROLE CENTER LOCK
   Fix:
   - "CEO" / role tepat di tengah di bawah nama
   - hapus warna biru bawaan Elementor/plugin
   - role dikunci ke Heritage Red
   - khusus carousel MORE GUEST STORIES agar layout atas tidak berubah
   ============================================================
   ============================================================ */

/* Center the complete author identity block */
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .elementor-testimonial__footer,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .elementor-testimonial__cite,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .testimonial-author,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .testimonial-user,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .author-info,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .review-author,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .reviewer-info,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .eael-testimonial-user,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .eael-testimonial-user-info{
    width:100%!important;
    max-width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:2px!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    text-align:center!important;
}

/* Reviewer name stays centered and brand-maroon */
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories :is(
    .elementor-testimonial__name,
    .testimonial-name,
    .author-name,
    .review-name,
    .eael-testimonial-user
){
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
    color:#6D1F24!important;
}

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories :is(
    .elementor-testimonial__name,
    .testimonial-name,
    .author-name,
    .review-name
) a{
    color:#6D1F24!important;
    text-decoration:none!important;
}

/*
   Elementor commonly uses .elementor-testimonial__title for "CEO".
   Older/addon widgets may use __job, role, position, company, etc.
   Lock all likely role fields to one treatment.
*/
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories :is(
    .elementor-testimonial__title,
    .elementor-testimonial__job,
    .elementor-testimonial__role,
    .elementor-testimonial__position,
    .elementor-testimonial__company,
    .testimonial-role,
    .testimonial-job,
    .testimonial-position,
    .testimonial-company,
    .author-role,
    .author-job,
    .author-position,
    .review-meta,
    .review-location,
    .review-role,
    .review-position,
    .user-handle,
    .eael-testimonial-user-company,
    .eael-testimonial-user-position
){
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:3px 0 0!important;
    padding:0!important;
    text-align:center!important;
    color:#A83832!important;
    font-family:"DM Sans", sans-serif!important;
    font-size:11px!important;
    font-weight:600!important;
    line-height:1.3!important;
    letter-spacing:.02em!important;
    text-decoration:none!important;
}

/* Kill plugin/link blue on descendants too */
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories :is(
    .elementor-testimonial__title,
    .elementor-testimonial__job,
    .elementor-testimonial__role,
    .elementor-testimonial__position,
    .elementor-testimonial__company,
    .testimonial-role,
    .testimonial-job,
    .testimonial-position,
    .testimonial-company,
    .author-role,
    .author-job,
    .author-position,
    .review-meta,
    .review-location,
    .review-role,
    .review-position,
    .user-handle,
    .eael-testimonial-user-company,
    .eael-testimonial-user-position
) :is(a, span, strong, small){
    color:#A83832!important;
    text-align:center!important;
    text-decoration:none!important;
}

/* Common generic link fallback inside the author/cite area only */
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .elementor-testimonial__cite > a,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .elementor-testimonial__cite > span:last-child a{
    color:#A83832!important;
    text-decoration:none!important;
}

/* Tablet + mobile: keep exact centering */
@media(max-width:1024px){
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .elementor-testimonial__footer,
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .elementor-testimonial__cite,
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .testimonial-author,
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .testimonial-user,
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .author-info,
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .review-author,
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .reviewer-info,
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .eael-testimonial-user,
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories .eael-testimonial-user-info{
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
    }
}

@media(max-width:480px){
    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories :is(
        .elementor-testimonial__title,
        .elementor-testimonial__job,
        .elementor-testimonial__role,
        .elementor-testimonial__position,
        .elementor-testimonial__company,
        .testimonial-role,
        .testimonial-job,
        .testimonial-position,
        .testimonial-company,
        .author-role,
        .author-job,
        .author-position,
        .review-meta,
        .review-location,
        .review-role,
        .review-position,
        .user-handle,
        .eael-testimonial-user-company,
        .eael-testimonial-user-position
    ){
        font-size:10.5px!important;
    }
}

/* ============================================================
   END FINAL STORY AUTHOR + ROLE CENTER LOCK
============================================================ */

/* ============================================================
   ============================================================
   FINAL EXTRA-COMPACT HEIGHT OVERRIDE
   TESTIMONIALS — CV BALINGKANG PARADISE

   FINAL REQUEST:
   - Tinggi keseluruhan section dipersempit lagi
   - Main title "What Our Guests Say." = 50px
   - Header lebih rapat
   - Rating card lebih pendek
   - Review cards lebih pendek
   - Jarak carousel / divider / stories diperkecil
   - Bottom editorial area lebih dekat
   - Avatar tetap tersembunyi
   - Author + CEO tetap centered pada stories
   - Body/review text tetap 16px
   ============================================================
   ============================================================ */


/* ============================================================
   01. SECTION PADDING — DIPERKECIL LAGI
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850{
    padding:
        clamp(48px,4.3vw,66px)
        clamp(22px,5vw,78px)
        clamp(34px,3vw,46px)
        !important;
}


/* ============================================================
   02. SECTION NUMBER
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-shell::before{
    top:
        -34px
        !important;

    font-size:
        clamp(70px,7vw,108px)
        !important;
}


/* ============================================================
   03. MAIN TITLE = 50PX
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-title
.elementor-heading-title{
    font-size:
        50px
        !important;

    line-height:
        .98
        !important;

    letter-spacing:
        -.035em
        !important;
}


/* ============================================================
   04. EYEBROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-eyebrow{
    margin-bottom:
        11px
        !important;
}


/* ============================================================
   05. TITLE ACCENT
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-title::after{
    width:
        50px
        !important;

    margin-top:
        13px
        !important;
}


/* ============================================================
   06. HEADER
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-header{
    gap:
        clamp(44px,5.5vw,86px)
        !important;

    padding-bottom:
        clamp(26px,2.5vw,34px)
        !important;
}


/* ============================================================
   07. INTRO
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro p,
.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-intro span,
.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-intro
.elementor-widget-container{
    font-size:
        16px
        !important;

    line-height:
        1.60
        !important;
}


/* ============================================================
   08. FEATURED AREA
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-featured{
    margin-top:
        clamp(26px,2.7vw,36px)
        !important;

    gap:
        clamp(18px,2.2vw,30px)
        !important;
}


/* ============================================================
   09. GOOGLE RATING CARD — LEBIH PENDEK
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating{
    min-height:
        270px
        !important;

    padding:
        25px
        22px
        !important;

    border-radius:
        24px 24px 54px 24px
        !important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-eyebrow{
    margin-bottom:
        9px
        !important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-rating-score
.elementor-heading-title{
    font-size:
        60px
        !important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-stars{
    margin:
        11px 0 8px
        !important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-rating-title
.elementor-heading-title{
    font-size:
        22px
        !important;
}


.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating-logo{
    margin-top:
        12px
        !important;
}


/* ============================================================
   10. PRIMARY CAROUSEL WRAPPER
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-primary-reviews{
    padding:
        2px 3px 14px
        !important;
}


/* ============================================================
   11. PRIMARY REVIEW CARDS — DIPENDEKKAN
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-primary-reviews
.swiper-slide{
    min-height:
        235px
        !important;

    padding:
        21px 20px 20px
        !important;
}


/* ============================================================
   12. REVIEW TEXT
   Tetap 16px, hanya line-height lebih compact
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
:is(
    .elementor-testimonial__text,
    .testimonial-content,
    .review-content,
    .eael-testimonial-text,
    .review-text,
    blockquote
),

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-slide p{
    font-size:
        16px
        !important;

    line-height:
        1.56
        !important;
}


/* ============================================================
   13. PAGINATION
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
.swiper-pagination{
    margin-top:
        10px
        !important;
}


/* ============================================================
   14. MORE GUEST STORIES DIVIDER
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-divider{
    margin-top:
        clamp(26px,2.7vw,36px)
        !important;

    gap:
        15px
        !important;
}


/* ============================================================
   15. SECOND CAROUSEL
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories{
    margin-top:
        14px
        !important;

    padding:
        2px 3px 16px
        !important;
}


/* ============================================================
   16. STORY CARDS — DIPENDEKKAN
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
.guest-stories
.swiper-slide{
    min-height:
        205px
        !important;

    padding:
        20px 19px 18px
        !important;
}


/* ============================================================
   17. STORY AUTHOR / ROLE
   Tetap center dan lebih rapat
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories :is(
    .elementor-testimonial__footer,
    .elementor-testimonial__cite,
    .testimonial-author,
    .testimonial-user,
    .author-info,
    .review-author,
    .reviewer-info,
    .eael-testimonial-user,
    .eael-testimonial-user-info
){
    margin-top:
        13px
        !important;
}


/* ============================================================
   18. BOTTOM AREA — DIPERSEMPIT SIGNIFIKAN
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-bottom{
    margin-top:
        clamp(22px,2.2vw,30px)
        !important;

    padding-top:
        13px
        !important;

    gap:
        clamp(16px,2vw,28px)
        !important;
}


/* ============================================================
   19. GUESTS WATERMARK
   Dinaikkan agar tidak menciptakan space bawah besar
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850 .guest-shell::after{
    left:
        12px
        !important;

    bottom:
        -2px
        !important;

    font-size:
        clamp(82px,10vw,145px)
        !important;

    opacity:
        .48
        !important;
}


/* ============================================================
   20. LARGE DESKTOP
============================================================ */

@media(min-width:1600px){

    .elementor-13 .elementor-element.elementor-element-8ab7850{
        padding-top:
            58px
            !important;

        padding-bottom:
            38px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-title
    .elementor-heading-title{
        font-size:
            50px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating{
        min-height:
            280px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-primary-reviews
    .swiper-slide{
        min-height:
            245px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-stories
    .swiper-slide{
        min-height:
            210px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-bottom{
        margin-top:
            24px
            !important;
    }
}


/* ============================================================
   21. LAPTOP
============================================================ */

@media
(min-width:1025px)
and
(max-width:1280px){

    .elementor-13 .elementor-element.elementor-element-8ab7850{
        padding-top:
            48px
            !important;

        padding-bottom:
            34px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-header{
        gap:
            44px
            !important;

        padding-bottom:
            27px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-title
    .elementor-heading-title{
        font-size:
            50px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-featured{
        margin-top:
            27px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating{
        min-height:
            250px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-primary-reviews
    .swiper-slide{
        min-height:
            220px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-divider{
        margin-top:
            26px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-stories
    .swiper-slide{
        min-height:
            190px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-bottom{
        margin-top:
            22px
            !important;
    }
}


/* ============================================================
   22. TABLET
============================================================ */

@media
(min-width:768px)
and
(max-width:1024px){

    .elementor-13 .elementor-element.elementor-element-8ab7850{
        padding:
            50px
            30px
            42px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-header{
        gap:
            20px
            !important;

        padding-bottom:
            28px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-title
    .elementor-heading-title{
        font-size:
            50px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-featured{
        margin-top:
            27px
            !important;

        gap:
            17px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating{
        min-height:
            0
            !important;

        padding:
            20px 24px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-primary-reviews
    .swiper-slide{
        min-height:
            220px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-divider{
        margin-top:
            28px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-stories
    .swiper-slide{
        min-height:
            190px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-bottom{
        margin-top:
            24px
            !important;

        padding-top:
            12px
            !important;
    }
}


/* ============================================================
   23. MOBILE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-8ab7850{
        padding:
            44px
            clamp(17px,5vw,23px)
            38px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-header{
        gap:
            17px
            !important;

        padding-bottom:
            25px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-title
    .elementor-heading-title{
        font-size:
            clamp(38px,10.5vw,46px)
            !important;

        line-height:
            .99
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-title::after{
        margin-top:
            12px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-featured{
        margin-top:
            23px
            !important;

        gap:
            14px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-rating{
        padding:
            18px
            17px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850
    :is(
        .guest-primary-reviews,
        .guest-stories
    )
    .swiper-slide{
        min-height:
            auto
            !important;

        padding:
            20px
            18px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-divider{
        margin-top:
            25px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-stories{
        margin-top:
            12px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-bottom{
        margin-top:
            22px
            !important;

        padding-top:
            12px
            !important;
    }
}


/* ============================================================
   24. SMALL MOBILE
============================================================ */

@media(max-width:480px){

    .elementor-13 .elementor-element.elementor-element-8ab7850{
        padding-top:
            40px
            !important;

        padding-bottom:
            34px
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850
    .guest-title
    .elementor-heading-title{
        font-size:
            clamp(36px,10vw,42px)
            !important;
    }

    .elementor-13 .elementor-element.elementor-element-8ab7850 .guest-bottom{
        margin-top:
            20px
            !important;
    }
}


/* ============================================================
   25. FINAL AVATAR HIDE SAFETY
============================================================ */

.elementor-13 .elementor-element.elementor-element-8ab7850
:is(
    .guest-primary-reviews,
    .guest-stories
)
:is(
    .elementor-testimonial__image,
    .testimonial-avatar,
    .author-avatar,
    .review-avatar,
    .eael-testimonial-image,
    .elementor-testimonial__image-wrapper,
    .testimonial-image
){
    display:
        none
        !important;
}


/* ============================================================
   END EXTRA-COMPACT HEIGHT OVERRIDE
============================================================ *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-381fa2f *//* =========================================================
   PUTU BALI TOUR — HERITAGE RED FAQ V3
   Premium Bali tour FAQ aligned with the Heritage Red visual system

   IMPORTANT:
   Container geometry is controlled from Elementor settings.
   CSS only handles visual styling, typography, accents, accordion look,
   and subtle effects.
========================================================= */

.elementor-13 .elementor-element.elementor-element-381fa2f{
  --faqx-maroon:#6D1F24;
  --faqx-maroon-dark:#57181D;
  --faqx-red:#A83832;
  --faqx-red-dark:#8E2B2C;
  --faqx-brick:#C85B4A;
  --faqx-gold:#D7A44A;
  --faqx-ivory:#F7F1E7;
  --faqx-blush:#EAD8D2;
  --faqx-charcoal:#2B2523;
  --faqx-white:#FFFFFF;

  /* compatibility aliases */
  --faqx-navy:#6D1F24;
  --faqx-navy-2:#57181D;
  --faqx-blue:#A83832;
  --faqx-blue-soft:#C85B4A;
  --faqx-gold-light:#D7A44A;
  --faqx-cream:#F7F1E7;
  --faqx-bg:#F7F1E7;
  --faqx-text:#2B2523;
  --faqx-soft:#6E625E;
  --faqx-line:rgba(109,31,36,.10);
  --faqx-shadow:0 24px 56px rgba(65,27,27,.10);
  --faqx-tr:.50s cubic-bezier(.2,.72,.2,1);

  position:relative;
  isolation:isolate;
  overflow:hidden;
  box-sizing:border-box;

  background:
    radial-gradient(circle at 92% 8%,rgba(215,164,74,.065),transparent 24%),
    radial-gradient(circle at 7% 92%,rgba(200,91,74,.040),transparent 28%),
    linear-gradient(180deg,#F7F1E7 0%,#FFFFFF 54%,#F7F1E7 100%);
}

/* Background itself is Elementor-native */
.elementor-13 .elementor-element.elementor-element-381fa2f::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.085;
  background-image:
    radial-gradient(circle,rgba(109,31,36,.22) 1px,transparent 1.2px);
  background-size:30px 30px;
  -webkit-mask-image:linear-gradient(118deg,transparent 0%,transparent 54%,#000 100%);
  mask-image:linear-gradient(118deg,transparent 0%,transparent 54%,#000 100%);
}

.elementor-13 .elementor-element.elementor-element-381fa2f::after{
  content:"";
  position:absolute;
  width:46%;
  height:260px;
  right:-10%;
  bottom:-190px;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(215,164,74,.18),rgba(215,164,74,.05) 42%,transparent 72%);
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__head,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__body,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap{
  position:relative;
  z-index:2;
}

/* =========================================================
   HEADER
========================================================= */

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__head{
  text-align:center;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow{
  position:relative;
  display:inline-block;
  width:auto;
  margin:0 0 16px;
  padding:0 54px;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::before,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::after{
  content:"";
  position:absolute;
  top:50%;
  width:34px;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,var(--faqx-gold),var(--faqx-gold-light));
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::before{left:0;}
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::after{right:0;}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow .elementor-heading-title{
  color:var(--faqx-blue);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.22em;
  text-transform:uppercase;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__title{
  max-width:860px;
  margin:0 auto;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__title .elementor-heading-title{
  color:var(--faqx-navy-2);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(48px,5vw,72px);
  font-weight:500;
  line-height:1;
  letter-spacing:-.04em;
  text-wrap:balance;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__title::after{
  content:"";
  display:block;
  width:92px;
  height:3px;
  margin:22px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,var(--faqx-gold),var(--faqx-gold-light),transparent);
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__intro{
  max-width:720px;
  margin:22px auto 0;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__intro,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__intro p{
  color:var(--faqx-text);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:15px;
  line-height:1.78;
}

/* =========================================================
   LEFT SUPPORT CARD
========================================================= */

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:28px 28px 58px 28px;
  background:
    radial-gradient(circle at 88% 92%,rgba(215,164,74,.18),transparent 34%),
    linear-gradient(145deg,var(--faqx-navy) 0%,#57181D 58%,#8E2B2C 100%);
  box-shadow:
    0 26px 58px rgba(65,27,27,.20),
    inset 0 1px 0 rgba(255,255,255,.06);
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support::before{
  content:"";
  position:absolute;
  top:0;
  left:34px;
  width:72px;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,var(--faqx-gold),var(--faqx-gold-light));
  transition:width var(--faqx-tr);
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support:hover::before{
  width:128px;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support::after{
  content:"";
  position:absolute;
  width:86px;
  height:86px;
  right:-20px;
  bottom:-22px;
  border-right:2px solid rgba(215,164,74,.64);
  border-bottom:2px solid rgba(215,164,74,.64);
  border-radius:0 0 30px 0;
  pointer-events:none;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-icon{
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:18px;
  border:1px solid rgba(215,164,74,.28);
  background:rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-icon .elementor-icon{
  color:var(--faqx-gold-light);
  font-size:23px;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-kicker{
  margin-top:22px;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-kicker .elementor-heading-title{
  color:var(--faqx-gold-light);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-title{
  margin-top:12px;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-title .elementor-heading-title{
  color:var(--faqx-cream);
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(38px,3.4vw,54px);
  font-weight:500;
  line-height:1.02;
  letter-spacing:-.035em;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-text{
  margin-top:16px;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-text,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-text p{
  color:rgba(247,241,231,.72);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:13px;
  line-height:1.72;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-line{
  width:100%;
  margin-top:24px;
  padding-top:20px;
  border-top:1px solid rgba(247,241,231,.12);
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-mini{
  display:flex;
  align-items:center;
  gap:10px;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-mini-icon .elementor-icon{
  color:var(--faqx-gold-light);
  font-size:13px;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-mini-text .elementor-heading-title{
  color:rgba(247,241,231,.74);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:10px;
  font-weight:600;
  line-height:1.4;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn{
  margin-top:24px;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn .elementor-button{
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  border-radius:999px;
  color:var(--faqx-navy);
  background:linear-gradient(135deg,var(--faqx-gold),var(--faqx-gold-light));
  border:1px solid transparent;
  box-shadow:0 14px 28px rgba(215,164,74,.18);
  font-family:"Plus Jakarta Sans",Arial,sans-serif;
  font-size:10px;
  font-weight:700;
  letter-spacing:.10em;
  transition:transform var(--faqx-tr),box-shadow var(--faqx-tr);
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn .elementor-button:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 36px rgba(215,164,74,.27);
}

/* =========================================================
   RIGHT ACCORDION CARD — SIGNATURE LUXURY
========================================================= */

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap{
  overflow:hidden;

  border:
    1px solid rgba(109,31,36,.09);

  border-radius:
    30px 30px 60px 30px;

  background:
    radial-gradient(
      circle at 92% 90%,
      rgba(215,164,74,.10),
      transparent 30%
    ),
    linear-gradient(
      145deg,
      rgba(255,255,255,.985),
      rgba(247,241,231,.95)
    );

  box-shadow:
    0 26px 58px rgba(65,27,27,.09),
    inset 0 1px 0 rgba(255,255,255,.98);
}

/* elegant top gold detail */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap::before{
  content:"";

  position:absolute;
  top:0;
  left:42px;

  width:96px;
  height:3px;

  border-radius:
    0 0 999px 999px;

  background:
    linear-gradient(
      90deg,
      var(--faqx-gold),
      var(--faqx-gold-light)
    );
}

/* fine inset frame */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap::after{
  content:"";

  position:absolute;
  inset:11px;

  pointer-events:none;

  border:
    1px solid rgba(215,164,74,.11);

  border-radius:
    22px 22px 50px 22px;
}


/* =========================================================
   ACCORDION WIDGET WRAPPER
========================================================= */

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion{
  position:relative;
  z-index:2;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion > .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-widget-container,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion{
  border:0!important;
  background:transparent!important;
}


/* =========================================================
   FAQ ITEM
========================================================= */

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-item{
  position:relative;

  overflow:hidden;

  margin:
    0 0 12px!important;

  border:
    1px solid rgba(109,31,36,.095)!important;

  border-radius:
    20px 20px 34px 20px!important;

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.98),
      rgba(247,241,231,.94)
    )!important;

  box-shadow:
    0 9px 22px rgba(65,27,27,.045);

  transition:
    transform .42s cubic-bezier(.2,.72,.2,1),
    border-color .42s ease,
    box-shadow .42s ease,
    background .42s ease;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-item:last-child{
  margin-bottom:0!important;
}

/* understated gold signature line */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-item::before{
  content:"";

  position:absolute;
  z-index:5;

  top:0;
  left:24px;

  width:44px;
  height:2px;

  border-radius:
    0 0 999px 999px;

  background:
    linear-gradient(
      90deg,
      var(--faqx-gold),
      var(--faqx-gold-light)
    );

  transition:
    width .48s cubic-bezier(.2,.72,.2,1);
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-item:hover{
  transform:
    translateY(-3px);

  border-color:
    rgba(215,164,74,.34)!important;

  box-shadow:
    0 16px 32px rgba(65,27,27,.075);

  background:
    #FFFFFF!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-item:hover::before{
  width:96px;
}


/* =========================================================
   QUESTION ROW
========================================================= */

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title{
  display:flex!important;
  align-items:center!important;

  width:100%!important;
  min-height:72px;

  padding:
    18px 20px!important;

  border:0!important;

  background:
    transparent!important;

  transition:
    background .40s ease;
}

/* Force clean content order even if Elementor icon comes first in DOM */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-title{
  order:1!important;

  flex:
    1 1 auto!important;

  min-width:0;

  margin:0!important;
  padding:0!important;

  color:
    var(--faqx-navy-2)!important;

  font-family:
    "Plus Jakarta Sans",
    Arial,
    sans-serif!important;

  font-size:
    15px!important;

  font-weight:
    600!important;

  line-height:
    1.42!important;

  letter-spacing:
    -.012em!important;

  text-decoration:
    none!important;

  transition:
    color .35s ease,
    transform .35s ease;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-title:hover{
  color:
    var(--faqx-blue)!important;
}


/* =========================================================
   ACTIVE QUESTION
========================================================= */

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title.elementor-active{
  background:
    linear-gradient(
      90deg,
      rgba(215,164,74,.095) 0%,
      rgba(215,164,74,.042) 34%,
      rgba(168,56,50,.025) 72%,
      transparent 100%
    )!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title.elementor-active
.elementor-accordion-title{
  color:
    var(--faqx-navy)!important;

  transform:
    translateX(3px);
}


/* =========================================================
   PLUS / MINUS ICON
========================================================= */

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-icon{
  order:2!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  flex:
    0 0 40px!important;

  width:40px!important;
  height:40px!important;

  margin:
    0 0 0 18px!important;

  float:none!important;

  border:
    1px solid rgba(109,31,36,.12)!important;

  border-radius:
    50%!important;

  color:
    var(--faqx-blue)!important;

  background:
    linear-gradient(
      180deg,
      #FFFFFF,
      #F7F1E7
    )!important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96);

  transition:
    transform .40s cubic-bezier(.2,.72,.2,1),
    background .40s ease,
    border-color .40s ease,
    color .40s ease,
    box-shadow .40s ease;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-icon svg{
  width:12px!important;
  height:12px!important;

  fill:
    currentColor!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-accordion-item:hover
.elementor-accordion-icon{
  border-color:
    rgba(215,164,74,.35)!important;

  background:
    linear-gradient(
      180deg,
      #FFFFFF,
      #EAD8D2
    )!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title.elementor-active
.elementor-accordion-icon{
  color:
    #FFFFFF!important;

  border-color:
    transparent!important;

  background:
    linear-gradient(
      145deg,
      var(--faqx-navy-2),
      var(--faqx-blue)
    )!important;

  transform:
    rotate(180deg);

  box-shadow:
    0 9px 20px rgba(109,31,36,.16)!important;
}


/* =========================================================
   ANSWER AREA
========================================================= */

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-content{
  width:100%!important;

  padding:
    0 20px 22px!important;

  border:
    0!important;

  border-top:
    1px solid rgba(109,31,36,.065)!important;

  color:
    var(--faqx-text)!important;

  background:
    linear-gradient(
      180deg,
      rgba(247,241,231,.68) 0%,
      rgba(247,241,231,.93) 100%
    )!important;

  font-family:
    "Plus Jakarta Sans",
    Arial,
    sans-serif!important;

  font-size:
    13px!important;

  line-height:
    1.78!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-content p{
  margin:
    16px 0 0!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-content p:last-child{
  margin-bottom:
    0!important;
}


/* =========================================================
   KEYBOARD / ACCESSIBILITY
========================================================= */

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title:focus-visible{
  outline:
    2px solid rgba(215,164,74,.55);

  outline-offset:
    -3px;
}


/* =========================================================
   MOBILE — ACCORDION
========================================================= */

@media(max-width:767px){

  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap{
    border-radius:
      24px 24px 42px 24px;
  }

  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap::after{
    inset:9px;

    border-radius:
      18px 18px 34px 18px;
  }

  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
  .elementor-accordion-item{
    margin-bottom:
      10px!important;

    border-radius:
      17px 17px 27px 17px!important;
  }

  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
  .elementor-tab-title{
    min-height:
      64px;

    padding:
      15px 14px!important;
  }

  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
  .elementor-accordion-title{
    font-size:
      14px!important;

    line-height:
      1.4!important;
  }

  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
  .elementor-accordion-icon{
    flex-basis:
      36px!important;

    width:
      36px!important;

    height:
      36px!important;

    margin-left:
      12px!important;
  }

  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
  .elementor-tab-content{
    padding:
      0 14px 17px!important;

    font-size:
      13px!important;

    line-height:
      1.72!important;
  }

  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
  .elementor-tab-content p{
    margin-top:
      13px!important;
  }
}



/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1024px){
  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__title .elementor-heading-title{
    font-size:clamp(46px,7vw,64px);
  }
}

@media(max-width:767px){
  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow{
    padding:0 42px;
  }

  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::before,
  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::after{
    width:26px;
  }

  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__title .elementor-heading-title{
    font-size:clamp(40px,11vw,54px);
  }

  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support,
  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap{
    border-radius:22px 22px 40px 22px;
  }

  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn,
  .elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn .elementor-button{
    width:100%;
  }
}



/* =========================================================
HERITAGE RED FINAL COLOR LOCK — V3
========================================================= */

.elementor-13 .elementor-element.elementor-element-381fa2f{
  --faqx-maroon:#6D1F24;
  --faqx-maroon-dark:#57181D;
  --faqx-red:#A83832;
  --faqx-red-dark:#8E2B2C;
  --faqx-brick:#C85B4A;
  --faqx-gold:#D7A44A;
  --faqx-ivory:#F7F1E7;
  --faqx-blush:#EAD8D2;
  --faqx-charcoal:#2B2523;
  --faqx-white:#FFFFFF;

  --faqx-navy:#6D1F24;
  --faqx-navy-2:#57181D;
  --faqx-blue:#A83832;
  --faqx-blue-soft:#C85B4A;
  --faqx-gold-light:#D7A44A;
  --faqx-cream:#F7F1E7;
  --faqx-bg:#F7F1E7;
  --faqx-text:#2B2523;
  --faqx-soft:#6E625E;
}

/* section text on light background */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow .elementor-heading-title{
  color:#A83832!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__title .elementor-heading-title{
  color:#6D1F24!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__intro,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__intro p{
  color:#2B2523!important;
}

/* decorative lines = Sunset Gold */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::before,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__eyebrow::after,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__title::after,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support::before,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap::before,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-item::before{
  background:
    linear-gradient(
      90deg,
      #D7A44A,
      rgba(215,164,74,.38)
    )!important;
}

/* support card = Deep Maroon */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support{
  background:
    radial-gradient(circle at 88% 92%,rgba(215,164,74,.16),transparent 34%),
    radial-gradient(circle at 12% 12%,rgba(200,91,74,.10),transparent 30%),
    linear-gradient(145deg,#6D1F24 0%,#57181D 60%,#431317 100%)!important;

  box-shadow:
    0 26px 58px rgba(65,27,27,.22),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-icon .elementor-icon,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-kicker .elementor-heading-title,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-mini-icon .elementor-icon{
  color:#D7A44A!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-title .elementor-heading-title{
  color:#F7F1E7!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-text,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-text p,
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-mini-text .elementor-heading-title{
  color:rgba(247,241,231,.76)!important;
}

/* support CTA = Heritage Red, hover darker */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn .elementor-button{
  color:#FFFFFF!important;
  background:
    linear-gradient(
      135deg,
      #A83832,
      #C85B4A
    )!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 14px 28px rgba(109,31,36,.22)!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__support-btn .elementor-button:hover{
  background:
    linear-gradient(
      135deg,
      #8E2B2C,
      #A83832
    )!important;
  box-shadow:0 20px 36px rgba(109,31,36,.30)!important;
}

/* accordion outer surface */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion-wrap{
  border-color:rgba(109,31,36,.09)!important;
  background:
    radial-gradient(circle at 92% 90%,rgba(215,164,74,.085),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.985),rgba(247,241,231,.96))!important;
  box-shadow:
    0 26px 58px rgba(65,27,27,.09),
    inset 0 1px 0 rgba(255,255,255,.98)!important;
}

/* FAQ cards */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-item{
  border-color:rgba(109,31,36,.095)!important;
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.99),
      rgba(247,241,231,.94)
    )!important;
  box-shadow:0 9px 22px rgba(65,27,27,.045)!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-item:hover{
  border-color:rgba(168,56,50,.24)!important;
  box-shadow:0 16px 32px rgba(65,27,27,.085)!important;
}

/* question text */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-title{
  color:#6D1F24!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-title:hover{
  color:#A83832!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title.elementor-active{
  background:
    linear-gradient(
      90deg,
      rgba(215,164,74,.10) 0%,
      rgba(234,216,210,.20) 34%,
      rgba(168,56,50,.035) 72%,
      transparent 100%
    )!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title.elementor-active
.elementor-accordion-title{
  color:#6D1F24!important;
}

/* plus/minus icon */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-accordion-icon{
  color:#A83832!important;
  border-color:rgba(109,31,36,.12)!important;
  background:
    linear-gradient(
      180deg,
      #FFFFFF,
      #F7F1E7
    )!important;
}

.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title.elementor-active
.elementor-accordion-icon{
  color:#FFFFFF!important;
  border-color:transparent!important;
  background:
    linear-gradient(
      145deg,
      #6D1F24,
      #A83832
    )!important;
  box-shadow:0 9px 20px rgba(109,31,36,.20)!important;
}

/* answer area */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion .elementor-tab-content{
  color:#2B2523!important;
  border-top-color:rgba(109,31,36,.065)!important;
  background:
    linear-gradient(
      180deg,
      rgba(247,241,231,.68),
      rgba(234,216,210,.72)
    )!important;
}

/* accessibility */
.elementor-13 .elementor-element.elementor-element-381fa2f .coastal-faqx__accordion
.elementor-tab-title:focus-visible{
  outline:2px solid rgba(215,164,74,.55)!important;
}


@media(prefers-reduced-motion:reduce){
  .elementor-13 .elementor-element.elementor-element-381fa2f *,
  .elementor-13 .elementor-element.elementor-element-381fa2f *::before,
  .elementor-13 .elementor-element.elementor-element-381fa2f *::after{
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d2b84 *//* ============================================================
   ============================================================
   CV BALINGKANG PARADISE
   JOURNEY CTA — HIGH-END EDITORIAL PHOTO
   ============================================================

   FONT
   Heading : El Messiri
   Body    : DM Sans

   RESPONSIVE
   ✓ Desktop
   ✓ Laptop
   ✓ Tablet
   ✓ Android
   ✓ iPhone
============================================================ */


/* ============================================================
   01. DESIGN SYSTEM
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84{

    /* Heritage Red palette */
    --mbc-black:#2B2523;
    --mbc-charcoal:#2B2523;

    --mbc-red:#A83832;
    --mbc-red-hover:#8E2B2C;
    --mbc-brick:#C85B4A;

    --mbc-gold:#D7A44A;
    --mbc-cream:#EAD8D2;

    --mbc-ivory:#F7F1E7;

    /* Legacy variable name retained so existing rules keep working */
    --mbc-green:#A83832;
    --mbc-forest:#6D1F24;

    --mbc-text:#2B2523;
    --mbc-white:#FFFFFF;

    --mbc-ease:cubic-bezier(.22,1,.36,1);


    position:relative;

    isolation:isolate;


    width:100% !important;

    max-width:100% !important;


    margin:0 !important;


    padding:

        clamp(90px,7vw,125px)

        clamp(24px,5vw,82px)

        clamp(78px,6vw,105px)

        !important;


    overflow:hidden;


    background:

        radial-gradient(
            circle at 7% 20%,
            rgba(215,164,74,.085),
            transparent 24%
        ),

        radial-gradient(
            circle at 96% 76%,
            rgba(168,56,50,.07),
            transparent 26%
        ),

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   02. RESET
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 *,
.elementor-13 .elementor-element.elementor-element-28d2b84 *::before,
.elementor-13 .elementor-element.elementor-element-28d2b84 *::after{

    box-sizing:border-box;

}


.elementor-13 .elementor-element.elementor-element-28d2b84 .elementor-element{

    --widgets-spacing:0px;

}


.elementor-13 .elementor-element.elementor-element-28d2b84 .elementor-widget-heading,
.elementor-13 .elementor-element.elementor-element-28d2b84 .elementor-widget-text-editor,
.elementor-13 .elementor-element.elementor-element-28d2b84 .elementor-widget-button,
.elementor-13 .elementor-element.elementor-element-28d2b84 .elementor-widget-image{

    margin:0 !important;

}


.elementor-13 .elementor-element.elementor-element-28d2b84 p{

    margin-top:0;

}


.elementor-13 .elementor-element.elementor-element-28d2b84 p:last-child{

    margin-bottom:0 !important;

}


/* ============================================================
   03. SECTION GRAIN
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-10;

    opacity:.021;

    pointer-events:none;

    background-image:

        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.7'/%3E%3C/svg%3E");

}


/* ============================================================
   04. DECORATIVE CIRCLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84::after{

    content:"";

    position:absolute;

    z-index:-9;

    left:-380px;

    top:24%;

    width:630px;

    height:630px;

    border:

        1px solid
        rgba(215,164,74,.11);

    border-radius:50%;

    box-shadow:

        0 0 0 78px
        rgba(215,164,74,.014),

        0 0 0 150px
        rgba(168,56,50,.012);

    pointer-events:none;

}


/* ============================================================
   05. TOP BAR
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-top{

    position:relative;

    z-index:10;

    width:100% !important;

    max-width:1380px !important;

    margin:

        0 auto
        clamp(38px,3.5vw,52px)

        !important;

    padding:

        0 0
        16px

        !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:space-between !important;

    gap:20px !important;

    border-bottom:

        1px solid
        rgba(43,37,35,.13);

}


/* ============================================================
   06. TOP LEFT
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-top-left{

    width:auto !important;

    max-width:max-content !important;

    flex:0 0 auto !important;

    margin:0 !important;

    padding:0 !important;

}


/* ============================================================
   07. INDEX
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-index{

    position:relative;

    width:auto !important;

    padding-left:

        48px !important;

}


.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-index
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        8px !important;

    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:.17em !important;

    text-transform:uppercase;

    color:

        var(--mbc-green)

        !important;

}


.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-index::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:32px;

    height:1px;

    transform:

        translateY(-50%);

    background:

        var(--mbc-gold);

}


/* ============================================================
   08. LOCATION
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-location{

    width:auto !important;

    max-width:max-content !important;

}


.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-location
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        7.5px !important;

    line-height:1.2 !important;

    font-weight:700 !important;

    letter-spacing:.15em !important;

    text-align:right;

    text-transform:uppercase;

    color:

        rgba(43,37,35,.43)

        !important;

}


/* ============================================================
   ============================================================
   09. MAIN PANEL
   ============================================================
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-main{

    position:relative;

    isolation:isolate;

    z-index:5;

    width:100% !important;

    max-width:1380px !important;

    min-height:

        clamp(
            620px,
            47vw,
            720px
        )

        !important;

    margin:

        0 auto !important;

    padding:

        0 !important;

    display:grid !important;

    grid-template-columns:

        minmax(410px,.92fr)

        minmax(500px,1.08fr);

    align-items:stretch !important;

    gap:0 !important;

    overflow:hidden;

    border:

        1px solid
        rgba(215,164,74,.26);

    border-radius:

        5px 54px
        5px 54px

        !important;
    background:
        radial-gradient(
            circle at 78% 18%,
            rgba(215,164,74,.08),
            transparent 24%
        ),
        radial-gradient(
            circle at 15% 92%,
            rgba(200,91,74,.14),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #6D1F24 0%,
            #57181D 58%,
            #2B2523 100%
        )
        !important;

    box-shadow:

        0 44px 98px
        rgba(43,37,35,.21);

}


/* ============================================================
   10. INNER FRAME
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-main::before{

    content:"";

    position:absolute;

    z-index:0;

    inset:11px;

    pointer-events:none;

    border:

        1px solid
        rgba(247,241,231,.05);

    border-radius:

        3px 43px
        3px 43px;

}


/* ============================================================
   11. MOVING GOLD EDGE
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-main::after{

    content:"";

    position:absolute;

    z-index:9;

    left:-30%;

    bottom:0;

    width:26%;

    height:2px;

    background:

        linear-gradient(
            90deg,
            transparent,
            var(--mbc-gold),
            var(--mbc-cream),
            transparent
        );

    animation:

        mbcMainSweep
        7s
        var(--mbc-ease)
        infinite;

}


@keyframes mbcMainSweep{

    0%{

        left:-30%;

        opacity:0;

    }

    15%{

        opacity:1;

    }

    75%{

        opacity:1;

    }

    100%{

        left:105%;

        opacity:0;

    }

}


/* ============================================================
   ============================================================
   12. CONTENT
   ============================================================
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-content{

    position:relative;

    z-index:5;

    width:100% !important;

    min-width:0 !important;

    margin:0 !important;

    padding:

        clamp(50px,5vw,78px)

        clamp(42px,5vw,78px)

        !important;

    display:flex !important;

    flex-direction:column !important;

    align-items:flex-start !important;

    justify-content:center !important;

    gap:0 !important;

}


/* ============================================================
   13. LARGE DECORATIVE TEXT
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-content::before{

    content:"BALI";

    position:absolute;

    z-index:-1;

    left:

        clamp(
            15px,
            3vw,
            42px
        );

    top:

        clamp(
            18px,
            3vw,
            42px
        );

    font-family:

        "El Messiri",
        serif;

    font-size:

        clamp(
            120px,
            11vw,
            185px
        );

    line-height:1;

    font-weight:500;

    letter-spacing:-.06em;

    color:

        var(--mbc-gold);

    opacity:.035;

    pointer-events:none;

}


/* ============================================================
   14. EYEBROW
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-eyebrow{

    position:relative;

    width:max-content !important;

    max-width:100%;

    margin:

        0 0
        25px

        !important;

    padding-left:

        23px !important;

}


.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-eyebrow
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        8px !important;

    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:.18em !important;

    text-transform:uppercase;

    color:

        var(--mbc-gold)

        !important;

}


.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-eyebrow::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:7px;

    height:7px;

    border-radius:50%;

    transform:

        translateY(-50%);

    background:

        var(--mbc-gold);

    box-shadow:

        0 0 0 5px
        rgba(215,164,74,.09);

    animation:

        mbcPulse
        2.3s
        ease-in-out
        infinite;

}


@keyframes mbcPulse{

    0%,
    100%{

        transform:

            translateY(-50%)
            scale(.82);

        opacity:.55;

    }

    50%{

        transform:

            translateY(-50%)
            scale(1.15);

        opacity:1;

    }

}


/* ============================================================
   15. TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-title{

    width:100% !important;

    max-width:650px !important;

    margin:

        0 0
        28px

        !important;

}


.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        clamp(
            54px,
            5vw,
            82px
        )

        !important;

    line-height:.94 !important;

    font-weight:500 !important;

    letter-spacing:-.035em !important;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   16. TITLE ACCENT
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-title::after{

    content:"";

    display:block;

    width:78px;

    height:2px;

    margin-top:

        23px;

    background:

        linear-gradient(
            90deg,
            var(--mbc-gold),
            var(--mbc-cream),
            transparent
        );

}


/* ============================================================
   17. DESCRIPTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description{

    width:100% !important;

    max-width:575px !important;

    margin:

        0 0
        35px

        !important;

    padding-left:

        18px !important;

    border-left:

        1px solid
        rgba(215,164,74,.76);

}


.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{

    font-family:

        "DM Sans",
        sans-serif

        !important;
    font-size:
        16px
        !important;

    line-height:1.75 !important;

    font-weight:400 !important;

    color:

        rgba(247,241,231,.68)

        !important;

}


/* ============================================================
   ============================================================
   18. ACTIONS
   ============================================================
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-actions{

    width:100% !important;

    margin:

        0 0
        40px

        !important;

    padding:0 !important;

    display:flex !important;

    flex-direction:row !important;

    flex-wrap:wrap !important;

    align-items:center !important;

    justify-content:flex-start !important;

    gap:

        12px !important;

}


/* ============================================================
   19. BUTTON WIDGET
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button{

    width:auto !important;

    max-width:100% !important;

    margin:0 !important;

}


/* ============================================================
   20. BUTTON BASE
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-button
.elementor-button{

    position:relative;

    isolation:isolate;

    overflow:hidden;

    min-width:

        205px !important;

    min-height:

        56px !important;

    padding:

        0 15px
        0 24px

        !important;

    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    border-radius:

        999px !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        12px !important;

    line-height:1 !important;

    font-weight:700 !important;

    text-decoration:none !important;

    box-shadow:none !important;

    transition:

        transform .45s var(--mbc-ease),
        color .45s var(--mbc-ease),
        border-color .45s var(--mbc-ease),
        box-shadow .45s var(--mbc-ease)

        !important;

}


/* ============================================================
   21. BUTTON CONTENT
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-button
.elementor-button-content-wrapper{

    width:100% !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:space-between !important;

    gap:17px !important;

}


/* ============================================================
   22. BUTTON TEXT
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-button
.elementor-button-text{

    line-height:1 !important;

    white-space:nowrap;

}


/* ============================================================
   23. BUTTON ICON
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-button
.elementor-button-icon{

    width:30px !important;

    height:30px !important;

    flex:

        0 0 30px !important;

    margin:0 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;

    border:

        1px solid
        currentColor;

    border-radius:50%;

    transition:

        transform .45s var(--mbc-ease),
        color .45s var(--mbc-ease),
        border-color .45s var(--mbc-ease);

}


/* ============================================================
   24. PRIMARY BUTTON
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-button-primary
.elementor-button{

    color:
        var(--mbc-white)
        !important;

    border:
        1px solid
        var(--mbc-red)
        !important;

    background:
        var(--mbc-red)
        !important;

}


.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-button-primary
.elementor-button::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-1;

    border-radius:inherit;

    background:

        var(--mbc-red-hover);

    transform:

        translateX(-102%);

    transition:

        transform
        .55s
        var(--mbc-ease);

}


/* ============================================================
   25. SECONDARY
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-button-secondary
.elementor-button{

    color:

        var(--mbc-ivory)

        !important;

    border:

        1px solid
        rgba(247,241,231,.28)

        !important;

    background:

        rgba(247,241,231,.025)

        !important;

}


.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-button-secondary
.elementor-button::before{

    content:"";

    position:absolute;

    inset:0;

    z-index:-1;

    border-radius:inherit;

    background:

        var(--mbc-cream);

    transform:

        scaleX(0);

    transform-origin:

        left center;

    transition:

        transform
        .55s
        var(--mbc-ease);

}


/* ============================================================
   26. HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button:hover{

        transform:

            translateY(-4px);

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button-primary
    .elementor-button:hover{

        color:

            var(--mbc-white)

            !important;

        box-shadow:

            0 18px 42px
            rgba(168,56,50,.28)

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button-primary
    .elementor-button:hover::before{

        transform:

            translateX(0);

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button-secondary
    .elementor-button:hover{

        color:

            var(--mbc-black)

            !important;

        border-color:

            var(--mbc-cream)

            !important;

        box-shadow:

            0 18px 42px
            rgba(0,0,0,.15)

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button-secondary
    .elementor-button:hover::before{

        transform:

            scaleX(1);

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button-secondary
    .elementor-button:hover
    .elementor-button-text,

    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button-secondary
    .elementor-button:hover
    .elementor-button-icon{

        color:

            var(--mbc-black)

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button:hover
    .elementor-button-icon{

        transform:

            translateX(4px);

    }

}


/* ============================================================
   ============================================================
   27. PROOF
   ============================================================
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof{

    width:100% !important;

    max-width:585px !important;

    margin:0 !important;

    padding:0 !important;

    display:grid !important;

    grid-template-columns:

        repeat(
            3,
            minmax(0,1fr)
        );

    gap:0 !important;

    border-top:

        1px solid
        rgba(247,241,231,.10);

    border-bottom:

        1px solid
        rgba(247,241,231,.10);

}


/* ============================================================
   28. PROOF ITEM
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item{

    position:relative;

    min-width:0;

    min-height:

        82px !important;

    margin:0 !important;

    padding:

        17px 16px

        !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    gap:7px !important;

    overflow:hidden;

    border-right:

        1px solid
        rgba(247,241,231,.10);

    transition:

        background .45s var(--mbc-ease),
        padding .45s var(--mbc-ease);

}


.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item:last-child{

    border-right:none;

}


/* ============================================================
   29. PROOF HOVER
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:2px;

    background:

        var(--mbc-gold);

    transform:

        scaleX(0);

    transform-origin:left;

    transition:

        transform
        .5s
        var(--mbc-ease);

}


@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item:hover{

        padding-left:

            21px !important;

        background:

            rgba(215,164,74,.035);

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item:hover::after{

        transform:

            scaleX(1);

    }

}


/* ============================================================
   30. PROOF NUMBER
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-proof-number
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        7px !important;

    line-height:1 !important;

    font-weight:800 !important;

    color:

        var(--mbc-gold)

        !important;

}


/* ============================================================
   31. PROOF TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-proof-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        16px !important;

    line-height:1.15 !important;

    font-weight:500 !important;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   ============================================================
   32. VISUAL
   ============================================================
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual{

    position:relative;

    z-index:5;

    width:100% !important;

    min-width:0 !important;

    margin:0 !important;

    padding:

        clamp(38px,4vw,58px)

        clamp(31px,3.5vw,52px)

        !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    gap:0 !important;

    overflow:hidden;

    border-left:

        1px solid
        rgba(247,241,231,.07);

}


/* ============================================================
   33. GOLD VERTICAL GLOW
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual::before{

    content:"";

    position:absolute;

    z-index:0;

    left:-1px;

    top:22%;

    width:1px;

    height:55%;

    background:

        linear-gradient(
            180deg,
            transparent,
            rgba(215,164,74,.75),
            transparent
        );

}


/* ============================================================
   34. PHOTO STAGE
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-stage{

    position:relative;

    z-index:5;

    width:100% !important;

    min-width:0 !important;

    margin:0 !important;

    padding:0 !important;

    overflow:visible !important;

}


/* ============================================================
   35. OFFSET FRAME
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-stage::before{

    content:"";

    position:absolute;

    z-index:0;

    left:

        22px;

    right:

        -14px;

    top:

        -15px;

    bottom:

        20px;

    border:

        1px solid
        rgba(215,164,74,.28);

    border-radius:

        3px 28px
        3px 28px;

    pointer-events:none;

}


/* ============================================================
   36. IMAGE WRAPPER
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-image{

    position:relative;

    z-index:2;

    width:100% !important;

    overflow:hidden;

    border-radius:

        3px 30px
        3px 30px;

    background:

        var(--mbc-charcoal);

}


/* ============================================================
   37. IMAGE
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-image
.elementor-widget-container{

    width:100% !important;

    height:

        clamp(
            390px,
            34vw,
            505px
        )

        !important;

    overflow:hidden;

}


.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-image
img{

    width:100% !important;

    height:100% !important;

    display:block;

    object-fit:cover !important;

    object-position:center center;

    transform:

        scale(1.015);

    filter:

        saturate(.92)
        contrast(1.035)
        brightness(.91);

    transition:

        transform
        1.45s
        var(--mbc-ease),

        filter
        1.1s
        var(--mbc-ease);

}


/* ============================================================
   38. IMAGE OVERLAY
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-image::after{

    content:"";

    position:absolute;

    z-index:2;

    inset:0;

    pointer-events:none;

    background:

        linear-gradient(
            180deg,
            rgba(43,37,35,.03),
            transparent 40%,
            rgba(43,37,35,.16) 65%,
            rgba(43,37,35,.77) 100%
        );

}


/* ============================================================
   39. IMAGE HOVER
============================================================ */

@media(hover:hover) and (pointer:fine){

    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-photo-stage:hover
    .mbc-cta-image
    img{

        transform:

            scale(1.055);

        filter:

            saturate(1)
            contrast(1.025)
            brightness(.97);

    }

}


/* ============================================================
   40. PHOTO BADGE
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge{

    position:absolute !important;

    z-index:8 !important;

    left:

        -18px !important;

    top:

        27px !important;

    width:

        clamp(
            125px,
            10vw,
            154px
        )

        !important;

    min-height:

        105px !important;

    margin:0 !important;

    padding:

        15px
        16px

        !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    gap:4px !important;

    border:

        1px solid
        rgba(215,164,74,.37);

    border-radius:

        2px 17px
        2px 17px;

    background:

        rgba(43,37,35,.86)

        !important;

    backdrop-filter:

        blur(10px);

    -webkit-backdrop-filter:

        blur(10px);

    box-shadow:

        0 17px 35px
        rgba(0,0,0,.16);

}


/* ============================================================
   41. BADGE SMALL
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-badge-small
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5.5px !important;

    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:.14em !important;

    color:

        var(--mbc-gold)

        !important;

}


/* ============================================================
   42. BADGE TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-badge-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        19px !important;

    line-height:1.05 !important;

    font-weight:500 !important;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   43. BADGE LOCATION
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-badge-location
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5.5px !important;

    line-height:1.2 !important;

    font-weight:600 !important;

    color:

        rgba(247,241,231,.43)

        !important;

}


/* ============================================================
   44. PHOTO CAPTION
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

    position:absolute !important;

    z-index:8 !important;

    left:

        22px !important;

    right:

        22px !important;

    bottom:

        22px !important;

    width:auto !important;

    margin:0 !important;

    padding:0 !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:flex-end !important;

    justify-content:space-between !important;

    gap:

        20px !important;

}


/* ============================================================
   45. CAPTION LABEL
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-caption-label
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        6px !important;

    line-height:1 !important;

    font-weight:800 !important;

    letter-spacing:.17em !important;

    color:

        var(--mbc-gold)

        !important;

}


/* ============================================================
   46. CAPTION TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

    max-width:

        260px !important;

}


.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-caption-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        clamp(
            20px,
            2vw,
            29px
        )

        !important;

    line-height:1.07 !important;

    font-weight:500 !important;

    text-align:right;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   ============================================================
   47. PHOTO INFO
   ============================================================
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

    position:relative;

    z-index:7;

    width:

        calc(100% - 42px)

        !important;

    min-height:

        112px !important;

    margin:

        -31px 0 0
        auto

        !important;

    padding:

        19px
        20px

        !important;

    display:grid !important;

    grid-template-columns:

        minmax(0,1fr)
        auto;

    align-items:center !important;

    gap:

        24px !important;

    border:

        1px solid
        rgba(247,241,231,.13);

    border-radius:

        2px 17px
        2px 17px;

    background:

        rgba(43,37,35,.94)

        !important;

    box-shadow:

        0 19px 43px
        rgba(0,0,0,.17);

}


/* ============================================================
   48. INFO INTRO
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-intro{

    min-width:0 !important;

    display:flex !important;

    flex-direction:column !important;

    gap:

        6px !important;

}


/* ============================================================
   49. INFO SMALL
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-info-small
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5.5px !important;

    font-weight:800 !important;

    letter-spacing:.15em !important;

    color:

        var(--mbc-gold)

        !important;

}


/* ============================================================
   50. INFO TITLE
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-info-title
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        clamp(
            18px,
            1.6vw,
            23px
        )

        !important;

    line-height:1.05 !important;

    font-weight:500 !important;

    color:

        var(--mbc-ivory)

        !important;

}


/* ============================================================
   51. STATS
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-stats{

    width:auto !important;

    min-width:225px !important;

    margin:0 !important;

    padding:0 !important;

    display:grid !important;

    grid-template-columns:

        repeat(
            2,
            minmax(0,1fr)
        );

    align-items:stretch !important;

    border-left:

        1px solid
        rgba(247,241,231,.10);

}


/* ============================================================
   52. STAT
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat{

    min-width:105px !important;

    margin:0 !important;

    padding:

        4px 14px

        !important;

    display:flex !important;

    flex-direction:column !important;

    justify-content:center !important;

    gap:

        6px !important;

    border-right:

        1px solid
        rgba(247,241,231,.10);

}


.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat:last-child{

    border-right:none;

}


/* ============================================================
   53. STAT LABEL
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-stat-label
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5px !important;

    line-height:1 !important;

    font-weight:700 !important;

    letter-spacing:.13em !important;

    color:

        rgba(247,241,231,.34)

        !important;

}


/* ============================================================
   54. STAT VALUE
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-stat-value
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "El Messiri",
        serif

        !important;

    font-size:

        clamp(
            19px,
            1.9vw,
            25px
        )

        !important;

    line-height:1 !important;

    font-weight:500 !important;

    color:

        var(--mbc-cream)

        !important;

}


/* ============================================================
   55. VISUAL FOOTER
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual-footer{

    width:100% !important;

    margin:

        17px 0 0

        !important;

    padding:

        0 3px

        !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:space-between !important;

    gap:15px !important;

}


/* ============================================================
   56. FOOTER TEXT
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-footer-left
.elementor-heading-title,

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-footer-right
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        5.5px !important;

    line-height:1.2 !important;

    font-weight:800 !important;

    letter-spacing:.12em !important;

    color:

        rgba(247,241,231,.29)

        !important;

}


/* ============================================================
   57. FOOTER LEFT DOT
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-left{

    position:relative;

    padding-left:

        14px !important;

}


.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-left::before{

    content:"";

    position:absolute;

    left:0;

    top:50%;

    width:5px;

    height:5px;

    border-radius:50%;

    transform:

        translateY(-50%);

    background:

        var(--mbc-gold);

}


/* ============================================================
   ============================================================
   58. BOTTOM RAIL
   ============================================================
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail{

    position:relative;

    width:100% !important;

    max-width:1380px !important;

    margin:

        24px auto 0

        !important;

    padding:

        18px
        8px

        !important;

    display:flex !important;

    flex-direction:row !important;

    flex-wrap:wrap !important;

    align-items:center !important;

    justify-content:center !important;

    gap:

        10px 25px !important;

    overflow:hidden;

    border-top:

        1px solid
        rgba(43,37,35,.13);

    border-bottom:

        1px solid
        rgba(43,37,35,.13);

}


/* ============================================================
   59. RAIL MOVING LIGHT
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail::before{

    content:"";

    position:absolute;

    left:-22%;

    top:-1px;

    width:22%;

    height:1px;

    background:

        linear-gradient(
            90deg,
            transparent,
            var(--mbc-gold),
            transparent
        );

    animation:

        mbcRailSweep
        6s
        var(--mbc-ease)
        infinite;

}


@keyframes mbcRailSweep{

    0%{

        left:-22%;

        opacity:0;

    }

    15%{

        opacity:1;

    }

    75%{

        opacity:1;

    }

    100%{

        left:105%;

        opacity:0;

    }

}


/* ============================================================
   60. RAIL WIDGETS
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-text,
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-star{

    width:auto !important;

    max-width:max-content !important;

    flex:

        0 0 auto !important;

    margin:0 !important;

}


/* ============================================================
   61. RAIL TEXT
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-rail-text
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        7px !important;

    line-height:1.2 !important;

    font-weight:800 !important;

    letter-spacing:.15em !important;

    text-transform:uppercase;

    color:

        rgba(43,37,35,.48)

        !important;

}


/* ============================================================
   62. RAIL STAR
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-rail-star
.elementor-heading-title{

    margin:0 !important;

    font-family:

        "DM Sans",
        sans-serif

        !important;

    font-size:

        8px !important;

    line-height:1 !important;

    color:

        var(--mbc-gold)

        !important;

    animation:

        mbcStar
        2.7s
        ease-in-out
        infinite;

}


@keyframes mbcStar{

    0%,
    100%{

        opacity:.45;

        transform:

            scale(.85);

    }

    50%{

        opacity:1;

        transform:

            scale(1.15);

    }

}


/* ============================================================
   ============================================================
   63. LAPTOP
   ============================================================
============================================================ */

@media(
    min-width:1101px
)
and
(
    max-width:1366px
){

    .elementor-13 .elementor-element.elementor-element-28d2b84{

        padding-left:

            42px !important;

        padding-right:

            42px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-main{

        grid-template-columns:

            minmax(380px,.93fr)

            minmax(440px,1.07fr);

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-content{

        padding:

            52px
            46px

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                49px,
                4.6vw,
                66px
            )

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual{

        padding:

            35px
            31px

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-image
    .elementor-widget-container{

        height:

            clamp(
                370px,
                33vw,
                455px
            )

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

        gap:

            15px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-stats{

        min-width:

            205px !important;

    }

}


/* ============================================================
   ============================================================
   64. TABLET
   ============================================================
============================================================ */

@media(
    min-width:768px
)
and
(
    max-width:1100px
){

    .elementor-13 .elementor-element.elementor-element-28d2b84{

        padding:

            74px
            clamp(28px,5vw,48px)
            76px

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-top{

        max-width:

            880px !important;

        margin-bottom:

            39px !important;

    }


    /* STACK */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-main{

        width:100% !important;

        max-width:

            880px !important;

        min-height:

            0 !important;

        display:flex !important;

        flex-direction:

            column !important;

        border-radius:

            5px 43px
            5px 43px

            !important;

    }


    /* CONTENT */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-content{

        width:100% !important;

        max-width:100% !important;

        padding:

            58px
            55px
            55px

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-title{

        max-width:

            680px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                50px,
                7vw,
                68px
            )

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description{

        max-width:

            625px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof{

        max-width:

            650px !important;

    }


    /* VISUAL */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual{

        width:100% !important;

        padding:

            50px
            55px
            48px

            !important;

        border-left:none;

        border-top:

            1px solid
            rgba(247,241,231,.07);

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual::before{

        left:20%;

        top:-1px;

        width:60%;

        height:1px;

        background:

            linear-gradient(
                90deg,
                transparent,
                rgba(215,164,74,.55),
                transparent
            );

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-image
    .elementor-widget-container{

        height:

            470px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

        width:

            calc(100% - 55px)

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail{

        max-width:

            880px !important;

    }

}


/* ============================================================
   ============================================================
   65. MOBILE
   ANDROID + IPHONE
   ============================================================
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-28d2b84{

        padding:

            58px
            14px
            62px

            !important;

        overflow-x:

            hidden !important;

    }


    /* TOP */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-top{

        width:100% !important;

        max-width:100% !important;

        margin:

            0 0
            30px

            !important;

        padding-bottom:

            12px !important;

        display:grid !important;

        grid-template-columns:

            minmax(0,1fr)
            auto;

        align-items:start !important;

        gap:

            10px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-index{

        padding-left:

            30px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-index::before{

        width:

            19px;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-index
    .elementor-heading-title{

        font-size:

            6px !important;

        letter-spacing:

            .09em !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-location{

        max-width:

            145px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-location
    .elementor-heading-title{

        font-size:

            5.5px !important;

        line-height:

            1.4 !important;

        letter-spacing:

            .07em !important;

    }


    /* MAIN */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-main{

        width:100% !important;

        max-width:100% !important;

        min-height:0 !important;

        display:flex !important;

        flex-direction:

            column !important;

        border-radius:

            4px 30px
            4px 30px

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-main::before{

        inset:

            8px;

        border-radius:

            2px 23px
            2px 23px;

    }


    /* CONTENT */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-content{

        width:100% !important;

        padding:

            42px
            22px
            40px

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-content::before{

        top:

            6px;

        left:

            13px;

        font-size:

            104px;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-eyebrow{

        margin-bottom:

            19px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-eyebrow
    .elementor-heading-title{

        font-size:

            6.5px !important;

        letter-spacing:

            .11em !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-title{

        width:100% !important;

        max-width:100% !important;

        margin-bottom:

            23px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                39px,
                11vw,
                49px
            )

            !important;

        line-height:

            .98 !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-title::after{

        width:

            57px;

        margin-top:

            18px;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description{

        max-width:

            100% !important;

        margin-bottom:

            29px !important;

        padding-left:

            13px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{

        font-size:

            13px !important;

        line-height:

            1.7 !important;

    }


    /* BUTTONS */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-actions{

        width:100% !important;

        margin-bottom:

            31px !important;

        flex-direction:

            column !important;

        align-items:

            stretch !important;

        gap:

            10px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button{

        width:

            100% !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button{

        width:

            100% !important;

        min-width:

            0 !important;

        min-height:

            53px !important;

    }


    /* PROOF */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof{

        width:100% !important;

        max-width:100% !important;

        grid-template-columns:

            1fr;

        border-bottom:none;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item{

        min-height:

            56px !important;

        padding:

            12px
            4px

            !important;

        display:grid !important;

        grid-template-columns:

            32px
            minmax(0,1fr);

        align-items:center !important;

        gap:

            8px !important;

        border-right:none;

        border-bottom:

            1px solid
            rgba(247,241,231,.10);

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-proof-title
    .elementor-heading-title{

        font-size:

            15px !important;

    }


    /* VISUAL */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual{

        width:100% !important;

        padding:

            34px
            14px
            35px

            !important;

        border-left:none;

        border-top:

            1px solid
            rgba(247,241,231,.07);

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual::before{

        left:15%;

        top:-1px;

        width:70%;

        height:1px;

        background:

            linear-gradient(
                90deg,
                transparent,
                rgba(215,164,74,.55),
                transparent
            );

    }


    /* PHOTO */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-stage::before{

        left:

            20px;

        right:

            -7px;

        top:

            -10px;

        bottom:

            15px;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-image
    .elementor-widget-container{

        height:

            clamp(
                340px,
                105vw,
                440px
            )

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-image{

        border-radius:

            3px 23px
            3px 23px;

    }


    /* BADGE */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge{

        left:

            12px !important;

        top:

            13px !important;

        width:

            120px !important;

        min-height:

            88px !important;

        padding:

            12px
            13px

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-badge-title
    .elementor-heading-title{

        font-size:

            17px !important;

    }


    /* CAPTION */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

        left:

            17px !important;

        right:

            17px !important;

        bottom:

            17px !important;

        flex-direction:

            column !important;

        align-items:

            flex-start !important;

        gap:

            7px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

        max-width:

            250px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-caption-title
    .elementor-heading-title{

        font-size:

            21px !important;

        text-align:

            left !important;

    }


    /* INFO */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

        width:

            calc(100% - 17px)

            !important;

        min-height:0 !important;

        margin-top:

            -21px !important;

        padding:

            16px !important;

        display:flex !important;

        flex-direction:

            column !important;

        align-items:

            stretch !important;

        gap:

            16px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-intro{

        width:100% !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-stats{

        width:100% !important;

        min-width:0 !important;

        display:grid !important;

        grid-template-columns:

            1fr
            1fr;

        border-left:none;

        border-top:

            1px solid
            rgba(247,241,231,.10);

        padding-top:

            13px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat{

        min-width:0 !important;

        padding:

            2px
            12px

            !important;

    }


    /* FOOTER */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual-footer{

        margin-top:

            15px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-footer-left
    .elementor-heading-title,

    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-footer-right
    .elementor-heading-title{

        font-size:

            4.7px !important;

        letter-spacing:

            .07em !important;

    }


    /* RAIL */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail{

        width:100% !important;

        max-width:100% !important;

        margin-top:

            20px !important;

        padding:

            16px
            3px

            !important;

        gap:

            8px
            11px

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-rail-text
    .elementor-heading-title{

        font-size:

            5.8px !important;

        letter-spacing:

            .07em !important;

        text-align:center;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-rail-star
    .elementor-heading-title{

        font-size:

            6.5px !important;

    }

}


/* ============================================================
   66. STANDARD IPHONE / ANDROID
   <= 430PX
============================================================ */

@media(max-width:430px){

    .elementor-13 .elementor-element.elementor-element-28d2b84{

        padding-left:

            12px !important;

        padding-right:

            12px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-content{

        padding-left:

            19px !important;

        padding-right:

            19px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            clamp(
                37px,
                10.8vw,
                45px
            )

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual{

        padding-left:

            11px !important;

        padding-right:

            11px !important;

    }

}


/* ============================================================
   67. SMALL IPHONE / ANDROID
   <= 390PX
============================================================ */

@media(max-width:390px){

    .elementor-13 .elementor-element.elementor-element-28d2b84{

        padding-left:

            10px !important;

        padding-right:

            10px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-content{

        padding:

            38px
            16px
            36px

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-title
    .elementor-heading-title{

        font-size:

            35px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{

        font-size:

            12.5px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual{

        padding-left:

            9px !important;

        padding-right:

            9px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-image
    .elementor-widget-container{

        height:

            335px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge{

        width:

            108px !important;

        min-height:

            80px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

        width:

            calc(100% - 10px)

            !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-visual-footer{

        flex-direction:

            column !important;

        align-items:

            flex-start !important;

        gap:

            8px !important;

    }

}


/* ============================================================
   68. TOUCH DEVICES
============================================================ */

@media(hover:none) and (pointer:coarse){

    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button:hover{

        transform:none !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-item:hover{

        padding-left:

            4px !important;

    }

}


/* ============================================================
   69. ACCESSIBILITY
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-button
.elementor-button:focus-visible{

    outline:

        2px solid
        var(--mbc-gold);

    outline-offset:

        4px;

}


/* ============================================================
   70. REDUCED MOTION
============================================================ */

@media(prefers-reduced-motion:reduce){

    .elementor-13 .elementor-element.elementor-element-28d2b84 *,
    .elementor-13 .elementor-element.elementor-element-28d2b84 *::before,
    .elementor-13 .elementor-element.elementor-element-28d2b84 *::after{

        animation:

            none !important;

        transition:

            none !important;

    }

}
/* ============================================================
   FIX BUTTON ICON + FIX CAPTION OVERLAP
   TEMPel DI PALING BAWAH CSS LAMA
============================================================ */


/* ============================================================
   01. BUTTON
   PAKSA TEXT DI KIRI / TENGAH DAN ICON ARROW DI KANAN
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-content-wrapper{
    width:100% !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:14px !important;
}

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
    order:1 !important;
    flex:1 1 auto !important;
    text-align:center !important;
    white-space:nowrap !important;
}

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-icon{
    order:2 !important;
    flex:0 0 30px !important;
    width:30px !important;
    height:30px !important;
    margin-left:auto !important;
    margin-right:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-icon i,
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-icon svg{
    margin:0 !important;
}


/* ============================================================
   02. KHUSUS BUTTON PRIMARY DAN SECONDARY
   BIAR TETAP RAPI SAAT ICON DI KANAN
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-primary .elementor-button,
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-secondary .elementor-button{
    padding:0 16px 0 24px !important;
}

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-primary .elementor-button-text,
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-secondary .elementor-button-text{
    padding-right:2px !important;
}


/* ============================================================
   03. PHOTO CAPTION
   TEKS "WHERE THE JOURNEY BEGINS" DIBUAT SEDIKIT TERTIMPA
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{
    left:22px !important;
    right:10px !important;
    bottom:14px !important;
    align-items:flex-end !important;
}

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{
    position:relative !important;
    max-width:285px !important;
    margin-right:-10px !important;
    margin-bottom:-8px !important;
    z-index:10 !important;
}

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title .elementor-heading-title{
    position:relative !important;
    right:-6px !important;
    bottom:-4px !important;
    text-align:right !important;
    line-height:0.95 !important;
}


/* ============================================================
   04. TABLET
============================================================ */

@media (min-width:768px) and (max-width:1100px){

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{
        right:16px !important;
        bottom:16px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{
        max-width:240px !important;
        margin-right:-4px !important;
        margin-bottom:-4px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title .elementor-heading-title{
        right:-2px !important;
        bottom:-2px !important;
    }
}


/* ============================================================
   05. MOBILE
============================================================ */

@media (max-width:767px){

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-content-wrapper{
        gap:12px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
        text-align:center !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-icon{
        margin-left:auto !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{
        left:17px !important;
        right:17px !important;
        bottom:15px !important;
        flex-direction:column !important;
        align-items:flex-start !important;
        gap:7px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{
        max-width:230px !important;
        margin-right:0 !important;
        margin-bottom:-3px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title .elementor-heading-title{
        right:0 !important;
        bottom:0 !important;
        text-align:left !important;
        line-height:1 !important;
    }
}


/* ============================================================
   06. SMALL MOBILE
============================================================ */

@media (max-width:430px){

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button{
        min-height:53px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
        font-size:12px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{
        max-width:200px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title .elementor-heading-title{
        font-size:19px !important;
    }
}
/* ============================================================
   FINAL FIX
   BUTTON ICON TETAP DI KANAN
   + PHOTO CAPTION TIDAK TERTIMPA INFO CARD
============================================================ */


/* ============================================================
   01. BUTTON
   PERTAHANKAN ICON ARROW DI KANAN
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-content-wrapper{
    width:100% !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:center !important;

    justify-content:flex-start !important;

    gap:14px !important;
}


.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
    order:1 !important;

    flex:1 1 auto !important;

    text-align:center !important;

    white-space:nowrap !important;
}


.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-icon{
    order:2 !important;

    flex:0 0 30px !important;

    width:30px !important;

    height:30px !important;

    margin-left:auto !important;

    margin-right:0 !important;

    display:flex !important;

    align-items:center !important;

    justify-content:center !important;
}


/* ============================================================
   02. PHOTO CAPTION
   NAIKKAN DARI AREA INFORMATION CARD
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

    left:22px !important;

    right:22px !important;

    bottom:58px !important;

    width:auto !important;

    margin:0 !important;

    padding:0 !important;

    display:flex !important;

    flex-direction:row !important;

    align-items:flex-end !important;

    justify-content:space-between !important;

    gap:24px !important;

}


/* ============================================================
   03. WHERE THE JOURNEY BEGINS
   RESET NEGATIVE OFFSET LAMA
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

    position:relative !important;

    width:auto !important;

    max-width:270px !important;

    margin:0 !important;

    padding:0 !important;

    z-index:10 !important;

    transform:none !important;

}


.elementor-13 .elementor-element.elementor-element-28d2b84
.mbc-cta-caption-title
.elementor-heading-title{

    position:relative !important;

    right:auto !important;

    bottom:auto !important;

    top:auto !important;

    left:auto !important;

    margin:0 !important;

    font-family:
        "El Messiri",
        serif
        !important;

    font-size:
        clamp(
            21px,
            2vw,
            29px
        )
        !important;

    line-height:1.02 !important;

    font-weight:500 !important;

    text-align:right !important;

    color:
        var(--mbc-ivory)
        !important;

}


/* ============================================================
   04. FIRST LIGHT
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-label{

    flex:0 0 auto !important;

    margin:0 !important;

}


/* ============================================================
   05. INFORMATION CARD
   PERTAHANKAN OVERLAP FOTO TAPI JANGAN TERLALU TINGGI
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

    margin:
        -24px 0 0 auto
        !important;

}


/* ============================================================
   06. TABLET
============================================================ */

@media(
    min-width:768px
)
and
(
    max-width:1100px
){

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

        left:22px !important;

        right:22px !important;

        bottom:52px !important;

        gap:20px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

        max-width:250px !important;

        margin:0 !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-caption-title
    .elementor-heading-title{

        right:auto !important;

        bottom:auto !important;

        font-size:24px !important;

        line-height:1.02 !important;

        text-align:right !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

        margin:
            -22px 0 0 auto
            !important;

    }

}


/* ============================================================
   07. MOBILE
   ANDROID + IPHONE
============================================================ */

@media(max-width:767px){

    /* BUTTON */

    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button-content-wrapper{

        width:100% !important;

        gap:12px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button-text{

        flex:1 1 auto !important;

        text-align:center !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-button
    .elementor-button-icon{

        margin-left:auto !important;

        margin-right:0 !important;

    }


    /* PHOTO CAPTION */

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

        left:17px !important;

        right:17px !important;

        bottom:47px !important;

        flex-direction:column !important;

        align-items:flex-start !important;

        justify-content:flex-end !important;

        gap:7px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

        width:auto !important;

        max-width:235px !important;

        margin:0 !important;

        transform:none !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-caption-title
    .elementor-heading-title{

        right:auto !important;

        bottom:auto !important;

        top:auto !important;

        left:auto !important;

        font-size:21px !important;

        line-height:1.03 !important;

        text-align:left !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info{

        margin:
            -17px 0 0 auto
            !important;

    }

}


/* ============================================================
   08. SMALL MOBILE
============================================================ */

@media(max-width:430px){

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

        bottom:43px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

        max-width:210px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84
    .mbc-cta-caption-title
    .elementor-heading-title{

        font-size:19px !important;

    }

}


/* ============================================================
   09. VERY SMALL MOBILE
============================================================ */

@media(max-width:390px){

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-photo-caption{

        bottom:40px !important;

    }


    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title{

        max-width:190px !important;

    }

}

/* ============================================================
   71. FINAL READABILITY FORCE OVERRIDE
   DILETAKKAN PALING BAWAH AGAR MENANG DARI SEMUA RULE LAMA.
   Fokus: seluruh micro-copy / metadata dibuat jauh lebih mudah dibaca.
============================================================ */


/* ============================================================
   DESKTOP — TOP BAR
============================================================ */

/* 07 / YOUR NEXT JOURNEY */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-index .elementor-heading-title{
    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:.14em !important;
}

/* MOUNT BATUR · KINTAMANI · BALI */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-location .elementor-heading-title{
    font-size:11px !important;
    line-height:1.3 !important;
    letter-spacing:.11em !important;
    color:rgba(43,37,35,.62) !important;
}


/* ============================================================
   DESKTOP — MAIN CONTENT
============================================================ */

/* YOUR MOUNTAIN, YOUR MOMENT */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-eyebrow .elementor-heading-title{
    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:.14em !important;
}

/* Main description */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{
    font-size:17px !important;
    line-height:1.72 !important;
    color:rgba(247,241,231,.78) !important;
}

/* Button text */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button,
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
    font-size:14px !important;
    line-height:1.15 !important;
}


/* ============================================================
   DESKTOP — PROOF / 01 02 03
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-number .elementor-heading-title{
    font-size:10px !important;
    line-height:1 !important;
}

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-title .elementor-heading-title{
    font-size:19px !important;
    line-height:1.15 !important;
}


/* ============================================================
   DESKTOP — PHOTO BADGE
============================================================ */

/* FIELD NOTES / 01 */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-small .elementor-heading-title{
    font-size:9.5px !important;
    line-height:1.2 !important;
    letter-spacing:.11em !important;
}

/* Mount Batur */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-title .elementor-heading-title{
    font-size:22px !important;
    line-height:1.08 !important;
}

/* Kintamani, Bali */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-location .elementor-heading-title{
    font-size:9px !important;
    line-height:1.3 !important;
    color:rgba(247,241,231,.62) !important;
}


/* ============================================================
   DESKTOP — PHOTO CAPTION
============================================================ */

/* FIRST LIGHT */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-label .elementor-heading-title{
    font-size:9px !important;
    line-height:1.2 !important;
    letter-spacing:.13em !important;
}

/* Where the journey begins. */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title .elementor-heading-title{
    font-size:clamp(24px,2vw,30px) !important;
    line-height:1.03 !important;
}


/* ============================================================
   DESKTOP — INFORMATION CARD
============================================================ */

/* MORNING / 01 */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-small .elementor-heading-title{
    font-size:9.5px !important;
    line-height:1.2 !important;
    letter-spacing:.12em !important;
}

/* Before Bali Wakes */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-title .elementor-heading-title{
    font-size:clamp(21px,1.7vw,25px) !important;
    line-height:1.08 !important;
}

/* START / ELEVATION */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat-label .elementor-heading-title{
    font-size:8.5px !important;
    line-height:1.2 !important;
    letter-spacing:.10em !important;
    color:rgba(247,241,231,.54) !important;
}

/* 05:45 / 1,450 MASL */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat-value .elementor-heading-title{
    font-size:clamp(22px,2vw,28px) !important;
}


/* ============================================================
   DESKTOP — VISUAL FOOTER
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-left .elementor-heading-title,
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-right .elementor-heading-title{
    font-size:9.5px !important;
    line-height:1.25 !important;
    letter-spacing:.09em !important;
    color:rgba(247,241,231,.50) !important;
}


/* ============================================================
   DESKTOP — BOTTOM RAIL
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-text .elementor-heading-title{
    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:.11em !important;
    color:rgba(43,37,35,.58) !important;
}

.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-star .elementor-heading-title{
    font-size:12px !important;
    line-height:1 !important;
}


/* ============================================================
   TABLET
============================================================ */

@media(max-width:1100px){

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-index .elementor-heading-title{
        font-size:11px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-location .elementor-heading-title{
        font-size:10px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-eyebrow .elementor-heading-title{
        font-size:11px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{
        font-size:16px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
        font-size:14px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-number .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-title .elementor-heading-title{
        font-size:18px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-small .elementor-heading-title,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-location .elementor-heading-title,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-label .elementor-heading-title,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-small .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat-label .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-left .elementor-heading-title,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-right .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-text .elementor-heading-title,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-star .elementor-heading-title{
        font-size:11px !important;
    }

}


/* ============================================================
   MOBILE — ANDROID + IPHONE
============================================================ */

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-index .elementor-heading-title{
        font-size:10px !important;
        line-height:1.3 !important;
        letter-spacing:.09em !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-location .elementor-heading-title{
        font-size:9px !important;
        line-height:1.4 !important;
        letter-spacing:.07em !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-eyebrow .elementor-heading-title{
        font-size:10px !important;
        line-height:1.3 !important;
        letter-spacing:.10em !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{
        font-size:16px !important;
        line-height:1.68 !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button .elementor-button-text{
        font-size:14px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-number .elementor-heading-title{
        font-size:9px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-proof-title .elementor-heading-title{
        font-size:17px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-small .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-title .elementor-heading-title{
        font-size:20px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-location .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-label .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-title .elementor-heading-title{
        font-size:21px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-small .elementor-heading-title{
        font-size:8.5px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-title .elementor-heading-title{
        font-size:20px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat-label .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat-value .elementor-heading-title{
        font-size:22px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-left .elementor-heading-title,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-right .elementor-heading-title{
        font-size:8.5px !important;
        line-height:1.3 !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-text .elementor-heading-title,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-star .elementor-heading-title{
        font-size:10px !important;
    }

}


/* ============================================================
   SMALL MOBILE
============================================================ */

@media(max-width:390px){

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{
        font-size:16px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-small .elementor-heading-title,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-badge-location .elementor-heading-title,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-caption-label .elementor-heading-title,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-info-small .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-stat-label .elementor-heading-title{
        font-size:7.5px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-left .elementor-heading-title,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-footer-right .elementor-heading-title{
        font-size:8px !important;
    }

    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-text .elementor-heading-title,
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-rail-star .elementor-heading-title{
        font-size:10px !important;
    }

}

/* ============================================================
   FINAL BALINGKANG HERITAGE RED GUARD
   Keeps the section aligned with the supplied brand palette.
============================================================ */

.elementor-13 .elementor-element.elementor-element-28d2b84{
    --mbc-black:#2B2523;
    --mbc-charcoal:#2B2523;
    --mbc-red:#A83832;
    --mbc-red-hover:#8E2B2C;
    --mbc-brick:#C85B4A;
    --mbc-gold:#D7A44A;
    --mbc-cream:#EAD8D2;
    --mbc-ivory:#F7F1E7;
    --mbc-green:#A83832;
    --mbc-forest:#6D1F24;
    --mbc-text:#2B2523;
    --mbc-white:#FFFFFF;
}

/* Main panel: premium Deep Maroon, not Mount Batur green */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-main{
    border-color:rgba(215,164,74,.26) !important;
    background:
        radial-gradient(circle at 78% 18%,rgba(215,164,74,.08),transparent 24%),
        radial-gradient(circle at 15% 92%,rgba(200,91,74,.14),transparent 32%),
        linear-gradient(135deg,#6D1F24 0%,#57181D 58%,#2B2523 100%)
        !important;
}

/* Primary CTA follows supplied palette */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-primary .elementor-button{
    color:#FFFFFF !important;
    border-color:#A83832 !important;
    background:#A83832 !important;
}
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-primary .elementor-button::before{
    background:#8E2B2C !important;
}
@media(hover:hover) and (pointer:fine){
    .elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-button-primary .elementor-button:hover{
        color:#FFFFFF !important;
        border-color:#8E2B2C !important;
        box-shadow:0 18px 42px rgba(168,56,50,.28) !important;
    }
}

/* Main description stays readable everywhere */
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description,
.elementor-13 .elementor-element.elementor-element-28d2b84 .mbc-cta-description p{
    font-size:16px !important;
    line-height:1.72 !important;
}

/* Outer section remains Warm Ivory */
.elementor-13 .elementor-element.elementor-element-28d2b84{
    background:
        radial-gradient(circle at 7% 20%,rgba(215,164,74,.07),transparent 24%),
        radial-gradient(circle at 96% 76%,rgba(200,91,74,.06),transparent 26%),
        #F7F1E7
        !important;
}/* End custom CSS */