.elementor-570 .elementor-element.elementor-element-9e43c2d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--overlay-mix-blend-mode:multiply;--padding-top:10px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-570 .elementor-element.elementor-element-9e43c2d:not(.elementor-motion-effects-element-type-background), .elementor-570 .elementor-element.elementor-element-9e43c2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-292a8be );background-image:url("https://ismki.or.id/wp-content/uploads/2025/06/StudioAsset-1@0.5x.png");background-position:top center;background-size:cover;}.elementor-570 .elementor-element.elementor-element-9e43c2d:hover{background-color:#9E0017;}.elementor-570 .elementor-element.elementor-element-9e43c2d > .elementor-shape-bottom svg, .elementor-570 .elementor-element.elementor-element-9e43c2d > .e-con-inner > .elementor-shape-bottom svg{width:calc(133% + 1.3px);height:104px;}.elementor-570 .elementor-element.elementor-element-9e43c2d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-570 .elementor-element.elementor-element-a1dc62f{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-570 .elementor-element.elementor-element-a1dc62f:not(.elementor-motion-effects-element-type-background), .elementor-570 .elementor-element.elementor-element-a1dc62f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-570 .elementor-element.elementor-element-e32be3a{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-570 .elementor-element.elementor-element-8f7492e > .elementor-widget-container{margin:36px 0px 0px 0px;}.elementor-570 .elementor-element.elementor-element-8f7492e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:70px;font-weight:800;text-shadow:6px 6px 17px rgba(0, 0, 0, 0.64);color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-8f7492e .elementor-heading-title:hover{color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-829da8b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.5;}.elementor-570 .elementor-element.elementor-element-829da8b:hover::before, .elementor-570 .elementor-element.elementor-element-829da8b:hover > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-829da8b:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-829da8b > .elementor-background-slideshow:hover::before, .elementor-570 .elementor-element.elementor-element-829da8b > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-292a8be ) 0%, var( --e-global-color-8ca9642 ) 100%);}.elementor-570 .elementor-element.elementor-element-829da8b::before, .elementor-570 .elementor-element.elementor-element-829da8b > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-829da8b > .e-con-inner > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-829da8b > .elementor-background-slideshow::before, .elementor-570 .elementor-element.elementor-element-829da8b > .e-con-inner > .elementor-background-slideshow::before, .elementor-570 .elementor-element.elementor-element-829da8b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-570 .elementor-element.elementor-element-829da8b:hover{--overlay-opacity:1;--border-radius:10px 10px 10px 10px;--border-top-left-radius:10px;--border-top-right-radius:10px;--border-bottom-right-radius:10px;--border-bottom-left-radius:10px;box-shadow:0px 0px 19px 8px rgba(0,0,0,0.5);}.elementor-570 .elementor-element.elementor-element-829da8b, .elementor-570 .elementor-element.elementor-element-829da8b::before{--overlay-transition:0.5s;--border-transition:0.3s;}.elementor-570 .elementor-element.elementor-element-865f2db{text-align:center;}.elementor-570 .elementor-element.elementor-element-865f2db .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:500;line-height:19px;letter-spacing:0px;word-spacing:1px;color:#FFFFFF;transition-duration:0.3s;}.elementor-570 .elementor-element.elementor-element-865f2db .elementor-heading-title:hover{color:#FFFFFF;}.elementor-570 .elementor-element.elementor-element-a43d043{--spacer-size:50px;}.elementor-570 .elementor-element.elementor-element-895f802{--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;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-570 .elementor-element.elementor-element-e96f67a{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--overlay-opacity:0.81;--border-radius:17px 17px 17px 17px;--margin-top:-9%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:31px;--padding-bottom:31px;--padding-left:31px;--padding-right:31px;--z-index:100;}.elementor-570 .elementor-element.elementor-element-e96f67a::before, .elementor-570 .elementor-element.elementor-element-e96f67a > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-e96f67a > .e-con-inner > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-e96f67a > .elementor-background-slideshow::before, .elementor-570 .elementor-element.elementor-element-e96f67a > .e-con-inner > .elementor-background-slideshow::before, .elementor-570 .elementor-element.elementor-element-e96f67a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-570 .elementor-element.elementor-element-e96f67a.e-con{--align-self:center;}.elementor-570 .elementor-element.elementor-element-2f2b993{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-570 .elementor-element.elementor-element-2f2b993 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-570 .elementor-element.elementor-element-2f2b993.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-570 .elementor-element.elementor-element-2f2b993 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:800;color:var( --e-global-color-292a8be );}.elementor-570 .elementor-element.elementor-element-8e341eb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--border-radius:11px 11px 11px 11px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-570 .elementor-element.elementor-element-8e341eb:not(.elementor-motion-effects-element-type-background), .elementor-570 .elementor-element.elementor-element-8e341eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #B01229 0%, var( --e-global-color-8ca9642 ) 100%);}.elementor-570 .elementor-element.elementor-element-8e341eb.e-con:hover{--e-con-transform-rotateZ:2deg;--e-con-transform-scale:1.03;}.elementor-570 .elementor-element.elementor-element-8e341eb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-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-570 .elementor-element.elementor-element-1eba602{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;color:var( --e-global-color-98aea35 );font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:500;}.elementor-570 .elementor-element.elementor-element-1eba602 > .elementor-widget-container{padding:12px 12px 12px 12px;}.elementor-570 .elementor-element.elementor-element-1eba602.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-570 .elementor-element.elementor-element-99fdac5{--display:flex;--background-transition:0.8s;--overlay-opacity:0.5;--overlay-mix-blend-mode:multiply;}.elementor-570 .elementor-element.elementor-element-99fdac5:not(.elementor-motion-effects-element-type-background), .elementor-570 .elementor-element.elementor-element-99fdac5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4ece886 );}.elementor-570 .elementor-element.elementor-element-99fdac5:hover{background-color:var( --e-global-color-8ca9642 );}.elementor-570 .elementor-element.elementor-element-99fdac5::before, .elementor-570 .elementor-element.elementor-element-99fdac5 > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-99fdac5 > .e-con-inner > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-99fdac5 > .elementor-background-slideshow::before, .elementor-570 .elementor-element.elementor-element-99fdac5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-570 .elementor-element.elementor-element-99fdac5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://ismki.or.id/wp-content/uploads/2025/06/Hijau-Dan-Biru-Modern-Ucapan-Selamat-dan-Sukses-Instagram-Post.png");--background-overlay:'';}.elementor-570 .elementor-element.elementor-element-99fdac5 > .elementor-shape-bottom .elementor-shape-fill, .elementor-570 .elementor-element.elementor-element-99fdac5 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-292a8be );}.elementor-570 .elementor-element.elementor-element-e478fe0 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-570 .elementor-element.elementor-element-e478fe0{text-align:center;}.elementor-570 .elementor-element.elementor-element-e478fe0 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:800;color:#FFFFFF;}.elementor-570 .elementor-element.elementor-element-520035a{--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;--justify-content:center;--margin-top:-28px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-570 .elementor-element.elementor-element-80ec221{--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:50px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-570 .elementor-element.elementor-element-80ec221:not(.elementor-motion-effects-element-type-background), .elementor-570 .elementor-element.elementor-element-80ec221 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #B01229 0%, #69000F 100%);}.elementor-570 .elementor-element.elementor-element-472a558{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-570 .elementor-element.elementor-element-cab3311{width:100%;max-width:100%;text-align:center;}.elementor-570 .elementor-element.elementor-element-cab3311 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:800;color:#FFFFFF;}.elementor-570 .elementor-element.elementor-element-8fef33f{--display:flex;--margin-top:-49px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-570 .elementor-element.elementor-element-aa94fca{width:var( --container-widget-width, 102.703% );max-width:102.703%;--container-widget-width:102.703%;--container-widget-flex-grow:0;}.elementor-570 .elementor-element.elementor-element-aa94fca.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-570 .elementor-element.elementor-element-8e777f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-570 .elementor-element.elementor-element-4040f15{--display:flex;}.elementor-570 .elementor-element.elementor-element-fa4ca78 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-570 .elementor-element.elementor-element-fa4ca78{text-align:center;}.elementor-570 .elementor-element.elementor-element-fa4ca78 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:800;color:var( --e-global-color-292a8be );}.elementor-570 .elementor-element.elementor-element-fa4ca78 .elementor-heading-title:hover{color:var( --e-global-color-292a8be );}.elementor-570 .elementor-element.elementor-element-6bd6d9b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--grid-auto-flow:row;}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__front .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-flip-box .elementor-flip-box__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-flip-box__front{background-color:var( --e-global-color-98aea35 );background-image:url("https://ismki.or.id/wp-content/uploads/2025/06/Desain-tanpa-judul-13.png");background-position:center center;background-size:cover;}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-flip-box__back{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-292a8be ) 0%, var( --e-global-color-8ca9642 ) 100%);}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-flip-box__layer, .elementor-570 .elementor-element.elementor-element-e1202ee .elementor-flip-box__layer__overlay{border-radius:10px;}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-view-stacked .elementor-icon svg{stroke:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-view-framed .elementor-icon, .elementor-570 .elementor-element.elementor-element-e1202ee .elementor-view-default .elementor-icon{color:var( --e-global-color-98aea35 );border-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-view-framed .elementor-icon svg, .elementor-570 .elementor-element.elementor-element-e1202ee .elementor-view-default .elementor-icon svg{fill:var( --e-global-color-98aea35 );border-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-icon{font-size:53px;}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-icon svg{width:53px;transform:rotate(0deg);}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-icon i{transform:rotate(0deg);}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-98aea35 );font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:800;}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-flip-box__button{margin-center:0;}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-flip-box__back .elementor-flip-box__layer__title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:800;}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-flip-box__back .elementor-flip-box__layer__description{color:var( --e-global-color-98aea35 );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-flip-box__front{background-color:var( --e-global-color-98aea35 );background-image:url("https://ismki.or.id/wp-content/uploads/2025/06/Desain-tanpa-judul-17.png");background-position:center center;background-size:cover;}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-flip-box__back{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-292a8be ) 0%, var( --e-global-color-8ca9642 ) 100%);}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-flip-box__layer, .elementor-570 .elementor-element.elementor-element-d006d2b .elementor-flip-box__layer__overlay{border-radius:10px;}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-view-stacked .elementor-icon svg{stroke:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-view-framed .elementor-icon, .elementor-570 .elementor-element.elementor-element-d006d2b .elementor-view-default .elementor-icon{color:var( --e-global-color-98aea35 );border-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-view-framed .elementor-icon svg, .elementor-570 .elementor-element.elementor-element-d006d2b .elementor-view-default .elementor-icon svg{fill:var( --e-global-color-98aea35 );border-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-icon{font-size:53px;}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-icon svg{width:53px;transform:rotate(0deg);}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-icon i{transform:rotate(0deg);}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-98aea35 );font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:800;}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-flip-box__button{margin-center:0;}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-flip-box__back .elementor-flip-box__layer__title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:800;}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-flip-box__back .elementor-flip-box__layer__description{color:var( --e-global-color-98aea35 );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__front{background-color:var( --e-global-color-98aea35 );background-image:url("https://ismki.or.id/wp-content/uploads/2025/06/Desain-tanpa-judul-6.png");background-position:center center;background-size:cover;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__back{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-292a8be ) 0%, var( --e-global-color-8ca9642 ) 100%);}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__layer, .elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__layer__overlay{border-radius:10px;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-view-stacked .elementor-icon svg{stroke:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-view-framed .elementor-icon, .elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-view-default .elementor-icon{color:var( --e-global-color-98aea35 );border-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-view-framed .elementor-icon svg, .elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-view-default .elementor-icon svg{fill:var( --e-global-color-98aea35 );border-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-icon{font-size:53px;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-icon svg{width:53px;transform:rotate(0deg);}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-icon i{transform:rotate(0deg);}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-98aea35 );font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:800;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__button{margin-center:0;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__back .elementor-flip-box__layer__title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:800;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__back .elementor-flip-box__layer__description{color:var( --e-global-color-98aea35 );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-flip-box__front{background-color:var( --e-global-color-98aea35 );background-image:url("https://ismki.or.id/wp-content/uploads/2025/06/Desain-tanpa-judul-1-1.png");background-position:center center;background-size:cover;}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-flip-box__back{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-292a8be ) 0%, var( --e-global-color-8ca9642 ) 100%);}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-flip-box__layer, .elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-flip-box__layer__overlay{border-radius:10px;}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-view-stacked .elementor-icon svg{stroke:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-view-framed .elementor-icon, .elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-view-default .elementor-icon{color:var( --e-global-color-98aea35 );border-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-view-framed .elementor-icon svg, .elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-view-default .elementor-icon svg{fill:var( --e-global-color-98aea35 );border-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-icon{font-size:53px;}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-icon svg{width:53px;transform:rotate(0deg);}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-icon i{transform:rotate(0deg);}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-98aea35 );font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:800;}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-flip-box__button{margin-center:0;}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-flip-box__back .elementor-flip-box__layer__title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:800;}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-flip-box__back .elementor-flip-box__layer__description{color:var( --e-global-color-98aea35 );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-flip-box__front{background-color:var( --e-global-color-98aea35 );background-image:url("https://ismki.or.id/wp-content/uploads/2025/06/Desain-tanpa-judul-7.png");background-position:center center;background-size:cover;}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-flip-box__back{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-292a8be ) 0%, var( --e-global-color-8ca9642 ) 100%);}.elementor-570 .elementor-element.elementor-element-102c3ef{grid-column:span 2;}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-flip-box__layer, .elementor-570 .elementor-element.elementor-element-102c3ef .elementor-flip-box__layer__overlay{border-radius:10px;}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-flip-box__front .elementor-flip-box__layer__overlay{text-align:center;}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-view-stacked .elementor-icon svg{stroke:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-view-framed .elementor-icon, .elementor-570 .elementor-element.elementor-element-102c3ef .elementor-view-default .elementor-icon{color:var( --e-global-color-98aea35 );border-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-view-framed .elementor-icon svg, .elementor-570 .elementor-element.elementor-element-102c3ef .elementor-view-default .elementor-icon svg{fill:var( --e-global-color-98aea35 );border-color:var( --e-global-color-98aea35 );}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-icon{font-size:53px;}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-icon svg{width:53px;transform:rotate(0deg);}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-icon i{transform:rotate(0deg);}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-flip-box__front .elementor-flip-box__layer__title{color:var( --e-global-color-98aea35 );font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:800;}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-flip-box__back .elementor-flip-box__layer__overlay{text-align:center;}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-flip-box__button{margin-center:0;}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-flip-box__back .elementor-flip-box__layer__title{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:800;}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-flip-box__back .elementor-flip-box__layer__description{color:var( --e-global-color-98aea35 );font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;}.elementor-570 .elementor-element.elementor-element-edaad82{--display:flex;--overlay-opacity:0.1;--overlay-mix-blend-mode:multiply;}.elementor-570 .elementor-element.elementor-element-edaad82::before, .elementor-570 .elementor-element.elementor-element-edaad82 > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-edaad82 > .e-con-inner > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-edaad82 > .elementor-background-slideshow::before, .elementor-570 .elementor-element.elementor-element-edaad82 > .e-con-inner > .elementor-background-slideshow::before, .elementor-570 .elementor-element.elementor-element-edaad82 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://ismki.or.id/wp-content/uploads/2025/05/Desain-tanpa-judul-2.png");--background-overlay:'';background-repeat:repeat-x;}.elementor-570 .elementor-element.elementor-element-a193a84 > .elementor-widget-container{margin:18px 0px 0px 0px;}.elementor-570 .elementor-element.elementor-element-a193a84{text-align:center;}.elementor-570 .elementor-element.elementor-element-a193a84 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:800;color:var( --e-global-color-292a8be );}.elementor-570 .elementor-element.elementor-element-a193a84 .elementor-heading-title:hover{color:var( --e-global-color-292a8be );}body.elementor-page-570:not(.elementor-motion-effects-element-type-background), body.elementor-page-570 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-98aea35 );}@media(max-width:1024px){.elementor-570 .elementor-element.elementor-element-895f802{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-570 .elementor-element.elementor-element-e96f67a{--margin-top:-12%;--margin-bottom:1%;--margin-left:1%;--margin-right:1%;}.elementor-570 .elementor-element.elementor-element-80ec221{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-570 .elementor-element.elementor-element-6bd6d9b{--e-con-grid-template-rows:repeat(0, 1fr);--grid-auto-flow:row;}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:30px;}.elementor-570 .elementor-element.elementor-element-e1202ee .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:15px;}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-flip-box__front{background-image:url("https://ismki.or.id/wp-content/uploads/2025/06/Desain-tanpa-judul-17.png");}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:30px;}.elementor-570 .elementor-element.elementor-element-d006d2b .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:15px;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__front{background-image:url("https://ismki.or.id/wp-content/uploads/2025/06/Desain-tanpa-judul-6.png");background-position:top center;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:29px 29px 29px 29px;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:30px;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:15px;}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-flip-box__front{background-image:url("https://ismki.or.id/wp-content/uploads/2025/06/Desain-tanpa-judul-1-1.png");}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:30px;}.elementor-570 .elementor-element.elementor-element-aaf8490 .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:15px;}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-flip-box__front{background-image:url("https://ismki.or.id/wp-content/uploads/2025/06/Desain-tanpa-judul-7.png");}.elementor-570 .elementor-element.elementor-element-102c3ef{grid-column:span 2;}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-flip-box__back .elementor-flip-box__layer__title{font-size:30px;}.elementor-570 .elementor-element.elementor-element-102c3ef .elementor-flip-box__back .elementor-flip-box__layer__description{font-size:15px;}}@media(min-width:768px){.elementor-570 .elementor-element.elementor-element-9e43c2d{--width:101.867%;}.elementor-570 .elementor-element.elementor-element-829da8b{--width:78%;}.elementor-570 .elementor-element.elementor-element-e96f67a{--width:100%;}.elementor-570 .elementor-element.elementor-element-8e341eb{--width:100%;}}@media(min-width:1025px){.elementor-570 .elementor-element.elementor-element-9e43c2d:not(.elementor-motion-effects-element-type-background), .elementor-570 .elementor-element.elementor-element-9e43c2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-570 .elementor-element.elementor-element-99fdac5::before, .elementor-570 .elementor-element.elementor-element-99fdac5 > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-99fdac5 > .e-con-inner > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-99fdac5 > .elementor-background-slideshow::before, .elementor-570 .elementor-element.elementor-element-99fdac5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-570 .elementor-element.elementor-element-99fdac5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}.elementor-570 .elementor-element.elementor-element-edaad82::before, .elementor-570 .elementor-element.elementor-element-edaad82 > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-edaad82 > .e-con-inner > .elementor-background-video-container::before, .elementor-570 .elementor-element.elementor-element-edaad82 > .elementor-background-slideshow::before, .elementor-570 .elementor-element.elementor-element-edaad82 > .e-con-inner > .elementor-background-slideshow::before, .elementor-570 .elementor-element.elementor-element-edaad82 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}@media(max-width:767px){.elementor-570 .elementor-element.elementor-element-9e43c2d{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-570 .elementor-element.elementor-element-a1dc62f{--padding-top:20px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-570 .elementor-element.elementor-element-8f7492e{text-align:center;}.elementor-570 .elementor-element.elementor-element-8f7492e .elementor-heading-title{font-size:56px;}.elementor-570 .elementor-element.elementor-element-2f2b993 .elementor-heading-title{font-size:35px;}.elementor-570 .elementor-element.elementor-element-e478fe0 .elementor-heading-title{font-size:35px;}.elementor-570 .elementor-element.elementor-element-cab3311 .elementor-heading-title{font-size:35px;}.elementor-570 .elementor-element.elementor-element-fa4ca78 .elementor-heading-title{font-size:35px;}.elementor-570 .elementor-element.elementor-element-6bd6d9b{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(0, 1fr);--grid-auto-flow:row;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__front .elementor-flip-box__layer__overlay{padding:0px 0px 0px 0px;}.elementor-570 .elementor-element.elementor-element-ff177f9 .elementor-flip-box__back .elementor-flip-box__layer__overlay{padding:10px 10px 10px 10px;}.elementor-570 .elementor-element.elementor-element-102c3ef{grid-column:span 1;}.elementor-570 .elementor-element.elementor-element-a193a84 .elementor-heading-title{font-size:35px;}}/* Start custom CSS for html, class: .elementor-element-aa94fca */<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <title>Sejarah ISMKI</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
  <style>
    body {
      background-color: #111;
      font-family: 'Montserrat', sans-serif;
      margin: 0;
      padding: 0;
    }

    .timeline-wrapper {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      padding: 20px 0;
    }

    .timeline-container {
      overflow-x: auto;
      scroll-behavior: smooth;
      max-width: 80vw;
      padding: 40px 0;
      position: relative;
      white-space: nowrap;
    }

    .timeline-track {
      display: inline-flex;
      position: relative;
      padding: 20px;
      z-index: 1;
    }

    .timeline-line {
      position: absolute;
      top: 25px;
      left: 0;
      height: 2px;
      width: 100%;
      background: #ffffff;
      z-index: 0;
    }

    .timeline-item {
      display: inline-block;
      text-align: center;
      margin: 0 40px;
      cursor: pointer;
      transition: transform 0.3s ease;
      position: relative;
    }

    .timeline-item::before {
      content: '';
      width: 14px;
      height: 14px;
      background: #ffffff;
      border-radius: 50%;
      display: block;
      margin: 0 auto 10px;
      transition: all 0.3s ease;
      position: relative;
      z-index: 2;
    }

    .timeline-item::after {
      content: '';
      position: absolute;
      top: 3.5px;
      left: 50%;
      transform: translateX(-50%) scale(0);
      width: 8px;
      height: 8px;
      background: #B01229;
      border-radius: 50%;
      transition: transform 0.3s ease;
      z-index: 3;
    }

    .timeline-item.active::after {
      transform: translateX(-50%) scale(1);
    }

    .timeline-item:hover::before,
    .timeline-item.active::before {
      transform: scale(1.5);
    }

    .timeline-year {
      font-weight: 700;
      font-size: 20px;
      color: #ffffff;
      transition: transform 0.3s ease;
      position: relative;
      z-index: 2;
    }

    .timeline-item:hover .timeline-year,
    .timeline-item.active .timeline-year {
      transform: scale(1.5);
    }

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

    .timeline-content {
      opacity: 0;
      transform: translateY(30px);
      transition: opacity 0.3s ease, transform 0.3s ease;
      display: none;
      max-width: 800px;
      margin: 30px auto;
      text-align: justify;
      font-size: 17px;
      color: #ffffff;
    }

    .timeline-content h3 {
      font-size: 20px;
      font-weight: 700;
      margin-bottom: 10px;
    }

    .timeline-content.active {
      display: block;
      animation: fadeInUp 0.6s ease forwards;
    }

    .timeline-container::-webkit-scrollbar {
      height: 6px;
    }

    .timeline-container::-webkit-scrollbar-track {
      background: transparent;
      border-radius: 10px;
    }

    .timeline-container::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, 0.5);
      border-radius: 3px;
    }

    .timeline-container::-webkit-scrollbar-thumb:hover {
      background: rgba(255, 255, 255, 1);
    }

    .timeline-nav {
      position: absolute;
      top: 65px;
      transform: translateY(-50%);
      background: rgba(197, 197, 197, 0.52);
      color: #ffffff;
      border: none;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      cursor: pointer;
      z-index: 10;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.25);
      transition: all 0.3s ease;
      line-height: 1;
      padding: 0;
    }

    .timeline-nav.left {
      left: -20px;
      top: 85px;
    }

    .timeline-nav.right {
      right: -20px;
      top: 85px;
    }

    .timeline-nav:hover {
      background: #E0E2E4;
      color: #353535;
    }

    .timeline-nav svg {
      width: 20px;
      height: 20px;
      fill: currentColor;
      pointer-events: none;
    }

    @media (max-width: 768px) {
      .timeline-year {
        font-size: 16px;
      }
      .timeline-content {
        font-size: 15px;
        padding: 0 15px;
      }
      .timeline-container {
        max-width: 95vw;
        padding: 20px 0;
      }
    }

    @media (max-width: 480px) {
      .timeline-wrapper {
        flex-direction: column;
      }
      .timeline-nav.left,
      .timeline-nav.right {
        display: none; /* Tombol disembunyikan di mobile */
      }
    }
  </style>
</head>
<body>
  <div class="timeline-wrapper">
    <button class="timeline-nav left" onclick="scrollTimeline(-1)">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>
    </button>

    <div class="timeline-container" id="timeline-scroll">
      <div class="timeline-track">
        <div class="timeline-line"></div>
        <!-- Timeline Items -->
        <div class="timeline-item active" onclick="showContent(0)"><div class="timeline-year">1969–1974</div></div>
        <div class="timeline-item" onclick="showContent(1)"><div class="timeline-year">1974–1981</div></div>
        <div class="timeline-item" onclick="showContent(2)"><div class="timeline-year">1981–1985</div></div>
        <div class="timeline-item" onclick="showContent(3)"><div class="timeline-year">1985–1995</div></div>
        <div class="timeline-item" onclick="showContent(4)"><div class="timeline-year">1995–2001</div></div>
        <div class="timeline-item" onclick="showContent(5)"><div class="timeline-year">2001–2007</div></div>
        <div class="timeline-item" onclick="showContent(6)"><div class="timeline-year">2007–2011</div></div>
        <div class="timeline-item" onclick="showContent(7)"><div class="timeline-year">2011–2020</div></div>
        <div class="timeline-item" onclick="showContent(8)"><div class="timeline-year">2020–Sekarang</div></div>
      </div>
    </div>

    <button class="timeline-nav right" onclick="scrollTimeline(1)">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.59 16.59 10 18l6-6-6-6-1.41 1.41L13.17 12z"/></svg>
    </button>
  </div>

  <!-- Timeline Descriptions -->
<div class="timeline-content active">
  <h3>1969–1974: Lahirnya IMKI</h3>
  <p>Ikatan Mahasiswa Kedokteran Indonesia (IMKI) didirikan sebagai wadah nasional mahasiswa kedokteran pertama, berperan aktif dalam konsolidasi dan forum internasional. Namun, organisasi ini vakum setelah peristiwa Malari 1974.</p>
</div>

<div class="timeline-content">
  <h3>1974–1981: Masa Kevakuman</h3>
  <p>Kevakuman IMKI menciptakan kekosongan organisasi mahasiswa kedokteran. Upaya menghidupkannya kembali gagal, memunculkan kebutuhan akan organisasi baru yang lebih relevan dengan dinamika zaman.</p>
</div>

<div class="timeline-content">
  <h3>1981–1985: Deklarasi ISMKI</h3>
  <p>Pada 20 September 1981, ISMKI didirikan di Makassar oleh mahasiswa dari berbagai FK sebagai pengganti IMKI, dengan struktur dan AD/ART yang sah lewat MUNAS I.</p>
</div>

<div class="timeline-content">
  <h3>1985–1995: Konsolidasi Organisasi</h3>
  <p>ISMKI menyesuaikan struktur dan wilayahnya mengikuti kebijakan DIKTI. Kegiatan nasional seperti Temilnas dan LKMM memperkuat kaderisasi dan peran Sekretariat Jenderal sebagai motor organisasi.</p>
</div>

<div class="timeline-content">
  <h3>1995–2001: Ekspansi Nasional & Internasional</h3>
  <p>ISMKI aktif dalam kegiatan sosial dan resmi menjadi anggota IFMSA pada 1998. Namun, perbedaan visi memicu lahirnya organisasi baru, CIMSA, dari sebagian anggotanya.</p>
</div>

<div class="timeline-content">
  <h3>2001–2007: Penguatan Kelembagaan</h3>
  <p>ISMKI mulai membentuk bidang strategis seperti Kajian Strategis Nasional dan Hubungan Internasional. Meski ada tantangan kolaborasi, ISMKI tetap jadi forum koordinasi nasional.</p>
</div>

<div class="timeline-content">
  <h3>2007–2011: Adaptasi Era Digital</h3>
  <p>Organisasi mulai bertransformasi dengan pendekatan digital, mengembangkan bidang informasi dan teknologi kesehatan serta memperluas peran dalam isu-isu kontemporer.</p>
</div>

<div class="timeline-content">
  <h3>2011–2020: Reposisi Strategis</h3>
  <p>ISMKI memperluas jaringan dengan Kemenkes, IDI, dan BPJS. Aktif dalam program sosial seperti relawan bencana, operasi katarak, serta keluar dari IFMSA demi fokus nasional.</p>
</div>

<div class="timeline-content">
  <h3>2020–Sekarang: Legalisasi & Akselerasi Global</h3>
  <p>ISMKI mendapat SK Kemenkumham, tercatat di PBB, dan menjalin kerja sama dengan UNICEF. Aktif mengadvokasi FK baru, isu stunting, dan edukasi COVID-19 sebagai organisasi mahasiswa yang legal dan berdaya saing global.</p>
</div>

  <!-- Tambahkan konten lain sesuai yang sudah kamu tulis sebelumnya -->
  <!-- ... -->
  
  <script>
    const items = document.querySelectorAll('.timeline-item');
    const contents = document.querySelectorAll('.timeline-content');

    function showContent(index) {
      items.forEach((item, i) => {
        item.classList.toggle('active', i === index);
        contents[i].classList.toggle('active', i === index);
      });
    }

    function scrollTimeline(direction) {
      const container = document.getElementById("timeline-scroll");
      const scrollAmount = container.clientWidth * 0.6;
      container.scrollBy({
        left: direction * scrollAmount,
        behavior: 'smooth'
      });
    }
  </script>
</body>
</html>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-80ec221 */<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
<style>
  .ismki-timeline-container {
    font-family: 'Montserrat', sans-serif;
    color: #fff;
    padding: 40px 20px;
    border-radius: 12px;
    transition: background-color 0.4s ease;
    position: relative;
    overflow: hidden;
  }

  .ismki-timeline-container.bg-0 { background-color: #8B0000; }
  .ismki-timeline-container.bg-1 { background-color: #B22222; }
  .ismki-timeline-container.bg-2 { background-color: #DC143C; }
  .ismki-timeline-container.bg-3 { background-color: #FF6347; }

  .ismki-timeline-track {
    display: flex;
    gap: 40px;
    overflow-x: auto;
    padding: 20px 0;
    white-space: nowrap;
    position: relative;
  }

  .ismki-timeline-track::before {
    content: '';
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
  }

  .ismki-timeline-item {
    text-align: center;
    position: relative;
    cursor: pointer;
  }

  .ismki-timeline-item::before {
    content: '';
    width: 14px;
    height: 14px;
    background: #fff;
    border-radius: 50%;
    display: block;
    margin: 0 auto 10px;
  }

  .ismki-timeline-item.active::after {
    content: '';
    position: absolute;
    top: 3.5px;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
  }

  .ismki-timeline-year {
    font-weight: bold;
    font-size: 16px;
  }

  .ismki-timeline-description {
    display: none;
    margin-top: 30px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 10px;
    font-size: 15px;
    text-align: justify;
  }

  .ismki-timeline-description.active {
    display: block;
    animation: fadeInUp 0.5s ease;
  }

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

  @media (max-width: 768px) {
    .ismki-timeline-year {
      font-size: 14px;
    }

    .ismki-timeline-description {
      font-size: 14px;
    }
  }
</style>

<div class="ismki-timeline-container bg-0" id="ismkiTimeline">
  <div class="ismki-timeline-track">
    <div class="ismki-timeline-item active" onclick="ismkiShow(0)">
      <div class="ismki-timeline-year">1969–1974</div>
    </div>
    <div class="ismki-timeline-item" onclick="ismkiShow(1)">
      <div class="ismki-timeline-year">1974–1981</div>
    </div>
    <div class="ismki-timeline-item" onclick="ismkiShow(2)">
      <div class="ismki-timeline-year">1981–1985</div>
    </div>
    <div class="ismki-timeline-item" onclick="ismkiShow(3)">
      <div class="ismki-timeline-year">1985–1995</div>
    </div>
  </div>

  <div class="ismki-timeline-description active">IMKI didirikan sebagai wadah mahasiswa kedokteran pertama, aktif di konsolidasi dan forum internasional, namun vakum setelah peristiwa Malari 1974.</div>
  <div class="ismki-timeline-description">Kevakuman IMKI menciptakan kekosongan organisasi mahasiswa kedokteran. Upaya menghidupkannya kembali gagal, memunculkan kebutuhan akan organisasi baru.</div>
  <div class="ismki-timeline-description">20 September 1981, ISMKI didirikan di Makassar oleh mahasiswa FK dari berbagai daerah, menggantikan IMKI secara resmi lewat MUNAS I.</div>
  <div class="ismki-timeline-description">ISMKI menyesuaikan struktur mengikuti kebijakan DIKTI. Temilnas dan LKMM memperkuat kaderisasi dan peran Sekjen sebagai motor organisasi.</div>
</div>

<script>
  function ismkiShow(index) {
    const container = document.getElementById('ismkiTimeline');
    const items = container.querySelectorAll('.ismki-timeline-item');
    const descs = container.querySelectorAll('.ismki-timeline-description');

    // Update active item
    items.forEach((item, i) => item.classList.toggle('active', i === index));
    descs.forEach((desc, i) => desc.classList.toggle('active', i === index));

    // Ganti warna latar sesuai index
    container.className = `ismki-timeline-container bg-${index}`;
  }
</script>/* End custom CSS */