.elementor-777 .elementor-element.elementor-element-3192eab9{--display:flex;}.elementor-777 .elementor-element.elementor-element-11b8ba1{--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;}.elementor-777 .elementor-element.elementor-element-86d78bf{--display:flex;}.elementor-777 .elementor-element.elementor-element-558bd6e{--display:flex;}.elementor-777 .elementor-element.elementor-element-c1051e4{--display:flex;}.elementor-777 .elementor-element.elementor-element-065911a{--display:flex;}.elementor-777 .elementor-element.elementor-element-968ed33{--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;}.elementor-777 .elementor-element.elementor-element-70c8a8b{--display:flex;}.elementor-777 .elementor-element.elementor-element-b113376{--display:flex;}@media(min-width:768px){.elementor-777 .elementor-element.elementor-element-3192eab9{--width:100%;}.elementor-777 .elementor-element.elementor-element-11b8ba1{--width:100%;}.elementor-777 .elementor-element.elementor-element-86d78bf{--width:80%;}.elementor-777 .elementor-element.elementor-element-065911a{--width:20%;}.elementor-777 .elementor-element.elementor-element-968ed33{--width:100%;}.elementor-777 .elementor-element.elementor-element-70c8a8b{--width:80%;}.elementor-777 .elementor-element.elementor-element-b113376{--width:20%;}}/* Start custom CSS for shortcode, class: .elementor-element-209f8954 *//* =========================================================
   STI STUDENT SIDEBAR
   MATCHING GREETING PANEL
========================================================= */

.elementor-777 .elementor-element.elementor-element-209f8954 {
    background:
        linear-gradient(
            160deg,
            #111b3a 0%,
            #162b55 45%,
            #0d5f6d 100%
        ) !important;

    border-radius: 16px !important;

    border: 1px solid rgba(255,255,255,0.10) !important;

    box-shadow:
        0 14px 35px rgba(13,34,70,0.20),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;

    overflow: hidden !important;

    position: relative !important;
}


/* =========================================================
   SOFT DECORATIVE GLOW
========================================================= */

.elementor-777 .elementor-element.elementor-element-209f8954::before {
    content: "" !important;

    position: absolute !important;

    width: 180px !important;
    height: 180px !important;

    right: -90px !important;
    top: -70px !important;

    border-radius: 50% !important;

    background:
        rgba(45,212,191,0.12) !important;

    pointer-events: none !important;
}


/* SECOND GLOW */

.elementor-777 .elementor-element.elementor-element-209f8954::after {
    content: "" !important;

    position: absolute !important;

    width: 130px !important;
    height: 130px !important;

    left: -80px !important;
    bottom: 20px !important;

    border-radius: 50% !important;

    background:
        rgba(37,99,235,0.12) !important;

    pointer-events: none !important;
}


/* =========================================================
   KEEP SIDEBAR CONTENT ABOVE GLOW
========================================================= */

.elementor-777 .elementor-element.elementor-element-209f8954 > * {
    position: relative !important;
    z-index: 2 !important;
}


/* =========================================================
   USER PROFILE CARD
========================================================= */

.elementor-777 .elementor-element.elementor-element-209f8954 .meu-user-card,
.elementor-777 .elementor-element.elementor-element-209f8954 .user-card,
.elementor-777 .elementor-element.elementor-element-209f8954 .profile-card {
    background:
        rgba(255,255,255,0.10) !important;

    border:
        1px solid rgba(255,255,255,0.12) !important;

    border-radius: 11px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06) !important;

    backdrop-filter: blur(10px) !important;
}


/* =========================================================
   SIDEBAR MENU TEXT
========================================================= */

.elementor-777 .elementor-element.elementor-element-209f8954 a {
    color: rgba(255,255,255,0.72) !important;

    font-size: 13px !important;

    font-weight: 650 !important;

    transition:
        all .22s ease !important;
}


/* =========================================================
   MENU ICONS
========================================================= */

.elementor-777 .elementor-element.elementor-element-209f8954 a i,
.elementor-777 .elementor-element.elementor-element-209f8954 a svg {
    color: rgba(255,255,255,0.65) !important;

    fill: none !important;

    transition:
        all .22s ease !important;
}


/* =========================================================
   MENU HOVER
========================================================= */

.elementor-777 .elementor-element.elementor-element-209f8954 a:hover {
    color: #ffffff !important;

    background:
        rgba(255,255,255,0.07) !important;

    border-radius: 9px !important;

    transform: translateX(3px) !important;
}


.elementor-777 .elementor-element.elementor-element-209f8954 a:hover i,
.elementor-777 .elementor-element.elementor-element-209f8954 a:hover svg {
    color: #5eead4 !important;
}


/* =========================================================
   ACTIVE MENU
========================================================= */

.elementor-777 .elementor-element.elementor-element-209f8954 .active,
.elementor-777 .elementor-element.elementor-element-209f8954 .current-menu-item,
.elementor-777 .elementor-element.elementor-element-209f8954 .current_page_item {
    color: #ffffff !important;

    background:
        linear-gradient(
            90deg,
            #2563eb 0%,
            #0ea5a4 100%
        ) !important;

    border-radius: 9px !important;

    box-shadow:
        0 7px 18px rgba(14,165,164,0.22) !important;
}


/* ACTIVE TEXT */

.elementor-777 .elementor-element.elementor-element-209f8954 .active a,
.elementor-777 .elementor-element.elementor-element-209f8954 .current-menu-item a,
.elementor-777 .elementor-element.elementor-element-209f8954 .current_page_item a {
    color: #ffffff !important;
}


/* ACTIVE ICON */

.elementor-777 .elementor-element.elementor-element-209f8954 .active i,
.elementor-777 .elementor-element.elementor-element-209f8954 .active svg,
.elementor-777 .elementor-element.elementor-element-209f8954 .current-menu-item i,
.elementor-777 .elementor-element.elementor-element-209f8954 .current-menu-item svg {
    color: #ffffff !important;
}


/* =========================================================
   STUDENT PORTAL LABEL
========================================================= */

.elementor-777 .elementor-element.elementor-element-209f8954 .menu-title,
.elementor-777 .elementor-element.elementor-element-209f8954 .section-title {
    color:
        rgba(255,255,255,0.45) !important;

    font-size: 9px !important;

    font-weight: 800 !important;

    letter-spacing: 1.8px !important;
}


/* =========================================================
   BOTTOM MENU
========================================================= */

.elementor-777 .elementor-element.elementor-element-209f8954 .bottom-menu,
.elementor-777 .elementor-element.elementor-element-209f8954 .sidebar-bottom {
    border-top:
        1px solid rgba(255,255,255,0.08) !important;
}


/* =========================================================
   BOTTOM LINKS
========================================================= */

.elementor-777 .elementor-element.elementor-element-209f8954 .bottom-menu a,
.elementor-777 .elementor-element.elementor-element-209f8954 .sidebar-bottom a {
    color:
        rgba(255,255,255,0.60) !important;

    font-size: 12px !important;

    font-weight: 600 !important;
}


.elementor-777 .elementor-element.elementor-element-209f8954 .bottom-menu a:hover,
.elementor-777 .elementor-element.elementor-element-209f8954 .sidebar-bottom a:hover {
    color: #ffffff !important;

    background:
        rgba(255,255,255,0.06) !important;

    transform: translateX(3px) !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .elementor-777 .elementor-element.elementor-element-209f8954 {

        border-radius: 13px !important;

        box-shadow:
            0 10px 25px
            rgba(13,34,70,0.16) !important;
    }

    .elementor-777 .elementor-element.elementor-element-209f8954 a {

        font-size: 12px !important;
    }

}/* End custom CSS */