.elementor-2711 .elementor-element.elementor-element-64f1889{--display:flex;--min-height:380px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;border-style:solid;--border-style:solid;border-width:0px 0px 6px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:6px;--border-left-width:0px;border-color:#E12027;--border-color:#E12027;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:30px;--padding-inline-end:30px;}.elementor-2711 .elementor-element.elementor-element-64f1889:not(.elementor-motion-effects-element-type-background), .elementor-2711 .elementor-element.elementor-element-64f1889 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jci.edu.sg/wp-content/uploads/2026/07/img-hero-role-application-form.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2711 .elementor-element.elementor-element-64f1889::before, .elementor-2711 .elementor-element.elementor-element-64f1889 > .elementor-background-video-container::before, .elementor-2711 .elementor-element.elementor-element-64f1889 > .e-con-inner > .elementor-background-video-container::before, .elementor-2711 .elementor-element.elementor-element-64f1889 > .elementor-background-slideshow::before, .elementor-2711 .elementor-element.elementor-element-64f1889 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2711 .elementor-element.elementor-element-64f1889 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-64f1889{--padding-inline-start:30px;--padding-inline-end:30px;}.elementor-2711 .elementor-element.elementor-element-61d1faa .breadcrumb{font-size:16px;font-weight:700;}.elementor-2711 .elementor-element.elementor-element-61d1faa .breadcrumbs-wrap .breadcrumb{color:#FFFFFF;}.elementor-2711 .elementor-element.elementor-element-2f5c2ed .elementor-heading-title{font-size:38px;font-weight:800;letter-spacing:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px #000000;color:#FFFFFF;}.elementor-2711 .elementor-element.elementor-element-1c2ffa3{--display:flex;}.elementor-2711 .elementor-element.elementor-element-39a475a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;columns:1;text-shadow:0px 0px 10px #111111;color:#FFFFFF;}.elementor-2711 .elementor-element.elementor-element-d6218d9{--display:flex;}.elementor-2711 .elementor-element.elementor-element-d6218d9:not(.elementor-motion-effects-element-type-background), .elementor-2711 .elementor-element.elementor-element-d6218d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F7F5;}.elementor-2711 .elementor-element.elementor-element-3307792{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-block-start:80px;--padding-block-end:100px;--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-2711 .elementor-element.elementor-element-3307792:not(.elementor-motion-effects-element-type-background), .elementor-2711 .elementor-element.elementor-element-3307792 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F7F5;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-3307792{--padding-inline-start:0px;--padding-inline-end:0px;}.elementor-2711 .elementor-element.elementor-element-e1231af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}@media(min-width:768px){.elementor-2711 .elementor-element.elementor-element-1c2ffa3{--width:50%;}}@media(max-width:991px){.elementor-2711 .elementor-element.elementor-element-64f1889:not(.elementor-motion-effects-element-type-background), .elementor-2711 .elementor-element.elementor-element-64f1889 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}}@media(max-width:767px){.elementor-2711 .elementor-element.elementor-element-64f1889:not(.elementor-motion-effects-element-type-background), .elementor-2711 .elementor-element.elementor-element-64f1889 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-2711 .elementor-element.elementor-element-64f1889{--overlay-opacity:0;}}/* Start custom CSS for porto_page_header, class: .elementor-element-61d1faa */.breadcrumb .page-top .container {
    padding: 0px !important;
}

.breadcrumb a {
    color: #FFFFFF !important;
}

.breadcrumb a ,
.breadcrumb li{
    text-shadow: rgb(0, 0, 0) 0px 0px 10px !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-e1231af */.roles-result-count{
    margin-bottom: 0px;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-transform: capitalize;
}/* End custom CSS */
/* Start custom CSS */.roles-box .porto-posts-grid .posts-wrap .porto-tb-item {
    background: #ffffff;
    border-radius: 4px 4px 4px 4px!important;
    border-style: solid!important;
    border-width: 1px 1px 1px 1px!important;
    border-color: #e0dbdb;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s!important;
    padding: 32px 32px 32px 32px!important;
    margin-bottom: 20px!important;
}

.roles-box .porto-tb-item:hover{
    border-color: #0061c8!important;
    outline: none !important;
}

.roles-box a {
    font-size: 20px!important;
    font-weight: 800!important;
    line-height: 28px!important;
    text-transform:uppercase;
}

.roles-box .wp-block-paragraph {
    font-size: 14px !important;
}

.roles-box h6 ,
.roles-box .porto-tb-meta{
    font-size: 16px!important;
    font-weight: 700!important;
    line-height: 24px!important;
    text-transform:uppercase!important;
}

.roles-box .porto-posts-grid .grid-box{
    grid-template-columns: auto auto auto auto !important;
}

.roles-box .small-box {
    column-gap: 0px !important;
}

.roles-box .grid-box .small-box:not(:first-child){
    border-style: solid;
    border-width: 0px 0px 0px 1px;
    border-color: #e9e7e5;
    padding: 0px 0px 0px 30px;
}

.roles-box .porto-posts-grid .posts-wrap{
    width: unset !important;
    padding: 0px 15px 0px 15px;
}

.pagination span.current{
    border-color: #e0dbdb !important;
    font-weight: 500 !important;
    border-radius: 6px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.pagination>a{
    background-color:#ffffff !important;
    color: #111111 !important;
    font-weight: 500 !important;
    border-radius: 6px;
    font-size: 16px !important;
}

/* Hover */
.pagination a.page-numbers:hover {
    background: #0061c8 !important;
    color: #fff !important;
}

.pagination {
    column-gap: 10px;
}

@media (max-width:991px){
    .roles-box .grid-box .small-box:not(:first-child){
        padding: 0px 10px 0px 10px !important;
    }
}

@media (max-width:767px){
    .grid-box ,
    .small-box {
        display: flex !important;
        flex-direction: column!important;
    }
    .roles-box .grid-box .small-box:not(:first-child) {
        padding: 0px !important;
        border: none !important;
    }
    .page-wrapper [class*=wp-container-] {
        flex-wrap: nowrap !important;
    }
    .small-box {
        padding-bottom: 16px;
    }
}

.porto-tb-item.roles {
    position: relative;
}

.porto-tb-item.roles .post-title a {
    position: static;
}

.porto-tb-item.roles .post-title a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 10;
}

.porto-tb-item.roles {
    cursor: pointer;
}/* End custom CSS */