@media only screen and (max-width: 767px) {
    #banner_smu {
        padding-top: 0px !important;
    }
}

/*.group--slides .background-image.d-none, .group--slides .background-video {*/
/*    height: 100%;*/
/*}*/
/*.group--slides.group--slide-two-column .col-content:before{*/
/*	background-color: #000 !important;*/
/*}*/

/*.group--slides.group--slide-two-column .col-content*/
/* {*/
/*    background-color: #000 !important;*/
/*}*/

button:focus:not(:focus-visible)
 {
    outline: none !important;
} 
.accordion-button:focus
 {
    outline: none !important;
}

.comp--hero-carousel .group--slides.group--slide-two-column .col-content {
    background-color: #000 !important;
}
.comp--hero-carousel .group--slides.group--slide-two-column .col-content:before {
    background-color: #000 !important;
}
.comp--hero-carousel .slide-heading.h3.ff-oswald {
	color: #fff !important;
}
.comp--hero-carousel .group--slides.group--slide-two-column .col-content .format-content {
    color: #fff;
}
 
 @media only screen and (max-width: 767px) {
        #tab--student-list .accordion-button {
            text-align: start !important;
        }
         }
        /*	#tab--student-list .nav-tabs{*/
        /*	 display: flex !important;	*/
        /*	}*/
        /*}*/


        .paragraph--type--carousel .slick-paragraph-arrows .slick-arrow {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .paragraph--type--carousel .slick-paragraph-arrows i {
            padding: 0;
            color: #fff;
        }

        .paragraph--type--carousel .slick-arrow.prev-arrow {
            left: -15px;
        }

        .events-show-slider .slick-arrow.slick-prev,
        .show-slider-news .slick-arrow.slick-prev {
            left: -25px !important;
            margin-top: -125px;
        }

        .events-show-slider .slick-arrow.slick-next,
        .show-slider-news .slick-arrow.slick-next {
            right: 0px !important;
            margin-top: -125px;
        }

        .slick-arrow.slick-next::before {
            content: "\f054";
            font-size: var(--bs-body-font-size);
        }

        .slick-arrow.slick-prev::before {
            content: "\f053";
            font-size: var(--bs-body-font-size);
        }



        .news-img img {
            aspect-ratio: 2 / 1.4 !important;
            object-fit: cover;
            object-position: center center;
            width: 100% !important;
            height: auto;
        }

        .text-black a {
            color: #000 !important;
        }

        .az-ctnr.container-fluid,
        .az-ctnr.container {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #gbdu1nnnel {
            padding-top: 0rem !important;
            padding-bottom: 0rem !important;
        }

        #accordion--list--view .accordion-header {
            display: block !important;
        }

        .accordion-button {
            background-color: #fff !important;
        }

        /*.accordion-button::before {*/
        /*  background-image: url("/sites/cis.smu.edu.sg/files/icons/icon-125.svg");*/
        /*  background-repeat: no-repeat;*/
        /*  background-size: 1.25rem;*/
        /*  content: "";*/
        /*  flex-shrink: 0;*/
        /*  height: 1.25rem;*/
        /*  margin-right: auto;*/
        /*  transition: transform .2s ease-in-out;*/
        /*  width: 1.25rem;*/
        /*}*/
        h2 .accordion-button:before {
            flex-shrink: 0;
            width: 1.25rem;
            height: 1.25rem;
            /*margin-left: auto;*/
            padding-right: 25px !important;
            content: "";
            background-image: url("/sites/cis.smu.edu.sg/files/icons/icon-125.svg");
            background-repeat: no-repeat;
            background-size: 1.25rem;
            transition: transform .2s ease-in-out;
        }

        h2 .accordion-button:not(.collapsed):before {
            background-image: url("/sites/cis.smu.edu.sg/files/icons/icon-124.svg");
            /*transform: rotate(-180deg);*/
            padding-right: 25px !important;
        }

        .accordion-button:not(.collapsed):after,
        .accordion-button:after {
            display: none !important;
        }

        /*#tab--student-list .nav-tabs {*/
        /*   display: flex;*/
        /*     justify-content: center;*/
        /*    border: none !important;*/
        /*    gap: 50px !important;*/
        /*}*/

        /*@media only screen and (max-width: 767px) {*/
        /*    #tab--student-list .nav-tabs {*/
        /*        display: none !important;*/

        /*    }*/
        /*}*/

        #btn-cis button a {
            background-color: #6667ab !important;
            color: #EDCE4E !important;
        }

        .tab-list-style .nav-tabs {
            display: flex;
            justify-content: space-evenly !important;
            border: none !important;

        }

        #tab--student-list .nav-tabs .nav-link,
        .tab-list-style .nav-tabs .nav-link {
            background: #ffffff;
            border-radius: 10px;
            border: none !important;
            color: #C4C4C4 !important;
        }

        .tab-list-style .nav-tabs .nav-link {
            background: #ffffff00;
            border-radius: 10px;
            border: none !important;
            color: #C4C4C4 !important;
        }

        .btn.btn-cis.rounded {
            color: #EDCE4E !important;
        }

 @media only screen and (max-width: 767px) {
 	 #tab--student-list .nav-tabs {
           display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
            
        }
        
       #tab--student-list .accordion-button{
           justify-content: start;
        }
        
        /*#tab--student-list{*/
        /*	overflow:auto;*/
        /*}*/
 }

        #tab--student-list .nav-tabs {
            display: flex;
            justify-content: center;
            border: none !important;
            gap: 50px !important;
            height: 80px;
            padding-top: 25px;
            margin-bottom: 30px;
        }


        #tab--student-list .nav-tabs .nav-link.active {
            background: #645EC0 !important;
            border-radius: 5px !important;
            /*border: 1px solid #000000 !important;*/
            color: #fff !important;
            padding: 10px 20px !important;
        }

        .tab-list-style .nav-tabs .nav-link.active {
            background: #645EC0;
            border-radius: 8px;
            border: none !important;
            color: #EDCE4E !important;
            padding-right: 3rem !important;
            padding-left: 3rem !important;
            font-style: bold;
            text-transform: uppercase;
        }

        .events-show-slider,
        .show-slider-news {
            overflow: inherit !important;
        }


        /*.events-show-slider .slick-arrow.slick-prev::before {*/
        /*  font-size: 1rem;*/
        /*  background-color: #000 !important;*/
        /*  border-radius: 25px !important;*/
        /*  padding: 0.8rem 1rem !important;*/
        /*  border: 2px solid #fff !important*/
        /*}*/
        /*.events-show-slider .slick-arrow::before {*/
        /*  color: #ffffff !important;*/
        /*}*/
        /*.events-show-slider .slick-arrow.slick-next::before {*/
        /*  font-size: 1rem;*/
        /*  background-color: #000 !important;*/
        /*  border-radius: 25px !important;*/
        /*  padding: 0.8rem 1rem !important;*/
        /*  border: 2px solid #fff !important*/
        /*}*/
        /*------*/

        /*.show-slider-news .slick-arrow.slick-prev::before {*/
        /*  font-size: 1rem;*/
        /*  background-color: #000 !important;*/
        /*  border-radius: 25px !important;*/
        /*  padding: 0.8rem 1rem !important;*/
        /*  border: 2px solid #fff !important*/
        /*}*/
        /*.show-slider-news .slick-arrow::before {*/
        /*  color: #ffffff !important;*/
        /*}*/
        /*.show-slider-news .slick-arrow.slick-next::before {*/
        /*  font-size: 1rem;*/
        /*  background-color: #000 !important;*/
        /*  border-radius: 25px !important;*/
        /*  padding: 0.8rem 1rem !important;*/
        /*  border: 2px solid #fff !important*/
        /*}*/

        /*-----*/
        /*.show-slider .slick-arrow.slick-prev::before {*/
        /*  font-size: 1rem;*/
        /*  background-color: #000 !important;*/
        /*  border-radius: 25px !important;*/
        /*  padding: 0.8rem 1rem !important;*/
        /*  border: 2px solid #fff !important*/
        /*}*/
        /*.show-slider .slick-arrow::before {*/
        /*  color: #ffffff !important;*/
        /*}*/
        /*.show-slider .slick-arrow.slick-next::before {*/
        /*  font-size: 1rem;*/
        /*  background-color: #000 !important;*/
        /*  border-radius: 25px !important;*/
        /*  padding: 0.8rem 1rem !important;*/
        /*  border: 2px solid #fff !important*/
        /*}*/

        .center-block {
            float: none !important;
            margin: auto !important;
        }



        .bg-hover:hover {
            background-color: #EDCE4E !important;
        }

        .slick-dots li.slick-active button {
            transform: skew(45deg, 0) !important;
            box-shadow: inset 0px 0px 0px #000 !important;
            border-radius: unset !important;
            background-color: #EDCE4E !important;
        }

        .slick-dots li button {
            transform: skew(45deg, 0) !important;
            box-shadow: inset 0px 0px 0px #000 !important;
            border-radius: unset !important;
        }

        /*#field_13, #field_12, #field_14, #field_16, #field_17,  #field_18,  #field_19, #field_20{*/
        /*display: none !important;	*/
        /*}*/



        .comp--hero-carousel .slick-dots {
            padding: 0.3rem 0.7rem;
            border-radius: 1rem;
            position: absolute;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            z-index: 9;
            bottom: -13px;
            margin-left: 0;
        }

        ul.slick-dots {
            margin: 1rem;
            padding: 0px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        h2 .accordion-button {
            font-size: 1.5rem !important;
        }

        #tab--student-list a {
            font-size: 16px !important;
            font-weight: 600 !important;
            font-family: "Oswald" !important;
            text-transform: uppercase;
        }

        .img-slice {
            position: relative;
            /* Needed for ::before to position correctly */
            z-index: 0;
            /* Make sure it's behind content */
        }

        /*.img-slice::before {*/
        /*    content: "";*/
        /*    position: absolute;*/
        /*    top: -30px;*/
        /*    left: 0;*/
        /*    width: 100%;*/
        /*    height: 59px;*/
        /*    background-color: #FFF;*/
        /*    transform: skewY(5deg);*/
        /*    z-index: 1;*/
        /*}*/

        .events-show-slider img {
            aspect-ratio: 2 / 1.1 !important;
            object-fit: cover;
            object-position: center center;
        }

        .btn-primary:hover {
            color: #8a704c !important;
            background-color: #fff !important;
        }

        .btn-cis a {
            color: #EDCE4E !important;
        }

        .slick-slider.slick-dotted {
            padding-bottom: 0px !important;
            bottom: 0;
        }

        /*.slick-dotted.slick-slider {*/
        /*    margin-bottom: 0px !important;*/
        /*}*/
        #banner_smu {
            width: 100%;
            /*padding: 2rem 2rem 4rem 2rem;*/
            min-height: 540px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-size: cover;
            background-position: center;
            overflow: hidden;
            position: relative;
            -webkit-mask-image: url(/sites/cis.smu.edu.sg/files/svg-path.svg);
            mask-image: url(/sites/cis.smu.edu.sg/files/svg-path.svg);
            -webkit-mask-position: bottom;
            mask-position: bottom;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: cover;
            mask-size: cover;
            margin-bottom: -4rem;
            z-index: 1;
            min-height: unset !important;
        }

        #curator-feed-default-feed-layout article {
            min-height: 550px !important;
        }

        .source-text {
            color: #fff;
            background: #645EC0;
            font-size: 10px;
            width: fit-content;
        }

        .w-350 {
            width: 350px !important;
        }

        .w-300 {
            width: 300px !important;
        }

        .show-slider-news .slick-slide,
        .events-show-slider .slick-slide {
            pointer-events: none !important;
            background: rgba(255, 255, 255, 0.10) !important;
            backdrop-filter: blur(9px);
            opacity: 50%;
        }

        .show-slider-news .slick-slide.slick-active,
        .events-show-slider .slick-slide.slick-active {
            pointer-events: unset !important;
            background: unset !important;
            backdrop-filter: unset !important;
            opacity: 100%;
        }

        @media only screen and (max-width: 767px) {

            #banner_smu {
                padding-bottom: 0px !important;
            }

            /*.comp--hero-carousel2 .slick-track{*/
            /* height: 700px;*/
            /* }*/


            .text-capitalize.ff-oswald,
            .ff-oswald.fw-bold {
                font-size: 28px !important;
            }

            h2 .accordion-button {
                font-size: 1.125rem !important;
            }

            h4 .accordion-button {
                font-size: 25px !important;
            }

            /*.show-slider .show-slider-img{*/
            /*	width: 240px !important;*/
            /*}*/
            .events-show-slider .slick-arrow.slick-next {
                right: 10px !important;
                margin-top: -60px;
            }

            .events-show-slider .slick-arrow.slick-prev {
                left: -7px !important;
                margin-top: -60px;
            }

            .show-slider-news .slick-arrow.slick-next {
                right: 10px !important;
                margin-top: -60px;
            }

            .show-slider-news .slick-arrow.slick-prev {
                left: -7px !important;
                margin-top: -60px;
            }


            .w-350 {
                width: 100% !important;
            }

            .w-300 {
                width: 100% !important;
            }

        }
        
        .accordion-button{
         transition: none !important;
        }
        .accordion-button:focus{
         border-color: #fff !important;
           }
           
           
           .accordion-button:not(.collapsed){
           	box-shadow: unset !important;
           }