.elementor-9202 .elementor-element.elementor-element-1e2c1e3{--display:flex;--position:absolute;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:097px;--padding-bottom:50px;--padding-left:97px;--padding-right:97px;top:110px;}.elementor-9202 .elementor-element.elementor-element-1e2c1e3 .elementor-background-slideshow__slide__image{background-position:top center;}.elementor-9202 .elementor-element.elementor-element-1e2c1e3.e-con{--align-self:flex-start;--flex-grow:1;--flex-shrink:0;}body:not(.rtl) .elementor-9202 .elementor-element.elementor-element-1e2c1e3{left:0%;}body.rtl .elementor-9202 .elementor-element.elementor-element-1e2c1e3{right:0%;}.elementor-9202 .elementor-element.elementor-element-e5a797e{--display:flex;--margin-top:050px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--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-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9202 .elementor-element.elementor-element-395aa58 > .elementor-widget-container{margin:00px 0px -22px 0px;padding:00px 0px 0px 0px;}.elementor-9202 .elementor-element.elementor-element-395aa58{text-align:end;}.elementor-9202 .elementor-element.elementor-element-395aa58 .elementor-heading-title{color:#FFFFFF;}.elementor-9202 .elementor-element.elementor-element-f05efc5{text-align:end;}.elementor-9202 .elementor-element.elementor-element-f05efc5 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:#FFFFFF;}.elementor-9202 .elementor-element.elementor-element-c0a23b0{--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-9202 .elementor-element.elementor-element-1a83fa8{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;}.elementor-9202 .elementor-element.elementor-element-1a83fa8.e-con{--align-self:center;}.elementor-9202 .elementor-element.elementor-element-010b2a9{--display:flex;--min-height:0px;}.elementor-9202 .elementor-element.elementor-element-010b2a9:not(.elementor-motion-effects-element-type-background), .elementor-9202 .elementor-element.elementor-element-010b2a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-9202 .elementor-element.elementor-element-010b2a9.e-con:hover{--e-con-transform-scale:1.1;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9202 .elementor-element.elementor-element-104a9de > .elementor-widget-container{margin:-35% 0% 0% 0%;padding:5% 5% 5% 5%;}.elementor-9202 .elementor-element.elementor-element-104a9de img{width:100%;max-width:100%;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9202 .elementor-element.elementor-element-42d6790 > .elementor-widget-container{margin:-6% 0% -7% 0%;padding:0% 0% 0% 0%;}.elementor-9202 .elementor-element.elementor-element-364b7f0 > .elementor-widget-container{margin:-6% 0% -5% 0%;}.elementor-9202 .elementor-element.elementor-element-7255114{--display:flex;--min-height:0px;}.elementor-9202 .elementor-element.elementor-element-7255114:not(.elementor-motion-effects-element-type-background), .elementor-9202 .elementor-element.elementor-element-7255114 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-9202 .elementor-element.elementor-element-7255114.e-con:hover{--e-con-transform-scale:1.1;}.elementor-9202 .elementor-element.elementor-element-b7730df > .elementor-widget-container{margin:-35% 0% 0% 0%;padding:5% 5% 5% 5%;}.elementor-9202 .elementor-element.elementor-element-b7730df img{width:100%;max-width:100%;}.elementor-9202 .elementor-element.elementor-element-9d2baab > .elementor-widget-container{margin:-6% 0% -7% 0%;padding:0% 0% 0% 0%;}.elementor-9202 .elementor-element.elementor-element-a972f30 > .elementor-widget-container{margin:-6% 0% -5% 0%;}.elementor-9202 .elementor-element.elementor-element-b8c6884{--display:flex;--min-height:0px;}.elementor-9202 .elementor-element.elementor-element-b8c6884:not(.elementor-motion-effects-element-type-background), .elementor-9202 .elementor-element.elementor-element-b8c6884 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-9202 .elementor-element.elementor-element-b8c6884.e-con:hover{--e-con-transform-scale:1.1;}.elementor-9202 .elementor-element.elementor-element-443ca39 > .elementor-widget-container{margin:-35% 0% 0% 0%;padding:5% 5% 5% 5%;}.elementor-9202 .elementor-element.elementor-element-443ca39 img{width:100%;max-width:100%;}.elementor-9202 .elementor-element.elementor-element-fbbe740 > .elementor-widget-container{margin:-6% 0% -7% 0%;padding:0% 0% 0% 0%;}.elementor-9202 .elementor-element.elementor-element-c24376f > .elementor-widget-container{margin:-6% 0% -5% 0%;}.elementor-9202 .elementor-element.elementor-element-f24a8b9{--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-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9202 .elementor-element.elementor-element-fc233a7{--divider-border-style:solid;--divider-color:#000;--divider-border-width:2.7px;}.elementor-9202 .elementor-element.elementor-element-fc233a7 .elementor-divider-separator{width:14%;margin:0 auto;margin-center:0;}.elementor-9202 .elementor-element.elementor-element-fc233a7 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-9202 .elementor-element.elementor-element-4aa3dd3{--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-9202 .elementor-element.elementor-element-f9b89f8{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:4px;}.elementor-9202 .elementor-element.elementor-element-f9b89f8 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-9202 .elementor-element.elementor-element-f9b89f8 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-9202 .elementor-element.elementor-element-f9b89f8 .elementor-divider__text{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-size:40px;font-weight:600;}.elementor-9202 .elementor-element.elementor-element-566a578{--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;}@media(max-width:1024px){.elementor-9202 .elementor-element.elementor-element-1a83fa8{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-9202 .elementor-element.elementor-element-1a83fa8{--width:90%;}.elementor-9202 .elementor-element.elementor-element-010b2a9{--width:90%;}.elementor-9202 .elementor-element.elementor-element-7255114{--width:90%;}.elementor-9202 .elementor-element.elementor-element-b8c6884{--width:90%;}}@media(max-width:767px){.elementor-9202 .elementor-element.elementor-element-1a83fa8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-a82428b *//* Setting up a 5-column grid layout for TablePress with ID 2 */
.tablepress-id-7 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Space between grid items */
    justify-content: center;
}

.tablepress-id-7 tbody {
    display: contents; /* Remove tbody so tr becomes flex items */
}

.tablepress-id-7 tbody tr {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 calc(20% - 50px); 
    max-width: calc(20% - 20px);
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    padding: 15px;
    margin: 10px;
    text-align: center;
    box-sizing: border-box;
}

.tablepress-id-7 tbody td {
    border: none;
    padding: 5px;
}


/* Hide the table header for TablePress with ID 2 */
.tablepress-id-7 thead {
    display: none;
}

/* Styling for name */
.tablepress-id-7 tbody tr td:nth-child(2) {
    font-size: 14px; /* Sedikit lebih besar untuk visibilitas */
    color: #2c3e50; /* Warna yang lebih gelap untuk kontras */
    font-weight: bold; /* Penekanan pada nama */
    text-align: center;/* Selaraskan ke kiri agar terlihat rapi */
    margin-bottom: 5px;
}

/* Styling for year class (angkatan) */
.tablepress-id-7 tbody tr td:nth-child(3) {
    font-size: 13px; /* Sedikit lebih kecil dibanding nama */
    color: #7f8c8d; /* Warna abu untuk membedakan dari nama */
    font-weight: normal; /* Tidak terlalu menonjol */
    text-align: center; /* Selaraskan ke kiri untuk keselarasan */
}

/* Styling for notability or additional information */
.tablepress-id-7 tbody tr td:nth-child(4) {
    font-size: 13px; /* Sama seperti angkatan */
    color: #333; /* Warna yang sedikit lebih gelap */
    font-weight: normal; /* Tidak perlu menonjol */
    text-align: center; /* Tetap selaras dengan elemen lainnya */
    margin-bottom: 5px;
}


/* Hide the Edit button */
.edit-link, 
.tablepress-edit-link, 
a[href*="action=edit"] {
    display: none !important;
}


.tablepress-id-7 tbody td {
    background-color: #fff !important; /* Ensure each cell has a white background */
    border: none; /* Remove borders if present */
}

/* Card container styling */
.tablepress-id-7 tbody tr {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 1 calc(20% - 50px);
    max-width: calc(20% - 20px);
    background: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 0px;
    padding: 15px;
    margin: 10px;
    text-align: center;
    box-sizing: border-box;
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth hover transition */
}

/* Hover effect for cards */
.tablepress-id-7 tbody tr:hover {
    transform: translateY(-10px); /* Move the card up slightly */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Add deeper shadow on hover */
    background-color: #f9f9f9; /* Optional: Slightly change the background color */
}

/* Optional: Add hover effects for text within the card */
.tablepress-id-7 tbody tr:hover td {
    color: #2c3e50; /* Change text color on hover */
    transition: color 0.3s ease; /* Smooth transition for text color */
}

/* Align the first row to the left */
.tablepress-id-7 tbody tr:first-child {
    margin-left: 0 !important; 
}/* End custom CSS */