.elementor-2 .elementor-element.elementor-element-4bb4ee5{--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-2 .elementor-element.elementor-element-c382439 > .elementor-widget-container{margin:-13% 0% 0% 0%;}.elementor-2 .elementor-element.elementor-element-55ce65f{--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:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.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-2 .elementor-element.elementor-element-5690a03{text-align:center;}.elementor-2 .elementor-element.elementor-element-5690a03 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:32px;font-weight:600;color:#212529;}.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-2 .elementor-element.elementor-element-f7dcdab img{width:28%;}.elementor-2 .elementor-element.elementor-element-5cdfbd0{--display:grid;--e-con-grid-template-columns:repeat(10, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;--align-items:center;}.elementor-2 .elementor-element.elementor-element-117d9fe{--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:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-2 .elementor-element.elementor-element-117d9fe:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-117d9fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.gracindojogja.com/wp-content/uploads/2025/09/introduction-4d429b22.png");background-position:center right;background-repeat:no-repeat;background-size:auto;}.elementor-2 .elementor-element.elementor-element-71bc756{--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:space-around;}.elementor-2 .elementor-element.elementor-element-1cd7b4f{text-align:start;}.elementor-2 .elementor-element.elementor-element-1cd7b4f .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:32px;font-weight:600;color:#212529;}.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-2 .elementor-element.elementor-element-bbc847a{font-family:"Calibri", Sans-serif;font-size:16px;font-weight:400;color:#475261;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2 .elementor-element.elementor-element-6dc64b9 .elementor-button{background-color:#61CE7000;font-family:"Calibri", Sans-serif;font-weight:500;fill:#0C0C0C;color:#0C0C0C;border-style:solid;border-width:1px 1px 1px 1px;border-color:#272727;border-radius:1px 1px 1px 1px;}.elementor-2 .elementor-element.elementor-element-175e1fc{--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-2 .elementor-element.elementor-element-b7a5422{--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;--overlay-opacity:0.5;--padding-top:2%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-2 .elementor-element.elementor-element-b7a5422:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-b7a5422 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2 .elementor-element.elementor-element-b7a5422::before, .elementor-2 .elementor-element.elementor-element-b7a5422 > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-b7a5422 > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-b7a5422 > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-b7a5422 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-b7a5422 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0C2129;--background-overlay:'';}.elementor-2 .elementor-element.elementor-element-f1a587c{--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:space-between;}.elementor-2 .elementor-element.elementor-element-f1a587c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2 .elementor-element.elementor-element-c40280b{text-align:start;}.elementor-2 .elementor-element.elementor-element-c40280b .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:32px;font-weight:600;line-height:42px;color:#0077AE;}.elementor-2 .elementor-element.elementor-element-e90a0ae{font-family:"Calibri", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-6771a44{--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;}.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-2 .elementor-element.elementor-element-9bf41ef .elementor-icon-wrapper{text-align:center;}.elementor-2 .elementor-element.elementor-element-9bf41ef.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-9bf41ef.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-9bf41ef.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-9bf41ef.elementor-view-framed .elementor-icon, .elementor-2 .elementor-element.elementor-element-9bf41ef.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-2 .elementor-element.elementor-element-f0b493b{--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:5%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-2 .elementor-element.elementor-element-2bf2735{text-align:start;}.elementor-2 .elementor-element.elementor-element-2bf2735 .elementor-heading-title{font-family:"Gotham Bold", Sans-serif;font-size:32px;font-weight:600;color:#212529;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-blog-block-post, .elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-image-card, .elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-card{background-color:#E7F7FF;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-image-card{display:block;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-entry-thumb{margin:1px 1px 1px 1px;} .elementor-2 .elementor-element.elementor-element-a490540 .ekit-wid-con .elementskit-entry-thumb{padding:1px 1px 1px 1px;}.elementor-2 .elementor-element.elementor-element-a490540 .post-meta-list{text-align:left;}.elementor-2 .elementor-element.elementor-element-a490540 .post-meta-list > span{color:#000000;fill:#000000;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-meta-lists.elementskit-style-tag{left:-10px;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-meta-lists.elementskit-style-tag > .elementskit-single-meta::before{border-width:5px;left:0%;top:-10px;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-body .entry-title, .elementor-2 .elementor-element.elementor-element-a490540 .elementskit-entry-header .entry-title, .elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-image-card .elementskit-post-body .entry-title  a,  .elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-card .elementskit-entry-header .entry-title  a,.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-blog-block-post .elementskit-post-body .entry-title a{font-family:"Gotham Bold", Sans-serif;font-size:18px;font-weight:400;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-body .entry-title a{color:#000000;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-entry-header .entry-title a{color:#000000;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-body .entry-title{text-align:left;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-entry-header .entry-title{text-align:left;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-footer > p{color:#000000;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-body > p{color:#000000;text-align:left;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-footer > p, .elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-body > p{font-family:"Calibri", Sans-serif;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-footer{text-align:left;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-71bc756{--width:65%;}.elementor-2 .elementor-element.elementor-element-175e1fc{--width:35%;}.elementor-2 .elementor-element.elementor-element-f1a587c{--width:40%;}.elementor-2 .elementor-element.elementor-element-6771a44{--width:60%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2 .elementor-element.elementor-element-5cdfbd0{--grid-auto-flow:row;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-blog-block-post, .elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-image-card, .elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-card{margin:0px 0px 30px 0px;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-4bb4ee5{--margin-top:-19%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-2 .elementor-element.elementor-element-5690a03 .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-2 .elementor-element.elementor-element-f7dcdab img{width:70%;}.elementor-2 .elementor-element.elementor-element-5cdfbd0{--e-con-grid-template-columns:repeat(1, 1fr);--gap:3px 3px;--row-gap:3px;--column-gap:3px;--grid-auto-flow:column;--justify-items:start;--align-items:center;}.elementor-2 .elementor-element.elementor-element-c40280b{text-align:center;}.elementor-2 .elementor-element.elementor-element-c40280b .elementor-heading-title{font-size:19px;line-height:1.6em;}.elementor-2 .elementor-element.elementor-element-e90a0ae{text-align:center;font-size:12px;}.elementor-2 .elementor-element.elementor-element-2bf2735 .elementor-heading-title{font-size:21px;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-blog-block-post, .elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-image-card, .elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-card{border-radius:5px 5px 5px 5px;padding:5px 5px 5px 5px;margin:15px 15px 15px 15px;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-blog-block-post .elementskit-post-body{padding:5px 5px 5px 5px;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-post-image-card .elementskit-post-body{padding:5px 5px 5px 5px;}.elementor-2 .elementor-element.elementor-element-a490540 .elementskit-entry-thumb{margin:0px 0px 0px 0px;} .elementor-2 .elementor-element.elementor-element-a490540 .ekit-wid-con .elementskit-entry-thumb{padding:2px 2px 2px 2px;}}/* Start custom CSS for image, class: .elementor-element-f7dcdab */#hover-image-color {
  filter: grayscale(100%);
  transition: filter 0.5s ease;
}

#hover-image-color:hover {
  filter: grayscale(0%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-117d9fe *//* Grid Layout 4x2 */
.inalum-programs-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
    margin-top: 20px;
}

.inalum-program-card {
    background: white;
    border: 1px solid black;
    border-radius: 1px;
    padding: 15px 15px;
    text-align: left;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: left;
    min-height: 100px;
    position: relative;
    overflow: hidden;
}

.inalum-program-card:hover {
    border-color: #3498db;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.15);
}

.inalum-program-card.active {
    border-color: #3498db;
    background: linear-gradient(135deg, #f8f9ff 0%, #e3f2fd 100%);
    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.2);
}

.inalum-program-icon {

    border-radius: 50%;
    display: flex;
    align-items: left;
    justify-content: left;
    margin-bottom: 12px;
    transition: all 0.3s ease;

}


.inalum-program-title {
    color: #4db5e5;
    font-weight: 400;
    font-size: 0.95rem;
    line-height: 1.3;
    margin: 0;
}

/* Sidebar Styles */
.inalum-sidebar {
    position: sticky;
    top: 20px;
    height: 500px;
    border-radius: 2px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.15);
    transition: all 0.5s ease;
}

.inalum-sidebar-content {
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 40px 30px;
    color: white;
    background-image: url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80');
}

.inalum-sidebar-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(45deg, rgba(0,0,0,0.7), rgba(52, 152, 219, 0.3));
    z-index: 1;
}

.inalum-sidebar-text {
    position: relative;
    z-index: 2;
}

.inalum-sidebar-title {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 15px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

.inalum-sidebar-description {
    line-height: 1.6;
    font-size: 1rem;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
    margin-bottom: 20px;
}

.inalum-sidebar-btn {
    background: rgba(255,255,255,0.9);
    color: #3498db;
    border: none;
    padding: 5px 25px;
    border-radius: 1px;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s ease;
    align-self: flex-start;
}

.inalum-sidebar-btn:hover {
    background: white;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
}

/* Responsive Mobile */
@media (max-width: 768px) {
    .inalum-programs-grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        margin-top: 20px !important;
    }
    
    .inalum-program-card {
        border-radius: 0;
        padding: 1px 2px;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        min-height: 5px;
        margin-bottom: 1px;
        box-shadow: none;
        transform: none !important;
    }

    .inalum-program-card:hover {
        background: #f5f5f5;
        transform: none !important;
        box-shadow: none;
    }

    .inalum-program-card.active {
        background: #e3f2fd;
        border-left: 4px solid #3498db;
    }

    .inalum-program-icon {
        width: 40px;
        height: 40px;
        margin: 0 15px 0 0;
        flex-shrink: 0;
        transform: none !important;
        padding: 8px;
    }

    .inalum-program-card:hover .inalum-program-icon {
        transform: none !important;
    }

    .inalum-program-icon img {
        width: 20px;
        height: 20px;
    }

    .inalum-program-title {
        font-size: 1rem;
        margin: 0;
        flex: 1;
    }

    .inalum-sidebar {
        position: relative;
        height: 300px;
        margin-top: 20px;
        border-radius: 0;
    }

    .inalum-sidebar-content {
        padding: 30px 20px;
    }

    .inalum-sidebar-title {
        font-size: 9px;
        margin-bottom: 10px;
    }

    .inalum-sidebar-description {
        font-size: 10px;
        line-height: 1.5;
    }
}

/* Animation */
.inalum-fade-in {
    animation: inalumFadeIn 0.5s ease-in-out;
}

@keyframes inalumFadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}/* End custom CSS */