﻿.MidnightBluecolor {
    background-color: #193a6a;
}

.Tangocolor {
    background-color: #f37629;
}

.SpringGreen {
    background-color: #087b92;
}

.violetcolor {
    background-color: #713058;
}

.bg-grey {
    background-color: #f4f4f4;
}

.bg-yellow {
    background-color: #fcda58;
}

.MidnightBluecolor {
    background-color: #193a6a;
}

.Tangocolor {
    background-color: #f37629;
}

.SpringGreen {
    background-color: #087b92;
}

.violetcolor {
    background-color: #713058;
}

.bg-grey {
    background-color: #f4f4f4;
}

.bg-yellow {
    background-color: #fcda58;
}

.SCE_3Di .box-shadow-sm {
    box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0, 0, 0, 0.03), 0 0.275rem 0.75rem -0.0625rem rgba(0, 0, 0, 0.06) !important;
}

.SCE_3Di .topbar-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.SCE_3Di .topbar-dark {
    background-color: #232323;
}

.SCE_3Di .topbar-left {
    color: #fff;
    font-size: 12px;
}

    .SCE_3Di .topbar-left a.topbar-link {
        color: #fff;
        padding: 12px 10px;
        display: block;
        margin-right: 15px;
    }

        .SCE_3Di .topbar-left a.topbar-link:first-child {
            padding-left: 0px;
        }

.SCE_3Di .languagediv {
    height: 100%;
    position: relative;
}

    .SCE_3Di .languagediv select.form-control {
        border: 0px solid #232323 !important;
        border-radius: 0 !important;
        height: 100%;
        background-color: #232323;
        color: #fff;
        font-size: 14px;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
        padding-right: 18px;
        cursor: pointer;
    }

    .SCE_3Di .languagediv:after {
        content: "\f078";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 13px;
        color: #fff;
        right: 5px;
        top: 12px;
        padding: 0 0 2px;
        position: absolute;
        pointer-events: none;
    }

    .SCE_3Di .languagediv select::-ms-expand {
        display: none;
    }

.SCE_3Di .applynow-btn {
    background-color: #fdc800;
    color: #292929;
    font-weight: 500;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: 12px 20px;
    font-size: 12px;
    line-height: 1.5;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: 15px;
    border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

    .SCE_3Di .applynow-btn:hover {
        background-color: #ffd431;
    }

.SCE_3Di .navbar-brand {
    padding: 10px 5px 10px 0px;
    margin: 0;
}

    .SCE_3Di .navbar-brand img {
        width: 100%;
    }

@media (max-width: 992px) {
    .SCE_3Di .navbar-brand img {
        width: 240px !important;
    }
}

@media only screen and (max-width: 1260px) and (min-width: 992px) {
    .SCE_3Di .navbar-brand img {
        width: 180px !important;
    }
}

.SCE_3Di .nav-item.dropdown .nav-link.dropdown-toggle:hover {
    color: #cf152d;
}

    .SCE_3Di .nav-item.dropdown .nav-link.dropdown-toggle:hover:before {
        background: transparent;
    }

.SCE_3Di .navbar-light .navbar-nav .nav-link, .SCE_3Di .navbar-light .navbar-nav .nav-link.dropdown-toggle {
    color: #292929;
    font-weight: 600;
    height: calc(100% + 5px);
    display: flex;
    align-items: center;
    border-bottom: 5px solid transparent;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    padding: 0 0 0px 10px;
    font-size: 13px;
}

@media (max-width: 1260px) {
    .SCE_3Di .navbar-light .navbar-nav .nav-link, .SCE_3Di .navbar-light .navbar-nav .nav-link.dropdown-toggle {
        padding: 0 0 0px 10px;
    }
}

.SCE_3Di .navbar-light .navbar-nav .nav-link:hover, .SCE_3Di .navbar-light .navbar-nav .nav-link.dropdown-toggle:hover {
    color: #cf152d;
}

    .SCE_3Di .navbar-light .navbar-nav .nav-link:hover:before, .SCE_3Di .navbar-light .navbar-nav .nav-link.dropdown-toggle:hover:before {
        content: "";
        position: absolute;
        bottom: 0px;
        background: #cf152d;
        height: 5px;
        width: calc(100% - 10px);
        left: calc(50% + 4px);
        transform: translate(-50%);
    }

.SCE_3Di .navbar-light .nav-item.active .nav-link {
    color: #cf152d;
}

    .SCE_3Di .navbar-light .nav-item.active .nav-link:before {
        content: "";
        position: absolute;
        bottom: 0px;
        background: #cf152d;
        height: 5px;
        width: calc(100% - 1rem);
        left: 50%;
        transform: translate(-50%);
    }

.SCE_3Di .container.navbar-container {
    display: flex;
    align-items: initial;
}

.SCE_3Di .collapse.navbar-collapse {
    align-items: initial;
}

.SCE_3Di .nav-item.searchbar {
    position: relative;
}

    .SCE_3Di .nav-item.searchbar .togglesearch {
        background: #fff;
        position: absolute;
        right: 0;
        width: 350px;
        line-height: 60px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        border-top: 4px solid #cf152d;
        display: none;
        top: 100%;
        margin-top: 3px;
        padding: 15px;
        z-index: 9;
        display: none;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .SCE_3Di .navbar-light .nav-item.active .nav-link::before {
        bottom: -20px;
    }
}

@media (max-width: 992px) {
    .SCE_3Di .container.navbar-container {
        display: flex;
        align-items: center;
        padding: 0 15px;
    }

    .SCE_3Di .nav-item.searchbar .togglesearch {
        left: 0 !important;
    }

    .SCE_3Di .navbar-brand {
        padding: 5px 0;
    }
}

.MidnightBluecolor {
    background-color: #193a6a;
}

.Tangocolor {
    background-color: #f37629;
}

.SpringGreen {
    background-color: #087b92;
}

.violetcolor {
    background-color: #713058;
}

.bg-grey {
    background-color: #f4f4f4;
}

.bg-yellow {
    background-color: #fcda58;
}

.MidnightBluecolor {
    background-color: #193a6a;
}

.Tangocolor {
    background-color: #f37629;
}

.SpringGreen {
    background-color: #087b92;
}

.violetcolor {
    background-color: #713058;
}

.bg-grey {
    background-color: #f4f4f4;
}

.bg-yellow {
    background-color: #fcda58;
}

.SCE_3Di .event-calendar {
    padding: 50px 0;
}

    .SCE_3Di .event-calendar .fc-content {
        color: #fff;
    }

    .SCE_3Di .event-calendar .fc-day-header.fc-widget-header span {
        padding: 10px;
        display: flex;
        justify-content: center;
        background-color: #333333;
        color: #fff;
        text-transform: uppercase;
    }

    .SCE_3Di .event-calendar label.visiblehidden {
        visibility: hidden;
    }

    .SCE_3Di .event-calendar button.btn.btn-event.dropdown-toggle {
        width: 100%;
        text-align: left;
        border: 1px solid #ced4da;
        display: flex;
        align-items: center;
    }

    .SCE_3Di .event-calendar .dropdown-menu {
        min-width: 100%;
    }

    .SCE_3Di .event-calendar .dropdown-toggle::after {
        float: right;
        margin-left: auto;
    }

    .SCE_3Di .event-calendar .events-list li.sac-card .event-image {
        display: flex;
        height: 100%;
    }

        .SCE_3Di .event-calendar .events-list li.sac-card .event-image img {
            width: 100%;
            object-fit: cover;
            object-position: center;
        }

    .SCE_3Di .event-calendar .events-list li.sac-card .event-post {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 30px 30px 30px 0;
    }

    .SCE_3Di .event-calendar .events-list li.sac-card .events-title {
        font-size: 20px;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .SCE_3Di .event-calendar .events-list li.sac-card .events-date {
        color: #a1a1a1;
        margin-bottom: 10px;
    }

        .SCE_3Di .event-calendar .events-list li.sac-card .events-date span.fas {
            color: #fdc800;
        }

    .SCE_3Di .event-calendar .events-list li.sac-card .events-address {
        margin-bottom: 10px;
    }

        .SCE_3Di .event-calendar .events-list li.sac-card .events-address span.fas {
            color: #fdc800;
        }

    .SCE_3Di .event-calendar .events-list li.sac-card .events-description {
        margin-bottom: 10px;
    }

.SCE_3Di .event-details ul.event-dlt li {
    margin-right: 20px;
    margin-bottom: 10px;
}

    .SCE_3Di .event-details ul.event-dlt li span.fas {
        color: #fdc800;
    }

    .SCE_3Di .event-details ul.event-dlt li .event-dlt-svg {
        width: 14px;
    }

.SCE_3Di .event-details .whatdoyouwant.CurrentCoursesparent [class*="col-"] {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.SCE_3Di .event-details .whatdoyouwant.CurrentCoursesparent .sac-media.rt-info-box .media-body {
    padding: 15px !important;
}

    .SCE_3Di .event-details .whatdoyouwant.CurrentCoursesparent .sac-media.rt-info-box .media-body h3.media-heading {
        font-size: 14px !important;
        margin-bottom: 10px !important;
    }

.SCE_3Di .rightax_defaultbox .classh2 {
    font-size: 18px;
    margin-bottom: 20px;
}

.SCE_3Di .rightax_defaultbox .title-border-bottom-primary:before {
    content: " ";
    position: absolute;
    background-color: #fdc800;
    height: 5px;
    width: 80px;
    left: 0;
    bottom: -10px;
}

.SCE_3Di .rightax_defaultbox .ax_defaultbox_ {
    padding: 15px;
}

    .SCE_3Di .rightax_defaultbox .ax_defaultbox_ .ax_defaultbox_title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .SCE_3Di .rightax_defaultbox .ax_defaultbox_ ul.m-0.ax_defaultboxul li {
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
    }

        .SCE_3Di .rightax_defaultbox .ax_defaultbox_ ul.m-0.ax_defaultboxul li span.ax_defaultbox-q {
            font-weight: bold;
            margin-bottom: 5px;
            font-size: 16px;
        }

.SCE_3Di .rightax_defaultbox .mapclass {
    margin-top: 15px;
}

    .SCE_3Di .rightax_defaultbox .mapclass img {
        width: 100%;
    }

@media only screen and (max-width: 767px) {
    .SCE_3Di .SCE_3Di .event-calendar {
        padding: 0;
    }

        .SCE_3Di .SCE_3Di .event-calendar .fc-day-header.fc-widget-header span {
            padding: 5px;
        }

    .SCE_3Di .SCE_3Di .fc table {
        font-size: 13px;
    }

    .SCE_3Di .SCE_3Di .fc-toolbar.fc-header-toolbar {
        flex-wrap: wrap;
    }

        .SCE_3Di .SCE_3Di .fc-toolbar.fc-header-toolbar .fc-left, .SCE_3Di .SCE_3Di .fc-toolbar.fc-header-toolbar .fc-right {
            width: 100%;
            text-align: center;
        }

            .SCE_3Di .SCE_3Di .fc-toolbar.fc-header-toolbar .fc-right .fc-button {
                margin-bottom: 0px;
            }

        .SCE_3Di .SCE_3Di .fc-toolbar.fc-header-toolbar .fc-toolbar h2 {
            font-size: 18px;
            margin: 0;
        }

        .SCE_3Di .SCE_3Di .fc-toolbar.fc-header-toolbar .fc table {
            font-size: 13px;
        }

        .SCE_3Di .SCE_3Di .fc-toolbar.fc-header-toolbar .fc-center {
            text-align: center;
            display: flex;
            width: 100%;
            justify-content: center;
            margin-bottom: 10px;
        }

        .SCE_3Di .SCE_3Di .fc-toolbar.fc-header-toolbar .fc-button {
            padding: 5px;
            font-size: 12px;
            margin-bottom: 10px;
        }
}

.MidnightBluecolor {
    background-color: #193a6a;
}

.Tangocolor {
    background-color: #f37629;
}

.SpringGreen {
    background-color: #087b92;
}

.violetcolor {
    background-color: #713058;
}

.bg-grey {
    background-color: #f4f4f4;
}

.bg-yellow {
    background-color: #fcda58;
}

.SCE_3Di .btn-danger {
    color: #fff;
    background-color: #cf152d;
    border-color: #cf152d;
}

.SCE_3Di button:focus {
    outline: 1px dotted black !important;
    outline: 5px auto -webkit-focus-ring-color;
}

.SCE_3Di .bg-light {
    background-color: #ffffff !important;
}

.SCE_3Di .btn-primary {
    color: #292929;
    background-color: #fdc800;
    border-color: #fdc800;
    border-radius: 0 !important;
}

    .SCE_3Di .btn-primary:hover {
        color: #434343;
        background-color: #ffd431 !important;
        border-color: #ffd431 !important;
    }

.SCE_3Di .btn-success {
    color: #292929;
    background-color: #4fbf9f;
    border-color: #4fbf9f;
}

    .SCE_3Di .btn-success:hover {
        color: #434343;
        background-color: #74cdb3;
        border-color: #74cdb3;
    }

@media (min-width: 992px) {
    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .dropdown > .dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
    }

    .dropdown-menu.dropdownhover-bottom {
        padding: 0 !important;
        border-radius: 0 !important;
        border-top: 0px solid #cf152d;
        background-color: #fff;
        margin-top: 2px;
    }

        .dropdown-menu.dropdownhover-bottom .dropdown-item {
            padding: 10px 8px;
            font-size: 14px;
        }

            .dropdown-menu.dropdownhover-bottom .dropdown-item:hover {
                background-color: #f2f2f2;
            }

            .dropdown-menu.dropdownhover-bottom .dropdown-item:visited {
                color: #212529;
            }
}

.dropdown-toggle::after {
    display: inline-block;
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    margin-left: 5px;
    text-decoration: none;
    border: 0;
    font-size: 12px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .dropdown-menu.dropdownhover-bottom {
        margin-top: 17px;
    }
}

@media (min-width: 576px) {
    .modalpopup-style .modal.left .modal-dialog,
    .modalpopup-style .modal.right .modal-dialog {
        /*width: 960px;
            max-width: 960px;*/
    }
}

.modalpopup-style {
    /*Left*/
    /*Right*/
}

    .modalpopup-style .modal-content .modal-header {
        padding: 20px 15px 5px;
    }

    .modalpopup-style .modal.left .modal-dialog,
    .modalpopup-style .modal.right .modal-dialog {
        position: fixed;
        margin: auto;
        width: 600px;
        max-width: 600px;
        height: 100%;
        -webkit-transform: translate3d(0%, 0, 0);
        -ms-transform: translate3d(0%, 0, 0);
        -o-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }

    .modalpopup-style .modal.left .modal-content,
    .modalpopup-style .modal.right .modal-content {
        height: 100%;
        overflow-y: auto;
        border-radius: 0;
        overflow-x: hidden;
    }

    .modalpopup-style .modal.left .modal-body,
    .modalpopup-style .modal.right .modal-body {
        padding: 15px 15px 80px;
    }

    .modalpopup-style .modal.left.fade .modal-dialog {
        left: -960px;
        -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
        -o-transition: opacity 0.3s linear, left 0.3s ease-out;
        transition: opacity 0.3s linear, left 0.3s ease-out;
    }

    .modalpopup-style .modal.left.fade.show .modal-dialog {
        left: 0 !important;
    }

    .modalpopup-style .modal.right.fade .modal-dialog {
        right: -960px;
        -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
        -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
        -o-transition: opacity 0.3s linear, right 0.3s ease-out;
        transition: opacity 0.3s linear, right 0.3s ease-out;
    }

    .modalpopup-style .modal.right.fade.show .modal-dialog {
        right: 0 !important;
    }

.dataTables_wrapper.form-inline.dt-bootstrap.no-footer {
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .dataTables_wrapper.form-inline.dt-bootstrap.no-footer .row {
        width: 100%;
    }

table.table.tablebordered {
    border: 1px solid #dee2e6;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
}

.table .thead-light th {
    color: #252525;
    background-color: #d6d6d6;
    border-color: #d6d6d6;
}

.card {
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all .3s ease-in-out;
    border: 0 !important;
    margin-bottom: 20px;
}

    .card .card-header {
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: .5rem;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

        .card .card-header span.card-header-title {
            font-family: inherit;
            font-weight: bold;
            line-height: 1.2;
            color: #2c2c2c;
            font-size: 24px;
        }

    .card .dataTables_filter label {
        justify-content: flex-end;
    }

    .card .dataTables_length label {
        justify-content: start;
        margin-bottom: 15px;
    }

    .card .dataTables_length select.form-control.input-sm {
        margin: 0 10px;
    }

    .card .dataTables_filter input.form-control.input-sm {
        margin-left: 15px;
    }

    .card .dataTables_paginate.paging_simple_numbers {
        display: flex;
        justify-content: flex-end;
    }

    .card .card-body {
        padding: 15px 0;
    }

    .card .pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: .25rem;
        margin-bottom: 0;
    }

        .card .pagination li.paginate_button:first-child a {
            margin-left: 0;
            border-top-left-radius: .25rem;
            border-bottom-left-radius: .25rem;
        }

        .card .pagination li.paginate_button:last-child a {
            border-top-right-radius: .25rem;
            border-bottom-right-radius: .25rem;
        }

        .card .pagination li.paginate_button a {
            position: relative;
            display: block;
            padding: .5rem .75rem;
            margin-left: -1px;
            line-height: 1.25;
            color: #007bff;
            background-color: #fff;
            border: 1px solid #dee2e6;
        }

@media screen and (max-width: 766px) {
    table.tableresponsive {
        border: 0;
    }

        table.tableresponsive thead {
            border: none;
            clip: rect(0 0 0 0);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
            width: 1px;
        }

        table.tableresponsive tr {
            border-bottom: 1px solid #dee2e6;
            display: block;
            margin-bottom: 15px;
            box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
        }

            table.tableresponsive tr:last-child {
                margin-bottom: 0px;
            }

        table.tableresponsive td {
            /*border-bottom: 1px solid #ddd;*/
            display: block;
            font-size: 14px;
            text-align: left;
            padding: 8px;
        }

            table.tableresponsive td:before {
                content: attr(data-label);
                float: left;
                font-weight: bold;
                text-transform: uppercase;
                width: 50%;
                text-align: left;
            }

            table.tableresponsive td:after {
                content: ":";
                float: left;
                padding-right: 10px;
            }

            table.tableresponsive td:last-child {
                border-bottom: 0;
            }
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/*end-sce3di SCE_3Di*/
html {
    height: 100%;
}

body {
    background-color: #fff;
    color: #292929;
    font-family: Arial;
    font-size: 14px;
    height: 100%;
    min-height: 100%;
}

@media (max-width: 992px) {
    .SCE_3Di .container {
        max-width: 100%;
    }
}

.SCE_3Di .btn {
    font-size: 14px;
}

.SCE_3Di .breadcrumb {
    background: #f1f1f1;
    padding: 7px 0px;
    margin: 0;
    text-transform: uppercase;
}

    .SCE_3Di .breadcrumb .current {
        padding: 0 15px;
        margin-left: 10px;
        font-weight: bold;
    }

    .SCE_3Di .breadcrumb .fa-home:before {
        content: "\f015";
        font-size: 16px;
        color: #000;
    }

    .SCE_3Di .breadcrumb a.home {
        color: transparent !important;
        font-size: 1px;
        vertical-align: middle;
    }

    .SCE_3Di .breadcrumb a {
        display: inline-flex;
        font-size: 14px;
        line-height: 28px;
        color: #222 !important;
        position: relative;
        text-align: center;
        text-decoration: none;
        width: auto;
    }

        .SCE_3Di .breadcrumb a .fa-home:before {
            content: "\f015";
            margin-right: 10px;
        }

        .SCE_3Di .breadcrumb a .bc-node {
            padding-right: 10px;
        }

        .SCE_3Di .breadcrumb a:first-child {
            padding-left: 17px;
            border-radius: 5px 0 0 5px;
            padding-right: 15px;
        }

        .SCE_3Di .breadcrumb a:after {
            content: '';
            position: absolute;
            top: 8px;
            right: -9px;
            width: 12px;
            height: 12px;
            transform: scale(0.707) rotate(45deg);
            z-index: 1;
            box-shadow: 2px -2px 0 1px #000000;
            border-radius: 0 5px 0 50px;
        }

.SCE_3Di .TitleNumber-Table {
    display: flex;
    align-items: baseline;
    background-color: #232323;
    color: #fff;
}

    .SCE_3Di .TitleNumber-Table .CourseTitleul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 0 10px;
        font-weight: bold;
    }

        .SCE_3Di .TitleNumber-Table .CourseTitleul li {
            padding: 0 10px;
            border-right: 2px solid #fff;
        }

            .SCE_3Di .TitleNumber-Table .CourseTitleul li:last-child {
                border-right: 0px solid #fff;
            }

    .SCE_3Di .TitleNumber-Table button.ApplyNowbtn {
        border-radius: 0;
        margin-left: auto;
        height: 100%;
        border-radius: 20px 00px 0px 0px;
        font-weight: bold;
    }

.SCE_3Di .CurrentCoursesparent {
    padding: 0 10px;
}

    .SCE_3Di .CurrentCoursesparent [class*="col-"] {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }

    .SCE_3Di .CurrentCoursesparent .CurrentCourses.active {
        background-color: #232323;
        color: #fff;
    }

        .SCE_3Di .CurrentCoursesparent .CurrentCourses.active .number {
            color: #232323;
            background-color: #fff;
        }

        .SCE_3Di .CurrentCoursesparent .CurrentCourses.active:hover {
            background-color: #232323;
        }

    .SCE_3Di .CurrentCoursesparent .CurrentCourses {
        display: flex;
        margin-bottom: 10px;
        padding: 8px 15px;
        border: 1px solid #acacac;
        color: #212121;
        align-items: center;
        text-decoration: none;
        background-color: #f1f1f1;
        border-radius: 4px;
        min-height: calc(100% - 15px);
    }

        .SCE_3Di .CurrentCoursesparent .CurrentCourses .title {
            margin-right: 5px;
        }

        .SCE_3Di .CurrentCoursesparent .CurrentCourses .number {
            min-width: 25px;
            height: 25px;
            border-radius: 50px;
            border: 1px solid #232323;
            margin-left: auto;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            background-color: #000000;
        }

        .SCE_3Di .CurrentCoursesparent .CurrentCourses:hover {
            background-color: #f2f2f2;
        }

.SCE_3Di .btn-group.Apply-Reset-button {
    width: 100%;
    margin-top: 30px;
    margin-bottom: -30px;
}

    .SCE_3Di .btn-group.Apply-Reset-button button.btn {
        border-radius: 0 !important;
        padding: 10px;
        font-weight: 600;
    }

.SCE_3Di .margin-top-min {
    margin-top: -15px;
}

.SCE_3Di .row {
    margin-bottom: 15px;
}

.SCE_3Di label {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 600 !important;
    font-size: 14px;
}

.SCE_3Di .classh1 {
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
}

.SCE_3Di .classh2 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.SCE_3Di .classh3 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.SCE_3Di .wrapperbody {
    display: flex;
    width: 100%;
    flex-direction: column;
    /*height: 100%;*/
}

    .SCE_3Di .wrapperbody div#content {
        height: 100%;
        margin-bottom: 60px;
    }

.SCE_3Di .page-title {
    position: relative;
    color: #ffffff;
    padding: 60px 0px 60px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .SCE_3Di .page-title:before {
        background-image: url("/Style Library/3Di/SCE/Images/bgfilter.png");
        background-position: top right;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: block;
    }

.SCE_3Di .breadcrumb-bg-color {
    background: #f1f1f1;
}

    .SCE_3Di .breadcrumb-bg-color .bread-crumb li.active {
        font-weight: bold;
        text-transform: uppercase;
    }

    .SCE_3Di .breadcrumb-bg-color .bread-crumb li a {
        margin: 10px 15px;
        display: flex;
        position: relative;
        align-items: center;
        color: #000;
        text-transform: uppercase;
        text-decoration: none;
    }

        .SCE_3Di .breadcrumb-bg-color .bread-crumb li a:after {
            content: "\f054";
            font-family: 'Font Awesome 5 Free';
            font-weight: 900;
            -moz-osx-font-smoothing: grayscale;
            -webkit-font-smoothing: antialiased;
            display: inline-block;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            margin-left: 15px;
            text-decoration: none;
        }

        .SCE_3Di .breadcrumb-bg-color .bread-crumb li a:before {
            content: "";
            position: absolute;
            height: 1px;
            width: calc(100% - 25px);
            background-color: #000;
            bottom: 0;
        }

    .SCE_3Di .breadcrumb-bg-color .bread-crumb a:last-child {
        margin-left: 0px;
    }

.SCE_3Di .volunter-section {
    /*padding: 50px 0px 35px; old padding*/
    padding: 0px 0px 25px;
}

.SCE_3Di section.page-banner.home-banner {
    padding: 0px 0px 25px;
}

.SCE_3Di section.volunter-section.bg-grey {
    padding: 30px 0px;
}

.SCE_3Di section.le-common-section {
    padding: 25px 0px;
}

.SCE_3Di section.WHATSTUDENTSSAY.volunter-section {
    padding: 35px 0px 35px;
}

.SCE_3Di .title-border-bottom-primary {
    position: relative;
    margin-bottom: 15px;
}

    .SCE_3Di .title-border-bottom-primary:before {
        content: " ";
        position: absolute;
        background-color: #fdc800;
        height: 3px;
        width: 40px;
        left: 0;
        bottom: -10px;
    }

.SCE_3Di .title-border-bottom-primary-center {
    position: relative;
    margin-bottom: 20px;
    color: #292929;
}

    .SCE_3Di .title-border-bottom-primary-center:before {
        content: " ";
        position: absolute;
        background-color: #fdc800;
        height: 3px;
        width: 70px;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -20px;
    }

.SCE_3Di .sac-card {
    background: #fff;
    border-radius: 0;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all .3s ease-in-out;
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    transition: all .3s ease-in-out;
    /*height: calc(100% - 110px);*/
    margin-bottom: 20px;
}

.SCE_3Di .card-body {
    padding: 15px;
}

.SCE_3Di .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #fdc800;
    background-color: #fdc800;
    cursor: pointer;
}

.SCE_3Di .classh2.Filterstitle {
    margin-bottom: 51px !important;
}

.SCE_3Di .custom-control {
    position: relative;
    display: flex;
    min-height: initial;
    padding-left: 1.5rem;
    margin-bottom: 10px;
    align-items: center;
}

.SCE_3Di label.custom-control-label {
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}

.SCE_3Di .custom-control-label::after {
    top: 3px !important;
}

.SCE_3Di .custom-control-label::before {
    top: 3px !important;
}

.SCE_3Di .nav.nav-tabs.sactabs {
    display: flex;
    flex-wrap: initial;
    border: 1px solid #dee2e6;
    margin-bottom: 25px;
}

    .SCE_3Di .nav.nav-tabs.sactabs .nav-item {
        margin-bottom: -1px;
        width: 100%;
    }

    .SCE_3Di .nav.nav-tabs.sactabs .nav-link.active {
        background-color: #fdc800;
    }

        .SCE_3Di .nav.nav-tabs.sactabs .nav-link.active:hover {
            color: #434343;
            background-color: #ffd431;
            border-color: #ffd431;
        }

    .SCE_3Di .nav.nav-tabs.sactabs .nav-link {
        font-size: 18px;
        text-align: center;
        font-weight: 600;
        padding: 15px 14px;
        border: 0 !important;
        color: #212121;
        border-radius: 0;
    }

        .SCE_3Di .nav.nav-tabs.sactabs .nav-link:hover {
            background-color: #f2f2f2;
            /*color: lighten( #292929, 10% );
                background-color: lighten( $primary-color, 10% );
                border-color: lighten( $primary-color, 10% );*/
        }

.SCE_3Di .mobile-show {
    display: none;
}

.SCE_3Di .page-banner.home-banner .classh1 {
    font-size: 48px !important;
    margin-bottom: 25px;
    line-height: 48px;
}

    .SCE_3Di .page-banner.home-banner .classh1 > span {
        font-size: 36px;
    }

.SCE_3Di .page-banner.home-banner button.btn.btn-primary {
    margin-top: 15px;
    padding: 12px 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.SCE_3Di .vc_column-inner {
    height: 100%;
}

    .SCE_3Di .vc_column-inner .sac-media.rt-info-box {
        background: #fff;
        border-radius: 0;
        box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
        -webkit-transition: all .3s ease-in-out;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
        position: relative;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        margin-bottom: 30px;
        height: calc(100% - 30px);
        position: relative;
    }

        .SCE_3Di .vc_column-inner .sac-media.rt-info-box .rtin-icon {
            padding: 15px;
            text-align: center;
        }

            .SCE_3Di .vc_column-inner .sac-media.rt-info-box .rtin-icon img {
                width: auto;
                height: 90px !important;
            }

        .SCE_3Di .vc_column-inner .sac-media.rt-info-box .media-body {
            padding: 30px 15px;
            display: flex;
            flex-direction: column;
        }

            .SCE_3Di .vc_column-inner .sac-media.rt-info-box .media-body h3.media-heading {
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 13px;
            }

            .SCE_3Di .vc_column-inner .sac-media.rt-info-box .media-body .link {
                margin-top: auto;
                color: #193a6a;
                font-size: 15px;
                cursor: pointer;
                text-decoration: none;
                /*&:before {
                    content: " ";
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                }*/
            }

                .SCE_3Di .vc_column-inner .sac-media.rt-info-box .media-body .link .round-circle {
                    display: inline-flex;
                    height: 30px;
                    width: 30px;
                    border-radius: 50%;
                    background-color: #ccc;
                    align-items: center;
                    justify-content: center;
                    color: #fff;
                }

.SCE_3Di .whatdoyouwant {
    margin-top: 60px;
}

.SCE_3Di .choose-options-top {
    padding: 25px;
    margin-bottom: 0;
}

    .SCE_3Di .choose-options-top p {
        height: 35px;
    }

    .SCE_3Di .choose-options-top h3 {
        font-weight: bold;
        font-size: 25px;
        font-weight: bold;
    }

    .SCE_3Di .choose-options-top .btn-primary {
        color: #292929;
        background-color: transparent;
        border-color: #fdc800;
        border-radius: 0 !important;
    }

.SCE_3Di .NewsFormat {
    display: flex;
}

    .SCE_3Di .NewsFormat img {
        width: 35px;
        height: 35px;
        margin: auto;
    }

.SCE_3Di .contentdivider::before {
    content: '';
    background: #000;
    margin: 0px 20px;
    border-right: 1px solid #000;
    height: 100%;
    display: block;
}

.SCE_3Di .Event-Main-Details .News-Details-Content p {
    padding-left: 10px;
}

.SCE_3Di .Event-List-View {
    margin: 0px 25px 25px 25px;
}

    .SCE_3Di .Event-List-View ul {
        overflow-y: auto;
        max-height: 410px;
    }

        .SCE_3Di .Event-List-View ul li.Event-Main-Details {
            display: flex;
            background: #fff;
            padding: 15px 30px;
            box-shadow: 0px 0px 6.51px 0.49px rgba(0, 0, 0, 0.22);
            margin-bottom: 15px;
            width: 98%;
            margin: 10px auto 15px;
            min-height: 65px;
            height: 100%;
        }

            .SCE_3Di .Event-List-View ul li.Event-Main-Details p {
                font-size: 18px;
                font-weight: 400;
                margin: auto !important;
                text-align: left;
            }

            .SCE_3Di .Event-List-View ul li.Event-Main-Details span {
                font-size: 18px;
                font-weight: bold;
                text-align: center;
                display: grid;
            }

            .SCE_3Di .Event-List-View ul li.Event-Main-Details a {
                color: #292929;
            }

.SCE_3Di .sac-media.rt-info-box.rtin-thumbnail .rtin-icon.img-height {
    height: 160px;
    overflow: auto;
}

    .SCE_3Di .sac-media.rt-info-box.rtin-thumbnail .rtin-icon.img-height img {
        width: 100%;
        height: 100% !important;
        object-fit: cover;
        object-position: top center;
    }

.SCE_3Di .sac-media.rt-info-box.rtin-thumbnail .rtin-icon {
    padding: 0px;
}

    .SCE_3Di .sac-media.rt-info-box.rtin-thumbnail .rtin-icon img {
        width: 100%;
        height: 155px;
    }

.SCE_3Di .sac-media.rt-info-box.rtin-thumbnail .media-body {
    padding: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .SCE_3Di .sac-media.rt-info-box.rtin-thumbnail .media-body .media-ul li {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        padding-left: 15px;
        /*&:last-child {
                        margin-bottom: 0px !important;
                        border-bottom: 0px;
                    }*/
    }

        .SCE_3Di .sac-media.rt-info-box.rtin-thumbnail .media-body .media-ul li:before {
            content: " ";
            max-width: 6px;
            height: 6px;
            background: #f00;
            margin-top: 6px;
            margin-right: 10px;
            width: 100%;
        }

.SCE_3Di .StartLearning {
    padding: 60px 0px !important;
    background-image: url("/Style Library/3Di/SCE/Images/StartLearning.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: block;
    color: #fff;
}

    .SCE_3Di .StartLearning .classh1 {
        font-size: 48px !important;
        margin-bottom: 50px;
        line-height: 48px;
        color: #fff;
    }

        .SCE_3Di .StartLearning .classh1 > span {
            font-size: 36px;
        }

    .SCE_3Di .StartLearning .improveyourEnglish {
        padding: 35px 60px;
        background-color: rgba(3, 14, 46, 0.4);
        font-size: 16px;
    }

    .SCE_3Di .StartLearning .improveyourul {
        margin: 0;
    }

        .SCE_3Di .StartLearning .improveyourul li {
            margin-bottom: 10px;
            font-weight: 400;
            display: flex;
        }

            .SCE_3Di .StartLearning .improveyourul li:before {
                content: "-";
                margin-right: 8px;
                line-height: normal;
                vertical-align: top;
            }

.SCE_3Di .bold {
    font-weight: bold;
}

.SCE_3Di .languages-title {
    font-size: 15px;
    font-weight: bold;
}

.SCE_3Di ul.languagesul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

    .SCE_3Di ul.languagesul li {
        margin-right: 15px;
        margin-bottom: 10px;
    }

        .SCE_3Di ul.languagesul li .link {
            font-size: 15px;
            border: 1px solid #fff;
            font-weight: bold;
            padding: 8px 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            width: 100%;
            text-decoration: none;
        }

            .SCE_3Di ul.languagesul li .link:hover {
                color: #434343;
                background-color: #ffd431 !important;
                border-color: #ffd431 !important;
            }

.SCE_3Di .WHATSTUDENTSSAY .classh2 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.SCE_3Di .WHATSTUDENTSSAY .title-border-bottom-primary:before {
    background-color: #ff3b1b;
}

.SCE_3Di .WHATSTUDENTSSAY .comma-image {
    /*background-image: url(../img/comma-image.png);*/
    background-image: url("/Style Library/3Di/SCE/Images/comma-image.png");
    background-repeat: no-repeat;
    background-position: right;
    min-height: 360px;
    background-size: 200px;
}

.SCE_3Di .WHATSTUDENTSSAY .carousel-indicators li.active {
    opacity: 1;
    background-color: #ff3b1b;
}

.SCE_3Di .WHATSTUDENTSSAY .carousel-indicators {
    /*position: absolute;
            right: 0;
            bottom: 0;
            left: 65px;
            z-index: 15;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
            justify-content: stretch;
            padding-left: 0;
            margin-right: 15%;
            margin-left: 160px;
            list-style: none;*/
    position: absolute;
    right: 0;
    bottom: 0;
    left: 24.1%;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    margin-bottom: 14px;
}

    .SCE_3Di .WHATSTUDENTSSAY .carousel-indicators li {
        width: 10px;
        height: 10px;
        border-radius: 37px !important;
        background-color: #968582;
        border-top: 0;
        border-bottom: 0;
    }

.SCE_3Di .carousel-parent {
    display: flex;
    align-items: flex-start;
    padding: 30px 0;
}

    .SCE_3Di .carousel-parent .carousel-image {
        white-space: nowrap;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

        .SCE_3Di .carousel-parent .carousel-image img {
            border-radius: 50%;
            height: 150px;
            object-fit: cover;
            object-position: center top;
        }

@media only screen and (max-width: 768px) {
    .SCE_3Di .carousel-parent .carousel-image img {
        height: 120px !important;
        width: 120px !important;
    }
}

.SCE_3Di .carousel-parent .carousel-image .carouselcaption {
    padding: 15px;
}

.SCE_3Di .carousel-parent .carouselcaption {
    padding: 25px 25px 75px 25px;
}

    .SCE_3Di .carousel-parent .carouselcaption .parent-title {
        text-align: center;
    }

    .SCE_3Di .carousel-parent .carouselcaption .title {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 0px;
        text-align: left;
    }

@media only screen and (max-width: 768px) {
    .SCE_3Di .carousel-parent .carouselcaption .title {
        text-align: center;
    }
}

.SCE_3Di .carousel-parent .carouselcaption .sub-title {
    color: #9e2410;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.SCE_3Di .carousel-parent .carouselcaption .project-title {
    color: #3b3b3b;
}

.SCE_3Di .carousel-control-arrow .carousel-control-prev {
    /*left: 166px;
            bottom: 10px;
            top: auto;
            background: #f00;
            width: 30px;
            height: 30px;
            border-radius: 50px;
            z-index: 999;*/
    left: 46%;
    bottom: 6px;
    top: auto;
    background: #f00;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    z-index: 999;
}

.SCE_3Di .carousel-control-arrow .carousel-control-next {
    /*left: 300px;
            bottom: 10px;
            top: auto;
            background: #f00;
            width: 30px;
            height: 30px;
            border-radius: 50px;
            z-index: 999;*/
    right: 22%;
    bottom: 5px;
    top: auto;
    background: #f00;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    z-index: 999;
}

.SCE_3Di .vc_column-inner.Ourupcoming .media-body {
    padding: 30px !important;
    display: flex;
    flex-direction: column;
}

.SCE_3Di .vc_column-inner.Ourupcoming .dateandyear {
    position: absolute;
    left: 0;
    top: 50px;
    background: #ff1949;
    padding: 8px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.SCE_3Di .vc_column-inner.Ourupcoming .rtin-icon {
    padding: 0 !important;
    position: relative;
}

    .SCE_3Di .vc_column-inner.Ourupcoming .rtin-icon img {
        width: 100%;
        margin-bottom: 0px;
    }

.SCE_3Di .widget_categories.single-sidebar ul .active {
    position: relative;
}

    .SCE_3Di .widget_categories.single-sidebar ul .active a {
        font-weight: bold;
        color: #fdc800;
    }

    .SCE_3Di .widget_categories.single-sidebar ul .active:before {
        content: " ";
        width: 5px;
        height: 100%;
        background: #fdc800;
        position: absolute;
        left: -15px;
    }

.SCE_3Di .widget_categories.single-sidebar ul li {
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 00px;
}

    .SCE_3Di .widget_categories.single-sidebar ul li a {
        color: #444;
        display: inline;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        width: 100%;
        display: flex;
        align-items: center;
        padding: 13px 0 13px 10px;
    }

        .SCE_3Di .widget_categories.single-sidebar ul li a .fas.linkarrow {
            margin-left: auto;
            padding-left: 5px;
            padding-right: 5px;
        }

        .SCE_3Di .widget_categories.single-sidebar ul li a:hover {
            color: #fdc800;
            text-decoration: none;
        }

    .SCE_3Di .widget_categories.single-sidebar ul li:last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.SCE_3Di .required::after {
    content: '*';
    color: #cf152d;
    margin-left: 1px;
}

.SCE_3Di span.fieldinformation {
    font-size: 13px;
    color: #9c9ea1;
    font-style: italic;
}

.SCE_3Di .importantNote {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #cf152d;
}

.SCE_3Di .EXACTLY {
    color: #cf152d;
    font-style: italic;
    padding: 0 0;
}

.SCE_3Di .FormElements {
    padding: 25px 25px 0px 25px;
}

    .SCE_3Di .FormElements .title-border-bottom-primary-center {
        position: relative;
        margin-bottom: 30px;
    }

@media (max-width: 767px) {
    .SCE_3Di .FormElements {
        padding: 0;
    }
}

.SCE_3Di fieldset {
    width: 100%;
}

.SCE_3Di legend.legendclass {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 600;
    font-size: 16px;
}

.SCE_3Di .hide {
    display: none;
}

.SCE_3Di .Thankclass.text-center {
    margin: 0 0 10px 0;
    line-height: normal;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    color: #cf152d;
}

.SCE_3Di .Completeclass.text-center {
    font-size: 18px;
    margin-bottom: 20px;
}

.SCE_3Di .card.findcareer-card {
    border-radius: 0;
}

    .SCE_3Di .card.findcareer-card .card-header {
        padding: 0;
        display: flex;
        justify-content: inherit;
        border-radius: 0;
        flex-wrap: inherit !important;
        align-items: inherit;
    }

        .SCE_3Di .card.findcareer-card .card-header .event-image {
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .SCE_3Di .card.findcareer-card .card-header .event-image img {
                width: 40px;
            }

        .SCE_3Di .card.findcareer-card .card-header .events-title {
            padding: 20px;
            display: flex;
            align-items: center;
            font-weight: bold;
            font-size: 18px;
            line-height: normal;
        }

    .SCE_3Di .card.findcareer-card .card-body {
        padding: 35px;
    }

        .SCE_3Di .card.findcareer-card .card-body .events-description p {
            margin-bottom: 10px;
        }

        .SCE_3Di .card.findcareer-card .card-body .event-ul-list {
            border: 0px solid #eee;
            list-style-type: disc;
            margin-bottom: 20px;
            padding-left: 15px;
        }

            .SCE_3Di .card.findcareer-card .card-body .event-ul-list li {
                margin-bottom: 5px;
            }

                .SCE_3Di .card.findcareer-card .card-body .event-ul-list li:last-child {
                    margin-bottom: 0px;
                }

        .SCE_3Di .card.findcareer-card .card-body .btn-primary {
            color: #292929;
            background-color: #e5e5e5;
            border-color: #9d9d9d;
            border-radius: 0 !important;
        }

            .SCE_3Di .card.findcareer-card .card-body .btn-primary:hover {
                background-color: #fff !important;
                border-color: #9d9d9d !important;
            }

.SCE_3Di .whatdoyouwant .sac-media.rt-info-box.rtin-thumbnail .media-body ul.media-ul li:hover {
    text-decoration: none !important;
}

.SCE_3Di .whatdoyouwant .sac-media.rt-info-box.rtin-thumbnail .media-body ul.media-ul li:last-child {
    text-decoration: none !important;
    border-bottom: 0;
    margin-bottom: 0 !important;
}

.SCE_3Di .PleaseReadnoted {
    border: 1px dashed #ccc;
    border-radius: 4px;
    padding: 20px;
    margin-top: 20px;
}

    .SCE_3Di .PleaseReadnoted .PleaseRead {
        margin-bottom: 10px;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
    }

    .SCE_3Di .PleaseReadnoted ul {
        /*list-style: square;
            text-align: center;*/
    }

        .SCE_3Di .PleaseReadnoted ul li {
            margin-bottom: 10px;
        }

            .SCE_3Di .PleaseReadnoted ul li:before {
                content: "\f101";
                font-family: 'Font Awesome 5 Free';
                font-weight: 900;
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                line-height: 1;
                padding-right: 5px;
                padding-top: 5px;
            }

            .SCE_3Di .PleaseReadnoted ul li:last-child {
                margin-bottom: 0;
            }

.SCE_3Di .custom-control.custom-radio input[type=checkbox], .SCE_3Di .custom-control.custom-radio input[type=radio], .SCE_3Di .custom-control.custom-checkbox input[type=checkbox], .SCE_3Di .custom-control.custom-checkbox input[type=radio] {
    margin: 0px 8px 0px 0px;
}

.SCE_3Di .boxgrid {
    margin: 20px 0;
    padding: 0px;
    border-radius: 4px;
}

    .SCE_3Di .boxgrid .custom-control.custom-radio, .SCE_3Di .boxgrid .custom-control.custom-checkbox {
        padding-left: 0;
        margin-top: 15px;
        margin-bottom: 0 !important;
        display: flex;
        align-items: baseline;
    }

        .SCE_3Di .boxgrid .custom-control.custom-radio label {
            margin-bottom: 0 !important;
        }

    .SCE_3Di .boxgrid h2.classh3.text-center {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .SCE_3Di .boxgrid .backgoundcolor-f9 {
        background: #f9f9f9;
    }

@media (max-width: 767px) {
    .SCE_3Di .boxgrid {
        margin: 15px 0;
    }

        .SCE_3Di .boxgrid [class*=col-] {
            border: 0 !important;
        }

        .SCE_3Di .boxgrid .backgoundcolor-f9 {
            background: #fff;
        }
}

.SCE_3Di .boxgrid [class*=col-] {
    padding-top: 30px;
    padding-bottom: 30px;
}

.SCE_3Di .boxgrid .nowrapclass {
    white-space: nowrap;
    padding-top: 8px;
    margin-right: 10px !important;
}

.SCE_3Di .OfficialUseOnly {
    border: 1px dashed #ccc;
    border-radius: 4px;
    padding: 20px;
}

    .SCE_3Di .OfficialUseOnly textarea.form-control.clerkNotes {
        min-height: 123px;
    }

@media (max-width: 767px) {
    .SCE_3Di .OfficialUseOnly textarea.form-control.clerkNotes {
        min-height: initial;
    }
}

.SCE_3Di .classrooms-subject {
    background: #fff;
    border-radius: .3rem;
    box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all .3s ease-in-out;
    padding: 30px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: calc(100% - 30px);
    margin-bottom: 30px;
    text-align: center;
}

.SCE_3Di img.image {
    width: 80px;
    margin-bottom: 30px;
}

.SCE_3Di h3.title {
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
}

.SCE_3Di .btn-radious.Register-btn {
    border-radius: 50px;
    background: #ff4d51;
    border-color: #ff4d51;
    padding: 5px 18px;
}

.SCE_3Di .contactInfous input.form-control {
    height: 52px;
    /*@media only screen and (max-width:840px) {
                height: initial;
            }*/
}

.SCE_3Di .contactInfous .form-group {
    margin-bottom: 25px;
}

@media only screen and (max-width: 840px) {
    .SCE_3Di .contactInfous .form-group {
        margin-bottom: 16px;
    }
}

.SCE_3Di .contactInfous .classh2.contactUstitle {
    margin-bottom: 32px !important;
}

.SCE_3Di .contactInfous .contactInfo-box {
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: 20px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

    .SCE_3Di .contactInfous .contactInfo-box i {
        font-size: 20px;
        margin-right: 15px;
        color: #fdc800;
    }

    .SCE_3Di .contactInfous .contactInfo-box a {
        font-size: 16px;
        color: #000;
    }

.SCE_3Di .contactInfous .contactInfo-p {
    font-size: 16px;
    color: #000;
}

.SCE_3Di .california-text {
    max-width: 385px;
    margin: 0 auto 40px;
    background: #efefef;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 8px;
    width: 100%;
    border-radius: 0px 0 25px 25px;
    font-weight: bold;
    color: #444444;
    border: 1px solid #cccccc;
    border-top: 0;
    position: relative;
}

    .SCE_3Di .california-text .freeicon {
        width: 24px;
        bottom: -18px;
        position: absolute;
        left: 0;
    }

.SCE_3Di .Stucturedlist {
    border: 1px solid #cccccc;
    margin: 0px auto 0px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 48px;
    padding: 0;
    width: 90%;
}

    .SCE_3Di .Stucturedlist li {
        padding: 10px 30px;
        display: flex;
        align-content: center;
        align-items: center;
    }

        .SCE_3Di .Stucturedlist li img.correctimg {
            margin-right: 15px;
            width: 24px;
        }

@media screen and (max-width: 768px) {
    .SCE_3Di .Stucturedlist {
        border-radius: 0 !important;
        width: 100% !important;
        flex-wrap: wrap;
        justify-content: flex-start !important;
    }

        .SCE_3Di .Stucturedlist li {
            padding: 15px;
            width: 100%;
            align-items: baseline !important;
        }
}

.SCE_3Di div#future-and-current-cards-dyn-bind-duplicate {
    margin-bottom: 0;
}

.SCE_3Di section.event-calendar ul#event-cards-listing-bind li.sac-card .event-image {
    display: flex;
    height: 100%;
    height: 200px;
    overflow: hidden;
}

.SCE_3Di a.morelink {
    font-weight: bold;
    text-decoration: underline;
}

.SCE_3Di section.volunter-section.newsdetailscss .event-details .sac-card > .row {
    margin-bottom: 0;
}

.SCE_3Di section.volunter-section.newsdetailscss {
    padding: 0;
}

    .SCE_3Di section.volunter-section.newsdetailscss .event-details .sac-card {
        padding: 25px 25px;
        margin-bottom: 0;
        height: 100% !important;
    }

        .SCE_3Di section.volunter-section.newsdetailscss .event-details .sac-card .shortened {
            font-size: 16px;
            line-height: 22px;
        }

.SCE_3Di section.volunter-section.eventdetailscss .sac-card {
    padding: 25px 15px;
    margin: 0;
}

    .SCE_3Di section.volunter-section.eventdetailscss .sac-card > .row {
        margin-bottom: 0;
    }

    .SCE_3Di section.volunter-section.eventdetailscss .sac-card .rightax_boxchild.mb-3 {
        margin: 0 !important;
        padding: 0 15px;
    }

.SCE_3Di section.volunter-section.eventdetailscss .event-details .sac-card > .row {
    margin-bottom: 0;
}

.SCE_3Di section.volunter-section.pt-0.rightax_defaultbox {
    padding: 0 !important;
    margin: 0 !important;
}

    .SCE_3Di section.volunter-section.pt-0.rightax_defaultbox .ax_defaultbox_ {
        padding: 0px;
    }

.SCE_3Di section.volunter-section.eventdetailscss {
    padding: 0;
}

    .SCE_3Di section.volunter-section.eventdetailscss section.volunter-section.event-details.pt-0 {
        padding: 0 !important;
    }

        .SCE_3Di section.volunter-section.eventdetailscss section.volunter-section.event-details.pt-0 .sac-card {
            padding: 30px 15px !important;
            height: 100%;
            margin: 0;
        }

.SCE_3Di .whatdoyouwant#sceupcomingeventscards-bind .vc_column-inner.Ourupcoming .rtin-icon {
    padding: 0 !important;
    position: relative;
    text-align: center;
    height: 155px;
    overflow: hidden;
}

.SCE_3Di .whatdoyouwant#sceupcomingeventscards-bind .vc_column-inner .sac-media.rt-info-box .rtin-icon img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    object-position: top center;
}

.SCE_3Di input[type=submit] {
    min-width: auto !important;
    padding: .375rem .75rem !important;
    margin-left: 0;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #444;
    font-weight: 500;
}

/*end-sce3di SCE_3Di*/
div.events-view-buttons-3di {
    position: absolute;
    top: 27px;
    right: 27px;
}

    div.events-view-buttons-3di .btn-primary {
        color: #292929;
        background-color: transparent;
        border-color: #fdc800;
        border-radius: 0 !important;
    }

        div.events-view-buttons-3di .btn-primary a.anchor-sty {
            color: #292929;
            text-decoration: none;
        }

.sac-card.sidebar.sticky.maxheightsticky {
    max-height: inherit !important;
}

/*external styles for sharepoint*/
.media-body .link i.fas.todo-activity-arr-icon {
    display: inline-flex;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background-color: #ccc;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.SCE_3Di .page-banner.home-banner .classh1 {
    color: #fff !important;
}

.title-column button.btn.btn-primary a {
    color: #000 !important;
    text-decoration: none !important;
}

.SCE_3Di .whatdoyouwant .media-ul li {
    font-size: 16px;
    color: #000 !important;
    text-decoration: none;
}

    .SCE_3Di .whatdoyouwant .media-ul li a {
        width: 100%;
    }

    .SCE_3Di .whatdoyouwant .media-ul li:hover {
        color: #000 !important;
        text-decoration: underline;
    }

        .SCE_3Di .whatdoyouwant .media-ul li:hover .text-ar img {
            opacity: 1;
        }

.SCE_3Di .whatdoyouwant .media-ul li {
    margin-bottom: 15px !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    position: relative;
    padding-left: 15px;
}

.text-ar {
    position: absolute;
    right: 0;
    top: 0;
}

    .text-ar img {
        width: 20px;
        opacity: .6;
    }

div.events-view-buttons-3di {
    position: absolute;
    top: 27px;
    right: 27px;
}

a.anchor-sty {
    color: #000 !important;
    text-decoration: none !important;
}

/*Translate styles*/
iframe.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.activity-links {
    display: none !important;
}

.logo {
    display: none !important;
}

#goog-gt-tt {
    display: none !important;
}

.goog-text-highlight {
    background-color: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    box-sizing: none !important;
    -webkit-box-sizing: none !important;
    -moz-box-sizing: none !important;
    position: none !important;
    background-color: white;
}

button[title="Zoom in"], button[title="Zoom out"] {
    left: -10px !important;
}

#google_translate_element {
    display: none !important;
}

option.dummy-option-for-chrome {
    font-size: 4px;
}

/*breadcrumb styles*/
.breadcrumb a.home {
    color: transparent;
    font-size: 1px;
    vertical-align: middle;
}

    .breadcrumb a.home:hover {
        color: transparent;
    }

    /*/ Add the 'home' icon /*/
    .breadcrumb a.home:before {
        font-size: 18px;
        color: #000;
        width: 20px;
        height: 20px;
        overflow: hidden;
        vertical-align: middle;
        outline: none;
        border: 0;
        box-shadow: none;
        background: transparent;
    }

    .breadcrumb a.home:hover:before {
        color: #fdc800;
        background-color: transparent;
    }

.breadcrumb a {
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
    color: #222;
    position: relative;
    text-align: center;
}

    .breadcrumb a:first-child {
        padding-left: 17px;
        border-radius: 5px 0 0 5px;
        padding-right: 15px;
    }

    .breadcrumb a:after {
        content: '';
        position: absolute;
        top: 0;
        right: -14px;
        width: 28px;
        height: 28px;
        transform: scale(0.707) rotate(45deg);
        z-index: 1;
        box-shadow: 1px -1px 0 1px #e1e1e1;
        border-radius: 0 5px 0 50px;
    }

/*/ Set the color for the current breadcrumb node /*/
.breadcrumb .current {
    color: #292929;
}

/*/ Tidy up the position on our custom css classes we added to each breadcrumb node /*/
.breadcrumb a.home {
    padding-left: 12px;
    padding-right: 8px;
}

.breadcrumb a.bc-node {
    padding-right: 10px;
}

.breadcrumb .current {
    padding: 0 15px;
    margin-left: 10px;
}

/*/ Breadcrumb hover styles /*/
.breadcrumb a,
.breadcrumb a:after {
    /*background: #fff;*/
    color: #222;
    transition: all 0.35s ease-in-out;
}

    .breadcrumb a:hover,
    .breadcrumb a:hover:after {
        text-decoration: none !important;
    }

        .breadcrumb a:hover:before {
            color: #0072C6;
        }

.SCE_3Di .SCE-fullPageContent {
    padding: 0 !important;
}

.container.sac-sce-Online-0dghd0j-forms-hs-transcript-3di-css .custom-control.custom-radio {
    display: flex;
    align-items: baseline;
}

    .container.sac-sce-Online-0dghd0j-forms-hs-transcript-3di-css .custom-control.custom-radio span.PurposeOfRequest {
        display: flex;
    }

.container.sac-sce-Online-0dghd0j-forms-requestinfo-3di-css .youinterested, .container.sac-sce-Online-0dghd0j-forms-requestinfo-3di-css .languageval, .container.sac-sce-Online-0dghd0j-forms-requestinfo-3di-css .youinterestedother {
    position: relative;
    display: flex;
    min-height: auto;
    padding-left: 0;
    margin-bottom: 5px;
    align-items: baseline;
}

    .container.sac-sce-Online-0dghd0j-forms-requestinfo-3di-css .youinterested input[type=checkbox], .container.sac-sce-Online-0dghd0j-forms-requestinfo-3di-css .youinterested input[type=radio], .container.sac-sce-Online-0dghd0j-forms-requestinfo-3di-css .languageval input[type=checkbox], .container.sac-sce-Online-0dghd0j-forms-requestinfo-3di-css .languageval input[type=radio], .container.sac-sce-Online-0dghd0j-forms-requestinfo-3di-css .youinterestedother input[type=checkbox], .container.sac-sce-Online-0dghd0j-forms-requestinfo-3di-css .youinterestedother input[type=radio] {
        margin: 0px 8px 0px 0px !important;
    }

.container.sac-sce-Online-0dghd0j-forms-requestinfo-3di-css .custom-control.custom-checkbox input[type=checkbox], .container.sac-sce-Online-0dghd0j-forms-requestinfo-3di-css .custom-control.custom-checkbox input[type=radio] {
    margin: 0px 8px 0px 0px !important;
}

.container.sac-sce-Online-0dghd0j-forms-grduation-3di-css .custom-control.custom-radio {
    display: flex;
    align-items: baseline;
}

.container.sac-sce-Online-0dghd0j-forms-grduation-3di-css fieldset.form-group.mb-0.graduationceremony .custom-control.custom-radio {
    display: flex;
    margin-bottom: 5px;
    padding-left: 0;
}

    .container.sac-sce-Online-0dghd0j-forms-grduation-3di-css fieldset.form-group.mb-0.graduationceremony .custom-control.custom-radio input[type=checkbox], .container.sac-sce-Online-0dghd0j-forms-grduation-3di-css fieldset.form-group.mb-0.graduationceremony .custom-control.custom-radio input[type=radio] {
        margin: 0px 8px 0px 0px !important;
    }

.container.sac-sce-Online-0dghd0j-forms-grduation-3di-css fieldset.form-group.mb-0.graduationceremony .hide.Purchasecapgown .custom-control.custom-radio {
    display: flex;
    align-items: baseline;
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
    line-height: 1.4;
    color: #292929;
}

section.volunter-section.bg-light.sac-sce-carrerboxcss {
    padding-top: 20px;
}

.SCE_3Di .breadcrumb a.home.fa.fa-home {
    display: none;
}

.SCE_3Di .breadcrumb .container.p-0 > span > span:nth-child(3) a.bc-node {
    color: #f1f1f1 !important;
    font-size: 0;
}

    .SCE_3Di .breadcrumb .container.p-0 > span > span:nth-child(3) a.bc-node:first-child:before {
        content: "\f015";
        font-size: 16px;
        color: #000;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        padding-top: 6px;
    }

.csbwfs-social-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    float: right;
    right: -205px;
    z-index: 999;
    top: 200px;
    -webkit-transition-property: right;
    -webkit-transition-duration: 0.5s;
    -webkit-transition-delay: 0.5s;
    -o-transition-property: right;
    transition-property: right;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

    .csbwfs-social-widget.pushout {
        right: 0;
    }

    .csbwfs-social-widget .quick-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: left;
        padding: 20px;
        border-width: 0px;
        width: 200px;
        background: inherit;
        background-color: #e4e4e4;
        border: none;
        border-radius: 0px;
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.34902);
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.34902);
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.34902);
    }

        .csbwfs-social-widget .quick-button .btn.btn-quickbutton {
            background: #343a40 !important;
            color: #fff;
            margin-bottom: 5px;
            font-size: 13px;
            text-align: left;
            vertical-align: middle;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            background-color: transparent;
            border: 1px solid transparent;
            padding: .375rem .75rem;
            line-height: 1.5;
            border-radius: .25rem;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        }

            .csbwfs-social-widget .quick-button .btn.btn-quickbutton:hover {
                background: #fdc800 !important;
            }

            .csbwfs-social-widget .quick-button .btn.btn-quickbutton:focus {
                background: #fdc800 !important;
            }

.SCE_3Di .rightax_boxchild.mb-3 {
    height: auto;
    display: flex;
    flex-direction: column;
    min-height: calc(100% - 30px);
}

    .SCE_3Di .rightax_boxchild.mb-3 .sac-card {
        height: auto;
        margin: 0;
    }

.SCE_3Di .counseling-team-section {
    padding-bottom: 25px;
}

    .SCE_3Di .counseling-team-section .whatdoyouwant {
        margin-top: 40px;
        margin-bottom: 0;
    }

    .SCE_3Di .counseling-team-section .ax_mainbox img.ax_default-image {
        width: 100%;
    }

    .SCE_3Di .counseling-team-section .ax_mainbox .ax_defaultbox_ {
        padding: 25px;
    }

.SCE_3Di .video-counseling-team-section {
    padding-bottom: 0;
}

    .SCE_3Di .video-counseling-team-section .whatdoyouwant {
        margin-top: 40px;
        margin-bottom: 0;
    }

    .SCE_3Di .video-counseling-team-section .video-counseling-team-heading {
        color: #002147;
        text-transform: capitalize;
        font-size: 25px;
        font-weight: bold;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box .media-heading {
        font-size: 24px;
        margin-bottom: 0;
    }

    .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box.video-counseling-team-thumbnail {
        box-shadow: none;
        margin-bottom: 0;
    }

        .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box.video-counseling-team-thumbnail .rtin-icon {
            padding: 0px;
        }

            .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box.video-counseling-team-thumbnail .rtin-icon img {
                width: 100%;
            }

        .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box.video-counseling-team-thumbnail .img-height {
            height: auto;
        }

        .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box.video-counseling-team-thumbnail .card-social-icon li {
            margin-right: 5px;
        }

            .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box.video-counseling-team-thumbnail .card-social-icon li:last-of-type {
                margin-right: 0px;
            }

        .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box.video-counseling-team-thumbnail .more-counseling-details {
            min-height: 105px;
        }

        .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box.video-counseling-team-thumbnail .profile-online-status {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 0px;
        }

            .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box.video-counseling-team-thumbnail .profile-online-status .status-circle {
                display: inline-block;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background: #eee;
                margin-right: 5px;
            }

                .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box.video-counseling-team-thumbnail .profile-online-status .status-circle.online {
                    background-color: #469a1f;
                }

                .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box.video-counseling-team-thumbnail .profile-online-status .status-circle.offline {
                    background-color: #ff0000;
                }

                .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box.video-counseling-team-thumbnail .profile-online-status .status-circle.away {
                    background-color: #ffab00;
                }

                .SCE_3Di .video-counseling-team-section .sac-media.rt-info-box.video-counseling-team-thumbnail .profile-online-status .status-circle.disable {
                    background-color: #888;
                }

.SCE_3Di .btn-white-txt {
    color: #fff;
    background-color: #fdc800;
    border-color: #fdc800;
    border-radius: 0 !important;
    padding: 3px 10px;
    font-size: 13px;
}

    .SCE_3Di .btn-white-txt:hover {
        background-color: #ffd431;
        border-color: #ffd431;
    }

.SCE_3Di .content-created-wrapper {
    display: flex;
    margin-top: 20px;
    flex-direction: column;
    color: #404040;
}

    .SCE_3Di .content-created-wrapper li {
        margin-bottom: 5px;
    }

.SCE_3Di .new-events-list li.sac-card .events-title {
    margin-bottom: 20px !important;
}

.SCE_3Di .new-events-list li.sac-card .event-image {
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}

    .SCE_3Di .new-events-list li.sac-card .event-image img {
        max-width: 150px !important;
    }

.SCE_3Di .new-events-list li.sac-card .event-ul-list {
    border: 1px solid #eee;
    list-style-type: disc;
    padding: 15px 35px;
    margin-bottom: 20px;
}

    .SCE_3Di .new-events-list li.sac-card .event-ul-list li {
        margin-bottom: 10px;
    }

        .SCE_3Di .new-events-list li.sac-card .event-ul-list li:last-child {
            margin-bottom: 0;
        }

h2.ms-webpart-titleText {
    display: none;
}

#s4-bodyContainer {
    padding-bottom: 0px;
}

.SCE_3Di .two-column-layout-right .volunter-section {
    padding: 0px 0px 20px;
}

.SCE_3Di .two-column-layout-right section.volunter-section.bg-grey {
    padding: 15px 0 !important;
}

.SCE_3Di .two-column-layout-right .whatdoyouwant {
    margin-top: 35px;
    margin-bottom: 0;
}

.SCE_3Di .two-column-layout-right .sac-media.rt-info-box {
    margin-bottom: 15px;
    height: calc(100% - 15px);
    overflow: auto;
}

.SCE_3Di .two-column-layout-right .Stucturedlist {
    width: 100%;
}

.SCE_3Di .sac-media.rt-info-box.rtin-thumbnail .media-body ul.media-ul li {
    padding-right: 25px;
}

.mainsearch {
    display: flex;
    align-items: center;
    width: 35px;
    height: 35px;
    justify-content: center;
    margin: auto auto auto 5px;
    border-radius: 50px;
    background: #fff;
    color: #0f0f0f;
    display: none;
}

    .mainsearch:hover {
        background: whitesmoke;
        text-decoration: none;
        color: #cf152d;
    }

.modal.SCE_3Di_modal.show {
    background: rgba(0, 0, 0, 0.8);
    padding: 0 !important;
}

    .modal.SCE_3Di_modal.show .modal-dialog {
        max-width: 100%;
        margin: 1.75rem auto;
        height: calc(100vh - 3.5rem);
    }

    .modal.SCE_3Di_modal.show .modal-content {
        background-color: transparent;
        height: 100%;
        border: 0px solid rgba(0, 0, 0, 0.2);
    }

    .modal.SCE_3Di_modal.show button.close {
        font-size: 35px;
        color: #fff;
        opacity: 1;
        margin-right: 25px;
        margin-bottom: 20px;
    }

    .modal.SCE_3Di_modal.show .main-page-search {
        display: flex;
        align-items: center;
        height: calc(100% - 80px);
        justify-content: center;
        width: 100%;
    }

    .modal.SCE_3Di_modal.show input[type="search"] {
        height: 56px;
        max-width: 600px;
        width: 100%;
        border: 0;
        background: transparent;
        border-bottom: 1px solid #fff;
        font-size: 20px;
        color: #fff;
    }

        .modal.SCE_3Di_modal.show input[type="search"]:focus {
            border: 0 !important;
            border-bottom: 1px solid #fff !important;
        }

        .modal.SCE_3Di_modal.show input[type="search"]::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: #fff;
        }

        .modal.SCE_3Di_modal.show input[type="search"]::-moz-placeholder {
            /* Firefox 19+ */
            color: #fff;
        }

        .modal.SCE_3Di_modal.show input[type="search"]:-ms-input-placeholder {
            /* IE 10+ */
            color: #fff;
        }

        .modal.SCE_3Di_modal.show input[type="search"]:-moz-placeholder {
            /* Firefox 18- */
            color: #fff;
        }

.MidnightBluecolor {
    background-color: #193a6a;
}

.Tangocolor {
    background-color: #f37629;
}

.SpringGreen {
    background-color: #087b92;
}

.violetcolor {
    background-color: #713058;
}

.bg-grey {
    background-color: #f4f4f4;
}

.bg-yellow {
    background-color: #fcda58;
}

.SCE_3Di .bg-dark {
    background-color: #343a40 !important;
}

.SCE_3Di footer {
    padding: 50px 0 42px;
    width: 100%;
    color: #fff;
    z-index: 9;
}

    .SCE_3Di footer .container.footer-container {
        padding: 0;
    }

    .SCE_3Di footer .row {
        margin: 0;
    }

    .SCE_3Di footer .footer-title {
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
        padding-bottom: 15px;
        margin-bottom: 20px;
        position: relative;
    }

        .SCE_3Di footer .footer-title:before {
            position: absolute;
            content: "";
            width: 70%;
            height: 5px;
            bottom: 0px;
            background-color: #fdc800;
        }

    .SCE_3Di footer .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
        color: #fff;
        font-weight: bold;
        font-size: 16px;
        padding: 8px 0;
    }

.SCE_3Di .input-group.Subscribediv input.form-control {
    border-radius: 0;
}

.SCE_3Di .input-group.Subscribediv button.btn {
    border-radius: 0;
}

.SCE_3Di .navbar-nav.socialicons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 20px;
    margin-top: 0;
}

    .SCE_3Di .navbar-nav.socialicons .nav-item {
        margin-right: 15px;
    }

        .SCE_3Di .navbar-nav.socialicons .nav-item:last-child {
            margin-right: 0px;
        }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .SCE_3Di .navbar-light .nav-item.active .nav-link::before {
        bottom: -20px;
    }
}

@media (max-width: 992px) {
    .SCE_3Di .container.navbar-container {
        display: flex;
        align-items: center;
        padding: 0 15px;
    }

    .SCE_3Di .nav-item.searchbar .togglesearch {
        left: 0 !important;
    }

    .SCE_3Di .navbar-brand {
        padding: 5px 0;
    }
}

@media (max-width: 768px) {
    .SCE_3Di footer {
        padding: 15px 0px 0;
    }

        .SCE_3Di footer .footer-title {
            font-size: 18px;
            padding-bottom: 15px;
            margin-bottom: 15px;
        }

            .SCE_3Di footer .footer-title:before {
                width: 50px;
                height: 4px;
                bottom: 0px;
                background-color: #fdc800;
            }

        .SCE_3Di footer .navbar-nav .nav-link img {
            width: 30px;
        }

        .SCE_3Di footer .footer-title {
            font-size: 18px;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }

        .SCE_3Di footer .navbar-nav .nav-link {
            font-size: 16px;
            padding: 5px 0;
        }

    .navbar-nav {
        margin-bottom: 15px;
    }

    ul.navbar-nav.socialicons {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 766px) {
    .SCE_3Di .event-calendar label.visiblehidden {
        visibility: hidden;
        display: none;
    }

    .SCE_3Di .event-calendar .events-list li.sac-card .event-post {
        padding: 20px;
    }

    .SCE_3Di .WHATSTUDENTSSAY .comma-image {
        height: auto;
    }

    .SCE_3Di .StartLearning .improveyourEnglish {
        margin-top: 15px;
    }

    .SCE_3Di .col-md-hide {
        display: none;
    }

    .SCE_3Di .TitleNumber-Table ul.CourseTitleul li {
        padding: 0 10px;
        border-right: 0px solid #fff;
    }

    .SCE_3Di .nav.nav-tabs.sactabs .nav-link {
        font-size: 14px;
        padding: 10px;
    }

    .SCE_3Di .nav.nav-tabs.sactabs {
        margin-bottom: 15px;
    }

    .SCE_3Di .sac-media.rt-info-box.rtin-thumbnail .rtin-icon.img-height {
        height: auto;
    }

    .SCE_3Di .sac-media.rt-info-box.rtin-thumbnail .rtin-icon img {
        height: auto;
    }

    .SCE_3Di .sac-media.rt-info-box.rtin-thumbnail .rtin-icon img {
        width: 100%;
        height: auto;
    }

    .SCE_3Di .Event-List-View {
        margin: 0 20px;
    }

        .SCE_3Di .Event-List-View ul {
            overflow-y: auto;
            max-height: initial;
        }

            .SCE_3Di .Event-List-View ul li.Event-Main-Details {
                padding: 15px;
                box-shadow: 0 0 6.51px 0.49px rgba(0, 0, 0, 0.22);
                margin: 15px 10px;
            }

                .SCE_3Di .Event-List-View ul li.Event-Main-Details p {
                    font-size: 14px;
                }

    .SCE_3Di .title-border-bottom-primary {
        position: relative;
        margin-bottom: 0;
        font-size: 18px;
    }

        .SCE_3Di .title-border-bottom-primary:before {
            content: " ";
            position: absolute;
            background-color: #fdc800;
            height: 4px;
            width: 100px;
            left: 0;
            bottom: -10px;
        }

    .SCE_3Di .choose-options-top p {
        height: auto;
        margin: 0;
    }

    .SCE_3Di .choose-options-top h3 {
        font-size: 16px;
        font-weight: bold;
    }

    .SCE_3Di .whatdoyouwant {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 576px) {
    .col-sm-hide {
        display: none;
    }

    .SCE_3Di .navbar-brand img {
        height: auto;
        max-width: 210px;
        width: 100%;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .SCE_3Di {
        height: auto;
        min-height: 100%;
    }
}

@media (max-width: 992px) {
    .SCE_3Di .page-title:before {
        background-position: center;
    }
}

@media only screen and (max-width: 767px) {
    .SCE_3Di .WHATSTUDENTSSAY .comma-image {
        height: auto;
        background-image: none !important;
    }

    .SCE_3Di .carousel-parent .carouselcaption .sub-title {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .SCE_3Di .carousel-parent .carouselcaption .title {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 576px) {
    .SCE_3Di .content-created-wrapper {
        flex-direction: column;
    }

        .SCE_3Di .content-created-wrapper .created-divider {
            display: none;
        }

    .SCE_3Di .mainsearch {
        right: 10px !important;
        width: 25px;
        height: 25px;
        top: 22px !important;
    }

    .SCE_3Di nav.navbar.navbar-mobile button.navbar-toggler {
        margin-right: 0px !important;
        margin-left: auto;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .SCE_3Di .vc_column-inner .sac-media.rt-info-box {
        display: ruby;
    }

    .SCE_3Di .classrooms-subject {
        align-items: inherit;
        justify-content: center;
        text-align: center;
        display: inline-block !important;
    }

    .SCE_3Di img.image {
        margin: 0 auto 30px auto !important;
    }

    .SCE_3Di .vc_column-inner .rt-info-box.sac-media {
        display: block !important;
    }

    .dropdownhover-bottom.dropdown-menu {
        margin-top: 0px !important;
    }

    .disenbdynclshs .form-control.smallinput {
        width: 90px !important;
    }

    .SCE_3Di .classrooms-subject {
        display: block !important;
    }
}

a.dropdown-toggle.mobiledropdown {
    display: none;
}

@media (min-width: 578px) {
    .SCE_3Di nav.navbar.navbar-mobile button.navbar-toggler {
        margin-right: 0;
        margin-left: auto;
    }
}

@media (max-width: 991px) {
    .SCE_3Di {
        /*nav.navbar.navbar-mobile button.navbar-toggler {
            margin-left: auto;
            margin-right: 40px;
        }*/
    }

        .SCE_3Di .mainsearch {
            margin: 0;
            margin-left: 5px;
            position: absolute;
            z-index: 9999;
            right: 15px;
            top: 18px;
        }

        .SCE_3Di a.dropdown-toggle.mobiledropdown {
            display: block;
        }

        .SCE_3Di nav.navbar.navbar-mobile .container.navbar-container {
            padding: 5px 15px 0;
        }

        .SCE_3Di nav.navbar.navbar-mobile button.navbar-toggler[aria-expanded="true"] {
            padding: 2px 4px;
            background: #cf152d;
            color: #fff;
            min-width: auto !important;
        }

            .SCE_3Di nav.navbar.navbar-mobile button.navbar-toggler[aria-expanded="true"] span.navbar-toggler-icon {
                background-image: none !important;
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                line-height: 1;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .SCE_3Di nav.navbar.navbar-mobile button.navbar-toggler[aria-expanded="true"] span.navbar-toggler-icon:before {
                    content: "\f00d";
                    font-family: 'Font Awesome 5 Free';
                    font-weight: 900;
                }

        .SCE_3Di nav.navbar.navbar-mobile button.navbar-toggler[aria-expanded="false"] {
            padding: 2px 4px;
            background: #cf152d;
            color: #fff;
            min-width: auto !important;
        }

            .SCE_3Di nav.navbar.navbar-mobile button.navbar-toggler[aria-expanded="false"] span.navbar-toggler-icon {
                background-image: none !important;
                -moz-osx-font-smoothing: grayscale;
                -webkit-font-smoothing: antialiased;
                display: inline-block;
                font-style: normal;
                font-variant: normal;
                text-rendering: auto;
                line-height: 1;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .SCE_3Di nav.navbar.navbar-mobile button.navbar-toggler[aria-expanded="false"] span.navbar-toggler-icon:before {
                    content: "\f0c9";
                    font-family: 'Font Awesome 5 Free';
                    font-weight: 900;
                }

        .SCE_3Di nav.navbar.navbar-mobile .nav-item.active .nav-link:before,
        .SCE_3Di nav.navbar.navbar-mobile .navbar-nav .nav-link:hover:before,
        .SCE_3Di nav.navbar.navbar-mobile .navbar-nav .nav-link.dropdown-toggle:hover:before {
            display: none;
        }

        .SCE_3Di nav.navbar.navbar-mobile .collapse.navbar-collapse,
        .SCE_3Di nav.navbar.navbar-mobile .navbar-collapse.collapse.show {
            align-items: initial;
            background: #f7f7f7;
            padding: 0 15px;
            margin: 0 -15px;
            z-index: 9999;
        }

            .SCE_3Di nav.navbar.navbar-mobile .collapse.navbar-collapse > ul.navbar-nav,
            .SCE_3Di nav.navbar.navbar-mobile .navbar-collapse.collapse.show > ul.navbar-nav {
                margin-bottom: .5rem !important;
            }

        .SCE_3Di nav.navbar.navbar-mobile .nav-link, .SCE_3Di nav.navbar.navbar-mobile .SCE_3Di .navbar-light .navbar-nav .nav-link.dropdown-toggle {
            font-size: 14px !important;
        }

        .SCE_3Di nav.navbar.navbar-mobile .nav-item.active .nav-link:before {
            display: none;
        }

        .SCE_3Di nav.navbar.navbar-mobile ul.navbar-nav a.nav-link.dropdown-toggle::after {
            display: none;
        }

        .SCE_3Di nav.navbar.navbar-mobile ul.navbar-nav a.dropdown-toggle.mobiledropdown::after {
            display: none;
        }

        .SCE_3Di nav.navbar.navbar-mobile ul.navbar-nav li.nav-item {
            border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
        }

            .SCE_3Di nav.navbar.navbar-mobile ul.navbar-nav li.nav-item:last-child {
                border-bottom: 0px solid rgba(0, 0, 0, 0.15);
            }

        .SCE_3Di nav.navbar.navbar-mobile ul.navbar-nav .dropdown-menu.dropdownhover-bottom {
            width: calc(100% + 30px);
            border: 0;
            border-radius: 0;
            margin-left: -15px;
            padding: 10px 30px 5px;
        }

            .SCE_3Di nav.navbar.navbar-mobile ul.navbar-nav .dropdown-menu.dropdownhover-bottom a.dropdown-item {
                padding: 10px 0;
                border-bottom: 1px solid rgba(0, 0, 0, 0.15);
                font-size: 14px;
                color: #212529 !important;
            }

                .SCE_3Di nav.navbar.navbar-mobile ul.navbar-nav .dropdown-menu.dropdownhover-bottom a.dropdown-item:hover {
                    color: #cf152d !important;
                    text-decoration: none;
                    background-color: transparent;
                }

                .SCE_3Di nav.navbar.navbar-mobile ul.navbar-nav .dropdown-menu.dropdownhover-bottom a.dropdown-item:last-child {
                    border-bottom: 0px solid rgba(0, 0, 0, 0.15);
                }

        .SCE_3Di nav.navbar.navbar-mobile ul.navbar-nav li.nav-item.dropdown.show a.dropdown-toggle.mobiledropdown {
            background: #cf152d;
        }

            .SCE_3Di nav.navbar.navbar-mobile ul.navbar-nav li.nav-item.dropdown.show a.dropdown-toggle.mobiledropdown .arrowformenu {
                transition: 0.70s;
                -webkit-transition: 0.70s;
                -moz-transition: 0.70s;
                -ms-transition: 0.70s;
                -o-transition: 0.70s;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
            }

        .SCE_3Di nav.navbar.navbar-mobile ul.navbar-nav li.nav-item a.nav-link {
            padding: 15px 10px !important;
            width: calc(100% - 35px);
            padding-right: 29px !important;
            border: 0;
            font-size: 16px !important;
        }

        .SCE_3Di nav.navbar.navbar-mobile ul.navbar-nav li.nav-item a.dropdown-toggle.mobiledropdown {
            position: absolute;
            right: 4px;
            top: 15px;
            background: #585556;
            padding: 0;
            z-index: 999;
            color: #fff;
            border-radius: 30px;
            width: 25px;
            height: 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding-top: 0;
            font-size: 10px;
            cursor: pointer;
        }

            .SCE_3Di nav.navbar.navbar-mobile ul.navbar-nav li.nav-item a.dropdown-toggle.mobiledropdown .arrowformenu {
                transition: 0.70s;
                -webkit-transition: 0.70s;
                -moz-transition: 0.70s;
                -ms-transition: 0.70s;
                -o-transition: 0.70s;
            }
}

@media only screen and (max-width: 768px) {
    .SCE_3Di .sac-card.mobilefilter.openFilter {
        left: 0;
    }

    .SCE_3Di .mobile-hide {
        display: none;
    }

    .SCE_3Di .mobile-show {
        display: flex !important;
    }

    .SCE_3Di .sac-card.mobilefilter {
        left: -600px;
        position: absolute;
        z-index: 99999;
        top: 41px;
        width: 360px;
    }

    .SCE_3Di .Filtersbutton {
        margin-bottom: 15px;
        justify-content: flex-end;
    }

        .SCE_3Di .Filtersbutton button.btn {
            width: auto;
            padding: 10px;
            border-radius: 0;
            margin-left: 10px;
        }

        .SCE_3Di .Filtersbutton .filters-Close {
            background-color: #333333;
            color: #fff;
        }

        .SCE_3Di .Filtersbutton button.btn.apply-filter {
            color: #212529;
            border-color: #dee2e6;
        }

    .csbwfs-social-widget img {
        width: 35px;
    }

    .csbwfs-social-widget .quick-button {
        padding: 12px !important;
        width: 200px !important;
    }

        .csbwfs-social-widget .quick-button button.btn.btn-quickbutton {
            font-size: 12px !important;
            padding: 8px 5px;
        }

    .SCE_3Di .content-created-wrapper {
        margin-bottom: 24px;
    }

    .SCE_3Di .breadcrumb .container.p-0:first-child > span {
        display: flex;
        flex-wrap: wrap;
        font-size: 13px;
    }

    .SCE_3Di .breadcrumb a {
        font-size: 13px;
    }

    .SCE_3Di .breadcrumb .container.p-0 > span > span:nth-child(3) a.bc-node:first-child:before {
        font-size: 14px;
    }

    .SCE_3Di .breadcrumb a:after {
        top: 10px;
        width: 9px;
        height: 9px;
    }

    .SCE_3Di .page-banner.home-banner .classh1 {
        font-size: 34px !important;
        margin-bottom: 15px;
        line-height: normal;
    }

    .SCE_3Di .breadcrumb .current {
        display: flex;
        align-items: center;
    }

    .SCE_3Di .breadcrumb a:first-child {
        padding-right: 5px;
    }

    .webParts.row .sac-card.sidebar {
        margin-bottom: 0;
    }

    .webParts.row .two-column-layout-right .contactInfous {
        margin: 0 -15px;
    }

    .SCE_3Di .volunter-section {
        padding: 30px 0px 15px;
    }

    .SCE_3Di .classh2 {
        font-size: 18px !important;
        margin-bottom: 15px !important;
    }

    .SCE_3Di .StartLearning .classh1 {
        font-size: 28px !important;
        margin-bottom: 25px;
        line-height: normal;
    }

        .SCE_3Di .StartLearning .classh1 > span {
            font-size: 28px;
        }

    .SCE_3Di .StartLearning .improveyourEnglish {
        padding: 15px;
        font-size: 14px;
    }

    section.volunter-section.bg-light.StartLearning {
        padding: 15px 0px 15px !important;
    }

        section.volunter-section.bg-light.StartLearning .improveyourEnglish {
            padding: 15px;
            font-size: 14px;
        }

            section.volunter-section.bg-light.StartLearning .improveyourEnglish .improveyourul {
                margin: 0;
            }

                section.volunter-section.bg-light.StartLearning .improveyourEnglish .improveyourul li {
                    display: flex;
                }

    .SCE_3Di .carousel-parent {
        padding: 20px 0;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        align-items: center !important;
    }

        .SCE_3Di .carousel-parent .carouselcaption {
            padding: 15px 15px 0;
        }

    .SCE_3Di ul.languagesul li .link {
        font-size: 14px;
        border: 1px solid #fff;
        font-weight: bold;
        padding: 8px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        width: 100%;
        text-decoration: none;
    }

    .SCE_3Di .WHATSTUDENTSSAY .comma-image {
        /*height: auto;
        background-image: none !important;*/
        margin-bottom: 35px;
        background-size: 160px;
    }

    .SCE_3Di .carousel-parent .carouselcaption .title {
        font-size: 18px;
    }

    .SCE_3Di .WHATSTUDENTSSAY .carousel-indicators {
        position: absolute;
        right: 0;
        bottom: -22px !important;
        left: 0;
        margin: auto auto !important;
    }

    .SCE_3Di .carousel-parent .carousel-image .carouselcaption {
        padding: 15px 0px 0px;
    }

    .carousel-control-arrow {
        position: relative;
        display: flex;
        align-items: center;
        top: 38px;
    }

        .carousel-control-arrow .carousel-control-prev {
            left: 7% !important;
        }

        .carousel-control-arrow .carousel-control-next {
            right: 7% !important;
            left: auto !important;
        }

    .SCE_3Di .Event-List-View ul li.Event-Main-Details {
        padding: 12px;
        box-shadow: 0 0 6.51px 0.49px rgba(0, 0, 0, 0.22);
        margin: 5px auto 15px !important;
    }

    section.volunter-section.bg-light.StartLearning .improveyourEnglish .improveyourul li:last-child {
        margin-bottom: 0;
    }

    .SCE_3Di ul.languagesul li {
        margin-right: 10px;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 1600px) {
    .container {
        max-width: 1320px;
    }

    .SCE_3Di .navbar-light .navbar-nav .nav-link, .SCE_3Di .navbar-light .navbar-nav .nav-link.dropdown-toggle {
        padding: 0 0 0px 20px !important;
    }

        .SCE_3Di .navbar-light .navbar-nav .nav-link, .SCE_3Di .navbar-light .navbar-nav .nav-link.dropdown-toggle {
            font-size: 16px !important;
        }
    /*complete fonte size*/
    body {
        font-size: 16px !important;
    }

    .SCE_3Di .languagediv select.form-control {
        font-size: 16px;
    }

    .SCE_3Di .topbar-left {
        font-size: 16px !important;
    }

    .SCE_3Di .classh2 {
        font-size: 27px !important;
    }

    .SCE_3Di .vc_column-inner .sac-media.rt-info-box .media-body h3.media-heading {
        font-size: 20px !important;
    }
    /*banner font-face size*/
    .SCE_3Di .page-banner.home-banner .classh1 {
        font-size: 50px !important;
    }
    /*button css*/
    .SCE_3Di .btn {
        font-size: 16px !important;
    }
    /*maine menus sub font-face size*/
    .dropdown-menu.dropdownhover-bottom .dropdown-item {
        font-size: 16px !important;
    }
    /*START LEARNING ENGLISH
    ONLINE TODAY*/
    .SCE_3Di .StartLearning .classh1 {
        font-size: 50px !important;
        line-height: 53px;
    }

        .SCE_3Di .StartLearning .classh1 > span {
            font-size: 38px !important;
        }

    .SCE_3Di .StartLearning .improveyourEnglish {
        font-size: 18px !important;
    }
    /*applynow button*/
    .SCE_3Di .applynow-btn {
        padding: 13px 25px;
        font-size: 17px !important;
    }
    /*get started button sticky*/
    .csbwfs-social-widget .quick-button {
        padding: 15px;
        width: 230px;
    }

    .csbwfs-social-widget {
        right: -230px;
    }

    .SCE_3Di .choose-options-top h3 {
        font-size: 27px !important;
    }

    .SCE_3Di .whatdoyouwant .media-ul li {
        font-size: 18px !important;
    }

    .text-ar img {
        width: 23px;
    }

    .SCE_3Di .Event-List-View ul li.Event-Main-Details p {
        font-size: 20px;
    }

    .SCE_3Di .choose-options-top h3 {
        font-size: 29px !important;
    }

    .SCE_3Di h3.title {
        font-size: 20px !important;
    }

    .SCE_3Di .card.findcareer-card .card-header .events-title {
        font-size: 20px !important;
    }
    /*WHAT OUR STUDENTS SAY font*/
    .SCE_3Di .carousel-parent .carouselcaption .title {
        font-size: 26px !important;
    }

    .SCE_3Di .carousel-parent .carouselcaption .sub-title {
        font-size: 20px !important;
    }

    .SCE_3Di .rightax_defaultbox .ax_defaultbox_ ul.m-0.ax_defaultboxul li span.ax_defaultbox-q {
        font-size: 18px !important;
    }

    .SCE_3Di .breadcrumb a {
        font-size: 16px;
    }

    .SCE_3Di .navbar-light .navbar-nav .nav-link:hover:before, .SCE_3Di .navbar-light .navbar-nav .nav-link.dropdown-toggle:hover:before {
        width: calc(100% - 21px) !important;
        left: calc(50% + 10px) !important;
    }

    .SCE_3Di .contactInfous .contactInfo-box {
        font-size: 18px;
    }

    .SCE_3Di label {
        font-size: 16px !important;
    }

    .SCE_3Di span.fieldinformation {
        font-size: 15px !important;
    }

    .SCE_3Di .importantNote {
        font-size: 20px;
    }

    .SCE_3Di .classh3 {
        font-size: 22px;
    }

    .fc-event {
        font-size: 16px !important;
    }

    .input-group-addon {
        font-size: 16px;
        font-weight: 400;
        color: #555;
        text-align: center;
        margin-left: -19px;
        z-index: 999;
        padding: 10px 10px 0 0;
    }

    .SCE_3Di .event-calendar .events-list li.sac-card .events-title {
        font-size: 22px;
    }

    .SCE_3Di .navbar-brand {
        padding: 13px 5px 13px 0px;
    }

    .SCE_3Di footer .footer-title {
        font-size: 20px;
    }

    .SCE_3Di footer .navbar-nav .nav-link {
        font-size: 18px;
    }

    .SCE_3Di ul.languagesul li .link {
        font-size: 17px;
    }

    .SCE_3Di .languages-title {
        font-size: 17px;
    }

    .SCE_3Di .carousel-control-arrow .carousel-control-next {
        bottom: 0;
        width: 35px;
        height: 35px;
    }

    .SCE_3Di .carousel-control-arrow .carousel-control-prev {
        bottom: 0;
        width: 35px;
        height: 35px;
    }
}

.SCE_3Di .applynow-btn {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.ms-webpartzone-cell {
    margin: auto auto 0px !important;
}

.SCE_3Di .StartLearning .improveyourul li {
    line-height: 26px;
}

@media screen and (min-width: 1600px) {
    html.translated-ltr[lang="es"] .SCE_3Di .navbar-light .navbar-nav .nav-link, html.translated-ltr[lang="es"] .SCE_3Di .navbar-light .navbar-nav .nav-link.dropdown-toggle {
        padding: 0 0 0px 10px !important;
    }

        html.translated-ltr[lang="es"] .SCE_3Di .navbar-light .navbar-nav .nav-link, html.translated-ltr[lang="es"] .SCE_3Di .navbar-light .navbar-nav .nav-link.dropdown-toggle {
            font-size: 15px !important;
        }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    /* STYLES GO HERE */
    .carousel-control-arrow .carousel-control-prev {
        left: 18% !important;
    }

    .carousel-control-arrow .carousel-control-next {
        right: 17% !important;
        left: auto !important;
    }

    .SCE_3Di .WHATSTUDENTSSAY .carousel-indicators {
        right: 0;
        left: 0;
    }
}

/*latest update version 31-08-2020---please do not remove the line */

.input-group-addon {
    font-size: 14px;
    font-weight: 400; 
    color: #555; 
    text-align: center;    
    margin-left: -19px;
    z-index: 999;
    padding: 10px 10px 0 0;
}
