.elementor-13376 .elementor-element.elementor-element-88e15bf{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13376 .elementor-element.elementor-element-d8edd4c{--display:flex;}.elementor-13376 .elementor-element.elementor-element-4cee05f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 15px;--row-gap:0px;--column-gap:15px;--flex-wrap:nowrap;--border-radius:5px 5px 5px 5px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13376 .elementor-element.elementor-element-737670f{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-13376 .elementor-element.elementor-element-016ff37 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-13376 .elementor-element.elementor-element-016ff37 .elementor-menu-toggle{margin:0 auto;}.elementor-13376 .elementor-element.elementor-element-016ff37 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;}.elementor-13376 .elementor-element.elementor-element-016ff37 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-13376 .elementor-element.elementor-element-016ff37 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#02010100;}.elementor-13376 .elementor-element.elementor-element-016ff37 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-13376 .elementor-element.elementor-element-016ff37 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#02010100;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-13376 .elementor-element.elementor-element-4cee05f{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:500px){.elementor-13376 .elementor-element.elementor-element-4cee05f{--justify-content:center;--gap:0px 15px;--row-gap:0px;--column-gap:15px;}.elementor-13376 .elementor-element.elementor-element-19da105{width:initial;max-width:initial;}.elementor-13376 .elementor-element.elementor-element-016ff37 > .elementor-widget-container{margin:10px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-88e15bf *//*---------------------------------------------------------------------------------------------------------------------------*/
    /* SECONDARY COL - SIDEBAR =================================================== */
    /*---------------------------------------------------------------------------------------------------------------------------*/
    
        .vds-column-secondary {
             row-gap: 10px !important;
         }
         
         @media (max-width: 767px) {
         .vds-column-secondary {
             width: 100%;
         }}
        
        /* FORCE FLEX WRAP */
        /* @media (max-width: 860px) {
        .vds-con-2-column {
             flex-wrap: wrap;
         }} */

            /* CON width */
            /* @media (max-width: 860px) {
            .vds-column-secondary {
                width: 100%
            }} */


        /* FIX BUG */
        /*Fix width at 767px*/
            @media (min-width: 767px) and (max-width: 768px)
            { .vds-column-secondary {
                max-width: 25%
            }}

    /*SIDE BAR ---------------------------------------*/

            .button-profile-sidebar .elementor-button-content-wrapper {
            justify-content: start; 
            }
        
        /*SIDE MENU VISIBILITY*/
        
            /* @media (max-width:767px) {
            .vds-side-menu {
                display: none;
            }} */
        
        /* HEADING SIDEMENU */
            .heading-sidemenu-prodi {
                font-size:var(--vds-fs-subheading-m);
                font-weight:var(--vds-fw-semibold);
                line-height:var(--vds-lh-heading);
                color:var(--vds-color-navy);
            }
            
            /* On Tablet */
            @media (max-width: 1024px) {
                .heading-sidemenu-prodi {
                    font-size: var(--vds-fs-body-m);
                }
            }

            /* Vertical Icon */
                .vds-column-secondary .heading-icon-m.heading-icon-sidemenu {
                    background: var(--vds-color-navy) ;
                    width: 4px ;
                }

        /*BUTTON*/
            /*.button-sidebar .elementor-button {*/
            /*    width: 100%;*/
            /*    border-radius: 10px;*/
            /*}*/
        
        /* DIVIDER */
            .divider-side-column-prodi {

            }

            
        /*SIDE MENU*/

            /* COLUMN SETTINGS */
                .vds-side-column-prodi {
                    background-color: var(--vds-color-white);
                    
                    padding-top: 30px;
                    padding-bottom: 20px ;
                    padding-left: 20px ;
                    padding-right: 20px ;

                    row-gap: 15px;

                    border: 1px solid var(--vds-color-button-outline-dark);
                    border-radius: 10px;
                    
                    transition: 
                    box-shadow 0.3s ease,
                    transform 0.3s ease;
                } 
            
                    /*HOVER*/
                    .vds-side-column-prodi:hover {
                        box-shadow: 0 5px 30px -15px rgba(6, 119, 183, 0.2);
                    }
            

            /* MENU */
                
                /*General Settings */
                .vds-side-menu {
                    margin-top: -15px;
                }

                /* TEKS LINK */
                    .vds-side-menu.vds-side-menu-m .elementor-item {
                        color: var(--vds-color-navy) ;
                        font-size:var(--vds-fs-body);
                        font-weight:var(--vds-fw-regular);
                    }
                    
                    /* ON TABLET */
                    @media (max-width: 1024px) {
                        .vds-side-menu.vds-side-menu-m .elementor-item {
                            color: var(--vds-color-navy) ;
                            font-size:var(--vds-fs-body-s);
                            font-weight:var(--vds-fw-regular);
                        }
                    }
            
                /*SIDE MENU COLOR*/
            
                    .vds-side-menu.vds-side-menu-m .elementor-nav-menu .elementor-item {
                    
                    padding-left: 20px ;
                    padding-right: 20px;
                    padding-top: 15px;
                    padding-bottom: 15px;
                    
                    margin-top:2px;
                    border-radius: 6px;
                    
                    line-height: 1.25;
                    }
                    
                    /* ACTIVE BG */
                    .vds-side-menu .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
                        background-color: transparent;
                    }

                    /* Item GANJIL 1, 3, 5, dst */
                        .vds-side-menu .elementor-nav-menu li:nth-child(odd) .elementor-item {
                        background-color: rgba(240, 249, 254, 0.5);
                        }
                    
                    /*HOVER*/
                    .vds-side-menu .elementor-nav-menu .elementor-item:hover {
                        padding-left: 25px ;
                        padding-right: 25px;
                        padding-top: 40px;
                        padding-bottom: 40px;
                        
                        color: var(--vds-color-blue-accent);
                        
                        line-height: 1.6rem ;        
                    }
                
                
                /*HOVER POINTER*/
                    .vds-side-menu .elementor-nav-menu .elementor-item:hover::before {
                        background-color: var(--vds-color-light-blue);
                        border-radius: 6px;
                        }
                        
                    .vds-side-menu .elementor-nav-menu .elementor-item::before {
                        background: var(--vds-color-light-blue);
                        }
                    
                    .vds-side-menu .elementor-item.highlighted, .vds-side-menu .elementor-item.highlighted:hover {
                        color:var(--vds-color-blue-accent);
                        
                            padding-left: 25px !important;
                            padding-right: 25px !important;
                            padding-top: 9px !important;
                            padding-bottom: 9px !important;
                            line-height: 5.2rem !important;
                            
                    }
                    
                /*HOVER AKSEN*/

                    /* aksen kuning */
                        .vds-side-menu .elementor-item.elementor-item::after{
                        content: "";
                        
                        position: absolute;
                        left: 0%;
                        top: 25%;
                        
                        width: 5px;
                        height: 35px;
                        
                        background-color: var(--vds-color-yellow);
                        
                        border-radius: 0 100px 100px 0;
                        
                        transform: translateY(0%) scaleY(0);
                        transform-origin: center;
                        
                        opacity: 1;
                        
                        transition:
                            transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
                            opacity 0.1s ease;
                        }
                        
                        /* hover */
                            .vds-side-menu .elementor-item:hover::after {
                            transform: translateY(0%) scaleY(1);
                            opacity: 1;
                            top: 34%;
                            }

                    /* ACTIVE AKSEN */
                        
                        .vds-side-menu .elementor-item.elementor-item-active::before {
                            content: "";
                        
                            position: absolute;
                            left: 0%;
                            top: 0%;
                            
                            width: 6px;
                            height: 100%;
                            
                            background-color: var(--vds-color-yellow) !important;
                            
                            border-radius: 0 100px 100px 0;
                            
                            opacity: 1;
                            
                            transition:
                                transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
                                opacity 0.2s ease;
                        }

                /* CLOSED MENU */
                /*MENU HAMBURGER*/
                    .menu-icon span {
                        line-height: 0px;
                    }
                    
                    .elementor-menu-toggle__icon--open{
                        display:flex;
                        height:auto;
                        align-items:center;
                        font-size: 80px;
                    }
                    
                    /* BUTTON TOGGLE MENU */
                    .vds-column-secondary .vds-side-column-prodi .vds-side-menu .elementor-menu-toggle {
                        margin: 0px ;
                        padding-top: 15px;
                        padding-bottom: 15px;
                        
                        color: white;
                        background-color: var(--vds-color-navy);
                        
                        border-radius: 5px;
                    }/* End custom CSS */