.elementor-799 .elementor-element.elementor-element-1179019{--display:flex;--min-height:465px;--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;--border-radius:-5px -5px -5px -5px;--padding-top:96px;--padding-bottom:72px;--padding-left:56px;--padding-right:56px;}.elementor-799 .elementor-element.elementor-element-1179019:not(.elementor-motion-effects-element-type-background), .elementor-799 .elementor-element.elementor-element-1179019 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-position:top center;background-size:cover;}.elementor-799 .elementor-element.elementor-element-91471de{--display:flex;--min-height:0px;--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:42px 58px;--row-gap:42px;--column-gap:58px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-799 .elementor-element.elementor-element-cf4f073{--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;--margin-top:14px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-799 .elementor-element.elementor-element-cf4f073.e-con{--flex-grow:0;--flex-shrink:0;}.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-799 .elementor-element.elementor-element-4764151{width:var( --container-widget-width, 113.25% );max-width:113.25%;margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:113.25%;--container-widget-flex-grow:0;}.elementor-799 .elementor-element.elementor-element-4764151.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-799 .elementor-element.elementor-element-4764151 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:58px;font-weight:600;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-799 .elementor-element.elementor-element-4ffa3de{font-family:"DM Sans", Sans-serif;font-size:17px;font-weight:400;}.elementor-799 .elementor-element.elementor-element-9b7547d{--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:22px 22px;--row-gap:22px;--column-gap:22px;}.elementor-799 .elementor-element.elementor-element-9b7547d:not(.elementor-motion-effects-element-type-background), .elementor-799 .elementor-element.elementor-element-9b7547d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7122839 );}.elementor-799 .elementor-element.elementor-element-51ff250{--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:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-799 .elementor-element.elementor-element-51ff250.e-con{--flex-grow:0;--flex-shrink:0;}.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-799 .elementor-element.elementor-element-c74cb81.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:0px;}.elementor-799 .elementor-element.elementor-element-c74cb81{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-799 .elementor-element.elementor-element-c74cb81 .elementor-main-swiper:not(.elementor-thumbnails-swiper){height:410px;}.elementor-799 .elementor-element.elementor-element-c74cb81 .elementor-thumbnails-swiper .elementor-carousel-image{aspect-ratio:21 / 9;}.elementor-799 .elementor-element.elementor-element-c74cb81 .elementor-main-swiper .swiper-slide{border-radius:18px;}.elementor-799 .elementor-element.elementor-element-c74cb81 .elementor-swiper-button{font-size:20px;}.elementor-799 .elementor-element.elementor-element-f1b1b23{--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:12px 0px;--row-gap:12px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:16px 16px 16px 16px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:26px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-799 .elementor-element.elementor-element-18535f2 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:34px;font-weight:600;line-height:1.15em;color:#153247;}.elementor-799 .elementor-element.elementor-element-3bab134{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;line-height:1.78em;color:#000000;}.elementor-799 .elementor-element.elementor-element-7531b87{--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:12px 0px;--row-gap:12px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:16px 16px 16px 16px;--padding-top:26px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-799 .elementor-element.elementor-element-84d08b8 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:34px;font-weight:600;line-height:1.15em;color:#153247;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-799 .elementor-element.elementor-element-fe1d929 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-799 .elementor-element.elementor-element-fe1d929 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-799 .elementor-element.elementor-element-fe1d929 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-799 .elementor-element.elementor-element-fe1d929 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-799 .elementor-element.elementor-element-fe1d929 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-799 .elementor-element.elementor-element-fe1d929 .elementor-icon-list-icon i{color:#65B6E4;transition:color 0.3s;}.elementor-799 .elementor-element.elementor-element-fe1d929 .elementor-icon-list-icon svg{fill:#65B6E4;transition:fill 0.3s;}.elementor-799 .elementor-element.elementor-element-fe1d929{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-799 .elementor-element.elementor-element-fe1d929 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-799 .elementor-element.elementor-element-3313012{--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:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-799 .elementor-element.elementor-element-82ff6b5{--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:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#5E9FC5;--border-color:#5E9FC5;--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-799 .elementor-element.elementor-element-b648b48 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:34px;font-weight:600;line-height:1.15em;color:#153247;}.elementor-799 .elementor-element.elementor-element-8213cf0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-799 .elementor-element.elementor-element-8213cf0 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-799 .elementor-element.elementor-element-8213cf0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-799 .elementor-element.elementor-element-8213cf0 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-799 .elementor-element.elementor-element-8213cf0 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-799 .elementor-element.elementor-element-8213cf0 .elementor-icon-list-icon i{color:#65B6E4;transition:color 0.3s;}.elementor-799 .elementor-element.elementor-element-8213cf0 .elementor-icon-list-icon svg{fill:#65B6E4;transition:fill 0.3s;}.elementor-799 .elementor-element.elementor-element-8213cf0{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-799 .elementor-element.elementor-element-8213cf0 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-799 .elementor-element.elementor-element-0e4243a{--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:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:16px 16px 16px 16px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-799 .elementor-element.elementor-element-06b440e .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:34px;font-weight:600;line-height:1.15em;color:#153247;}.elementor-799 .elementor-element.elementor-element-239b75b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-799 .elementor-element.elementor-element-239b75b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-799 .elementor-element.elementor-element-239b75b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-799 .elementor-element.elementor-element-239b75b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-799 .elementor-element.elementor-element-239b75b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-799 .elementor-element.elementor-element-239b75b .elementor-icon-list-icon i{color:#65B6E4;transition:color 0.3s;}.elementor-799 .elementor-element.elementor-element-239b75b .elementor-icon-list-icon svg{fill:#65B6E4;transition:fill 0.3s;}.elementor-799 .elementor-element.elementor-element-239b75b{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-799 .elementor-element.elementor-element-239b75b .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-799 .elementor-element.elementor-element-6efd68b{--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:18px 0px;--row-gap:18px;--column-gap:0px;}.elementor-799 .elementor-element.elementor-element-6efd68b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-799 .elementor-element.elementor-element-6e3d803{--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 0px;--row-gap:14px;--column-gap:0px;--border-radius:18px 18px 18px 18px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-799 .elementor-element.elementor-element-6e3d803:not(.elementor-motion-effects-element-type-background), .elementor-799 .elementor-element.elementor-element-6e3d803 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-799 .elementor-element.elementor-element-9cc72ce .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:26px;font-weight:600;line-height:1.15em;color:#FFFFFF;}.elementor-799 .elementor-element.elementor-element-969c845 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-799 .elementor-element.elementor-element-969c845 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-799 .elementor-element.elementor-element-969c845 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-799 .elementor-element.elementor-element-969c845 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-799 .elementor-element.elementor-element-969c845 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-799 .elementor-element.elementor-element-969c845 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-799 .elementor-element.elementor-element-969c845 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-799 .elementor-element.elementor-element-969c845{--e-icon-list-icon-size:15px;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-799 .elementor-element.elementor-element-969c845 .elementor-icon-list-text{color:#536772;transition:color 0.3s;}.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-799 .elementor-element.elementor-element-9a4710b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-799 .elementor-element.elementor-element-9a4710b .elementor-button{font-family:"DM Sans", Sans-serif;font-size:13px;font-weight:600;}.elementor-799 .elementor-element.elementor-element-e459559{--display:flex;--min-height:53px;--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;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:16px 16px 16px 16px;--padding-top:22px;--padding-bottom:18px;--padding-left:22px;--padding-right:22px;}.elementor-799 .elementor-element.elementor-element-e289929 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:34px;font-weight:600;line-height:1.15em;color:#153247;}.elementor-799 .elementor-element.elementor-element-0e911b2{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-799 .elementor-element.elementor-element-0e911b2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table{max-width:100%;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table thead tr th:first-child{border-radius:21px 0px 0px 0px;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table thead tr th:last-child{border-radius:0px 21px 0px 0px;}.rtl .elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table thead tr th:first-child{border-radius:0px 21px 0px 0px;}.rtl .elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table thead tr th:last-child{border-radius:21px 0px 0px 0px;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table thead tr th{color:#fff;background-color:var( --e-global-color-accent );border-style:none;}.elementor-799 .elementor-element.elementor-element-0e911b2 table.dataTable thead .sorting:after{color:#fff;}.elementor-799 .elementor-element.elementor-element-0e911b2 table.dataTable thead .sorting_asc:after{color:#fff;}.elementor-799 .elementor-element.elementor-element-0e911b2 table.dataTable thead .sorting_desc:after{color:#fff;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table thead tr th:hover{color:#fff;}.elementor-799 .elementor-element.elementor-element-0e911b2 table.dataTable thead .sorting:after:hover{color:#fff;}.elementor-799 .elementor-element.elementor-element-0e911b2 table.dataTable thead .sorting_asc:after:hover{color:#fff;}.elementor-799 .elementor-element.elementor-element-0e911b2 table.dataTable thead .sorting_desc:after:hover{color:#fff;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table thead tr th i{font-size:20px;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table thead tr th .data-table-header-svg-icon{height:20px;width:20px;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table tbody > tr:nth-child(2n) td{color:#000000;background:#f2f2f2;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table tbody > tr:nth-child(2n+1) td{color:#000000;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table tbody tr td{border-style:none;font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table tbody > tr:nth-child(2n+1) td:hover{color:#6d7882;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table-wrap table td a{color:#9D3D3D;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table-wrap table td a:hover{color:#6d7882;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table tbody .td-content-wrapper{text-align:left;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table tbody .td-content-wrapper .eael-datatable-icon i{font-size:20px;color:#c15959;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table tbody .td-content-wrapper .eael-datatable-icon svg{height:20px;width:20px;fill:#c15959;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon i{color:#6d7882;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table tbody .td-content-wrapper:hover .eael-datatable-icon svg{fill:#6d7882;}.elementor-799 .elementor-element.elementor-element-5ff771a{--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:12px 0px;--row-gap:12px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-799 .elementor-element.elementor-element-5ff771a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-799 .elementor-element.elementor-element-bb1e589{--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:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-799 .elementor-element.elementor-element-bb1e589.e-con{--flex-grow:0;--flex-shrink:0;}.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-799 .elementor-element.elementor-element-0e300cd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-799 .elementor-element.elementor-element-0e300cd .elementor-icon-wrapper{text-align:center;}.elementor-799 .elementor-element.elementor-element-0e300cd.elementor-view-stacked .elementor-icon{background-color:#7DB7D8;}.elementor-799 .elementor-element.elementor-element-0e300cd.elementor-view-framed .elementor-icon, .elementor-799 .elementor-element.elementor-element-0e300cd.elementor-view-default .elementor-icon{color:#7DB7D8;border-color:#7DB7D8;}.elementor-799 .elementor-element.elementor-element-0e300cd.elementor-view-framed .elementor-icon, .elementor-799 .elementor-element.elementor-element-0e300cd.elementor-view-default .elementor-icon svg{fill:#7DB7D8;}.elementor-799 .elementor-element.elementor-element-0e300cd .elementor-icon{font-size:33px;}.elementor-799 .elementor-element.elementor-element-0e300cd .elementor-icon svg{height:33px;}.elementor-799 .elementor-element.elementor-element-23c7db2{margin:-2px -2px calc(var(--kit-widget-spacing, 0px) + -2px) 6px;}.elementor-799 .elementor-element.elementor-element-23c7db2 .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:34px;font-weight:500;line-height:1.15em;color:#153247;}.elementor-799 .elementor-element.elementor-element-eb3c68b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-799 .elementor-element.elementor-element-eb3c68b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-799 .elementor-element.elementor-element-eb3c68b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-799 .elementor-element.elementor-element-eb3c68b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-799 .elementor-element.elementor-element-eb3c68b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-799 .elementor-element.elementor-element-eb3c68b .elementor-icon-list-icon i{color:#65B6E4;transition:color 0.3s;}.elementor-799 .elementor-element.elementor-element-eb3c68b .elementor-icon-list-icon svg{fill:#65B6E4;transition:fill 0.3s;}.elementor-799 .elementor-element.elementor-element-eb3c68b{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-799 .elementor-element.elementor-element-eb3c68b .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-799 .elementor-element.elementor-element-36dd01e{--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:12px 0px;--row-gap:12px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-799 .elementor-element.elementor-element-a2df6a6{--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:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-799 .elementor-element.elementor-element-3fa5f04.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-799 .elementor-element.elementor-element-3fa5f04 .elementor-icon-wrapper{text-align:center;}.elementor-799 .elementor-element.elementor-element-3fa5f04.elementor-view-stacked .elementor-icon{background-color:#7DB7D8;}.elementor-799 .elementor-element.elementor-element-3fa5f04.elementor-view-framed .elementor-icon, .elementor-799 .elementor-element.elementor-element-3fa5f04.elementor-view-default .elementor-icon{color:#7DB7D8;border-color:#7DB7D8;}.elementor-799 .elementor-element.elementor-element-3fa5f04.elementor-view-framed .elementor-icon, .elementor-799 .elementor-element.elementor-element-3fa5f04.elementor-view-default .elementor-icon svg{fill:#7DB7D8;}.elementor-799 .elementor-element.elementor-element-3fa5f04 .elementor-icon{font-size:33px;}.elementor-799 .elementor-element.elementor-element-3fa5f04 .elementor-icon svg{height:33px;}.elementor-799 .elementor-element.elementor-element-e63cb1b{margin:-2px -2px calc(var(--kit-widget-spacing, 0px) + -2px) 6px;}.elementor-799 .elementor-element.elementor-element-e63cb1b .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:34px;font-weight:500;line-height:1.15em;color:#153247;}.elementor-799 .elementor-element.elementor-element-f981148 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-799 .elementor-element.elementor-element-f981148 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-799 .elementor-element.elementor-element-f981148 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-799 .elementor-element.elementor-element-f981148 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-799 .elementor-element.elementor-element-f981148 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-799 .elementor-element.elementor-element-f981148 .elementor-icon-list-icon i{color:#65B6E4;transition:color 0.3s;}.elementor-799 .elementor-element.elementor-element-f981148 .elementor-icon-list-icon svg{fill:#65B6E4;transition:fill 0.3s;}.elementor-799 .elementor-element.elementor-element-f981148{--e-icon-list-icon-size:15px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-799 .elementor-element.elementor-element-f981148 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-799 .elementor-element.elementor-element-f981148 .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;font-weight:400;}.elementor-799 .elementor-element.elementor-element-f981148 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-799 .elementor-element.elementor-element-f6e17da{--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;--gap:12px 0px;--row-gap:12px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:24px;--padding-bottom:24px;--padding-left:22px;--padding-right:22px;}.elementor-799 .elementor-element.elementor-element-4b5b1a2.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-799 .elementor-element.elementor-element-4b5b1a2 .elementor-icon-wrapper{text-align:center;}.elementor-799 .elementor-element.elementor-element-4b5b1a2.elementor-view-stacked .elementor-icon{background-color:#7DB7D8;}.elementor-799 .elementor-element.elementor-element-4b5b1a2.elementor-view-framed .elementor-icon, .elementor-799 .elementor-element.elementor-element-4b5b1a2.elementor-view-default .elementor-icon{color:#7DB7D8;border-color:#7DB7D8;}.elementor-799 .elementor-element.elementor-element-4b5b1a2.elementor-view-framed .elementor-icon, .elementor-799 .elementor-element.elementor-element-4b5b1a2.elementor-view-default .elementor-icon svg{fill:#7DB7D8;}.elementor-799 .elementor-element.elementor-element-4b5b1a2 .elementor-icon{font-size:50px;}.elementor-799 .elementor-element.elementor-element-4b5b1a2 .elementor-icon svg{height:50px;}.elementor-799 .elementor-element.elementor-element-8dc380b{width:var( --container-widget-width, 81.965% );max-width:81.965%;--container-widget-width:81.965%;--container-widget-flex-grow:0;text-align:center;}.elementor-799 .elementor-element.elementor-element-8dc380b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-799 .elementor-element.elementor-element-8dc380b .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:34px;font-weight:500;line-height:1.15em;color:#153247;}.elementor-799 .elementor-element.elementor-element-3706638{--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:center;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:18px 18px 18px 18px;--padding-top:10px;--padding-bottom:10px;--padding-left:14px;--padding-right:14px;}.elementor-799 .elementor-element.elementor-element-3706638.e-con:hover{--e-con-transform-scale:1.05;}.elementor-799 .elementor-element.elementor-element-0da26c2 .elementor-icon-wrapper{text-align:center;}.elementor-799 .elementor-element.elementor-element-0da26c2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-799 .elementor-element.elementor-element-0da26c2.elementor-view-framed .elementor-icon, .elementor-799 .elementor-element.elementor-element-0da26c2.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-799 .elementor-element.elementor-element-0da26c2.elementor-view-framed .elementor-icon, .elementor-799 .elementor-element.elementor-element-0da26c2.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-799 .elementor-element.elementor-element-0da26c2 .elementor-icon{font-size:14px;}.elementor-799 .elementor-element.elementor-element-0da26c2 .elementor-icon svg{height:14px;}.elementor-799 .elementor-element.elementor-element-16c1164{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;font-weight:600;line-height:1em;color:#3A3A3A;}.elementor-799 .elementor-element.elementor-element-398ed58{--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:center;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:18px 18px 18px 18px;--padding-top:10px;--padding-bottom:10px;--padding-left:14px;--padding-right:14px;}.elementor-799 .elementor-element.elementor-element-398ed58.e-con:hover{--e-con-transform-scale:1.05;}.elementor-799 .elementor-element.elementor-element-6dc9bd9 .elementor-icon-wrapper{text-align:center;}.elementor-799 .elementor-element.elementor-element-6dc9bd9.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-799 .elementor-element.elementor-element-6dc9bd9.elementor-view-framed .elementor-icon, .elementor-799 .elementor-element.elementor-element-6dc9bd9.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-799 .elementor-element.elementor-element-6dc9bd9.elementor-view-framed .elementor-icon, .elementor-799 .elementor-element.elementor-element-6dc9bd9.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-799 .elementor-element.elementor-element-6dc9bd9 .elementor-icon{font-size:14px;}.elementor-799 .elementor-element.elementor-element-6dc9bd9 .elementor-icon svg{height:14px;}.elementor-799 .elementor-element.elementor-element-f8c92b1{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;font-weight:600;line-height:1em;color:#3A3A3A;}.elementor-799 .elementor-element.elementor-element-be23916{--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:center;--align-items:center;--gap:8px 8px;--row-gap:8px;--column-gap:8px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:18px 18px 18px 18px;--padding-top:10px;--padding-bottom:10px;--padding-left:14px;--padding-right:14px;}.elementor-799 .elementor-element.elementor-element-be23916.e-con:hover{--e-con-transform-scale:1.05;}.elementor-799 .elementor-element.elementor-element-b456ddd .elementor-icon-wrapper{text-align:center;}.elementor-799 .elementor-element.elementor-element-b456ddd.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-799 .elementor-element.elementor-element-b456ddd.elementor-view-framed .elementor-icon, .elementor-799 .elementor-element.elementor-element-b456ddd.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-799 .elementor-element.elementor-element-b456ddd.elementor-view-framed .elementor-icon, .elementor-799 .elementor-element.elementor-element-b456ddd.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-799 .elementor-element.elementor-element-b456ddd .elementor-icon{font-size:14px;}.elementor-799 .elementor-element.elementor-element-b456ddd .elementor-icon svg{height:14px;}.elementor-799 .elementor-element.elementor-element-26be28c{text-align:start;font-family:"Plus Jakarta Sans", Sans-serif;font-size:13px;font-weight:600;line-height:1em;color:#3A3A3A;}.elementor-799 .elementor-element.elementor-element-e243542{--display:flex;}.elementor-799 .elementor-element.elementor-element-e243542:not(.elementor-motion-effects-element-type-background), .elementor-799 .elementor-element.elementor-element-e243542 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-799 .elementor-element.elementor-element-dfd4ebc{--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:center;--align-items:center;}.elementor-799 .elementor-element.elementor-element-24989f4{--display:flex;}.elementor-799 .elementor-element.elementor-element-24989f4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-799 .elementor-element.elementor-element-4ff8fbc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:0px 0px 0px 0px;}.elementor-799 .elementor-element.elementor-element-4ff8fbc .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:45px;font-weight:bold;color:#FFFFFF;}.elementor-799 .elementor-element.elementor-element-096161e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:0px 0px 0px 0px;}.elementor-799 .elementor-element.elementor-element-096161e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-799 .elementor-element.elementor-element-096161e .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:45px;font-weight:bold;color:#FFFFFF;}.elementor-799 .elementor-element.elementor-element-d8f0533 .elementor-button{background-color:var( --e-global-color-secondary );font-family:"Plus Jakarta Sans", Sans-serif;font-weight:bold;fill:#FFFFFF;color:#FFFFFF;}.elementor-799 .elementor-element.elementor-element-d8f0533 .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-799 .elementor-element.elementor-element-1179019{--width:100%;}.elementor-799 .elementor-element.elementor-element-91471de{--content-width:1108px;}.elementor-799 .elementor-element.elementor-element-cf4f073{--width:66.796%;}.elementor-799 .elementor-element.elementor-element-51ff250{--width:60%;}.elementor-799 .elementor-element.elementor-element-f1b1b23{--width:100%;}.elementor-799 .elementor-element.elementor-element-7531b87{--width:100%;}.elementor-799 .elementor-element.elementor-element-3313012{--width:100%;}.elementor-799 .elementor-element.elementor-element-82ff6b5{--width:50%;}.elementor-799 .elementor-element.elementor-element-0e4243a{--width:50%;}.elementor-799 .elementor-element.elementor-element-6efd68b{--width:37%;}.elementor-799 .elementor-element.elementor-element-5ff771a{--width:100%;}.elementor-799 .elementor-element.elementor-element-bb1e589{--width:101.9%;}.elementor-799 .elementor-element.elementor-element-36dd01e{--width:100%;}.elementor-799 .elementor-element.elementor-element-a2df6a6{--width:100%;}.elementor-799 .elementor-element.elementor-element-f6e17da{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-799 .elementor-element.elementor-element-cf4f073{--width:100%;}.elementor-799 .elementor-element.elementor-element-51ff250{--width:64%;}.elementor-799 .elementor-element.elementor-element-6efd68b{--width:36%;}}@media(min-width:1025px){.elementor-799 .elementor-element.elementor-element-1179019:not(.elementor-motion-effects-element-type-background), .elementor-799 .elementor-element.elementor-element-1179019 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-799 .elementor-element.elementor-element-1179019{--min-height:349px;--padding-top:82px;--padding-bottom:68px;--padding-left:30px;--padding-right:30px;}.elementor-799 .elementor-element.elementor-element-91471de{--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-799 .elementor-element.elementor-element-c74cb81.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-799 .elementor-element.elementor-element-18535f2 .elementor-heading-title{font-size:24px;}.elementor-799 .elementor-element.elementor-element-84d08b8 .elementor-heading-title{font-size:24px;}.elementor-799 .elementor-element.elementor-element-b648b48 .elementor-heading-title{font-size:20px;}.elementor-799 .elementor-element.elementor-element-06b440e .elementor-heading-title{font-size:20px;}.elementor-799 .elementor-element.elementor-element-9cc72ce .elementor-heading-title{font-size:24px;}.elementor-799 .elementor-element.elementor-element-e289929 .elementor-heading-title{font-size:22px;}.elementor-799 .elementor-element.elementor-element-23c7db2 .elementor-heading-title{font-size:18px;}.elementor-799 .elementor-element.elementor-element-e63cb1b .elementor-heading-title{font-size:18px;}.elementor-799 .elementor-element.elementor-element-8dc380b .elementor-heading-title{font-size:18px;}}@media(max-width:767px){.elementor-799 .elementor-element.elementor-element-1179019{--padding-top:62px;--padding-bottom:58px;--padding-left:18px;--padding-right:18px;}.elementor-799 .elementor-element.elementor-element-9b7547d{--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-799 .elementor-element.elementor-element-51ff250{--width:100%;}.elementor-799 .elementor-element.elementor-element-c74cb81.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-799 .elementor-element.elementor-element-18535f2 .elementor-heading-title{font-size:21px;}.elementor-799 .elementor-element.elementor-element-3bab134{font-size:13px;}.elementor-799 .elementor-element.elementor-element-84d08b8 .elementor-heading-title{font-size:21px;}.elementor-799 .elementor-element.elementor-element-3313012{--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-799 .elementor-element.elementor-element-82ff6b5{--width:100%;}.elementor-799 .elementor-element.elementor-element-b648b48 .elementor-heading-title{font-size:17px;}.elementor-799 .elementor-element.elementor-element-0e4243a{--width:100%;}.elementor-799 .elementor-element.elementor-element-06b440e .elementor-heading-title{font-size:17px;}.elementor-799 .elementor-element.elementor-element-6efd68b{--width:100%;}.elementor-799 .elementor-element.elementor-element-9cc72ce .elementor-heading-title{font-size:21px;}.elementor-799 .elementor-element.elementor-element-e289929 .elementor-heading-title{font-size:19px;}.elementor-799 .elementor-element.elementor-element-0e911b2{width:var( --container-widget-width, 249.2px );max-width:249.2px;--container-widget-width:249.2px;--container-widget-flex-grow:0;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table .table-header th{padding:29px 29px 29px 29px;}.elementor-799 .elementor-element.elementor-element-0e911b2 .eael-data-table tbody tr td .th-mobile-screen{padding:29px 29px 29px 29px;}.elementor-799 .elementor-element.elementor-element-23c7db2 .elementor-heading-title{font-size:17px;}.elementor-799 .elementor-element.elementor-element-e63cb1b .elementor-heading-title{font-size:17px;}.elementor-799 .elementor-element.elementor-element-8dc380b .elementor-heading-title{font-size:17px;}.elementor-799 .elementor-element.elementor-element-e243542{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-799 .elementor-element.elementor-element-dfd4ebc{--justify-content:space-around;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 0px 0px;}.elementor-799 .elementor-element.elementor-element-24989f4{--width:146.8px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-799 .elementor-element.elementor-element-4ff8fbc{width:var( --container-widget-width, 110px );max-width:110px;--container-widget-width:110px;--container-widget-flex-grow:0;}.elementor-799 .elementor-element.elementor-element-4ff8fbc .elementor-heading-title{font-size:20px;}.elementor-799 .elementor-element.elementor-element-096161e{width:var( --container-widget-width, 144px );max-width:144px;--container-widget-width:144px;--container-widget-flex-grow:0;}.elementor-799 .elementor-element.elementor-element-096161e .elementor-heading-title{font-size:19px;}.elementor-799 .elementor-element.elementor-element-d8f0533 .elementor-button{font-size:16px;border-radius:10px 10px 10px 10px;}}/* Start custom CSS for container, class: .elementor-element-1179019 */.elementor-799 .elementor-element.elementor-element-1179019{ --auh-gold:#7DB7D8; --auh-gold-light:#7DB7D8; position:relative; isolation:isolate; overflow:hidden; overflow-x:hidden; width:100%; max-width:100%; box-sizing:border-box; /* ===================================================== PERMANENT BORDER BORDER TIDAK AKAN HILANG SETELAH PUBLISH / REFRESH ===================================================== */ box-shadow: inset 0 0 0 1px rgba(101,185,223,.06), 0 14px 35px rgba(11,36,54,.07) !important; /* HEIGHT / MIN-HEIGHT / PADDING / MARGIN VERTIKAL: tetap atur langsung dari Elementor */ } /* ========================================================= HERO IMAGE OVERLAY ========================================================= */ .elementor-799 .elementor-element.elementor-element-1179019::before{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background: linear-gradient( 90deg, rgba(8,31,48,.84) 0%, rgba(8,31,48,.72) 46%, rgba(8,31,48,.49) 74%, rgba(8,31,48,.59) 100% ), linear-gradient( 180deg, rgba(11,36,54,.04), rgba(11,36,54,.29) ); } /* ========================================================= BOTTOM DECORATIVE LINE ========================================================= */ .elementor-799 .elementor-element.elementor-element-1179019::after{ content:""; position:absolute; left:5%; right:5%; bottom:30px; height:1px; z-index:1; pointer-events:none; background: linear-gradient( 90deg, transparent, rgba(201,161,94,.34), rgba(101,185,223,.18), rgba(201,161,94,.34), transparent ); } /* ========================================================= MAIN TITLE ========================================================= */ .elementor-799 .elementor-element.elementor-element-1179019 .coastal-about-hero__title{ width:100%; max-width: 760px; margin: 0; } .elementor-799 .elementor-element.elementor-element-1179019 .coastal-about-hero__title .elementor-heading-title{ font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(54px,5.4vw,82px); font-weight: 500; line-height: .98; letter-spacing: -.045em; text-wrap: balance; text-shadow: 0 14px 36px rgba(0,0,0,.20); } /* TITLE LINE */ .elementor-799 .elementor-element.elementor-element-1179019 .coastal-about-hero__title::after{ content:""; display:block; width: 92px; height: 3px; margin-top: 24px; border-radius: 999px; background: linear-gradient( 90deg, var(--auh-gold), var(--auh-gold-light), transparent ); }/* End custom CSS */ /* Start custom CSS for media-carousel, class: .elementor-element-c74cb81 *//* ========================================================= UBUD CYCLING TOUR — PREMIUM MEDIA CAROUSEL Class: ubud-media-carousel GLOBAL COLORS Sky Blue : #7DB7D8 Deep Sky : #5E9FC5 Soft Sky : #EAF6FB Deep Navy : #153247 Body Text : #536772 Warm White : #FBFAF7 Soft Cream : #F6F1E8 Pure White : #FFFFFF NOTE: - Width / Height carousel tetap dari Elementor - Image size tetap dari Elementor - Slides per view tetap dari Elementor - CSS hanya mengatur visual + animation ========================================================= */ .ubud-media-carousel{ --ucm-sky:#7DB7D8; --ucm-sky-dark:#5E9FC5; --ucm-soft:#EAF6FB; --ucm-navy:#153247; --ucm-text:#536772; --ucm-white:#FFFFFF; --ucm-warm:#FBFAF7; --ucm-ease: cubic-bezier(.22,.72,.2,1); position:relative; } /* ========================================================= MAIN CAROUSEL WRAPPER ========================================================= */ .ubud-media-carousel .elementor-main-swiper, .ubud-media-carousel .swiper{ position:relative; overflow:hidden; border-radius:24px; border: 1px solid rgba(125,183,216,.22); background: #EAF6FB; box-shadow: 0 22px 55px rgba(21,50,71,.11); transition: transform .55s var(--ucm-ease), box-shadow .55s var(--ucm-ease), border-color .40s ease; } /* premium hover */ .ubud-media-carousel:hover .elementor-main-swiper{ transform: translateY(-3px); border-color: rgba(94,159,197,.38); box-shadow: 0 30px 68px rgba(21,50,71,.15); } /* ========================================================= MAIN SLIDE ========================================================= */ .ubud-media-carousel .elementor-main-swiper .swiper-slide{ position:relative; overflow:hidden; border-radius:24px; } /* ========================================================= IMAGE Tidak mengunci tinggi agar masih editable di Elementor ========================================================= */ .ubud-media-carousel .elementor-carousel-image, .ubud-media-carousel .swiper-slide img{ transition: transform 1s cubic-bezier(.22,.72,.2,1), filter .65s ease; } .ubud-media-carousel .swiper-slide-active .elementor-carousel-image, .ubud-media-carousel .swiper-slide-active img{ transform: scale(1); } /* hover image */ .ubud-media-carousel:hover .elementor-main-swiper .swiper-slide-active .elementor-carousel-image, .ubud-media-carousel:hover .elementor-main-swiper .swiper-slide-active img{ transform: scale(1.035); filter: saturate(1.03) contrast(1.015); } /* ========================================================= SUBTLE CINEMATIC OVERLAY ========================================================= */ .ubud-media-carousel .elementor-main-swiper .swiper-slide::after{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background: linear-gradient( 180deg, rgba(21,50,71,0) 48%, rgba(21,50,71,.05) 72%, rgba(21,50,71,.18) 100% ); opacity:.55; transition: opacity .55s ease; } .ubud-media-carousel:hover .elementor-main-swiper .swiper-slide-active::after{ opacity:.78; } /* ========================================================= TOP LUXURY ACCENT ========================================================= */ .ubud-media-carousel .elementor-main-swiper::before{ content:""; position:absolute; top:0; left:28px; width:72px; height:3px; z-index:20; border-radius: 0 0 999px 999px; background: linear-gradient( 90deg, #7DB7D8 0%, #5E9FC5 55%, #153247 100% ); box-shadow: 0 2px 8px rgba(125,183,216,.08); pointer-events:none; transition: width .85s cubic-bezier(.22,.72,.2,1), box-shadow .55s ease; } /* garis memanjang saat hover */ .ubud-media-carousel:hover .elementor-main-swiper::before{ width: calc(100% - 56px); box-shadow: 0 4px 14px rgba(125,183,216,.22); } /* ========================================================= TOP SHINE ========================================================= */ .ubud-media-carousel .elementor-main-swiper::after{ content:""; position:absolute; top:0; left:28px; width:34px; height:3px; z-index:21; border-radius:999px; pointer-events:none; opacity:0; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.95), transparent ); } .ubud-media-carousel:hover .elementor-main-swiper::after{ animation: ubudMediaTopShine 1s .18s ease-out 1; } @keyframes ubudMediaTopShine{ 0%{ opacity:0; transform: translateX(0); } 20%{ opacity:.9; } 100%{ opacity:0; transform: translateX(320px); } } /* ========================================================= NAVIGATION ARROWS CUSTOM ARROW — ALWAYS VISIBLE ========================================================= */ .ubud-media-carousel .elementor-swiper-button{ position:absolute; display:flex !important; align-items:center !important; justify-content:center !important; width:44px; height:44px; padding:0 !important; border-radius:50%; color: #153247 !important; background: rgba(255,255,255,.90); border: 1px solid rgba(255,255,255,.75); box-shadow: 0 10px 28px rgba(21,50,71,.16); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); overflow:hidden; opacity:.90; z-index:30; transition: transform .38s cubic-bezier(.34,1.56,.64,1), background .30s ease, color .30s ease, opacity .30s ease, border-color .30s ease, box-shadow .35s ease; } /* ========================================================= HIDE DEFAULT / BROKEN ELEMENTOR ARROW ========================================================= */ .ubud-media-carousel .elementor-swiper-button > i, .ubud-media-carousel .elementor-swiper-button > svg{ display:none !important; } /* ========================================================= CUSTOM ARROW BASE ========================================================= */ .ubud-media-carousel .elementor-swiper-button::before{ position:absolute; top:50%; left:50%; display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#153247; font-family: Arial, sans-serif; font-size:29px; font-weight:400; line-height:1; text-align:center; pointer-events:none; z-index:3; transform: translate(-50%,-53%); transition: color .30s ease, transform .35s cubic-bezier(.34,1.56,.64,1); } /* ========================================================= LEFT ARROW ========================================================= */ .ubud-media-carousel .elementor-swiper-button-prev::before{ content:"‹"; } /* ========================================================= RIGHT ARROW ========================================================= */ .ubud-media-carousel .elementor-swiper-button-next::before{ content:"›"; } /* ========================================================= ARROW POSITION ========================================================= */ .ubud-media-carousel .elementor-swiper-button-prev{ left:22px !important; } .ubud-media-carousel .elementor-swiper-button-next{ right:22px !important; } /* ========================================================= ARROW HOVER ========================================================= */ .ubud-media-carousel .elementor-swiper-button:hover{ transform: scale(1.10); background: linear-gradient( 135deg, #7DB7D8, #5E9FC5 ); border-color: rgba(255,255,255,.38); opacity:1; box-shadow: 0 14px 32px rgba(21,50,71,.20), 0 0 0 5px rgba(125,183,216,.12); } .ubud-media-carousel .elementor-swiper-button:hover::before{ color: #FFFFFF; } /* left arrow motion */ .ubud-media-carousel .elementor-swiper-button-prev:hover::before{ transform: translate(-58%,-53%) scale(1.06); } /* right arrow motion */ .ubud-media-carousel .elementor-swiper-button-next:hover::before{ transform: translate(-42%,-53%) scale(1.06); } /* ========================================================= ARROW ACTIVE / CLICK ========================================================= */ .ubud-media-carousel .elementor-swiper-button:active{ transform: scale(.96); } /* ========================================================= THUMBNAIL CAROUSEL ========================================================= */ .ubud-media-carousel .elementor-thumbnails-swiper{ position:relative; margin-top:12px; padding: 4px !important; } /* ========================================================= THUMBNAIL SLIDE ========================================================= */ .ubud-media-carousel .elementor-thumbnails-swiper .swiper-slide{ position:relative; overflow:hidden; border-radius:14px; opacity:.55; border: 1px solid rgba(125,183,216,.16); background: #EAF6FB; box-shadow: 0 6px 16px rgba(21,50,71,.06); cursor:pointer; transform: scale(.96); transition: opacity .38s ease, transform .42s cubic-bezier(.34,1.56,.64,1), border-color .34s ease, box-shadow .40s ease; } /* ========================================================= THUMB IMAGE ========================================================= */ .ubud-media-carousel .elementor-thumbnails-swiper .swiper-slide img, .ubud-media-carousel .elementor-thumbnails-swiper .elementor-carousel-image{ transition: transform .65s cubic-bezier(.22,.72,.2,1), filter .40s ease; } /* ========================================================= THUMB HOVER ========================================================= */ .ubud-media-carousel .elementor-thumbnails-swiper .swiper-slide:hover{ opacity:.85; transform: translateY(-3px) scale(.99); border-color: rgba(94,159,197,.38); box-shadow: 0 12px 24px rgba(21,50,71,.10); } .ubud-media-carousel .elementor-thumbnails-swiper .swiper-slide:hover img, .ubud-media-carousel .elementor-thumbnails-swiper .swiper-slide:hover .elementor-carousel-image{ transform: scale(1.06); } /* ========================================================= ACTIVE THUMBNAIL ========================================================= */ .ubud-media-carousel .elementor-thumbnails-swiper .swiper-slide-thumb-active, .ubud-media-carousel .elementor-thumbnails-swiper .swiper-slide-active{ opacity:1; transform: translateY(-3px) scale(1); border-color: #7DB7D8; box-shadow: 0 12px 26px rgba(21,50,71,.12), 0 0 0 2px rgba(125,183,216,.14); } /* active thumbnail accent */ .ubud-media-carousel .elementor-thumbnails-swiper .swiper-slide-thumb-active::after{ content:""; position:absolute; left:20%; right:20%; bottom:0; height:3px; border-radius: 999px 999px 0 0; background: linear-gradient( 90deg, #7DB7D8, #5E9FC5 ); box-shadow: 0 -2px 8px rgba(125,183,216,.22); } /* ========================================================= PLAY BUTTON / VIDEO OVERLAY ========================================================= */ .ubud-media-carousel .elementor-custom-embed-play{ width:70px; height:70px; display:flex; align-items:center; justify-content:center; border-radius:50%; background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.65); box-shadow: 0 15px 38px rgba(21,50,71,.18); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: transform .40s cubic-bezier(.34,1.56,.64,1), background .30s ease, box-shadow .35s ease; } .ubud-media-carousel .elementor-custom-embed-play:hover{ transform: scale(1.10); background: #FFFFFF; box-shadow: 0 18px 42px rgba(21,50,71,.22), 0 0 0 7px rgba(125,183,216,.12); } /* ========================================================= VIDEO PLAY ICON ========================================================= */ .ubud-media-carousel .elementor-custom-embed-play i{ color: #5E9FC5; text-shadow:none; transition: color .30s ease, transform .35s cubic-bezier(.34,1.56,.64,1); } .ubud-media-carousel .elementor-custom-embed-play:hover i{ color: #153247; transform: scale(1.08); } /* ========================================================= PAGINATION — IF ENABLED ========================================================= */ .ubud-media-carousel .swiper-pagination-bullet{ width:7px; height:7px; opacity:.38; background: #7DB7D8; transition: width .38s cubic-bezier(.22,.72,.2,1), opacity .30s ease, background .30s ease; } .ubud-media-carousel .swiper-pagination-bullet-active{ width:24px; border-radius:999px; opacity:1; background: linear-gradient( 90deg, #7DB7D8, #5E9FC5 ); } /* ========================================================= TABLET ========================================================= */ @media(max-width:1024px){ .ubud-media-carousel .elementor-swiper-button{ width:40px; height:40px; } .ubud-media-carousel .elementor-swiper-button::before{ font-size:26px; } .ubud-media-carousel .elementor-swiper-button-prev{ left:16px !important; } .ubud-media-carousel .elementor-swiper-button-next{ right:16px !important; } } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ .ubud-media-carousel .elementor-main-swiper, .ubud-media-carousel .swiper-slide{ border-radius:18px; } .ubud-media-carousel .elementor-main-swiper::before{ left:18px; width:54px; } .ubud-media-carousel:hover .elementor-main-swiper::before{ width: calc(100% - 36px); } .ubud-media-carousel .elementor-main-swiper::after{ left:18px; } /* arrows */ .ubud-media-carousel .elementor-swiper-button{ width:36px; height:36px; } .ubud-media-carousel .elementor-swiper-button::before{ font-size:23px; } .ubud-media-carousel .elementor-swiper-button-prev{ left:10px !important; } .ubud-media-carousel .elementor-swiper-button-next{ right:10px !important; } /* thumbnails */ .ubud-media-carousel .elementor-thumbnails-swiper .swiper-slide{ border-radius:10px; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media(prefers-reduced-motion:reduce){ .ubud-media-carousel *, .ubud-media-carousel *::before, .ubud-media-carousel *::after{ transition-duration: .01ms !important; animation-duration: .01ms !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9b7547d *//* ========================================================= MOUNT BATUR ATV — PREMIUM PACKAGE DETAIL FULL ELEMENTOR EDITABLE VERSION Fonts: Heading : El Messiri Body : DM Sans Brand: Primary Sky Blue : #7DB7D8 Deep Sky : #5E9FC5 Soft Sky : #EAF6FB Deep Navy : #153247 Body Text : #536772 Warm White : #FBFAF7 Soft Cream : #F6F1E8 Pure White : #FFFFFF IMPORTANT: - Width Container = Elementor - Height Container = Elementor - Min Height = Elementor - Max Width = Elementor - Padding = Elementor - Margin = Elementor - Gap = Elementor - Icon Size = Elementor - Border Type = Elementor - Border Width = Elementor - Border Color = Elementor - Border Radius = Elementor CSS fokus pada: visual, hover, animation, shadow, accent dan finishing. IMPORTANT BORDER: CSS tidak mengunci border pada container utama. Atur langsung melalui: Elementor > Style > Border. ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d{ --pkg-green:#7DB7D8; --pkg-green-dark:#5E9FC5; --pkg-orange:#153247; --pkg-orange-soft:#EAF6FB; --pkg-cream:#F6F1E8; --pkg-card:#FFFFFF; --pkg-ink:#153247; --pkg-muted:#536772; --pkg-line: rgba(125,183,216,.18); --pkg-shadow: 0 18px 48px rgba(21,50,71,.08); --pkg-tr: .38s cubic-bezier(.22,.72,.2,1); position:relative; } /* ========================================================= SUBTLE PAGE ATMOSPHERE ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d::before{ content:""; position:absolute; inset:0; pointer-events:none; opacity:.22; background: radial-gradient( circle at 8% 10%, rgba(125,183,216,.10), transparent 22% ), radial-gradient( circle at 93% 32%, rgba(125,183,216,.06), transparent 18% ); } /* ========================================================= MAIN SHELL ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-shell{ position:relative; z-index:2; } /* ========================================================= GENERIC CARD SIZE CONTROLLED FROM ELEMENTOR ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-card{ position:relative; background: var(--pkg-card); /* BORDER DIATUR DARI ELEMENTOR */ box-shadow: var(--pkg-shadow); transition: transform var(--pkg-tr), box-shadow var(--pkg-tr); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-card:hover{ transform: translateY(-3px); box-shadow: 0 24px 58px rgba(21,50,71,.11); } /* ========================================================= CARD TOP ACCENT ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-section-card::before, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-card::before{ content:""; position:absolute; top:-1px; left:24px; width:44px; height:3px; border-radius: 0 0 999px 999px; background: linear-gradient( 90deg, #7DB7D8 0%, #5E9FC5 48%, #153247 100% ); transform-origin: left center; pointer-events:none; z-index:5; box-shadow: 0 2px 8px rgba(125,183,216,0); transition: width .75s cubic-bezier(.22,.72,.2,1), box-shadow .55s ease, opacity .45s ease; } /* ========================================================= CARD TOP ACCENT EXPAND ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-section-card:hover::before, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-card:hover::before{ width: calc(100% - 48px); box-shadow: 0 3px 12px rgba(94,159,197,.20); } /* ========================================================= CARD TOP ACCENT SHINE ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-section-card::after, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-card::after{ content:""; position:absolute; top:-1px; left:24px; width:30px; height:3px; border-radius:999px; background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.18) 15%, rgba(255,255,255,.95) 50%, rgba(255,255,255,.18) 85%, transparent 100% ); opacity:0; transform: translateX(0); pointer-events:none; z-index:6; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-section-card:hover::after, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-card:hover::after{ animation: mbpkgAccentShine .95s .20s cubic-bezier(.22,.72,.2,1) 1; } @keyframes mbpkgAccentShine{ 0%{ opacity:0; transform: translateX(0); } 18%{ opacity:.85; } 70%{ opacity:.55; } 100%{ opacity:0; transform: translateX(280px); } } /* ========================================================= MAIN IMAGE SIZE CONTROLLED FROM ELEMENTOR ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-main-image{ overflow:hidden; border-radius:22px; box-shadow: 0 20px 48px rgba(21,50,71,.14); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-main-image img{ display:block; object-fit:cover; transition: transform .8s cubic-bezier(.22,.72,.2,1); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-main-image:hover img{ transform: scale(1.035); } /* ========================================================= THUMBNAIL SIZE CONTROLLED FROM ELEMENTOR ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-thumb{ overflow:hidden; /* BORDER DIATUR DARI ELEMENTOR */ border-radius:10px; background:#FFFFFF; transition: transform var(--pkg-tr), box-shadow var(--pkg-tr); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-thumb:hover{ transform: translateY(-3px); box-shadow: 0 10px 20px rgba(21,50,71,.10); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-thumb img{ display:block; object-fit:cover; } /* ========================================================= RESERVE CARD ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-reserve{ position:relative; overflow:hidden; background: linear-gradient( 145deg, #7DB7D8 0%, #7DB7D8 55%, #5E9FC5 100% ); /* BORDER DIATUR DARI ELEMENTOR */ box-shadow: 0 20px 46px rgba(94,159,197,.22), inset 0 1px 0 rgba(255,255,255,.20); } /* ========================================================= RESERVE DECORATION ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-reserve::after{ content:""; position:absolute; width:170px; height:170px; right:-65px; top:-75px; border-radius:50%; background: rgba(255,255,255,.08); pointer-events:none; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-reserve .elementor-heading-title, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-reserve p, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-reserve .elementor-icon-list-text{ color:#FFFFFF !important; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-reserve .elementor-icon-list-icon i, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-reserve .elementor-icon-list-icon svg{ color:#FFFFFF; fill:#FFFFFF; } /* ========================================================= BOOK BUTTON ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-book-btn .elementor-button{ position:relative; overflow:hidden; background: var(--pkg-orange); color:#FFFFFF; border: 1px solid rgba(255,255,255,.22); border-radius:999px; box-shadow: 0 10px 22px rgba(21,50,71,.22); transition: transform var(--pkg-tr), box-shadow var(--pkg-tr), background var(--pkg-tr); } /* ========================================================= BUTTON SHINE ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-book-btn .elementor-button::before{ content:""; position:absolute; top:-30%; left:-90%; width:42%; height:160%; transform: skewX(-24deg); background: linear-gradient( 90deg, transparent, rgba(255,255,255,.12), rgba(255,255,255,.50), rgba(255,255,255,.12), transparent ); transition: left .75s ease; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-book-btn .elementor-button:hover{ transform: translateY(-2px); background: #5E9FC5; box-shadow: 0 14px 28px rgba(21,50,71,.30); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-book-btn .elementor-button:hover::before{ left:135%; } /* ========================================================= PRICE PREMIUM INTERACTIVE ROWS ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row{ position:relative; isolation:isolate; overflow:hidden; /* BORDER DIATUR DARI ELEMENTOR */ border-radius:10px; transition: transform .42s cubic-bezier(.22,.72,.2,1), box-shadow .42s ease, background .42s ease; } /* ========================================================= PRICE BACKGROUND SWEEP ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row::before{ content:""; position:absolute; inset:0; z-index:-2; pointer-events:none; border-radius:inherit; background: linear-gradient( 90deg, rgba(234,246,251,.95) 0%, rgba(125,183,216,.12) 55%, rgba(255,255,255,0) 100% ); opacity:0; transform: translateX(-105%); transition: transform .58s cubic-bezier(.22,.72,.2,1), opacity .35s ease; } /* ========================================================= PRICE LEFT ACCENT ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row::after{ content:""; position:absolute; left:0; top:50%; width:3px; height:0; border-radius: 0 999px 999px 0; background: linear-gradient( 180deg, #7DB7D8, #5E9FC5, #153247 ); opacity:0; transform: translateY(-50%); box-shadow: 0 0 12px rgba(94,159,197,.20); transition: height .44s cubic-bezier(.22,.72,.2,1), opacity .30s ease; } /* ========================================================= PRICE ROW HOVER ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row:hover{ transform: translateX(5px); box-shadow: 0 9px 24px rgba(21,50,71,.055); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row:hover::before{ transform: translateX(0); opacity:1; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row:hover::after{ height:58%; opacity:1; } /* ========================================================= PRICE LEFT LABEL ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row .elementor-widget-text-editor:not(.mbpkg-price-value){ position:relative; z-index:2; transition: transform .38s cubic-bezier(.22,.72,.2,1), color .30s ease; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row .elementor-widget-text-editor:not(.mbpkg-price-value) p{ transition: color .30s ease; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row:hover .elementor-widget-text-editor:not(.mbpkg-price-value){ transform: translateX(4px); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row:hover .elementor-widget-text-editor:not(.mbpkg-price-value) p{ color:#153247 !important; } /* ========================================================= PRICE VALUE ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-value{ position:relative; z-index:3; transition: transform .42s cubic-bezier(.34,1.56,.64,1), filter .32s ease; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-value p{ display:inline-flex; align-items:center; justify-content:center; margin:0; color: var(--pkg-green-dark); font-weight:700; border-radius:999px; transition: color .32s ease, background .34s ease, box-shadow .34s ease, transform .38s cubic-bezier(.34,1.56,.64,1), text-shadow .34s ease; } /* ========================================================= PRICE VALUE HOVER ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row:hover .mbpkg-price-value{ transform: translateX(-3px); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row:hover .mbpkg-price-value p{ color:#153247 !important; background: rgba(255,255,255,.80); box-shadow: 0 5px 16px rgba(21,50,71,.08), inset 0 0 0 1px rgba(125,183,216,.18); transform: scale(1.035); text-shadow: 0 0 18px rgba(125,183,216,.22); } /* ========================================================= PRICE PERFORMANCE ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row::before, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row::after, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-value, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-value p{ will-change: transform; } /* ========================================================= SECTION HEADING ACCENT ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-section-title{ position:relative; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-section-title::after{ content:""; display:block; width:62px; height:2px; margin-top:11px; border-radius:999px; background: linear-gradient( 90deg, var(--pkg-green), var(--pkg-orange), transparent ); } /* ========================================================= GENERAL ICON LIST FULL ANIMATION + FULL ELEMENTOR GEOMETRY CONTROL ELEMENTOR TETAP MENGATUR: - Icon Size - Icon Spacing / Gap - Alignment - Typography - Text Size - Row Spacing - Icon normal color CSS HANYA MENGATUR: - Hover animation - Background sweep - Glow - Scale / motion - Hover color - Anti collision PENTING: Tidak ada width / height / font-size / gap / padding yang dikunci untuk icon list. ========================================================= */ /* ========================================================= LIST WRAPPER JANGAN KUNCI GAP / SPACING ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-items{ margin:0 !important; padding:0 !important; } /* ========================================================= ROW TETAP DI POSISINYA AGAR TIDAK TABRAKAN ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item{ position:relative !important; isolation:isolate !important; min-width:0 !important; overflow:hidden !important; /* Row tidak digeser. Jadi spacing tetap 100% dari Elementor. */ transform:none !important; border-radius:10px; transition: box-shadow .38s cubic-bezier(.22,.72,.2,1), border-color .30s ease, background .30s ease !important; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:last-child{ border-bottom:0; } /* ========================================================= BACKGROUND SWEEP ANIMASI PENUH TETAP ADA ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit; background: linear-gradient( 90deg, rgba(234,246,251,.90) 0%, rgba(125,183,216,.15) 50%, rgba(255,255,255,0) 100% ); opacity:0; transform: translateX(-104%); transition: transform .52s cubic-bezier(.22,.72,.2,1), opacity .30s ease; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover::before{ transform: translateX(0); opacity:1; } /* ========================================================= ROW HOVER TIDAK MERUBAH GAP / SIZE ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover{ transform:none !important; box-shadow: inset 0 0 0 1px rgba(125,183,216,.08), 0 6px 16px rgba(21,50,71,.045); } /* ========================================================= ICON WRAPPER BULAT SEMPURNA + ICON CENTER SIZE ICON TETAP DARI ELEMENTOR Bubble mengikuti ukuran icon Elementor: 1em = ukuran icon yang kamu set di Elementor. ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-icon{ position:relative; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; /* Bubble selalu kotak sehingga border-radius 50% benar-benar menjadi lingkaran. Ukuran tetap mengikuti font/icon size dari Elementor. */ width:calc(1em + 14px) !important; height:calc(1em + 14px) !important; min-width:calc(1em + 14px) !important; min-height:calc(1em + 14px) !important; padding:0 !important; margin:0; border-radius:50% !important; overflow:hidden; line-height:1 !important; text-align:center; transform: translate3d(0,0,0) scale(1); transform-origin: center center; will-change: transform, filter; transition: transform .40s cubic-bezier(.34,1.45,.64,1), background .34s ease, box-shadow .34s ease, filter .34s ease !important; } /* ========================================================= ICON HOVER ANIMASI PENUH: MOVE + SCALE + GRADIENT + GLOW ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover .elementor-icon-list-icon{ /* Scale kecil supaya tidak tabrakan, tetapi animasi tetap terasa. */ transform: translate3d(2px,0,0) scale(1.055) !important; background: linear-gradient( 135deg, #7DB7D8, #5E9FC5 ); box-shadow: 0 5px 12px rgba(94,159,197,.18), 0 0 0 3px rgba(125,183,216,.07), inset 0 1px 0 rgba(255,255,255,.30); filter: drop-shadow( 0 4px 8px rgba(94,159,197,.12) ); } /* ========================================================= FONT AWESOME ICON SIZE TIDAK DIKUNCI ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-icon i{ transform: scale(1); transition: transform .34s cubic-bezier(.34,1.45,.64,1), color .30s ease !important; } /* ========================================================= SVG ICON SIZE TIDAK DIKUNCI ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-icon svg{ transform: scale(1); transition: transform .34s cubic-bezier(.34,1.45,.64,1), fill .30s ease, color .30s ease !important; } /* ========================================================= INNER ICON HOVER COLOR SHIFT + PULSE TETAP ADA ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover .elementor-icon-list-icon svg{ color:#FFFFFF !important; fill:#FFFFFF !important; transform: scale(1.035) !important; } /* ========================================================= TEXT TYPOGRAPHY + SIZE TETAP DARI ELEMENTOR ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-text{ min-width:0 !important; transform: translateX(0); transition: transform .34s cubic-bezier(.22,.72,.2,1), color .30s ease !important; } /* ========================================================= TEXT HOVER ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover .elementor-icon-list-text{ color:#153247 !important; transform: translateX(3px) !important; } /* ========================================================= EXCLUDED LIST ANIMASI TETAP, GEOMETRY DARI ELEMENTOR ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-exclude .elementor-icon-list-item:hover .elementor-icon-list-icon{ background: linear-gradient( 135deg, #153247, #5E9FC5 ); box-shadow: 0 5px 12px rgba(21,50,71,.16), 0 0 0 3px rgba(125,183,216,.07); } /* ========================================================= RESERVE / LIGHT ICON LIST FULL ANIMATION + ELEMENTOR SIZE/SPACING CONTROL ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-items{ margin:0 !important; padding:0 !important; } /* ========================================================= RESERVE ROW ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item{ position:relative !important; isolation:isolate !important; min-width:0 !important; overflow:hidden !important; transform:none !important; border-radius:10px; transition: box-shadow .36s ease, background .30s ease !important; } /* ========================================================= RESERVE BACKGROUND SWEEP ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; border-radius:inherit; background: linear-gradient( 90deg, rgba(255,255,255,.14), rgba(255,255,255,.055), transparent ); opacity:0; transform: translateX(-104%); transition: transform .50s cubic-bezier(.22,.72,.2,1), opacity .28s ease; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover::before{ transform: translateX(0); opacity:1; } /* ========================================================= RESERVE ROW HOVER ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover{ transform:none !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); } /* ========================================================= RESERVE ICON BULAT SEMPURNA + ICON CENTER SIZE ICON TETAP DARI ELEMENTOR ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-icon{ position:relative; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; /* Bubble selalu 1:1 dan mengikuti Icon Size Elementor. */ width:calc(1em + 14px) !important; height:calc(1em + 14px) !important; min-width:calc(1em + 14px) !important; min-height:calc(1em + 14px) !important; padding:0 !important; margin:0; border-radius:50% !important; overflow:hidden; line-height:1 !important; text-align:center; transform: translate3d(0,0,0) scale(1); transform-origin: center center; will-change: transform, filter; transition: transform .40s cubic-bezier(.34,1.45,.64,1), background .34s ease, border-color .30s ease, box-shadow .34s ease, filter .34s ease !important; } /* ========================================================= RESERVE ICON HOVER MOVE + SCALE + WHITE BUBBLE + GLOW ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover .elementor-icon-list-icon{ transform: translate3d(2px,0,0) scale(1.055) !important; background: #FFFFFF !important; border-color: #FFFFFF !important; box-shadow: 0 6px 14px rgba(21,50,71,.14), 0 0 0 3px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.45); filter: drop-shadow( 0 4px 8px rgba(255,255,255,.11) ); } /* ========================================================= RESERVE ICON GLYPH SIZE TETAP DARI ELEMENTOR ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-icon i, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-icon svg{ transform: scale(1); transition: transform .34s cubic-bezier(.34,1.45,.64,1), color .30s ease, fill .30s ease !important; } /* ========================================================= RESERVE ICON GLYPH HOVER ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover .elementor-icon-list-icon svg{ color:#5E9FC5 !important; fill:#5E9FC5 !important; transform: scale(1.035) !important; } /* ========================================================= RESERVE TEXT SIZE / TYPOGRAPHY / SPACING DARI ELEMENTOR ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-text{ min-width:0 !important; transform: translateX(0); transition: transform .32s ease, color .30s ease !important; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover .elementor-icon-list-text{ color:#FFFFFF !important; transform: translateX(3px) !important; } /* ========================================================= ICON GLYPH CENTER FIX Tidak mengubah Icon Size Elementor ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-icon i, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-icon i{ display:inline-flex !important; align-items:center !important; justify-content:center !important; width:1em !important; height:1em !important; margin:0 !important; padding:0 !important; line-height:1 !important; text-align:center !important; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-icon svg, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-icon svg{ display:block !important; width:1em !important; height:1em !important; margin:0 !important; padding:0 !important; } /* ========================================================= MOBILE ANIMASI TETAP ADA, SCALE SEDIKIT LEBIH KECIL ========================================================= */ @media(max-width:767px){ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover .elementor-icon-list-icon, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover .elementor-icon-list-icon{ transform: translate3d(1px,0,0) scale(1.04) !important; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover .elementor-icon-list-text, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover .elementor-icon-list-text{ transform: translateX(2px) !important; } } /* ========================================================= SIDEBAR WIDTH / HEIGHT FROM ELEMENTOR ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-sidebar{ align-self:flex-start; } /* ========================================================= STICKY SIDEBAR ========================================================= */ @media(min-width:1025px){ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-sidebar{ position:sticky; top:24px; } } /* ========================================================= SIDEBAR ICON CONTAINER ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-icon{ display:flex; align-items:center; justify-content:center; border-radius:10px; background: rgba(125,183,216,.12); transition: transform .38s cubic-bezier(.34,1.56,.64,1), background .32s ease, box-shadow .32s ease; } /* ========================================================= SIDEBAR ICON HOVER ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-card:hover .mbpkg-side-icon{ transform: translateY(-2px) scale(1.08); background: linear-gradient( 135deg, #7DB7D8, #5E9FC5 ); box-shadow: 0 7px 16px rgba(94,159,197,.20), 0 0 0 4px rgba(125,183,216,.08); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-card:hover .mbpkg-side-icon i, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-card:hover .mbpkg-side-icon svg{ color:#FFFFFF !important; fill:#FFFFFF !important; } /* ========================================================= TRUST CARD ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-trust-card{ background: linear-gradient( 180deg, #FFFFFF, #F9F7F0 ); } /* ========================================================= TRUST PILL ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-trust-pill{ /* BORDER DIATUR DARI ELEMENTOR */ border-radius:10px; background:#FFFFFF; transition: transform var(--pkg-tr), box-shadow var(--pkg-tr); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-trust-pill:hover{ transform: translateX(3px); box-shadow: 0 8px 18px rgba(21,50,71,.06); } /* ========================================================= TABLET NO SIZE OVERRIDE ========================================================= */ @media(max-width:1024px){ /* Width, Height, Min Height dan Gap tetap diatur melalui Elementor Tablet. */ } /* ========================================================= MOBILE ========================================================= */ @media(max-width:767px){ /* ===================================================== CARD ===================================================== */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-card:hover{ transform:none; } /* ===================================================== TOP ACCENT ===================================================== */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-section-card::before, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-card::before{ left:18px; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-section-card:hover::before, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-card:hover::before{ width: calc(100% - 36px); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-section-card::after, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-card::after{ left:18px; } /* ===================================================== PRICE ===================================================== */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row:hover{ transform: translateX(3px); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row:hover .mbpkg-price-value{ transform: translateX(-1px); } /* ===================================================== ICON LIST ===================================================== */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover{ transform: translateX(3px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media(prefers-reduced-motion:reduce){ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list *, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list *::before, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list *::after, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-icon, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-section-card::before, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-section-card::after, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-card::before, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-side-card::after, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row::before, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-row::after, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-value, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-price-value p{ transition-duration: .01ms !important; animation-duration: .01ms !important; } } /* ========================================================= FINAL ICON ANIMATION FIX ANTI-CLIP + ROUND + CENTER + ELEMENTOR EDITABLE Tetap mempertahankan: - Background sweep - Icon move - Icon scale - Gradient / white hover bubble - Glow - Inner icon pulse - Text hover motion Tetap editable dari Elementor: - Icon - Icon Size - Icon Color normal - Icon Spacing - Alignment - Text typography - Row spacing ========================================================= */ /* ========================================================= 1. JANGAN POTONG ICON SAAT ANIMASI ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-items, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-items{ overflow:visible !important; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item{ /* Penting: sebelumnya overflow:hidden memotong bubble saat scale. */ overflow:visible !important; position:relative !important; isolation:isolate !important; transform:none !important; } /* ========================================================= 2. ICON BUBBLE BULAT SEMPURNA + CENTER UKURAN MENGIKUTI ICON SIZE ELEMENTOR ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-icon, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-icon{ position:relative !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; flex:0 0 auto !important; /* Bubble mengikuti ukuran icon Elementor. Tidak ada font-size yang dipaksa CSS. */ width:calc(1em + 14px) !important; height:calc(1em + 14px) !important; min-width:calc(1em + 14px) !important; min-height:calc(1em + 14px) !important; padding:0 !important; margin:0 !important; border-radius:50% !important; overflow:visible !important; line-height:1 !important; text-align:center !important; transform: translate3d(0,0,0) scale(1); transform-origin: center center !important; will-change: transform, filter, box-shadow; } /* ========================================================= 3. BUBBLE VISUAL DIPISAH KE ::AFTER Jadi lingkaran tetap bulat meskipun overflow visible ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-icon::after, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-icon::after{ content:""; position:absolute; inset:0; z-index:0; border-radius:50%; pointer-events:none; transition: transform .40s cubic-bezier(.34,1.45,.64,1), background .34s ease, border-color .30s ease, box-shadow .34s ease; } /* normal bubble — list biasa */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-icon::after{ background: rgba(125,183,216,.12); box-shadow: inset 0 0 0 1px rgba(125,183,216,.08); } /* normal bubble — reserve/light */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-icon::after{ background: rgba(255,255,255,.14); box-shadow: inset 0 0 0 1px rgba(255,255,255,.20); } /* ========================================================= 4. ICON GLYPH CENTER SIZE TETAP DARI ELEMENTOR ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-icon i, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-icon i{ position:relative !important; z-index:2 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:1em !important; height:1em !important; margin:0 !important; padding:0 !important; line-height:1 !important; text-align:center !important; transform: scale(1); transform-origin: center center !important; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-icon svg, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-icon svg{ position:relative !important; z-index:2 !important; display:block !important; width:1em !important; height:1em !important; margin:0 !important; padding:0 !important; transform: scale(1); transform-origin: center center !important; } /* ========================================================= 5. ANIMASI ICON BIASA TETAP LENGKAP, TAPI TIDAK TERPOTONG ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover .elementor-icon-list-icon{ transform: translate3d(2px,0,0) scale(1.06) !important; background: transparent !important; box-shadow: none !important; filter: drop-shadow( 0 5px 10px rgba(94,159,197,.16) ); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover .elementor-icon-list-icon::after{ background: linear-gradient( 135deg, #7DB7D8, #5E9FC5 ); box-shadow: 0 6px 14px rgba(94,159,197,.20), 0 0 0 3px rgba(125,183,216,.07), inset 0 1px 0 rgba(255,255,255,.30); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover .elementor-icon-list-icon svg{ color:#FFFFFF !important; fill:#FFFFFF !important; transform: scale(1.035) !important; } /* ========================================================= 6. ANIMASI RESERVE / LIGHT ICON ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover .elementor-icon-list-icon{ transform: translate3d(2px,0,0) scale(1.06) !important; background: transparent !important; border-color: transparent !important; box-shadow: none !important; filter: drop-shadow( 0 5px 10px rgba(255,255,255,.14) ); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover .elementor-icon-list-icon::after{ background: #FFFFFF; box-shadow: 0 6px 14px rgba(21,50,71,.14), 0 0 0 3px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.45); } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover .elementor-icon-list-icon i, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover .elementor-icon-list-icon svg{ color:#5E9FC5 !important; fill:#5E9FC5 !important; transform: scale(1.035) !important; } /* ========================================================= 7. TEXT MOTION TETAP HALUS ========================================================= */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover .elementor-icon-list-text, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover .elementor-icon-list-text{ transform: translateX(3px) !important; } /* ========================================================= 8. MOBILE ANIMASI DIPERKECIL SEDIKIT ========================================================= */ @media(max-width:767px){ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover .elementor-icon-list-icon, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover .elementor-icon-list-icon{ transform: translate3d(1px,0,0) scale(1.045) !important; } .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover .elementor-icon-list-text, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover .elementor-icon-list-text{ transform: translateX(2px) !important; } } /* ========================================================= FINAL FIX — REMOVE ONLY LEFT/RIGHT SHINE SWEEP SEMUA ANIMASI ICON LAIN TETAP AKTIF Dihilangkan: - kilau / sapuan background yang bergerak dari kiri Tetap aktif: - icon move - icon scale - gradient / white bubble hover - glow - inner icon pulse - text hover motion - anti-clip ========================================================= */ /* GENERAL ICON LIST — matikan hanya background sweep */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item::before{ content:none !important; animation:none !important; transition:none !important; background:none !important; opacity:0 !important; transform:none !important; } /* RESERVE / LIGHT ICON LIST — matikan hanya background sweep */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item::before{ content:none !important; animation:none !important; transition:none !important; background:none !important; opacity:0 !important; transform:none !important; } /* Pastikan hover tidak menghidupkan sweep kembali */ .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list .elementor-icon-list-item:hover::before, .elementor-799 .elementor-element.elementor-element-9b7547d .mbpkg-list-light .elementor-icon-list-item:hover::before{ content:none !important; opacity:0 !important; transform:none !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d8f0533 *//* ========================================================= UBUD CYCLING TOUR — PREMIUM BUTTON CLASS: ubud-premium-btn Colors: Deep Navy : #153247 Deep Sky : #5E9FC5 Sky Blue : #7DB7D8 IMPORTANT: - Typography = Elementor - Font Size = Elementor - Padding = Elementor - Width = Elementor - Alignment = Elementor CSS hanya mengatur: background, hover, shadow, shine, border radius, animation. ========================================================= */ /* ========================================================= BUTTON BASE ========================================================= */ .ubud-premium-btn .elementor-button, .elementor-button.ubud-premium-btn{ position:relative; isolation:isolate; overflow:hidden; background: #153247; color: #FFFFFF; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; box-shadow: 0 10px 22px rgba(21,50,71,.22); transition: transform .38s cubic-bezier(.22,.72,.2,1), background .38s cubic-bezier(.22,.72,.2,1), box-shadow .38s cubic-bezier(.22,.72,.2,1), border-color .30s ease; } /* ========================================================= TEXT + ICON ========================================================= */ .ubud-premium-btn .elementor-button-text, .ubud-premium-btn .elementor-button-icon, .elementor-button.ubud-premium-btn .elementor-button-text, .elementor-button.ubud-premium-btn .elementor-button-icon{ position:relative; z-index:3; transition: transform .35s cubic-bezier(.22,.72,.2,1), color .30s ease; } /* ========================================================= SHINE EFFECT ========================================================= */ .ubud-premium-btn .elementor-button::before, .elementor-button.ubud-premium-btn::before{ content:""; position:absolute; top:-30%; left:-90%; width:42%; height:160%; z-index:2; pointer-events:none; transform: skewX(-24deg); background: linear-gradient( 90deg, transparent 0%, rgba(255,255,255,.10) 20%, rgba(255,255,255,.48) 50%, rgba(255,255,255,.10) 80%, transparent 100% ); transition: left .75s ease; } /* ========================================================= HOVER ========================================================= */ .ubud-premium-btn .elementor-button:hover, .elementor-button.ubud-premium-btn:hover{ background: #5E9FC5; color: #FFFFFF; transform: translateY(-2px); border-color: rgba(255,255,255,.32); box-shadow: 0 14px 30px rgba(21,50,71,.28), 0 0 0 4px rgba(125,183,216,.08); } /* shine bergerak */ .ubud-premium-btn .elementor-button:hover::before, .elementor-button.ubud-premium-btn:hover::before{ left: 135%; } /* ========================================================= TEXT MOTION ========================================================= */ .ubud-premium-btn .elementor-button:hover .elementor-button-text, .elementor-button.ubud-premium-btn:hover .elementor-button-text{ transform: translateX(-1px); } /* ========================================================= ICON MOTION ========================================================= */ .ubud-premium-btn .elementor-button:hover .elementor-button-icon, .elementor-button.ubud-premium-btn:hover .elementor-button-icon{ transform: translateX(3px); } /* ========================================================= CLICK ========================================================= */ .ubud-premium-btn .elementor-button:active, .elementor-button.ubud-premium-btn:active{ transform: translateY(0) scale(.98); box-shadow: 0 7px 16px rgba(21,50,71,.20); } /* ========================================================= FOCUS ========================================================= */ .ubud-premium-btn .elementor-button:focus-visible, .elementor-button.ubud-premium-btn:focus-visible{ outline: 3px solid rgba(125,183,216,.30); outline-offset: 3px; } /* ========================================================= REDUCED MOTION ========================================================= */ @media(prefers-reduced-motion:reduce){ .ubud-premium-btn .elementor-button, .ubud-premium-btn .elementor-button::before, .ubud-premium-btn .elementor-button-text, .ubud-premium-btn .elementor-button-icon{ transition-duration: .01ms !important; } }/* End custom CSS */