.elementor-4604 .elementor-element.elementor-element-a98cb96{--display:flex;--min-height:100vh;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;--z-index:1;}.elementor-4604 .elementor-element.elementor-element-a98cb96:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-a98cb96 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-0a158ce{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-2ec0a70{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4604 .elementor-element.elementor-element-6daed6f{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-4604 .elementor-element.elementor-element-6daed6f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:64px;font-weight:600;line-height:1.4em;color:#010E3A;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-4604 .elementor-element.elementor-element-3b2fe5c{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 30px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;}.elementor-4604 .elementor-element.elementor-element-2b2567b{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-27cd39f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-2904046{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-4604 .elementor-element.elementor-element-208efbb .elementor-icon-wrapper{text-align:center;}.elementor-4604 .elementor-element.elementor-element-208efbb .elementor-icon{font-size:36px;}.elementor-4604 .elementor-element.elementor-element-208efbb .elementor-icon svg{height:36px;}.elementor-4604 .elementor-element.elementor-element-208efbb .elementor-icon-wrapper svg{width:auto;}.elementor-4604 .elementor-element.elementor-element-226a485{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-4604 .elementor-element.elementor-element-226a485.elementor-element{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-226a485 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;}.elementor-4604 .elementor-element.elementor-element-5f0446b.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-5f0446b .elementor-icon-wrapper{text-align:center;}.elementor-4604 .elementor-element.elementor-element-5f0446b .elementor-icon{font-size:36px;}.elementor-4604 .elementor-element.elementor-element-5f0446b .elementor-icon svg{height:36px;}.elementor-4604 .elementor-element.elementor-element-5f0446b .elementor-icon-wrapper svg{width:auto;}.elementor-4604 .elementor-element.elementor-element-f99b8c8{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-4604 .elementor-element.elementor-element-e682860{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-e682860.elementor-element{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-e682860 img{width:100%;height:85px;object-fit:cover;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-db4da29{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-e92f195{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-4604 .elementor-element.elementor-element-0ade680{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-0ade680 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4604 .elementor-element.elementor-element-0ade680 .elementor-icon-box-title{margin-block-end:0px;color:#000000;}.elementor-4604 .elementor-element.elementor-element-0ade680 .elementor-icon{font-size:53px;}.elementor-4604 .elementor-element.elementor-element-0ade680 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-0ade680 .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:42px;font-weight:600;}.elementor-4604 .elementor-element.elementor-element-0ade680 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-4604 .elementor-element.elementor-element-7cede13{--divider-border-style:solid;--divider-color:#24587D;--divider-border-width:1px;--e-transform-rotateZ:90deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-7cede13.elementor-element{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-7cede13 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-4604 .elementor-element.elementor-element-7cede13 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-c53e20c{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-c53e20c .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4604 .elementor-element.elementor-element-c53e20c .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-175b55a );}.elementor-4604 .elementor-element.elementor-element-c53e20c .elementor-icon{font-size:53px;}.elementor-4604 .elementor-element.elementor-element-c53e20c .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-c53e20c .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:42px;font-weight:600;}.elementor-4604 .elementor-element.elementor-element-c53e20c .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-6f83720{--divider-border-style:solid;--divider-color:#24587D;--divider-border-width:1px;--e-transform-rotateZ:90deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-6f83720.elementor-element{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-6f83720 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-4604 .elementor-element.elementor-element-6f83720 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-f567f48{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-f567f48 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4604 .elementor-element.elementor-element-f567f48 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-175b55a );}.elementor-4604 .elementor-element.elementor-element-f567f48 .elementor-icon{font-size:53px;}.elementor-4604 .elementor-element.elementor-element-f567f48 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-f567f48 .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:42px;font-weight:600;}.elementor-4604 .elementor-element.elementor-element-f567f48 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-db73afa{--divider-border-style:solid;--divider-color:#24587D;--divider-border-width:1px;--e-transform-rotateZ:90deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-db73afa.elementor-element{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-db73afa .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-4604 .elementor-element.elementor-element-db73afa .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-fe013c9{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-fe013c9 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4604 .elementor-element.elementor-element-fe013c9 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-175b55a );}.elementor-4604 .elementor-element.elementor-element-fe013c9 .elementor-icon{font-size:53px;}.elementor-4604 .elementor-element.elementor-element-fe013c9 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-fe013c9 .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:33px;font-weight:600;}.elementor-4604 .elementor-element.elementor-element-fe013c9 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-f827d6c{--display:flex;--justify-content:center;--gap:27px 0px;--row-gap:27px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-2f2bf91{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4604 .elementor-element.elementor-element-6e280d8{--display:flex;--min-height:100px;--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;--border-radius:35px 35px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:38px;--padding-right:38px;}.elementor-4604 .elementor-element.elementor-element-6e280d8:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-6e280d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#203C5E;}.elementor-4604 .elementor-element.elementor-element-10e8a66 .elementor-icon-wrapper{text-align:center;}.elementor-4604 .elementor-element.elementor-element-10e8a66 .elementor-icon{font-size:25px;}.elementor-4604 .elementor-element.elementor-element-10e8a66 .elementor-icon svg{height:25px;}.elementor-4604 .elementor-element.elementor-element-10e8a66 .elementor-icon-wrapper svg{width:auto;}.elementor-4604 .elementor-element.elementor-element-814f3e8{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-4604 .elementor-element.elementor-element-814f3e8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-6667e42{--display:flex;--min-height:234px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );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:#203C5E;--border-color:#203C5E;--border-radius:35px 35px 35px 35px;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4604 .elementor-element.elementor-element-6667e42:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-6667e42 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F8FD;}.elementor-4604 .elementor-element.elementor-element-6667e42.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-3d4b3af{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-97874b6 .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-97874b6 .elementor-icon{font-size:62px;}.elementor-4604 .elementor-element.elementor-element-97874b6 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-97874b6 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-97874b6 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-4604 .elementor-element.elementor-element-d8fbe75{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4604 .elementor-element.elementor-element-e5d2b29{--display:flex;--min-height:100px;--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;--border-radius:35px 35px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:38px;--padding-right:38px;}.elementor-4604 .elementor-element.elementor-element-e5d2b29:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-e5d2b29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#203C5E;}.elementor-4604 .elementor-element.elementor-element-2504af7 .elementor-icon-wrapper{text-align:center;}.elementor-4604 .elementor-element.elementor-element-2504af7 .elementor-icon{font-size:25px;}.elementor-4604 .elementor-element.elementor-element-2504af7 .elementor-icon svg{height:25px;}.elementor-4604 .elementor-element.elementor-element-2504af7 .elementor-icon-wrapper svg{width:auto;}.elementor-4604 .elementor-element.elementor-element-17e79bf{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-4604 .elementor-element.elementor-element-17e79bf .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-c8804db{--display:flex;--min-height:234px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );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:#203C5E;--border-color:#203C5E;--border-radius:35px 35px 35px 35px;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4604 .elementor-element.elementor-element-c8804db:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-c8804db > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F8FD;}.elementor-4604 .elementor-element.elementor-element-c8804db.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-b48c941{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-d87bb1d .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-d87bb1d .elementor-icon{font-size:62px;}.elementor-4604 .elementor-element.elementor-element-d87bb1d .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-d87bb1d .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-d87bb1d .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-4604 .elementor-element.elementor-element-252b5af{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4604 .elementor-element.elementor-element-5c8bc8e{--display:flex;--min-height:100px;--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;--border-radius:35px 35px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:38px;--padding-right:38px;}.elementor-4604 .elementor-element.elementor-element-5c8bc8e:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-5c8bc8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#203C5E;}.elementor-4604 .elementor-element.elementor-element-2ee8f3e .elementor-icon-wrapper{text-align:center;}.elementor-4604 .elementor-element.elementor-element-2ee8f3e .elementor-icon{font-size:25px;}.elementor-4604 .elementor-element.elementor-element-2ee8f3e .elementor-icon svg{height:25px;}.elementor-4604 .elementor-element.elementor-element-2ee8f3e .elementor-icon-wrapper svg{width:auto;}.elementor-4604 .elementor-element.elementor-element-b4d7e9c{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-4604 .elementor-element.elementor-element-b4d7e9c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-bdd649c{--display:flex;--min-height:234px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );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:#203C5E;--border-color:#203C5E;--border-radius:35px 35px 35px 35px;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4604 .elementor-element.elementor-element-bdd649c:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-bdd649c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F8FD;}.elementor-4604 .elementor-element.elementor-element-bdd649c.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-56b4146{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-32a9d5a .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-32a9d5a .elementor-icon{font-size:62px;}.elementor-4604 .elementor-element.elementor-element-32a9d5a .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-32a9d5a .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-32a9d5a .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-4604 .elementor-element.elementor-element-1b3ea65{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;--z-index:1;}.elementor-4604 .elementor-element.elementor-element-1b3ea65:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-1b3ea65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-6df8035{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-412c6b7{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-4604 .elementor-element.elementor-element-412c6b7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:64px;font-weight:600;line-height:1.4em;color:#010E3A;}.elementor-4604 .elementor-element.elementor-element-4d5b203{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;width:var( --container-widget-width, 90% );max-width:90%;padding:0px 0px 30px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;}.elementor-4604 .elementor-element.elementor-element-18d4ba8{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-cac8c96{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-33f0850{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-95f6c73 .elementor-icon-wrapper{text-align:center;}.elementor-4604 .elementor-element.elementor-element-95f6c73 .elementor-icon{font-size:36px;}.elementor-4604 .elementor-element.elementor-element-95f6c73 .elementor-icon svg{height:36px;}.elementor-4604 .elementor-element.elementor-element-95f6c73 .elementor-icon-wrapper svg{width:auto;}.elementor-4604 .elementor-element.elementor-element-81bffbb{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-4604 .elementor-element.elementor-element-81bffbb.elementor-element{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-81bffbb .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;}.elementor-4604 .elementor-element.elementor-element-a35a788.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-a35a788 .elementor-icon-wrapper{text-align:center;}.elementor-4604 .elementor-element.elementor-element-a35a788 .elementor-icon{font-size:36px;}.elementor-4604 .elementor-element.elementor-element-a35a788 .elementor-icon svg{height:36px;}.elementor-4604 .elementor-element.elementor-element-a35a788 .elementor-icon-wrapper svg{width:auto;}.elementor-4604 .elementor-element.elementor-element-b578f72{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-0b6bdfe{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-0b6bdfe.elementor-element{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-0b6bdfe img{width:100%;height:85px;object-fit:cover;object-position:center center;border-radius:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-c767a20{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-00c90c8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-4a0d3dd{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-4a0d3dd .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4604 .elementor-element.elementor-element-4a0d3dd .elementor-icon-box-title{margin-block-end:0px;color:#000000;}.elementor-4604 .elementor-element.elementor-element-4a0d3dd .elementor-icon{font-size:53px;}.elementor-4604 .elementor-element.elementor-element-4a0d3dd .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-4a0d3dd .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:42px;font-weight:600;}.elementor-4604 .elementor-element.elementor-element-4a0d3dd .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-5e737fa{--divider-border-style:solid;--divider-color:#24587D;--divider-border-width:1px;--e-transform-rotateZ:90deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-5e737fa.elementor-element{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-5e737fa .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-4604 .elementor-element.elementor-element-5e737fa .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-a723815{width:var( --container-widget-width, 82% );max-width:82%;--container-widget-width:82%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-a723815 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4604 .elementor-element.elementor-element-a723815 .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-175b55a );}.elementor-4604 .elementor-element.elementor-element-a723815 .elementor-icon{font-size:53px;}.elementor-4604 .elementor-element.elementor-element-a723815 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-a723815 .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:42px;font-weight:600;}.elementor-4604 .elementor-element.elementor-element-a723815 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-fafef2f{--divider-border-style:solid;--divider-color:#24587D;--divider-border-width:1px;--e-transform-rotateZ:90deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-fafef2f.elementor-element{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-fafef2f .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-4604 .elementor-element.elementor-element-fafef2f .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-7000e5d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-7000e5d .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4604 .elementor-element.elementor-element-7000e5d .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-175b55a );}.elementor-4604 .elementor-element.elementor-element-7000e5d .elementor-icon{font-size:53px;}.elementor-4604 .elementor-element.elementor-element-7000e5d .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-7000e5d .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:42px;font-weight:600;}.elementor-4604 .elementor-element.elementor-element-7000e5d .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-0c881f5{--divider-border-style:solid;--divider-color:#24587D;--divider-border-width:1px;--e-transform-rotateZ:90deg;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-0c881f5.elementor-element{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-0c881f5 .elementor-divider-separator{width:80%;margin:0 auto;margin-center:0;}.elementor-4604 .elementor-element.elementor-element-0c881f5 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-751de8a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-751de8a .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-4604 .elementor-element.elementor-element-751de8a .elementor-icon-box-title{margin-block-end:0px;color:var( --e-global-color-175b55a );}.elementor-4604 .elementor-element.elementor-element-751de8a .elementor-icon{font-size:53px;}.elementor-4604 .elementor-element.elementor-element-751de8a .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-751de8a .elementor-icon-box-title a{font-family:"Plus Jakarta Sans", Sans-serif;font-size:33px;font-weight:600;}.elementor-4604 .elementor-element.elementor-element-751de8a .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-8368c8c{--display:flex;--justify-content:center;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-ba54911{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-53e2266{--display:flex;--min-height:100px;--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;--border-radius:35px 35px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:38px;--padding-right:38px;}.elementor-4604 .elementor-element.elementor-element-53e2266:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-53e2266 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#203C5E;}.elementor-4604 .elementor-element.elementor-element-3cf54d9 .elementor-icon-wrapper{text-align:center;}.elementor-4604 .elementor-element.elementor-element-3cf54d9 .elementor-icon{font-size:25px;}.elementor-4604 .elementor-element.elementor-element-3cf54d9 .elementor-icon svg{height:25px;}.elementor-4604 .elementor-element.elementor-element-3cf54d9 .elementor-icon-wrapper svg{width:auto;}.elementor-4604 .elementor-element.elementor-element-27c153e{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-4604 .elementor-element.elementor-element-27c153e .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-0d5f10c{--display:flex;--min-height:234px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );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:#203C5E;--border-color:#203C5E;--border-radius:0px 0px 35px 35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4604 .elementor-element.elementor-element-0d5f10c:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-0d5f10c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F8FD;}.elementor-4604 .elementor-element.elementor-element-0d5f10c.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-50a7ab5{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-682efc3 .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-682efc3 .elementor-icon{font-size:62px;}.elementor-4604 .elementor-element.elementor-element-682efc3 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-682efc3 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-682efc3 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-4604 .elementor-element.elementor-element-5791c9e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-c4555f5{--display:flex;--min-height:100px;--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;--border-radius:35px 35px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:38px;--padding-right:38px;}.elementor-4604 .elementor-element.elementor-element-c4555f5:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-c4555f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#203C5E;}.elementor-4604 .elementor-element.elementor-element-137989c .elementor-icon-wrapper{text-align:center;}.elementor-4604 .elementor-element.elementor-element-137989c .elementor-icon{font-size:25px;}.elementor-4604 .elementor-element.elementor-element-137989c .elementor-icon svg{height:25px;}.elementor-4604 .elementor-element.elementor-element-137989c .elementor-icon-wrapper svg{width:auto;}.elementor-4604 .elementor-element.elementor-element-cef680f{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-4604 .elementor-element.elementor-element-cef680f .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-119fa2a{--display:flex;--min-height:234px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );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:#203C5E;--border-color:#203C5E;--border-radius:0px 0px 35px 35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4604 .elementor-element.elementor-element-119fa2a:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-119fa2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F8FD;}.elementor-4604 .elementor-element.elementor-element-119fa2a.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-87f0b37{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-f81e0ef .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-f81e0ef .elementor-icon{font-size:62px;}.elementor-4604 .elementor-element.elementor-element-f81e0ef .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-f81e0ef .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-f81e0ef .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-4604 .elementor-element.elementor-element-654b6b7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-fb9ca51{--display:flex;--min-height:100px;--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;--border-radius:35px 35px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:38px;--padding-right:38px;}.elementor-4604 .elementor-element.elementor-element-fb9ca51:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-fb9ca51 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#203C5E;}.elementor-4604 .elementor-element.elementor-element-c2fdf44 .elementor-icon-wrapper{text-align:center;}.elementor-4604 .elementor-element.elementor-element-c2fdf44 .elementor-icon{font-size:25px;}.elementor-4604 .elementor-element.elementor-element-c2fdf44 .elementor-icon svg{height:25px;}.elementor-4604 .elementor-element.elementor-element-c2fdf44 .elementor-icon-wrapper svg{width:auto;}.elementor-4604 .elementor-element.elementor-element-6f8dc6a{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-4604 .elementor-element.elementor-element-6f8dc6a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-9c4bc46{--display:flex;--min-height:234px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );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:#203C5E;--border-color:#203C5E;--border-radius:0px 0px 35px 35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4604 .elementor-element.elementor-element-9c4bc46:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-9c4bc46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F8FD;}.elementor-4604 .elementor-element.elementor-element-9c4bc46.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-5cff959{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-d8e30e4 .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-d8e30e4 .elementor-icon{font-size:62px;}.elementor-4604 .elementor-element.elementor-element-d8e30e4 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-d8e30e4 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-d8e30e4 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-4604 .elementor-element.elementor-element-6cc34da{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-e40e58b{--display:flex;--min-height:100px;--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;--border-radius:35px 35px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:38px;--padding-right:38px;}.elementor-4604 .elementor-element.elementor-element-e40e58b:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-e40e58b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#203C5E;}.elementor-4604 .elementor-element.elementor-element-fa2312f .elementor-icon-wrapper{text-align:center;}.elementor-4604 .elementor-element.elementor-element-fa2312f .elementor-icon{font-size:25px;}.elementor-4604 .elementor-element.elementor-element-fa2312f .elementor-icon svg{height:25px;}.elementor-4604 .elementor-element.elementor-element-fa2312f .elementor-icon-wrapper svg{width:auto;}.elementor-4604 .elementor-element.elementor-element-ba93b4b{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;}.elementor-4604 .elementor-element.elementor-element-ba93b4b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-4c1640c{--display:flex;--min-height:234px;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );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:#203C5E;--border-color:#203C5E;--border-radius:0px 0px 35px 35px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4604 .elementor-element.elementor-element-4c1640c:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-4c1640c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F8FD;}.elementor-4604 .elementor-element.elementor-element-4c1640c.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-a085bc1{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-4604 .elementor-element.elementor-element-c5681d1 .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-c5681d1 .elementor-icon{font-size:62px;}.elementor-4604 .elementor-element.elementor-element-c5681d1 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-c5681d1 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-c5681d1 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:14px;font-weight:400;}.elementor-4604 .elementor-element.elementor-element-fd4ec01{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-4604 .elementor-element.elementor-element-3856238{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-4604 .elementor-element.elementor-element-3856238:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-3856238 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4604 .elementor-element.elementor-element-d2f11e8{--display:flex;--min-height:75vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-d2f11e8:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-d2f11e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18304A;}.elementor-4604 .elementor-element.elementor-element-8716684{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-a593ced{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;padding:0px 0px 0px 0px;text-align:start;}.elementor-4604 .elementor-element.elementor-element-a593ced .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:58px;font-weight:600;line-height:70px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-d315ac8{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 30px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-d315ac8.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-d315ac8 p{margin-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-2cf31bf{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-2cf31bf .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-2cf31bf .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-2cf31bf.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-2cf31bf.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-2cf31bf.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-2cf31bf .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-2cf31bf .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-2cf31bf .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-2cf31bf .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-2cf31bf:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-2cf31bf:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-2cf31bf .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-6ec8241{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-6ec8241 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-6ec8241 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-6ec8241.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-6ec8241.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-6ec8241.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-6ec8241 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-6ec8241 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-6ec8241 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-6ec8241 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-6ec8241:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-6ec8241:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-6ec8241 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-5b90714{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-5b90714 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-5b90714 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-5b90714.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-5b90714.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-5b90714.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-5b90714 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-5b90714 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-5b90714 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-5b90714 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-5b90714:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-5b90714:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-5b90714 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-ded6c1a{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-973c91d{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:35px 35px 35px 35px;box-shadow:0px 8px 30px -4px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-973c91d:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-973c91d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-4604 .elementor-element.elementor-element-973c91d.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-e71c0ee{padding:0px 0px 0px 20px;}.elementor-4604 .elementor-element.elementor-element-e71c0ee.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-e71c0ee .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-e71c0ee .elementor-icon{font-size:85px;}.elementor-4604 .elementor-element.elementor-element-e71c0ee .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-e71c0ee .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-e71c0ee .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-e71c0ee:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-e71c0ee:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-e71c0ee .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-1b98603{--swiper-slides-to-display:3;--swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide > .elementor-element{height:100%;}.elementor-4604 .elementor-element.elementor-element-986491a{--display:flex;--min-height:75vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-986491a:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-986491a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18304A;}.elementor-4604 .elementor-element.elementor-element-60dc69d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-e70aef3{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;padding:0px 0px 0px 0px;text-align:start;}.elementor-4604 .elementor-element.elementor-element-e70aef3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:58px;font-weight:600;line-height:70px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-e3449cc{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 30px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-e3449cc.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-e3449cc p{margin-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-f5f18ff{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-f5f18ff .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-f5f18ff .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-f5f18ff.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-f5f18ff.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-f5f18ff.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-f5f18ff .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-f5f18ff .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-f5f18ff .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-f5f18ff .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-f5f18ff:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-f5f18ff:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-f5f18ff .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-447585a{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-447585a .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-447585a .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-447585a.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-447585a.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-447585a.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-447585a .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-447585a .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-447585a .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-447585a .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-447585a:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-447585a:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-447585a .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-cd6d78f{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-cd6d78f .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-cd6d78f .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-cd6d78f.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-cd6d78f.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-cd6d78f.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-cd6d78f .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-cd6d78f .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-cd6d78f .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-cd6d78f .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-cd6d78f:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-cd6d78f:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-cd6d78f .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-e9e0983{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-c599cd4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:35px 35px 35px 35px;box-shadow:0px 8px 30px -4px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-c599cd4:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-c599cd4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-4604 .elementor-element.elementor-element-c599cd4.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-3471be2{padding:0px 0px 0px 20px;}.elementor-4604 .elementor-element.elementor-element-3471be2.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-3471be2 .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-3471be2 .elementor-icon{font-size:85px;}.elementor-4604 .elementor-element.elementor-element-3471be2 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-3471be2 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-3471be2 .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-3471be2:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-3471be2:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-3471be2 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-813c409{--swiper-slides-to-display:3;--swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide > .elementor-element{height:100%;}.elementor-4604 .elementor-element.elementor-element-4e9fc5c{--display:flex;--min-height:75vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-4e9fc5c:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-4e9fc5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18304A;}.elementor-4604 .elementor-element.elementor-element-da6d268{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-8d07580{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;padding:0px 0px 0px 0px;text-align:start;}.elementor-4604 .elementor-element.elementor-element-8d07580 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:58px;font-weight:600;line-height:70px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-5b154ab{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 30px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-5b154ab.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-5b154ab p{margin-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-14ed6c6{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-14ed6c6 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-14ed6c6 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-14ed6c6.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-14ed6c6.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-14ed6c6.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-14ed6c6 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-14ed6c6 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-14ed6c6 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-14ed6c6 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-14ed6c6:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-14ed6c6:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-14ed6c6 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-517e9b2{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-517e9b2 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-517e9b2 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-517e9b2.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-517e9b2.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-517e9b2.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-517e9b2 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-517e9b2 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-517e9b2 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-517e9b2 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-517e9b2:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-517e9b2:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-517e9b2 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-7185f05{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-7185f05 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-7185f05 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-7185f05.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-7185f05.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-7185f05.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-7185f05 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-7185f05 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-7185f05 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-7185f05 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-7185f05:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-7185f05:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-7185f05 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-d7ad177{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-b771730{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:35px 35px 35px 35px;box-shadow:0px 8px 30px -4px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-b771730:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-b771730 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-4604 .elementor-element.elementor-element-b771730.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-aad8215{padding:0px 0px 0px 20px;}.elementor-4604 .elementor-element.elementor-element-aad8215.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-aad8215 .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-aad8215 .elementor-icon{font-size:85px;}.elementor-4604 .elementor-element.elementor-element-aad8215 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-aad8215 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-aad8215 .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-aad8215:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-aad8215:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-aad8215 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-cdda7eb{--swiper-slides-to-display:3;--swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide > .elementor-element{height:100%;}.elementor-4604 .elementor-element.elementor-element-45dabaf{--display:flex;--min-height:75vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-45dabaf:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-45dabaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18304A;}.elementor-4604 .elementor-element.elementor-element-8866a2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-e04ad4b{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;padding:0px 0px 0px 0px;text-align:start;}.elementor-4604 .elementor-element.elementor-element-e04ad4b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:58px;font-weight:600;line-height:70px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-1b22398{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 30px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-1b22398.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-1b22398 p{margin-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-7ff7339{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-7ff7339 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-7ff7339 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-7ff7339.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-7ff7339.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-7ff7339.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-7ff7339 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-7ff7339 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-7ff7339 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-7ff7339 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-7ff7339:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-7ff7339:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-7ff7339 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-da64971{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-da64971 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-da64971 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-da64971.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-da64971.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-da64971.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-da64971 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-da64971 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-da64971 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-da64971 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-da64971:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-da64971:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-da64971 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-2553de7{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-2553de7 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-2553de7 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-2553de7.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-2553de7.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-2553de7.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-2553de7 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-2553de7 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-2553de7 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-2553de7 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-2553de7:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-2553de7:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-2553de7 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-f4f29d5{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-f3ea398{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:35px 35px 35px 35px;box-shadow:0px 8px 30px -4px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-f3ea398:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-f3ea398 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-4604 .elementor-element.elementor-element-f3ea398.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-14b6b51{padding:0px 0px 0px 20px;}.elementor-4604 .elementor-element.elementor-element-14b6b51.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-14b6b51 .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-14b6b51 .elementor-icon{font-size:85px;}.elementor-4604 .elementor-element.elementor-element-14b6b51 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-14b6b51 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-14b6b51 .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-14b6b51:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-14b6b51:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-14b6b51 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-44a8ece{--swiper-slides-to-display:3;--swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide > .elementor-element{height:100%;}.elementor-4604 .elementor-element.elementor-element-252effb{--display:flex;--min-height:75vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-252effb:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-252effb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18304A;}.elementor-4604 .elementor-element.elementor-element-c953c8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-657fe78{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;padding:0px 0px 0px 0px;text-align:start;}.elementor-4604 .elementor-element.elementor-element-657fe78 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:58px;font-weight:600;line-height:70px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-34cad0e{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 30px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-34cad0e.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-34cad0e p{margin-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-c19427e{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-c19427e .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-c19427e .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-c19427e.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-c19427e.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-c19427e.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-c19427e .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-c19427e .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-c19427e .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-c19427e .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-c19427e:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-c19427e:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-c19427e .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-e99eed4{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-e99eed4 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-e99eed4 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-e99eed4.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-e99eed4.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-e99eed4.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-e99eed4 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-e99eed4 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-e99eed4 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-e99eed4 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-e99eed4:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-e99eed4:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-e99eed4 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-65d5418{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-65d5418 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-65d5418 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-65d5418.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-65d5418.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-65d5418.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-65d5418 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-65d5418 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-65d5418 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-65d5418 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-65d5418:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-65d5418:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-65d5418 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-0a9afaa{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-4ba35a6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:35px 35px 35px 35px;box-shadow:0px 8px 30px -4px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-4ba35a6:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-4ba35a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-4604 .elementor-element.elementor-element-4ba35a6.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-e6903d5{padding:0px 0px 0px 20px;}.elementor-4604 .elementor-element.elementor-element-e6903d5.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-e6903d5 .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-e6903d5 .elementor-icon{font-size:85px;}.elementor-4604 .elementor-element.elementor-element-e6903d5 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-e6903d5 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-e6903d5 .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-e6903d5:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-e6903d5:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-e6903d5 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-ec94ab9{--swiper-slides-to-display:3;--swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide > .elementor-element{height:100%;}.elementor-4604 .elementor-element.elementor-element-529aa3e{--display:flex;--min-height:75vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-529aa3e:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-529aa3e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18304A;}.elementor-4604 .elementor-element.elementor-element-c313af5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-a7804e9{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;padding:0px 0px 0px 0px;text-align:start;}.elementor-4604 .elementor-element.elementor-element-a7804e9 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:58px;font-weight:600;line-height:70px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-c10365b{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 30px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-c10365b.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-c10365b p{margin-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-fce2250{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-fce2250 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-fce2250 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-fce2250.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-fce2250.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-fce2250.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-fce2250 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-fce2250 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-fce2250 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-fce2250 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-fce2250:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-fce2250:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-fce2250 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-c8a4acd{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-c8a4acd .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-c8a4acd .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-c8a4acd.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-c8a4acd.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-c8a4acd.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-c8a4acd .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-c8a4acd .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-c8a4acd .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-c8a4acd .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-c8a4acd:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-c8a4acd:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-c8a4acd .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-e24d803{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-e24d803 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-e24d803 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-e24d803.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-e24d803.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-e24d803.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-e24d803 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-e24d803 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-e24d803 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-e24d803 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-e24d803:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-e24d803:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-e24d803 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-448cdb5{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-eda40d1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:35px 35px 35px 35px;box-shadow:0px 8px 30px -4px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-eda40d1:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-eda40d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-4604 .elementor-element.elementor-element-eda40d1.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-62d2a97{padding:0px 0px 0px 20px;}.elementor-4604 .elementor-element.elementor-element-62d2a97.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-62d2a97 .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-62d2a97 .elementor-icon{font-size:85px;}.elementor-4604 .elementor-element.elementor-element-62d2a97 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-62d2a97 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-62d2a97 .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-62d2a97:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-62d2a97:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-62d2a97 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-6018544{--swiper-slides-to-display:3;--swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide > .elementor-element{height:100%;}.elementor-4604 .elementor-element.elementor-element-f4b80c9{--display:flex;--min-height:75vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-f4b80c9:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-f4b80c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18304A;}.elementor-4604 .elementor-element.elementor-element-c06d724{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-a223d15{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;padding:0px 0px 0px 0px;text-align:start;}.elementor-4604 .elementor-element.elementor-element-a223d15 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:58px;font-weight:600;line-height:70px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-77f0364{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 30px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-77f0364.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-77f0364 p{margin-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-9b5f047{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-9b5f047 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-9b5f047 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-9b5f047.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-9b5f047.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-9b5f047.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-9b5f047 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-9b5f047 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-9b5f047 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-9b5f047 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-9b5f047:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-9b5f047:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-9b5f047 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-6db7928{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-6db7928 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-6db7928 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-6db7928.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-6db7928.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-6db7928.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-6db7928 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-6db7928 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-6db7928 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-6db7928 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-6db7928:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-6db7928:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-6db7928 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-03f0c3a{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-03f0c3a .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-03f0c3a .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-03f0c3a.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-03f0c3a.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-03f0c3a.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-03f0c3a .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-03f0c3a .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-03f0c3a .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-03f0c3a .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-03f0c3a:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-03f0c3a:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-03f0c3a .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-7c729e4{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-0eec22e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:35px 35px 35px 35px;box-shadow:0px 8px 30px -4px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-0eec22e:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-0eec22e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-4604 .elementor-element.elementor-element-0eec22e.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-a8c0bd8{padding:0px 0px 0px 20px;}.elementor-4604 .elementor-element.elementor-element-a8c0bd8.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-a8c0bd8 .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-a8c0bd8 .elementor-icon{font-size:85px;}.elementor-4604 .elementor-element.elementor-element-a8c0bd8 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-a8c0bd8 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-a8c0bd8 .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-a8c0bd8:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-a8c0bd8:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-a8c0bd8 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-77b6f87{--swiper-slides-to-display:3;--swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide > .elementor-element{height:100%;}.elementor-4604 .elementor-element.elementor-element-2a066c2{--display:flex;--min-height:75vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-2a066c2:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-2a066c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18304A;}.elementor-4604 .elementor-element.elementor-element-f24c18b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-95f81a3{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;padding:0px 0px 0px 0px;text-align:start;}.elementor-4604 .elementor-element.elementor-element-95f81a3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:58px;font-weight:600;line-height:70px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-d702636{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 30px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-d702636.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-d702636 p{margin-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-1ab50f9{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-1ab50f9 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-1ab50f9 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-1ab50f9.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-1ab50f9.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-1ab50f9.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-1ab50f9 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-1ab50f9 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-1ab50f9 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-1ab50f9 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-1ab50f9:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-1ab50f9:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-1ab50f9 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-44ef580{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-44ef580 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-44ef580 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-44ef580.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-44ef580.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-44ef580.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-44ef580 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-44ef580 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-44ef580 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-44ef580 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-44ef580:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-44ef580:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-44ef580 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-515b79c{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-515b79c .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-515b79c .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-515b79c.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-515b79c.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-515b79c.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-515b79c .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-515b79c .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-515b79c .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-515b79c .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-515b79c:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-515b79c:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-515b79c .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-007067d{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-561694b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:35px 35px 35px 35px;box-shadow:0px 8px 30px -4px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-561694b:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-561694b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-4604 .elementor-element.elementor-element-561694b.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-c6ee0c9{padding:0px 0px 0px 20px;}.elementor-4604 .elementor-element.elementor-element-c6ee0c9.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-c6ee0c9 .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-c6ee0c9 .elementor-icon{font-size:85px;}.elementor-4604 .elementor-element.elementor-element-c6ee0c9 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-c6ee0c9 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-c6ee0c9 .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-c6ee0c9:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-c6ee0c9:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-c6ee0c9 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-3802f77{--swiper-slides-to-display:3;--swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide > .elementor-element{height:100%;}.elementor-4604 .elementor-element.elementor-element-a27bd31{--display:flex;--min-height:75vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-a27bd31:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-a27bd31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18304A;}.elementor-4604 .elementor-element.elementor-element-032d36c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-e7710ce{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;padding:0px 0px 0px 0px;text-align:start;}.elementor-4604 .elementor-element.elementor-element-e7710ce .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:58px;font-weight:600;line-height:70px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-163c881{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 30px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-163c881.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-163c881 p{margin-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-461dafb{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-461dafb .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-461dafb .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-461dafb.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-461dafb.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-461dafb.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-461dafb .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-461dafb .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-461dafb .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-461dafb .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-461dafb:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-461dafb:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-461dafb .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-54ce83c{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-54ce83c .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-54ce83c .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-54ce83c.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-54ce83c.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-54ce83c.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-54ce83c .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-54ce83c .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-54ce83c .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-54ce83c .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-54ce83c:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-54ce83c:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-54ce83c .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-0b0107e{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-0b0107e .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-0b0107e .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-0b0107e.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-0b0107e.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-0b0107e.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-0b0107e .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-0b0107e .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-0b0107e .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-0b0107e .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-0b0107e:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-0b0107e:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-0b0107e .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-3c18df1{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-d7e6195{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:35px 35px 35px 35px;box-shadow:0px 8px 30px -4px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-d7e6195:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-d7e6195 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-4604 .elementor-element.elementor-element-d7e6195.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-b0a7291{padding:0px 0px 0px 20px;}.elementor-4604 .elementor-element.elementor-element-b0a7291.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-b0a7291 .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-b0a7291 .elementor-icon{font-size:85px;}.elementor-4604 .elementor-element.elementor-element-b0a7291 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-b0a7291 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-b0a7291 .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-b0a7291:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-b0a7291:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-b0a7291 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-cac1041{--swiper-slides-to-display:3;--swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide > .elementor-element{height:100%;}.elementor-4604 .elementor-element.elementor-element-14b8e5f{--display:flex;--min-height:75vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-14b8e5f:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-14b8e5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#18304A;}.elementor-4604 .elementor-element.elementor-element-0f307fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-d4385a3{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;padding:0px 0px 0px 0px;text-align:start;}.elementor-4604 .elementor-element.elementor-element-d4385a3 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:58px;font-weight:600;line-height:70px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-c104d1d{--wcf-duration:1000ms;--wcf-delay:0ms;--wcf-ease:ease;width:var( --container-widget-width, 80% );max-width:80%;padding:0px 0px 30px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-c104d1d.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-c104d1d p{margin-block-end:0px;}.elementor-4604 .elementor-element.elementor-element-ed552a0{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-ed552a0 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-ed552a0 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-ed552a0.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-ed552a0.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-ed552a0.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-ed552a0 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-ed552a0 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-ed552a0 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-ed552a0 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-ed552a0:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-ed552a0:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-ed552a0 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-396c021{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-396c021 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-396c021 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-396c021.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-396c021.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-396c021.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-396c021 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-396c021 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-396c021 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-396c021 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-396c021:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-396c021:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-396c021 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-b088a02{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-4604 .elementor-element.elementor-element-b088a02 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:24px;}.elementor-4604 .elementor-element.elementor-element-b088a02 .elementor-icon-box-title{margin-block-end:12px;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-b088a02.elementor-view-stacked .elementor-icon{background-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-b088a02.elementor-view-framed .elementor-icon, .elementor-4604 .elementor-element.elementor-element-b088a02.elementor-view-default .elementor-icon{fill:#0F2A5F;color:#0F2A5F;border-color:#0F2A5F;}.elementor-4604 .elementor-element.elementor-element-b088a02 .elementor-icon{font-size:34px;}.elementor-4604 .elementor-element.elementor-element-b088a02 .elementor-icon i{transform:rotate(0deg);}.elementor-4604 .elementor-element.elementor-element-b088a02 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-b088a02 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;line-height:19px;}.elementor-4604 .elementor-element.elementor-element-b088a02:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-b088a02:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-b088a02 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#768B99;}.elementor-4604 .elementor-element.elementor-element-1c77244{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-b211516{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:35px 35px 35px 35px;box-shadow:0px 8px 30px -4px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-b211516:not(.elementor-motion-effects-element-type-background), .elementor-4604 .elementor-element.elementor-element-b211516 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-4604 .elementor-element.elementor-element-b211516.e-con{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-130bd11{padding:0px 0px 0px 20px;}.elementor-4604 .elementor-element.elementor-element-130bd11.elementor-element{--align-self:flex-start;}.elementor-4604 .elementor-element.elementor-element-130bd11 .elementor-icon-box-wrapper{align-items:center;gap:22px;}.elementor-4604 .elementor-element.elementor-element-130bd11 .elementor-icon{font-size:85px;}.elementor-4604 .elementor-element.elementor-element-130bd11 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-130bd11 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;}.elementor-4604 .elementor-element.elementor-element-130bd11 .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-130bd11:has(:hover) .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-130bd11:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-130bd11 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;color:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-6ffeed9{--swiper-slides-to-display:3;--swiper-slides-gap:10px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide > .elementor-element{height:100%;}.elementor-4604 .elementor-element.elementor-element-bbd6d4a{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;width:100%;max-width:100%;padding:0px 0px 0px 0px;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;--n-tabs-title-gap:30px;--n-tabs-gap:50px;--n-tabs-title-border-radius:50px 50px 50px 50px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:50px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:50px;--n-tabs-title-font-size:22px;}.elementor-4604 .elementor-element.elementor-element-bbd6d4a > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-4604 .elementor-element.elementor-element-bbd6d4a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#22608F;}.elementor-4604 .elementor-element.elementor-element-bbd6d4a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-4604 .elementor-element.elementor-element-bbd6d4a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#22608F;border-style:solid;border-width:1px 1px 1px 1px;border-color:#22608F;}.elementor-4604 .elementor-element.elementor-element-bbd6d4a.elementor-element{--align-self:center;}.elementor-4604 .elementor-element.elementor-element-bbd6d4a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:1px 1px 1px 1px;border-color:#22608F;}.elementor-4604 .elementor-element.elementor-element-bbd6d4a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Plus Jakarta Sans", Sans-serif;font-weight:500;}:root{--page-title-display:none;}@media(min-width:481px){.elementor-4604 .elementor-element.elementor-element-a98cb96{--content-width:100%;}.elementor-4604 .elementor-element.elementor-element-2ec0a70{--width:100%;}.elementor-4604 .elementor-element.elementor-element-2b2567b{--width:80%;}.elementor-4604 .elementor-element.elementor-element-f99b8c8{--width:100%;}.elementor-4604 .elementor-element.elementor-element-db4da29{--width:100%;}.elementor-4604 .elementor-element.elementor-element-e92f195{--width:75%;}.elementor-4604 .elementor-element.elementor-element-1b3ea65{--content-width:100%;}.elementor-4604 .elementor-element.elementor-element-18d4ba8{--width:80%;}.elementor-4604 .elementor-element.elementor-element-b578f72{--width:100%;}.elementor-4604 .elementor-element.elementor-element-c767a20{--width:100%;}.elementor-4604 .elementor-element.elementor-element-00c90c8{--width:75%;}.elementor-4604 .elementor-element.elementor-element-8716684{--width:50%;}.elementor-4604 .elementor-element.elementor-element-ded6c1a{--width:50%;}.elementor-4604 .elementor-element.elementor-element-973c91d{--width:100%;}.elementor-4604 .elementor-element.elementor-element-60dc69d{--width:50%;}.elementor-4604 .elementor-element.elementor-element-e9e0983{--width:50%;}.elementor-4604 .elementor-element.elementor-element-c599cd4{--width:100%;}.elementor-4604 .elementor-element.elementor-element-da6d268{--width:50%;}.elementor-4604 .elementor-element.elementor-element-d7ad177{--width:50%;}.elementor-4604 .elementor-element.elementor-element-b771730{--width:100%;}.elementor-4604 .elementor-element.elementor-element-8866a2e{--width:50%;}.elementor-4604 .elementor-element.elementor-element-f4f29d5{--width:50%;}.elementor-4604 .elementor-element.elementor-element-f3ea398{--width:100%;}.elementor-4604 .elementor-element.elementor-element-c953c8a{--width:50%;}.elementor-4604 .elementor-element.elementor-element-0a9afaa{--width:50%;}.elementor-4604 .elementor-element.elementor-element-4ba35a6{--width:100%;}.elementor-4604 .elementor-element.elementor-element-c313af5{--width:50%;}.elementor-4604 .elementor-element.elementor-element-448cdb5{--width:50%;}.elementor-4604 .elementor-element.elementor-element-eda40d1{--width:100%;}.elementor-4604 .elementor-element.elementor-element-c06d724{--width:50%;}.elementor-4604 .elementor-element.elementor-element-7c729e4{--width:50%;}.elementor-4604 .elementor-element.elementor-element-0eec22e{--width:100%;}.elementor-4604 .elementor-element.elementor-element-f24c18b{--width:50%;}.elementor-4604 .elementor-element.elementor-element-007067d{--width:50%;}.elementor-4604 .elementor-element.elementor-element-561694b{--width:100%;}.elementor-4604 .elementor-element.elementor-element-032d36c{--width:50%;}.elementor-4604 .elementor-element.elementor-element-3c18df1{--width:50%;}.elementor-4604 .elementor-element.elementor-element-d7e6195{--width:100%;}.elementor-4604 .elementor-element.elementor-element-0f307fc{--width:50%;}.elementor-4604 .elementor-element.elementor-element-1c77244{--width:50%;}.elementor-4604 .elementor-element.elementor-element-b211516{--width:100%;}}@media(max-width:1366px) and (min-width:481px){.elementor-4604 .elementor-element.elementor-element-f99b8c8{--width:500px;}.elementor-4604 .elementor-element.elementor-element-b578f72{--width:500px;}}@media(max-width:1366px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-4604 .elementor-element.elementor-element-6daed6f .elementor-heading-title{font-size:48px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-4604 .elementor-element.elementor-element-3b2fe5c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;}.elementor-4604 .elementor-element.elementor-element-208efbb .elementor-icon{font-size:32px;}.elementor-4604 .elementor-element.elementor-element-208efbb .elementor-icon svg{height:32px;}.elementor-4604 .elementor-element.elementor-element-5f0446b .elementor-icon{font-size:32px;}.elementor-4604 .elementor-element.elementor-element-5f0446b .elementor-icon svg{height:32px;}.elementor-4604 .elementor-element.elementor-element-f99b8c8{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-4604 .elementor-element.elementor-element-e682860{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4604 .elementor-element.elementor-element-e682860 img{width:200px;height:70px;object-fit:fill;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-4604 .elementor-element.elementor-element-0ade680 .elementor-icon{font-size:44px;}.elementor-4604 .elementor-element.elementor-element-0ade680 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-0ade680 .elementor-icon-box-title a{font-size:32px;}.elementor-4604 .elementor-element.elementor-element-0ade680 .elementor-icon-box-description{font-size:14px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-4604 .elementor-element.elementor-element-c53e20c .elementor-icon{font-size:44px;}.elementor-4604 .elementor-element.elementor-element-c53e20c .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-c53e20c .elementor-icon-box-title a{font-size:32px;}.elementor-4604 .elementor-element.elementor-element-c53e20c .elementor-icon-box-description{font-size:14px;}.elementor-4604 .elementor-element.elementor-element-f567f48 .elementor-icon{font-size:44px;}.elementor-4604 .elementor-element.elementor-element-f567f48 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-f567f48 .elementor-icon-box-title a{font-size:32px;}.elementor-4604 .elementor-element.elementor-element-f567f48 .elementor-icon-box-description{font-size:14px;}.elementor-4604 .elementor-element.elementor-element-fe013c9 .elementor-icon{font-size:44px;}.elementor-4604 .elementor-element.elementor-element-fe013c9 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-fe013c9 .elementor-icon-box-title a{font-size:32px;}.elementor-4604 .elementor-element.elementor-element-fe013c9 .elementor-icon-box-description{font-size:14px;}.elementor-4604 .elementor-element.elementor-element-6e280d8{--min-height:96px;--padding-top:0px;--padding-bottom:0px;--padding-left:34px;--padding-right:34px;}.elementor-4604 .elementor-element.elementor-element-10e8a66 .elementor-icon{font-size:21px;}.elementor-4604 .elementor-element.elementor-element-10e8a66 .elementor-icon svg{height:21px;}.elementor-4604 .elementor-element.elementor-element-814f3e8 .elementor-heading-title{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-6667e42{--min-height:230px;}.elementor-4604 .elementor-element.elementor-element-3d4b3af{font-size:15px;}.elementor-4604 .elementor-element.elementor-element-97874b6 .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-97874b6 .elementor-icon{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-97874b6 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-97874b6 .elementor-icon-box-title a{font-size:16px;}.elementor-4604 .elementor-element.elementor-element-97874b6 .elementor-icon-box-description{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-2504af7 .elementor-icon{font-size:21px;}.elementor-4604 .elementor-element.elementor-element-2504af7 .elementor-icon svg{height:21px;}.elementor-4604 .elementor-element.elementor-element-17e79bf .elementor-heading-title{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-b48c941{font-size:15px;}.elementor-4604 .elementor-element.elementor-element-d87bb1d .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-d87bb1d .elementor-icon{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-d87bb1d .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-d87bb1d .elementor-icon-box-title a{font-size:16px;}.elementor-4604 .elementor-element.elementor-element-d87bb1d .elementor-icon-box-description{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-2ee8f3e .elementor-icon{font-size:21px;}.elementor-4604 .elementor-element.elementor-element-2ee8f3e .elementor-icon svg{height:21px;}.elementor-4604 .elementor-element.elementor-element-b4d7e9c .elementor-heading-title{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-56b4146{font-size:14px;}.elementor-4604 .elementor-element.elementor-element-32a9d5a .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-32a9d5a .elementor-icon{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-32a9d5a .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-32a9d5a .elementor-icon-box-title a{font-size:16px;}.elementor-4604 .elementor-element.elementor-element-32a9d5a .elementor-icon-box-description{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-412c6b7 .elementor-heading-title{font-size:48px;}.elementor-4604 .elementor-element.elementor-element-4d5b203{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:16px;}.elementor-4604 .elementor-element.elementor-element-95f6c73 .elementor-icon{font-size:32px;}.elementor-4604 .elementor-element.elementor-element-95f6c73 .elementor-icon svg{height:32px;}.elementor-4604 .elementor-element.elementor-element-a35a788 .elementor-icon{font-size:32px;}.elementor-4604 .elementor-element.elementor-element-a35a788 .elementor-icon svg{height:32px;}.elementor-4604 .elementor-element.elementor-element-b578f72{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4604 .elementor-element.elementor-element-0b6bdfe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4604 .elementor-element.elementor-element-0b6bdfe img{width:200px;height:70px;object-fit:fill;}.elementor-4604 .elementor-element.elementor-element-4a0d3dd .elementor-icon{font-size:44px;}.elementor-4604 .elementor-element.elementor-element-4a0d3dd .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-4a0d3dd .elementor-icon-box-title a{font-size:32px;}.elementor-4604 .elementor-element.elementor-element-4a0d3dd .elementor-icon-box-description{font-size:14px;}.elementor-4604 .elementor-element.elementor-element-a723815 .elementor-icon{font-size:44px;}.elementor-4604 .elementor-element.elementor-element-a723815 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-a723815 .elementor-icon-box-title a{font-size:32px;}.elementor-4604 .elementor-element.elementor-element-a723815 .elementor-icon-box-description{font-size:14px;}.elementor-4604 .elementor-element.elementor-element-7000e5d .elementor-icon{font-size:44px;}.elementor-4604 .elementor-element.elementor-element-7000e5d .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-7000e5d .elementor-icon-box-title a{font-size:32px;}.elementor-4604 .elementor-element.elementor-element-7000e5d .elementor-icon-box-description{font-size:14px;}.elementor-4604 .elementor-element.elementor-element-751de8a .elementor-icon{font-size:44px;}.elementor-4604 .elementor-element.elementor-element-751de8a .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-751de8a .elementor-icon-box-title a{font-size:32px;}.elementor-4604 .elementor-element.elementor-element-751de8a .elementor-icon-box-description{font-size:14px;}.elementor-4604 .elementor-element.elementor-element-53e2266{--min-height:96px;--padding-top:0px;--padding-bottom:0px;--padding-left:34px;--padding-right:34px;}.elementor-4604 .elementor-element.elementor-element-3cf54d9 .elementor-icon{font-size:21px;}.elementor-4604 .elementor-element.elementor-element-3cf54d9 .elementor-icon svg{height:21px;}.elementor-4604 .elementor-element.elementor-element-27c153e .elementor-heading-title{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-0d5f10c{--min-height:230px;}.elementor-4604 .elementor-element.elementor-element-50a7ab5{font-size:15px;}.elementor-4604 .elementor-element.elementor-element-682efc3 .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-682efc3 .elementor-icon{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-682efc3 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-682efc3 .elementor-icon-box-title a{font-size:16px;}.elementor-4604 .elementor-element.elementor-element-682efc3 .elementor-icon-box-description{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-c4555f5{--min-height:96px;--padding-top:0px;--padding-bottom:0px;--padding-left:34px;--padding-right:34px;}.elementor-4604 .elementor-element.elementor-element-137989c .elementor-icon{font-size:21px;}.elementor-4604 .elementor-element.elementor-element-137989c .elementor-icon svg{height:21px;}.elementor-4604 .elementor-element.elementor-element-cef680f .elementor-heading-title{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-119fa2a{--min-height:230px;}.elementor-4604 .elementor-element.elementor-element-87f0b37{font-size:15px;}.elementor-4604 .elementor-element.elementor-element-f81e0ef .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-f81e0ef .elementor-icon{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-f81e0ef .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-f81e0ef .elementor-icon-box-title a{font-size:16px;}.elementor-4604 .elementor-element.elementor-element-f81e0ef .elementor-icon-box-description{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-fb9ca51{--min-height:96px;--padding-top:0px;--padding-bottom:0px;--padding-left:34px;--padding-right:34px;}.elementor-4604 .elementor-element.elementor-element-c2fdf44 .elementor-icon{font-size:21px;}.elementor-4604 .elementor-element.elementor-element-c2fdf44 .elementor-icon svg{height:21px;}.elementor-4604 .elementor-element.elementor-element-6f8dc6a .elementor-heading-title{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-9c4bc46{--min-height:230px;}.elementor-4604 .elementor-element.elementor-element-5cff959{font-size:15px;}.elementor-4604 .elementor-element.elementor-element-d8e30e4 .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-d8e30e4 .elementor-icon{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-d8e30e4 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-d8e30e4 .elementor-icon-box-title a{font-size:16px;}.elementor-4604 .elementor-element.elementor-element-d8e30e4 .elementor-icon-box-description{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-e40e58b{--min-height:96px;--padding-top:0px;--padding-bottom:0px;--padding-left:34px;--padding-right:34px;}.elementor-4604 .elementor-element.elementor-element-fa2312f .elementor-icon{font-size:21px;}.elementor-4604 .elementor-element.elementor-element-fa2312f .elementor-icon svg{height:21px;}.elementor-4604 .elementor-element.elementor-element-ba93b4b .elementor-heading-title{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-4c1640c{--min-height:230px;}.elementor-4604 .elementor-element.elementor-element-a085bc1{font-size:15px;}.elementor-4604 .elementor-element.elementor-element-c5681d1 .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-c5681d1 .elementor-icon{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-c5681d1 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-c5681d1 .elementor-icon-box-title a{font-size:16px;}.elementor-4604 .elementor-element.elementor-element-c5681d1 .elementor-icon-box-description{font-size:12px;}.elementor-4604 .elementor-element.elementor-element-a593ced .elementor-heading-title{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-d315ac8{padding:0px 0px 60px 0px;font-size:20px;}.elementor-4604 .elementor-element.elementor-element-2cf31bf .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-2cf31bf .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-2cf31bf .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-2cf31bf .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-6ec8241 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-6ec8241 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-6ec8241 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-6ec8241 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-5b90714 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-5b90714 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-5b90714 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-5b90714 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-e71c0ee .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-e71c0ee .elementor-icon{font-size:81px;}.elementor-4604 .elementor-element.elementor-element-e71c0ee .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-e71c0ee .elementor-icon-box-title a{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-e71c0ee .elementor-icon-box-description{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-1b98603{--swiper-slides-to-display:3;}.elementor-4604 .elementor-element.elementor-element-e70aef3 .elementor-heading-title{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-e3449cc{padding:0px 0px 60px 0px;font-size:20px;}.elementor-4604 .elementor-element.elementor-element-f5f18ff .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-f5f18ff .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-f5f18ff .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-f5f18ff .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-447585a .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-447585a .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-447585a .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-447585a .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-cd6d78f .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-cd6d78f .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-cd6d78f .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-cd6d78f .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-3471be2 .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-3471be2 .elementor-icon{font-size:81px;}.elementor-4604 .elementor-element.elementor-element-3471be2 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-3471be2 .elementor-icon-box-title a{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-3471be2 .elementor-icon-box-description{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-813c409{--swiper-slides-to-display:3;}.elementor-4604 .elementor-element.elementor-element-8d07580 .elementor-heading-title{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-5b154ab{padding:0px 0px 60px 0px;font-size:20px;}.elementor-4604 .elementor-element.elementor-element-14ed6c6 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-14ed6c6 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-14ed6c6 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-14ed6c6 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-517e9b2 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-517e9b2 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-517e9b2 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-517e9b2 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-7185f05 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-7185f05 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-7185f05 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-7185f05 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-aad8215 .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-aad8215 .elementor-icon{font-size:81px;}.elementor-4604 .elementor-element.elementor-element-aad8215 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-aad8215 .elementor-icon-box-title a{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-aad8215 .elementor-icon-box-description{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-cdda7eb{--swiper-slides-to-display:3;}.elementor-4604 .elementor-element.elementor-element-e04ad4b .elementor-heading-title{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-1b22398{padding:0px 0px 60px 0px;font-size:20px;}.elementor-4604 .elementor-element.elementor-element-7ff7339 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-7ff7339 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-7ff7339 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-7ff7339 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-da64971 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-da64971 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-da64971 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-da64971 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-2553de7 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-2553de7 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-2553de7 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-2553de7 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-14b6b51 .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-14b6b51 .elementor-icon{font-size:81px;}.elementor-4604 .elementor-element.elementor-element-14b6b51 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-14b6b51 .elementor-icon-box-title a{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-14b6b51 .elementor-icon-box-description{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-44a8ece{--swiper-slides-to-display:3;}.elementor-4604 .elementor-element.elementor-element-657fe78 .elementor-heading-title{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-34cad0e{padding:0px 0px 60px 0px;font-size:20px;}.elementor-4604 .elementor-element.elementor-element-c19427e .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-c19427e .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-c19427e .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-c19427e .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-e99eed4 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-e99eed4 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-e99eed4 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-e99eed4 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-65d5418 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-65d5418 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-65d5418 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-65d5418 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-e6903d5 .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-e6903d5 .elementor-icon{font-size:81px;}.elementor-4604 .elementor-element.elementor-element-e6903d5 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-e6903d5 .elementor-icon-box-title a{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-e6903d5 .elementor-icon-box-description{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-ec94ab9{--swiper-slides-to-display:3;}.elementor-4604 .elementor-element.elementor-element-a7804e9 .elementor-heading-title{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-c10365b{padding:0px 0px 60px 0px;font-size:20px;}.elementor-4604 .elementor-element.elementor-element-fce2250 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-fce2250 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-fce2250 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-fce2250 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-c8a4acd .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-c8a4acd .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-c8a4acd .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-c8a4acd .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-e24d803 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-e24d803 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-e24d803 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-e24d803 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-62d2a97 .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-62d2a97 .elementor-icon{font-size:81px;}.elementor-4604 .elementor-element.elementor-element-62d2a97 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-62d2a97 .elementor-icon-box-title a{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-62d2a97 .elementor-icon-box-description{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-6018544{--swiper-slides-to-display:3;}.elementor-4604 .elementor-element.elementor-element-a223d15 .elementor-heading-title{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-77f0364{padding:0px 0px 60px 0px;font-size:20px;}.elementor-4604 .elementor-element.elementor-element-9b5f047 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-9b5f047 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-9b5f047 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-9b5f047 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-6db7928 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-6db7928 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-6db7928 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-6db7928 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-03f0c3a .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-03f0c3a .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-03f0c3a .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-03f0c3a .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-a8c0bd8 .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-a8c0bd8 .elementor-icon{font-size:81px;}.elementor-4604 .elementor-element.elementor-element-a8c0bd8 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-a8c0bd8 .elementor-icon-box-title a{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-a8c0bd8 .elementor-icon-box-description{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-77b6f87{--swiper-slides-to-display:3;}.elementor-4604 .elementor-element.elementor-element-95f81a3 .elementor-heading-title{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-d702636{padding:0px 0px 60px 0px;font-size:20px;}.elementor-4604 .elementor-element.elementor-element-1ab50f9 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-1ab50f9 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-1ab50f9 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-1ab50f9 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-44ef580 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-44ef580 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-44ef580 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-44ef580 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-515b79c .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-515b79c .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-515b79c .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-515b79c .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-c6ee0c9 .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-c6ee0c9 .elementor-icon{font-size:81px;}.elementor-4604 .elementor-element.elementor-element-c6ee0c9 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-c6ee0c9 .elementor-icon-box-title a{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-c6ee0c9 .elementor-icon-box-description{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-3802f77{--swiper-slides-to-display:3;}.elementor-4604 .elementor-element.elementor-element-e7710ce .elementor-heading-title{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-163c881{padding:0px 0px 60px 0px;font-size:20px;}.elementor-4604 .elementor-element.elementor-element-461dafb .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-461dafb .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-461dafb .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-461dafb .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-54ce83c .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-54ce83c .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-54ce83c .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-54ce83c .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-0b0107e .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-0b0107e .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-0b0107e .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-0b0107e .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-b0a7291 .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-b0a7291 .elementor-icon{font-size:81px;}.elementor-4604 .elementor-element.elementor-element-b0a7291 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-b0a7291 .elementor-icon-box-title a{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-b0a7291 .elementor-icon-box-description{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-cac1041{--swiper-slides-to-display:3;}.elementor-4604 .elementor-element.elementor-element-d4385a3 .elementor-heading-title{font-size:58px;}.elementor-4604 .elementor-element.elementor-element-c104d1d{padding:0px 0px 60px 0px;font-size:20px;}.elementor-4604 .elementor-element.elementor-element-ed552a0 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-ed552a0 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-ed552a0 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-ed552a0 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-396c021 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-396c021 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-396c021 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-396c021 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-b088a02 .elementor-icon{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-b088a02 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-b088a02 .elementor-icon-box-title a{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-b088a02 .elementor-icon-box-description{font-size:18px;}.elementor-4604 .elementor-element.elementor-element-130bd11 .elementor-icon-box-wrapper{gap:18px;}.elementor-4604 .elementor-element.elementor-element-130bd11 .elementor-icon{font-size:81px;}.elementor-4604 .elementor-element.elementor-element-130bd11 .elementor-icon-box-title, .elementor-4604 .elementor-element.elementor-element-130bd11 .elementor-icon-box-title a{font-size:28px;}.elementor-4604 .elementor-element.elementor-element-130bd11 .elementor-icon-box-description{font-size:20px;}.elementor-4604 .elementor-element.elementor-element-6ffeed9{--swiper-slides-to-display:3;}.elementor-4604 .elementor-element.elementor-element-bbd6d4a{--n-tabs-title-font-size:18px;}}@media(max-width:768px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-4604 .elementor-element.elementor-element-fd4ec01{--e-n-carousel-swiper-slides-to-display:2;}.elementor-4604 .elementor-element.elementor-element-1b98603{--swiper-slides-to-display:2;}.elementor-4604 .elementor-element.elementor-element-813c409{--swiper-slides-to-display:2;}.elementor-4604 .elementor-element.elementor-element-cdda7eb{--swiper-slides-to-display:2;}.elementor-4604 .elementor-element.elementor-element-44a8ece{--swiper-slides-to-display:2;}.elementor-4604 .elementor-element.elementor-element-ec94ab9{--swiper-slides-to-display:2;}.elementor-4604 .elementor-element.elementor-element-6018544{--swiper-slides-to-display:2;}.elementor-4604 .elementor-element.elementor-element-77b6f87{--swiper-slides-to-display:2;}.elementor-4604 .elementor-element.elementor-element-3802f77{--swiper-slides-to-display:2;}.elementor-4604 .elementor-element.elementor-element-cac1041{--swiper-slides-to-display:2;}.elementor-4604 .elementor-element.elementor-element-6ffeed9{--swiper-slides-to-display:2;}}@media(max-width:480px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-4604 .elementor-element.elementor-element-fd4ec01{--e-n-carousel-swiper-slides-to-display:1;}.elementor-4604 .elementor-element.elementor-element-1b98603{--swiper-slides-to-display:1;}.elementor-4604 .elementor-element.elementor-element-813c409{--swiper-slides-to-display:1;}.elementor-4604 .elementor-element.elementor-element-cdda7eb{--swiper-slides-to-display:1;}.elementor-4604 .elementor-element.elementor-element-44a8ece{--swiper-slides-to-display:1;}.elementor-4604 .elementor-element.elementor-element-ec94ab9{--swiper-slides-to-display:1;}.elementor-4604 .elementor-element.elementor-element-6018544{--swiper-slides-to-display:1;}.elementor-4604 .elementor-element.elementor-element-77b6f87{--swiper-slides-to-display:1;}.elementor-4604 .elementor-element.elementor-element-3802f77{--swiper-slides-to-display:1;}.elementor-4604 .elementor-element.elementor-element-cac1041{--swiper-slides-to-display:1;}.elementor-4604 .elementor-element.elementor-element-6ffeed9{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-f827d6c */.elementor-4604 .elementor-element.elementor-element-f827d6c { max-height: 750px !important; overflow-y: auto !important; overflow-x: hidden !important; display: flex !important; flex-direction: column !important; gap: 18px !important; padding-right: 22px !important; scroll-behavior: smooth; } /* Laptop 1440px ke bawah */ @media (max-width: 1440px) { .elementor-4604 .elementor-element.elementor-element-f827d6c { max-height: 720px !important; } } /* Laptop kecil 1366px ke bawah */ @media (max-width: 1366px) { .elementor-4604 .elementor-element.elementor-element-f827d6c { max-height: 640px !important; } } /* Tablet */ @media (max-width: 1024px) { .elementor-4604 .elementor-element.elementor-element-f827d6c { max-height: 760px !important; padding-right: 16px !important; } } /* Mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-f827d6c { max-height: 480px !important; padding-right: 12px !important; gap: 14px !important; } } /* Scrollbar utama */ .elementor-4604 .elementor-element.elementor-element-f827d6c::-webkit-scrollbar { width: 12px; } /* Tablet/mobile scrollbar lebih kecil */ @media (max-width: 1024px) { .elementor-4604 .elementor-element.elementor-element-f827d6c::-webkit-scrollbar { width: 8px; } } /* Track scrollbar */ .elementor-4604 .elementor-element.elementor-element-f827d6c::-webkit-scrollbar-track { background: #E4E7EC; border-radius: 999px; } /* Thumb / bagian yang bisa digeser */ .elementor-4604 .elementor-element.elementor-element-f827d6c::-webkit-scrollbar-thumb { background: #B7BCC6; border-radius: 999px; border: 3px solid #E4E7EC; } /* Hover thumb */ .elementor-4604 .elementor-element.elementor-element-f827d6c::-webkit-scrollbar-thumb:hover { background: #8F96A3; } /* Tombol panah atas & bawah */ .elementor-4604 .elementor-element.elementor-element-f827d6c::-webkit-scrollbar-button:single-button { display: block; height: 18px; width: 12px; background-color: #E4E7EC; border-radius: 999px; background-repeat: no-repeat; background-position: center; } /* Panah atas */ .elementor-4604 .elementor-element.elementor-element-f827d6c::-webkit-scrollbar-button:single-button:vertical:decrement { background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3L2 6h6L5 3z' fill='%238F96A3'/%3E%3C/svg%3E"); } /* Panah bawah */ .elementor-4604 .elementor-element.elementor-element-f827d6c::-webkit-scrollbar-button:single-button:vertical:increment { background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7L2 4h6L5 7z' fill='%238F96A3'/%3E%3C/svg%3E"); }/* End custom CSS */ /* Start custom CSS for nested-carousel, class: .elementor-element-fd4ec01 *//* 1. Paksa transisi jadi linear total dan hilangkan efek jeda */ .elementor-4604 .elementor-element.elementor-element-fd4ec01 .swiper-wrapper { -webkit-transition-timing-function: linear !important; -o-transition-timing-function: linear !important; transition-timing-function: linear !important; /* Trik rahasia: Paksa browser pakai GPU render biar ga patah-patah */ transform: translate3d(0, 0, 0); will-change: transform; } /* 2. Mengunci durasi transisi bawaan Elementor agar tidak overwrite di beberapa kondisi */ .elementor-4604 .elementor-element.elementor-element-fd4ec01 .elementor-main-swiper { -webkit-transition-duration: inherit !important; -o-transition-duration: inherit !important; transition-duration: inherit !important; } /* 3. Opsional: Memastikan wrapper slide tidak kaku saat digeser */ .elementor-4604 .elementor-element.elementor-element-fd4ec01 .swiper-slide { backface-visibility: hidden; -webkit-backface-visibility: hidden; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eadf1f5 */.elementor-4604 .elementor-element.elementor-element-eadf1f5 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-1b98603 */.elementor-4604 .elementor-element.elementor-element-1b98603 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-1b98603 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ded6c1a */.elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0986edd */.elementor-4604 .elementor-element.elementor-element-0986edd { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-813c409 */.elementor-4604 .elementor-element.elementor-element-813c409 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-813c409 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e9e0983 */.elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b4c5649 */.elementor-4604 .elementor-element.elementor-element-b4c5649 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cdda7eb */.elementor-4604 .elementor-element.elementor-element-cdda7eb { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cdda7eb { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7ad177 */.elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-47a1595 */.elementor-4604 .elementor-element.elementor-element-47a1595 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-44a8ece */.elementor-4604 .elementor-element.elementor-element-44a8ece { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-44a8ece { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4f29d5 */.elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0724a3a */.elementor-4604 .elementor-element.elementor-element-0724a3a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-ec94ab9 */.elementor-4604 .elementor-element.elementor-element-ec94ab9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-ec94ab9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0a9afaa */.elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-185b34d */.elementor-4604 .elementor-element.elementor-element-185b34d { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6018544 */.elementor-4604 .elementor-element.elementor-element-6018544 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6018544 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-448cdb5 */.elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e976a12 */.elementor-4604 .elementor-element.elementor-element-e976a12 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-77b6f87 */.elementor-4604 .elementor-element.elementor-element-77b6f87 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-77b6f87 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c729e4 */.elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d2f8b4e */.elementor-4604 .elementor-element.elementor-element-d2f8b4e { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3802f77 */.elementor-4604 .elementor-element.elementor-element-3802f77 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-3802f77 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-007067d */.elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f94772a */.elementor-4604 .elementor-element.elementor-element-f94772a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cac1041 */.elementor-4604 .elementor-element.elementor-element-cac1041 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cac1041 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c18df1 */.elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-70f6b33 */.elementor-4604 .elementor-element.elementor-element-70f6b33 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6ffeed9 */.elementor-4604 .elementor-element.elementor-element-6ffeed9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6ffeed9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c77244 */.elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eadf1f5 */.elementor-4604 .elementor-element.elementor-element-eadf1f5 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-1b98603 */.elementor-4604 .elementor-element.elementor-element-1b98603 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-1b98603 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ded6c1a */.elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0986edd */.elementor-4604 .elementor-element.elementor-element-0986edd { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-813c409 */.elementor-4604 .elementor-element.elementor-element-813c409 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-813c409 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e9e0983 */.elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b4c5649 */.elementor-4604 .elementor-element.elementor-element-b4c5649 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cdda7eb */.elementor-4604 .elementor-element.elementor-element-cdda7eb { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cdda7eb { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7ad177 */.elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-47a1595 */.elementor-4604 .elementor-element.elementor-element-47a1595 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-44a8ece */.elementor-4604 .elementor-element.elementor-element-44a8ece { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-44a8ece { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4f29d5 */.elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0724a3a */.elementor-4604 .elementor-element.elementor-element-0724a3a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-ec94ab9 */.elementor-4604 .elementor-element.elementor-element-ec94ab9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-ec94ab9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0a9afaa */.elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-185b34d */.elementor-4604 .elementor-element.elementor-element-185b34d { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6018544 */.elementor-4604 .elementor-element.elementor-element-6018544 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6018544 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-448cdb5 */.elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e976a12 */.elementor-4604 .elementor-element.elementor-element-e976a12 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-77b6f87 */.elementor-4604 .elementor-element.elementor-element-77b6f87 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-77b6f87 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c729e4 */.elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d2f8b4e */.elementor-4604 .elementor-element.elementor-element-d2f8b4e { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3802f77 */.elementor-4604 .elementor-element.elementor-element-3802f77 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-3802f77 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-007067d */.elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f94772a */.elementor-4604 .elementor-element.elementor-element-f94772a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cac1041 */.elementor-4604 .elementor-element.elementor-element-cac1041 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cac1041 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c18df1 */.elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-70f6b33 */.elementor-4604 .elementor-element.elementor-element-70f6b33 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6ffeed9 */.elementor-4604 .elementor-element.elementor-element-6ffeed9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6ffeed9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c77244 */.elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eadf1f5 */.elementor-4604 .elementor-element.elementor-element-eadf1f5 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-1b98603 */.elementor-4604 .elementor-element.elementor-element-1b98603 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-1b98603 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ded6c1a */.elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0986edd */.elementor-4604 .elementor-element.elementor-element-0986edd { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-813c409 */.elementor-4604 .elementor-element.elementor-element-813c409 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-813c409 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e9e0983 */.elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b4c5649 */.elementor-4604 .elementor-element.elementor-element-b4c5649 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cdda7eb */.elementor-4604 .elementor-element.elementor-element-cdda7eb { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cdda7eb { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7ad177 */.elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-47a1595 */.elementor-4604 .elementor-element.elementor-element-47a1595 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-44a8ece */.elementor-4604 .elementor-element.elementor-element-44a8ece { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-44a8ece { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4f29d5 */.elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0724a3a */.elementor-4604 .elementor-element.elementor-element-0724a3a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-ec94ab9 */.elementor-4604 .elementor-element.elementor-element-ec94ab9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-ec94ab9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0a9afaa */.elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-185b34d */.elementor-4604 .elementor-element.elementor-element-185b34d { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6018544 */.elementor-4604 .elementor-element.elementor-element-6018544 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6018544 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-448cdb5 */.elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e976a12 */.elementor-4604 .elementor-element.elementor-element-e976a12 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-77b6f87 */.elementor-4604 .elementor-element.elementor-element-77b6f87 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-77b6f87 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c729e4 */.elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d2f8b4e */.elementor-4604 .elementor-element.elementor-element-d2f8b4e { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3802f77 */.elementor-4604 .elementor-element.elementor-element-3802f77 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-3802f77 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-007067d */.elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f94772a */.elementor-4604 .elementor-element.elementor-element-f94772a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cac1041 */.elementor-4604 .elementor-element.elementor-element-cac1041 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cac1041 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c18df1 */.elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-70f6b33 */.elementor-4604 .elementor-element.elementor-element-70f6b33 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6ffeed9 */.elementor-4604 .elementor-element.elementor-element-6ffeed9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6ffeed9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c77244 */.elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eadf1f5 */.elementor-4604 .elementor-element.elementor-element-eadf1f5 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-1b98603 */.elementor-4604 .elementor-element.elementor-element-1b98603 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-1b98603 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ded6c1a */.elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0986edd */.elementor-4604 .elementor-element.elementor-element-0986edd { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-813c409 */.elementor-4604 .elementor-element.elementor-element-813c409 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-813c409 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e9e0983 */.elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b4c5649 */.elementor-4604 .elementor-element.elementor-element-b4c5649 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cdda7eb */.elementor-4604 .elementor-element.elementor-element-cdda7eb { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cdda7eb { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7ad177 */.elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-47a1595 */.elementor-4604 .elementor-element.elementor-element-47a1595 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-44a8ece */.elementor-4604 .elementor-element.elementor-element-44a8ece { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-44a8ece { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4f29d5 */.elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0724a3a */.elementor-4604 .elementor-element.elementor-element-0724a3a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-ec94ab9 */.elementor-4604 .elementor-element.elementor-element-ec94ab9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-ec94ab9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0a9afaa */.elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-185b34d */.elementor-4604 .elementor-element.elementor-element-185b34d { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6018544 */.elementor-4604 .elementor-element.elementor-element-6018544 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6018544 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-448cdb5 */.elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e976a12 */.elementor-4604 .elementor-element.elementor-element-e976a12 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-77b6f87 */.elementor-4604 .elementor-element.elementor-element-77b6f87 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-77b6f87 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c729e4 */.elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d2f8b4e */.elementor-4604 .elementor-element.elementor-element-d2f8b4e { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3802f77 */.elementor-4604 .elementor-element.elementor-element-3802f77 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-3802f77 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-007067d */.elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f94772a */.elementor-4604 .elementor-element.elementor-element-f94772a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cac1041 */.elementor-4604 .elementor-element.elementor-element-cac1041 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cac1041 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c18df1 */.elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-70f6b33 */.elementor-4604 .elementor-element.elementor-element-70f6b33 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6ffeed9 */.elementor-4604 .elementor-element.elementor-element-6ffeed9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6ffeed9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c77244 */.elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eadf1f5 */.elementor-4604 .elementor-element.elementor-element-eadf1f5 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-1b98603 */.elementor-4604 .elementor-element.elementor-element-1b98603 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-1b98603 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ded6c1a */.elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0986edd */.elementor-4604 .elementor-element.elementor-element-0986edd { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-813c409 */.elementor-4604 .elementor-element.elementor-element-813c409 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-813c409 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e9e0983 */.elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b4c5649 */.elementor-4604 .elementor-element.elementor-element-b4c5649 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cdda7eb */.elementor-4604 .elementor-element.elementor-element-cdda7eb { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cdda7eb { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7ad177 */.elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-47a1595 */.elementor-4604 .elementor-element.elementor-element-47a1595 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-44a8ece */.elementor-4604 .elementor-element.elementor-element-44a8ece { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-44a8ece { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4f29d5 */.elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0724a3a */.elementor-4604 .elementor-element.elementor-element-0724a3a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-ec94ab9 */.elementor-4604 .elementor-element.elementor-element-ec94ab9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-ec94ab9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0a9afaa */.elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-185b34d */.elementor-4604 .elementor-element.elementor-element-185b34d { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6018544 */.elementor-4604 .elementor-element.elementor-element-6018544 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6018544 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-448cdb5 */.elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e976a12 */.elementor-4604 .elementor-element.elementor-element-e976a12 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-77b6f87 */.elementor-4604 .elementor-element.elementor-element-77b6f87 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-77b6f87 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c729e4 */.elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d2f8b4e */.elementor-4604 .elementor-element.elementor-element-d2f8b4e { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3802f77 */.elementor-4604 .elementor-element.elementor-element-3802f77 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-3802f77 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-007067d */.elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f94772a */.elementor-4604 .elementor-element.elementor-element-f94772a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cac1041 */.elementor-4604 .elementor-element.elementor-element-cac1041 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cac1041 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c18df1 */.elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-70f6b33 */.elementor-4604 .elementor-element.elementor-element-70f6b33 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6ffeed9 */.elementor-4604 .elementor-element.elementor-element-6ffeed9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6ffeed9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c77244 */.elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eadf1f5 */.elementor-4604 .elementor-element.elementor-element-eadf1f5 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-1b98603 */.elementor-4604 .elementor-element.elementor-element-1b98603 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-1b98603 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ded6c1a */.elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0986edd */.elementor-4604 .elementor-element.elementor-element-0986edd { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-813c409 */.elementor-4604 .elementor-element.elementor-element-813c409 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-813c409 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e9e0983 */.elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b4c5649 */.elementor-4604 .elementor-element.elementor-element-b4c5649 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cdda7eb */.elementor-4604 .elementor-element.elementor-element-cdda7eb { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cdda7eb { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7ad177 */.elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-47a1595 */.elementor-4604 .elementor-element.elementor-element-47a1595 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-44a8ece */.elementor-4604 .elementor-element.elementor-element-44a8ece { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-44a8ece { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4f29d5 */.elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0724a3a */.elementor-4604 .elementor-element.elementor-element-0724a3a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-ec94ab9 */.elementor-4604 .elementor-element.elementor-element-ec94ab9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-ec94ab9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0a9afaa */.elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-185b34d */.elementor-4604 .elementor-element.elementor-element-185b34d { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6018544 */.elementor-4604 .elementor-element.elementor-element-6018544 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6018544 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-448cdb5 */.elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e976a12 */.elementor-4604 .elementor-element.elementor-element-e976a12 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-77b6f87 */.elementor-4604 .elementor-element.elementor-element-77b6f87 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-77b6f87 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c729e4 */.elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d2f8b4e */.elementor-4604 .elementor-element.elementor-element-d2f8b4e { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3802f77 */.elementor-4604 .elementor-element.elementor-element-3802f77 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-3802f77 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-007067d */.elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f94772a */.elementor-4604 .elementor-element.elementor-element-f94772a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cac1041 */.elementor-4604 .elementor-element.elementor-element-cac1041 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cac1041 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c18df1 */.elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-70f6b33 */.elementor-4604 .elementor-element.elementor-element-70f6b33 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6ffeed9 */.elementor-4604 .elementor-element.elementor-element-6ffeed9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6ffeed9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c77244 */.elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eadf1f5 */.elementor-4604 .elementor-element.elementor-element-eadf1f5 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-1b98603 */.elementor-4604 .elementor-element.elementor-element-1b98603 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-1b98603 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ded6c1a */.elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0986edd */.elementor-4604 .elementor-element.elementor-element-0986edd { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-813c409 */.elementor-4604 .elementor-element.elementor-element-813c409 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-813c409 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e9e0983 */.elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b4c5649 */.elementor-4604 .elementor-element.elementor-element-b4c5649 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cdda7eb */.elementor-4604 .elementor-element.elementor-element-cdda7eb { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cdda7eb { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7ad177 */.elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-47a1595 */.elementor-4604 .elementor-element.elementor-element-47a1595 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-44a8ece */.elementor-4604 .elementor-element.elementor-element-44a8ece { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-44a8ece { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4f29d5 */.elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0724a3a */.elementor-4604 .elementor-element.elementor-element-0724a3a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-ec94ab9 */.elementor-4604 .elementor-element.elementor-element-ec94ab9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-ec94ab9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0a9afaa */.elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-185b34d */.elementor-4604 .elementor-element.elementor-element-185b34d { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6018544 */.elementor-4604 .elementor-element.elementor-element-6018544 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6018544 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-448cdb5 */.elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e976a12 */.elementor-4604 .elementor-element.elementor-element-e976a12 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-77b6f87 */.elementor-4604 .elementor-element.elementor-element-77b6f87 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-77b6f87 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c729e4 */.elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d2f8b4e */.elementor-4604 .elementor-element.elementor-element-d2f8b4e { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3802f77 */.elementor-4604 .elementor-element.elementor-element-3802f77 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-3802f77 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-007067d */.elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f94772a */.elementor-4604 .elementor-element.elementor-element-f94772a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cac1041 */.elementor-4604 .elementor-element.elementor-element-cac1041 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cac1041 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c18df1 */.elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-70f6b33 */.elementor-4604 .elementor-element.elementor-element-70f6b33 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6ffeed9 */.elementor-4604 .elementor-element.elementor-element-6ffeed9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6ffeed9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c77244 */.elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eadf1f5 */.elementor-4604 .elementor-element.elementor-element-eadf1f5 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-1b98603 */.elementor-4604 .elementor-element.elementor-element-1b98603 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-1b98603 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ded6c1a */.elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0986edd */.elementor-4604 .elementor-element.elementor-element-0986edd { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-813c409 */.elementor-4604 .elementor-element.elementor-element-813c409 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-813c409 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e9e0983 */.elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b4c5649 */.elementor-4604 .elementor-element.elementor-element-b4c5649 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cdda7eb */.elementor-4604 .elementor-element.elementor-element-cdda7eb { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cdda7eb { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7ad177 */.elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-47a1595 */.elementor-4604 .elementor-element.elementor-element-47a1595 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-44a8ece */.elementor-4604 .elementor-element.elementor-element-44a8ece { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-44a8ece { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4f29d5 */.elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0724a3a */.elementor-4604 .elementor-element.elementor-element-0724a3a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-ec94ab9 */.elementor-4604 .elementor-element.elementor-element-ec94ab9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-ec94ab9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0a9afaa */.elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-185b34d */.elementor-4604 .elementor-element.elementor-element-185b34d { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6018544 */.elementor-4604 .elementor-element.elementor-element-6018544 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6018544 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-448cdb5 */.elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e976a12 */.elementor-4604 .elementor-element.elementor-element-e976a12 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-77b6f87 */.elementor-4604 .elementor-element.elementor-element-77b6f87 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-77b6f87 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c729e4 */.elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d2f8b4e */.elementor-4604 .elementor-element.elementor-element-d2f8b4e { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3802f77 */.elementor-4604 .elementor-element.elementor-element-3802f77 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-3802f77 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-007067d */.elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f94772a */.elementor-4604 .elementor-element.elementor-element-f94772a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cac1041 */.elementor-4604 .elementor-element.elementor-element-cac1041 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cac1041 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c18df1 */.elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-70f6b33 */.elementor-4604 .elementor-element.elementor-element-70f6b33 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6ffeed9 */.elementor-4604 .elementor-element.elementor-element-6ffeed9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6ffeed9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c77244 */.elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eadf1f5 */.elementor-4604 .elementor-element.elementor-element-eadf1f5 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-1b98603 */.elementor-4604 .elementor-element.elementor-element-1b98603 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-1b98603 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ded6c1a */.elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0986edd */.elementor-4604 .elementor-element.elementor-element-0986edd { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-813c409 */.elementor-4604 .elementor-element.elementor-element-813c409 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-813c409 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e9e0983 */.elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b4c5649 */.elementor-4604 .elementor-element.elementor-element-b4c5649 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cdda7eb */.elementor-4604 .elementor-element.elementor-element-cdda7eb { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cdda7eb { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7ad177 */.elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-47a1595 */.elementor-4604 .elementor-element.elementor-element-47a1595 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-44a8ece */.elementor-4604 .elementor-element.elementor-element-44a8ece { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-44a8ece { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4f29d5 */.elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0724a3a */.elementor-4604 .elementor-element.elementor-element-0724a3a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-ec94ab9 */.elementor-4604 .elementor-element.elementor-element-ec94ab9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-ec94ab9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0a9afaa */.elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-185b34d */.elementor-4604 .elementor-element.elementor-element-185b34d { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6018544 */.elementor-4604 .elementor-element.elementor-element-6018544 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6018544 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-448cdb5 */.elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e976a12 */.elementor-4604 .elementor-element.elementor-element-e976a12 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-77b6f87 */.elementor-4604 .elementor-element.elementor-element-77b6f87 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-77b6f87 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c729e4 */.elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d2f8b4e */.elementor-4604 .elementor-element.elementor-element-d2f8b4e { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3802f77 */.elementor-4604 .elementor-element.elementor-element-3802f77 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-3802f77 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-007067d */.elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f94772a */.elementor-4604 .elementor-element.elementor-element-f94772a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cac1041 */.elementor-4604 .elementor-element.elementor-element-cac1041 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cac1041 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c18df1 */.elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-70f6b33 */.elementor-4604 .elementor-element.elementor-element-70f6b33 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6ffeed9 */.elementor-4604 .elementor-element.elementor-element-6ffeed9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6ffeed9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c77244 */.elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eadf1f5 */.elementor-4604 .elementor-element.elementor-element-eadf1f5 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-1b98603 */.elementor-4604 .elementor-element.elementor-element-1b98603 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-1b98603 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ded6c1a */.elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0986edd */.elementor-4604 .elementor-element.elementor-element-0986edd { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-813c409 */.elementor-4604 .elementor-element.elementor-element-813c409 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-813c409 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e9e0983 */.elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b4c5649 */.elementor-4604 .elementor-element.elementor-element-b4c5649 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cdda7eb */.elementor-4604 .elementor-element.elementor-element-cdda7eb { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cdda7eb { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7ad177 */.elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-47a1595 */.elementor-4604 .elementor-element.elementor-element-47a1595 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-44a8ece */.elementor-4604 .elementor-element.elementor-element-44a8ece { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-44a8ece { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4f29d5 */.elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0724a3a */.elementor-4604 .elementor-element.elementor-element-0724a3a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-ec94ab9 */.elementor-4604 .elementor-element.elementor-element-ec94ab9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-ec94ab9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0a9afaa */.elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-185b34d */.elementor-4604 .elementor-element.elementor-element-185b34d { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6018544 */.elementor-4604 .elementor-element.elementor-element-6018544 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6018544 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-448cdb5 */.elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e976a12 */.elementor-4604 .elementor-element.elementor-element-e976a12 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-77b6f87 */.elementor-4604 .elementor-element.elementor-element-77b6f87 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-77b6f87 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c729e4 */.elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d2f8b4e */.elementor-4604 .elementor-element.elementor-element-d2f8b4e { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3802f77 */.elementor-4604 .elementor-element.elementor-element-3802f77 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-3802f77 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-007067d */.elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f94772a */.elementor-4604 .elementor-element.elementor-element-f94772a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cac1041 */.elementor-4604 .elementor-element.elementor-element-cac1041 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cac1041 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c18df1 */.elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-70f6b33 */.elementor-4604 .elementor-element.elementor-element-70f6b33 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6ffeed9 */.elementor-4604 .elementor-element.elementor-element-6ffeed9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6ffeed9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c77244 */.elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-eadf1f5 */.elementor-4604 .elementor-element.elementor-element-eadf1f5 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-eadf1f5 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-1b98603 */.elementor-4604 .elementor-element.elementor-element-1b98603 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1b98603 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-1b98603 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-1b98603 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-ded6c1a */.elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ded6c1a .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0986edd */.elementor-4604 .elementor-element.elementor-element-0986edd { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0986edd .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-813c409 */.elementor-4604 .elementor-element.elementor-element-813c409 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-813c409 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-813c409 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-813c409 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e9e0983 */.elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-e9e0983 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b4c5649 */.elementor-4604 .elementor-element.elementor-element-b4c5649 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-b4c5649 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cdda7eb */.elementor-4604 .elementor-element.elementor-element-cdda7eb { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cdda7eb .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cdda7eb { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cdda7eb .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d7ad177 */.elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-d7ad177 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-47a1595 */.elementor-4604 .elementor-element.elementor-element-47a1595 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-47a1595 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-44a8ece */.elementor-4604 .elementor-element.elementor-element-44a8ece { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-44a8ece .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-44a8ece { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-44a8ece .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-f4f29d5 */.elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-f4f29d5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0724a3a */.elementor-4604 .elementor-element.elementor-element-0724a3a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0724a3a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-ec94ab9 */.elementor-4604 .elementor-element.elementor-element-ec94ab9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-ec94ab9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-ec94ab9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-ec94ab9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0a9afaa */.elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-0a9afaa .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-185b34d */.elementor-4604 .elementor-element.elementor-element-185b34d { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-185b34d .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6018544 */.elementor-4604 .elementor-element.elementor-element-6018544 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6018544 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6018544 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6018544 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-448cdb5 */.elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-448cdb5 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e976a12 */.elementor-4604 .elementor-element.elementor-element-e976a12 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-e976a12 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-77b6f87 */.elementor-4604 .elementor-element.elementor-element-77b6f87 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-77b6f87 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-77b6f87 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-77b6f87 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7c729e4 */.elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-7c729e4 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d2f8b4e */.elementor-4604 .elementor-element.elementor-element-d2f8b4e { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-d2f8b4e .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-3802f77 */.elementor-4604 .elementor-element.elementor-element-3802f77 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3802f77 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-3802f77 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-3802f77 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-007067d */.elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-007067d .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-f94772a */.elementor-4604 .elementor-element.elementor-element-f94772a { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-f94772a .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-cac1041 */.elementor-4604 .elementor-element.elementor-element-cac1041 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-cac1041 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-cac1041 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-cac1041 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-3c18df1 */.elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-3c18df1 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-70f6b33 */.elementor-4604 .elementor-element.elementor-element-70f6b33 { width: 100% !important; max-width: 100% !important; align-self: stretch !important; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-70f6b33 .sogata-main-video-wrap iframe { width: 100% !important; height: 100% !important; display: block; }/* End custom CSS */ /* Start custom CSS for loop-carousel, class: .elementor-element-6ffeed9 */.elementor-4604 .elementor-element.elementor-element-6ffeed9 { --card-radius: 16px; --image-height: 130px; --card-height: 205px; --card-bg: #5B7287; --dot: #7F95A5; --dot-active: #1E7DA6; } /* ruang bawah untuk arrow + dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper { padding-bottom: 58px !important; } /* samakan tinggi semua slide */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide { height: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-slide > .elementor-element { height: 100% !important; } /* card thumbnail */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb { height: var(--card-height) !important; min-height: var(--card-height) !important; max-height: var(--card-height) !important; display: flex !important; flex-direction: column !important; background: var(--card-bg) !important; border-radius: var(--card-radius) !important; overflow: hidden !important; text-decoration: none !important; cursor: pointer; opacity: 1 !important; transition: 0.25s ease; } /* hapus efek double dari wrapper dalam */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .e-con, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb > .elementor-element, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-container { background: transparent !important; box-shadow: none !important; } /* area gambar */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb img { width: 100% !important; height: var(--image-height) !important; object-fit: cover !important; display: block !important; border-radius: 0 !important; } /* widget image jangan bikin space aneh */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-image { width: 100% !important; margin: 0 !important; line-height: 0 !important; } /* area title */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-widget-heading { flex: 1 !important; display: flex !important; align-items: center !important; padding: 14px 20px 16px !important; margin: 0 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb .elementor-heading-title { color: #ffffff !important; font-size: 19px !important; line-height: 1.1 !important; font-weight: 600 !important; margin: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* hover / active */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-6ffeed9 .sogata-thumb.active { transform: translateY(-2px); } /* dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { top:240px ; bottom: !important; left: 50% !important; transform: translateX(-50%) !important; width: auto !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 13px !important; height: 13px !important; margin: 0 !important; background: var(--dot) !important; opacity: 1 !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet-active { background: var(--dot-active) !important; } /* text kanan dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { content: "Lihat Lebih banyak"; color: #7F95A5; font-size: 15px; font-weight: 400; margin-left: 10px; white-space: nowrap; } /* arrow kecil di samping dots */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button { top: auto !important; bottom: 4px !important; transform: none !important; width: 22px !important; height: 22px !important; background: #ffffff !important; color: #405A73 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; font-size: 14px !important; } /* arrow kiri */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 142px) !important; right: auto !important; } /* arrow kanan */ .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 112px) !important; right: auto !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button svg { width: 12px !important; height: 12px !important; } /* mobile */ @media (max-width: 767px) { .elementor-4604 .elementor-element.elementor-element-6ffeed9 { --image-height: 145px; --card-height: 220px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination { gap: 12px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination-bullet { width: 11px !important; height: 11px !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .swiper-pagination::after { font-size: 12px; margin-left: 4px; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-prev { left: calc(50% - 118px) !important; } .elementor-4604 .elementor-element.elementor-element-6ffeed9 .elementor-swiper-button-next { left: calc(50% + 92px) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-1c77244 */.elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap { width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 24px 24px 0 0; background: #000; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-main-video-wrap iframe { width: 100%; height: 100%; display: block; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb { cursor: pointer; opacity: 0.72; transition: 0.25s ease; border-radius: 16px; overflow: hidden; display: block; text-decoration: none; } .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb:hover, .elementor-4604 .elementor-element.elementor-element-1c77244 .sogata-thumb.active { opacity: 1; transform: translateY(-2px); }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://sogata.erpendee.com/wp-content/uploads/2026/02/PlusJakartaSans-Regular.woff2') format('woff2'); } @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://sogata.erpendee.com/wp-content/uploads/2026/02/PlusJakartaSans-SemiBold.woff2') format('woff2'); } @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://sogata.erpendee.com/wp-content/uploads/2026/02/PlusJakartaSans-Medium.woff2') format('woff2'); } @font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://sogata.erpendee.com/wp-content/uploads/2026/02/PlusJakartaSans-Bold.woff2') format('woff2'); } /* End Custom Fonts CSS */