.elementor-75 .elementor-element.elementor-element-5a1e5b7 > .elementor-background-overlay{background-image:url("https://www.ukm.my/pplalaf/wp-content/uploads/2026/07/Pemandangan-TasikChini2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0.15;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-75 .elementor-element.elementor-element-5a1e5b7{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6em 1em 6em 1em;}.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 );}.elementor-75 .elementor-element.elementor-element-d3ddaaa{text-align:center;}.elementor-75 .elementor-element.elementor-element-d3ddaaa .elementor-heading-title{font-family:"Oxygen", Sans-serif;font-size:4.2em;font-weight:900;text-transform:capitalize;line-height:1.1em;text-shadow:0px 0px 40px rgba(0,0,0,0.3);color:#000000;}.elementor-75 .elementor-element.elementor-element-93c4cc0{--display:flex;}.elementor-75 .elementor-element.elementor-element-93c4cc0.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-75 .elementor-element.elementor-element-ba5e409{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-75 .elementor-element.elementor-element-a0465bc{--display:flex;}.elementor-75 .elementor-element.elementor-element-9d60366{--display:flex;}.elementor-75 .elementor-element.elementor-element-c023b8b{--display:flex;}.elementor-75 .elementor-element.elementor-element-bed701f{--display:flex;}.elementor-75 .elementor-element.elementor-element-9c8e1d0{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:240px;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:initial;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-heading-wrap:wrap;--n-tabs-title-justify-content:center;--n-tabs-title-text-align:center;}.elementor-75 .elementor-element.elementor-element-9c8e1d0.elementor-element{--align-self:center;}.elementor-75 .elementor-element.elementor-element-9c8e1d0.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}@media(max-width:1024px){.elementor-75 .elementor-element.elementor-element-5a1e5b7{padding:1em 1em 1em 1em;}}@media(max-width:767px){.elementor-75 .elementor-element.elementor-element-5a1e5b7{padding:3em 1em 3em 1em;}.elementor-75 .elementor-element.elementor-element-d3ddaaa{padding:0em 0em 2em 0em;}.elementor-75 .elementor-element.elementor-element-d3ddaaa .elementor-heading-title{font-size:3.4em;}}/* Start custom CSS for container, class: .elementor-element-93c4cc0 *//* ==========================================
   PPL - Nested Tabs (UKM Pill Style)
========================================== */

/* Layout */
.elementor-widget-n-tabs .e-n-tabs{
    display:flex;
    gap:30px;
}

/* Sidebar */
.elementor-widget-n-tabs .e-n-tabs-heading{
    width:300px;
    min-width:300px;
    display:flex;
    flex-direction:column;
    gap:12px;
}

/* Pill */
.elementor-widget-n-tabs .e-n-tab-title{

    width:100%;

    justify-content:flex-start;

    background:#F4F6F9;

    border:none;

    border-radius:50px;

    padding:16px 24px;

    font-size:16px;

    font-weight:600;

    color:#3d3d3d;

    transition:.3s;

    box-shadow:none;

}

/* Hover */

.elementor-widget-n-tabs .e-n-tab-title:hover{

    background:#E6EEF7;

    color:#003E7E;

    transform:translateX(5px);

}

/* Active */

.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"]{

    background:#003E7E;

    color:#ffffff;

    font-weight:700;

    box-shadow:
        0 8px 20px rgba(0,62,126,.25);

}

/* Content */

.elementor-widget-n-tabs .e-n-tabs-content>.e-con{

    background:#fff;

    border-radius:20px;

    padding:35px;

    box-shadow:0 8px 30px rgba(0,0,0,.08);

    border:1px solid #ECECEC;

}

/* Remove blue outline */

.elementor-widget-n-tabs .e-n-tab-title:focus{

    outline:none;

    box-shadow:none;

}

/* Responsive */

@media(max-width:768px){

.elementor-widget-n-tabs .e-n-tabs{

display:block;

}

.elementor-widget-n-tabs .e-n-tabs-heading{

width:100%;

min-width:100%;

margin-bottom:20px;

}

}


/* ==========================================
   FORCE UKM BLUE ACTIVE TAB
========================================== */

/* Active */
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"],
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"]:hover,
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"]:focus{

    background:#003E7E !important;
    color:#FFFFFF !important;
    border-color:#003E7E !important;

}

/* Text */
.elementor-widget-n-tabs .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text{
    color:#FFFFFF !important;
}

/* Override Elementor variables */
.elementor-widget-n-tabs{
    --n-tabs-title-active-background-color:#003E7E !important;
    --n-tabs-title-active-color:#FFFFFF !important;
    --n-tabs-title-active-border-color:#003E7E !important;
}

/* Pill Button */
.elementor-widget-n-tabs .e-n-tab-title{

    display:flex !important;

    align-items:center !important;

    justify-content:center !important; /* Center horizontal */

    width:100%;

    min-height:55px;

    padding:16px 24px;

    border-radius:50px;

    background:#F4F6F9;

    border:none;

    font-size:16px;

    font-weight:600;

    text-align:center;

    color:#333;

    transition:.3s;

}/* End custom CSS */