@font-face {
  font-family: 'roboto';
  src: url('../fonts/Roboto-Regular.tff') format('tff');
  font-weight: 400;
  font-style: normal;
}
.page-id-447 .mycount-9342,
.row-0.showchairman {
  display: none;
}

/* Dropdown Button */
.header-dropbtn {
  color: white;
  font-size: 16px;
  border: none;
  padding: 0;
  background-color: #fff;
}

/* The container <div> - needed to position the dropdown content */
.header-dropdown {
  position: relative;
  display: inline-block;
  /* margin-left: 15px; */
}

.header-dropdown .fa-caret-down {
  color: #00488f;
  padding-left: 5px;
}

/* Dropdown Content (Hidden by Default) */
.header-dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 92px;
  /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
  z-index: 1;
}

/* Links inside the dropdown */
.header-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.header-dropdown-content a:last-child{
  margin-right: 15px;
}

.header-dropdown:hover .header-dropdown-content {
  display: block;
}

.ch-education select{
  width: 100% !important;
}

.chnote {
  margin-top: 5px;
}

.mod-des-row{
  background-color: #35cbdc;
}

.table td{
  border: none !important;
}

.mod-des-table-2 tr:nth-child(odd){
  background-color: #efefef;
}

.mod-des-table-2,.mod-des-table{
  font-size: 23px;
}

.mod-des-table-2 th{
  background-color: #ffa820;
  color: #fff;
}

.mod-des-table tr:nth-child(odd){
  background-color: #efefef;
}

.my-font{
  font-size: 23px;
}

.stu-gui-col{
    border: none;
}

.accordion-overview p{
  margin-bottom: 15px !important;
}

.accordion-intend .vc_custom_heading{
  font-weight: 400;
  font-family: 'Roboto';
  color: #9c9c9c;
}

 .accordion-intend p{
  font-size: 17px;
}

.accordion-intend-2{
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  height: 270px;
}

.accordion-pdf-text > .wpb_wrapper{
  margin-top: 15px;
  display: flex;
}

.accordion-pdf-text > .wpb_wrapper > p{
  font-size: 17px;
}

.accordion-pdf-text > .wpb_wrapper > p:last-child{
  margin-top: 5px;
}

.accordion-pdf-text > .wpb_wrapper > p:last-child > a{
  margin-top: 5px;
  text-decoration: none;
}

.accordion-pdf-text p > a > span:hover{
  color:#ffa820 !important;
}

.accordion-pdf-text p> span> a:hover{
  color:#ffa820 !important;
}

.accordion-pdf-text span{
  color:#000 !important;
}


.accordion-pdf img{
  margin-right: 15px;
}

.accordion-reference td{
  vertical-align: top !important;
}

.report-table a{
  color: #000;
}

.report-table a:hover{
  color:#ffa820;
}

.report-table tr{
  height: 50px !important;
}

.mock-tab-des tr{
  height: 42px !important;
}

.mock-tab-des td{
  padding-left: 85px;
}

.mock-tab-des tr:nth-child(even){
  background-color: #efefef;
}

.mockup-tab span{
  color: #000 !important;
}

.page-id-168 .sidc-tab-mockup .vc_tta-tabs-container {
    max-width: 1040px;
    margin-left: 85px !important;
    margin-right: 0 !important;

}

.page-id-168 .sidc-tab-mockup .vc_tta-tabs-list{
    display: flex !important;
}

 .page-id-168 .sidc-tab-mockup .vc_tta-tab{
    /* width: 42%; */
    width: 50%;
}

.page-id-168 .sidc-tab-mockup .vc_tta-tab a span{
  display: flex;
}

.page-id-168 .sidc-tab-mockup .vc_tta-tab a{
   display: flex;
   padding-left: 0 !important;
   padding-right: 0 !important;
}

.page-id-168 .sidc-tab-mockup .vc_tta-panel-body{
  padding-top: 30px !important;
}

.mock-btn > button{
  background-color: #ffa820 !important;
  border:none !important;
  padding: 14px 25px !important;
  color: #ffffff !important;
  font-size: 19px !important;
  font-weight: bold;
  margin-left: 85px;
}

.be > button{
  margin-left: 0;
  background-image: unset !important;
}

.ch-viewn > button{
  padding: 15px 50px !important;
}

.passing-tbl a {
  color: #000;
}
.passing-tbl a:hover{
  color:#ffa820;
}

.my-margin p, .my-margin table{
  margin-left: 85px;
}

.postid-989 .entry-content u, .postid-992 .entry-content u{
  color: #000;
}

.postid-989 .entry-content u:hover, .postid-992 .entry-content u:hover{
  color:#ffa820;
}

/* .my-contact .vc_tta-tab a{
  padding-left: 95px !important;
  padding-right: 95px !important;
} */

/*tabs*/
.my-img p, .my-img div {
  margin-bottom: 25px;
}

.good-career p {
  display: none;
}

.moremore > div {
  display: inline-block;
  width: 120px;
  margin-left: -30px;
}

.person-controller {
  margin-right: 10px;
}

.speakerourbe button {
  background-color: #ffa820 !important;
  font-size: 21px !important;
  font-weight: bold !important;
  padding: 15px 25px !important;
  color: #fff !important;
}

.eventcolla button {
  padding: 10px 50px !important;
  border: none !important;
  margin-top: 25px;
  font-size: 21px !important;

}

h2.vc_custom_heading{
    font-family: 'calibri', sans-serif !important;
    font-weight: bold !important;
}

.sp-things {
  position: relative;
}

.sp-title {
  /* font-size: 36px; */
  font-size: 27px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 0;
  /* left: 0;
  right: 0; */
  text-align: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider-employee , .slider-colla {
  display: flex;
  align-items: center;
}

.slider-left, .slider-right {
  max-width: 15px;
}

.slider-left {
  margin-right: 5px;
}

.sp-section{
  padding-top: 30px;
  padding-bottom: 35px;
  /* padding-bottom: 70px; */
}

.collo-section {
  padding-bottom: 120px;
}

.dash-h4 h2:before {
    position: absolute;
    content: '';
    width: 70px;
    height: 2px;
    background: black;
    left: -20px;
    top: 25px;
    transform: translateX(-100%);
}

.dash-h4 h2 strong {
  font-size: 30px;
}

.slider-colla .slick-dots{
  bottom: -75px;
}

.slider-colla .slick-dots li button:before {
  /* color: blue !important; */
  display: none !important;
}

.slider-colla .slick-dots li button{
  color: #252770;
  border: 1px solid #252770;
  border-radius: 50%;
  width: 7.5px;
  height: 7.5px;
}

.slider-colla .slick-dots li.slick-active button{
  background-color: #252770;
}

.viewourec {
  background-size: cover;
  background-position: center;
  min-height: 330px;
  display: flex;
  align-items: center;
}

.fourppl img{
  max-width: 50%;
  width: 100%;
  margin: auto;
}

.sidc-text p {
  max-width: 650px;
  width: 100%;
}

.collaborator-contact-popup{
  font-size: 20px;
  padding-top: 25px;
}


.collaborator-contact-name {
  font-weight: bold;
}

.collaborator-contact-email {
  color: #ffa820;
  text-decoration: underline;
}

.collaborator-contact-popup i {
  padding-right: 10px;
}

.talktous a {
  background-color: #ffa820;
  color: #fff;
  padding: 15px 50px !important;
  border: none !important;
  margin-top: 25px;
  font-size: 21px !important;
}

#conf-popup {
  color: #000;
}

.page-id-1787 .footer-zh ,
.page-id-1657 .footer-zh ,
.page-id-1598 .footer-zh {
  display: none;
}

.talktous{
  display: inline-block;
  padding-top: 15px;
}

.ch-column{
  /* width:25% !important; */
}

/* new form 23 Jun 2020 */

.new-contact .wpcf7 {
  max-width: 100%;
}

.form-wrap {
  padding: 40px 0px;
}

.form-flex-row {
  display: flex;
  justify-content: space-between;
}

.form-flex-left
 {
  width: 60%;
}
.form-flex-right{
   width: 35%;
}
.table-flex {
  display: flex;
  justify-content: space-between;
}

.table-flex-sub {
  display: flex;
  justify-content: space-around;
  width: 50%;
}

.th-flex {
  display: flex;
}

.table-padding {
  padding-right: 15px;
}

.new-contact label {
  font-size: 19px;
  font-weight: 700;
  font-family: 'calibri', sans-serif;
  margin-top: 20px;
}

.new-contact label input ,
.new-contact label select {
  margin-top: 10px !important;
  height: 40px !important;
}

.new-contact sup {
    color: red;
}

.new-contact .table thead th {
  vertical-align: middle;
  text-align: center;
  border: 2px solid #fff;
  padding: 10px 15px;
}

.new-contact table > thead > tr {
  background-color: #ffa820;
  color: #fff;
  font-size: 18px;

}

.new-contact table,
.new-contact thead,
.new-contact tr,
.new-contact td,
.new-contact th{
  border: none;
}

.table-choice {
  display: flex;
  width: 100%;
}

.table-choice-left {
  width: 60%;
  text-align: center;
}
.table-choice-right {
   width: 40%;
}

.th-text {
  padding-left: 15px;
}

.ui-btn > span {
  display: none;
}

.ui-table-cell-label {
  display: none;
}

.hereby label {
  display: flex;
}

.hereby label input {
  margin-right: 15px !important;
  margin-top: 0 !important;
  height: auto !important;
}

.form-succeed {
  margin-top: 60px;
  padding: 0 15px;
  display: flex;
justify-content: center;
}

.form-fivth-row p {
  display: none;
}

.if-applicable{
    padding-top: 15px;
}

.if-applicables {
  font-size: 18px;
  padding: 10px 0;
}

.if-applicables p {
  font-size: 20px;
}

.hereby .ui-btn > span {
  display: block !important;
}

.hereby label {
  display: flex;
  margin: 0;
}

.hereby .ui-checkbox {
  display: flex;
  flex-direction: row-reverse;
}

.hereby span.wpcf7-list-item-label {
  padding-left: 15px;
  font-size: 14px;
}

.form-succeed > .ui-btn {
  font-size: 0;
}

.ui-loader {
  display: none !important;
}

.sidc-file , .sidc-health {
  margin-bottom: 30px;
}

.sidc-file > div {
  padding-top: 5px;
}

.sidc-health {

}

.sidc-file input {
  background-color: #35cbdc !important;
  color: #fff !important;
  font-weight: bold !important;
  height: 100% !important;
  padding: 10px !important;
}

.sidc-file input > input[type="button"]{
  background-color: transparent !important;
  border: 1px solid #fff;
  color: #fff;
  font-weight: bold;
}

.sidc-file ::-webkit-file-upload-button{
  background-color: transparent !important;
  border: 1px solid #fff;
  color: #fff;
  font-weight: bold;
}

.new-contact sup.cblack{
   color: #000;
}
.new-contact sup.cwhite{
   color: #fff;
}

.sidc-payment {
  /* padding: 0 15px; */
  margin: 45px 0;
}

.sidc-payment .sidc-maybank {
  font-weight: bold;
  margin: 15px 0 30px;
}

/*
td.td-first > .table-flex:before{
  content: 'test';
} */

/* .new-contact table > thead > tr:first-child {
  border-bottom: #fff !important;
} */

/* End of new form 23 Jun 2020 */

.announcement-bar {
  background-color: #ffa820;
  color: #212536;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.announcement-bar::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100vw;
}
.announcement-bar .marquee {
  width: 100%;
  overflow: hidden;
  padding: 5px 0;
}
.announcement-bar .marquee p {
  margin-bottom: 0;
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: marquee 25s linear infinite;
  cursor: grab;
}
.announcement-bar .marquee a {
  color: #212536;
  text-decoration: underline;
}
.announcement-bar .marquee a:hover {
  color: #fff;
}

.announcement-bar:hover .marquee p:hover {
  animation-play-state: paused; /* Pauses the animation on hover */
}

@keyframes marquee {
  from {
      transform: translateX(0);
  }
  to {
      transform: translateX(-100%);
  }
}



/* @keyframes marquee {
  0% {
    transform: translateX(100%);
  }
  20% {
    transform: translateX(70%);
    animation-timing-function: cubic-bezier(0.6, 0, 0.2, 1);
  }
  80% {
    transform: translateX(-30%);
    animation-timing-function: cubic-bezier(0, 0, 0.8, 1);
  }
  100% {
    transform: translateX(-100%);
  }
} */


@media(max-width:1200px){
  .page-id-168 .sidc-tab-mockup .vc_tta-tab a span{
    font-size:20px;
  }
}


@media(max-width:991px){
   .th-flex{
      border-bottom: 1px solid #000;
      padding-bottom: 5px;
   }
   .td-first{
      width: 65% !important;
      text-align: center;
   }
   .td-nd{
      width: 35% !important;
      text-align: center;
   }
   #sidc-exam-table2 .table-flex{
      margin-top: 10px;
      padding: 0 5px;
   }
   #sidc-exam-table2 .td-nd .table-flex{
      flex-direction: column;
   }
   #sidc-exam-table2 .td-nd .table-flex .td-price{
      padding-top: 0;
      padding-bottom: 10px;
   }
  .my-margin p,  .my-margin table{
    margin-left: 0px;
  }

  .mock-tab-des td{
    padding-left: 10px !important;
  }

  .page-id-168 .sidc-tab-mockup .vc_tta-tabs-container {
      margin-left: 0px !important;
  }

  .page-id-168 .sidc-tab-mockup .vc_tta-tab a span{
    font-size:17px;
  }

  .mock-btn > button{
    margin-left: 0;
  }

  .fourppl {
    text-align: center !important;
  }

  .ui-table-cell-label {
    display: block;
  }

  /**/


` .page-id-289 .itabs > .itabs-nav > ul.nav-tabs > li.nav-item {
    margin-right: 0px !important;
  }`

  .itabs .nav-tabs .nav-item{
      margin-right: 0px !important;
  }

  .page-id-289 .nav-tabs .nav-item {
      margin-right: 0px !important;
    }`

  /**/

  .contact-table > thead {
    display: none;
  }

  .new-contact thead {
    display: none;
  }

  .new-contact td {
    padding-left: 0;
    padding-right: 0;
    padding: 15px 0;
  }

  .new-contact tbody ,
  .new-contact tr {
    display: flex;
    flex-wrap: wrap;
  }

  .new-contact tbody > tr {
    margin-bottom: 45px;
  }

  .new-contact tbody > tr > th {
    display: inline-block;
    padding-left: 0;
  }

  .ui-btn > span {
    display: none;
  }
  .table-choice-left, .table-choice-right{
    font-size: 14px !important;
  }

  /* .new-contact tbody > tr > th:before{
    content: 'Module';
  } */

  .new-contact tbody > tr > .td-first:before{
    content: 'Examination Date';
  }

  .new-contact tbody > tr > .td-nd:before{
    content: 'For Deferment / Cancellation ONLY';
  }

  .new-contact tbody > tr > th:before,
  .new-contact tbody > tr > .td-first:before ,
  .new-contact tbody > tr > .td-nd:before{
    background-color: #ffa820;
    color: #fff;
    padding: 8px 15px;
    font-weight: bold;
    display: block;
  }

  .table-choice , .th-flex {
    margin-top: 20px;
  }

  td.td-first > .table-flex {
    display: block;
  }

  td.td-first > .table-flex > .table-flex-sub ,
  td.td-nd > div > .table-flex {
    width: 100%;
    padding-right: 0;
    margin: 15px 0;
  }

  td.td-first > .table-flex > .table-flex-sub:first-child > .form-flex-left:before {
    content: '1st Choice';
    font-weight: bold;
  }

  td.td-first > .table-flex > .table-flex-sub:last-child > .form-flex-left:before {
    content: '2nd Choice';
    font-weight: bold;
  }

  td.td-first > .table-flex > .table-flex-sub:first-child > .form-flex-right:before {
    content: 'Session';
    font-weight: bold;
  }

  td.td-first > .table-flex > .table-flex-sub:last-child > .form-flex-right:before {
    content: 'Session';
    font-weight: bold;
  }

  td.td-nd > div > .table-flex > .form-flex-left:before {
    content: 'Change of module / Deferment';
    font-weight: bold;
  }

  td.td-nd > div > .table-flex > .form-flex-right:before {
    content: 'Cancellation';
    font-weight: bold;
  }

}


@media(max-width:768px){
  .accordion-intend-2 {
    border: none;
    height: 240px;
  }

  .accordion-intend .vc_column_container{
    margin-bottom: 15px;
  }

  .page-id-168 p, .page-id-168 span{
    font-size: 14px;
  }

  .report-table td {
    padding-left: 10px;
  }

  /* .page-id-168 .sidc-inline-grid > .vc_tta-tabs-container{
    display: flex !important;
    justify-content: center !important;
  } */

   /* .sidc-inline-grid > .vc_tta-tabs-container > .vc_tta-tabs-list{
      display: inline-grid !important;
  }

  .sidc-inline-grid > .vc_tta-tabs-container > .vc_tta-tabs-list > .vc_tta-tab{
    display: contents !important;
  }

  .sidc-inline-grid > .vc_tta-tabs-container > .vc_tta-tabs-list > .vc_tta-tab a{
    display: flex !important;
    justify-content: center !important;
  } */

  /**/
  .sidc-tab.graduate-tab .vc_tta-tabs-list {
    display: block !important;
  }

  .sidc-tab .vc_tta-tabs-list {
    border: none;
  }

  .career-accordion .vc_tta-panel-heading a {
    padding: 14px 25px !important;
  }

  .itabs .nav-tabs{
    display: inline-grid;
    border: none;
  }

  /* .itabs > .itabs-nav > .nav-tabs > li:active{
    background-color: #ffa820;
  }

  .itabs > .itabs-nav > .nav-tabs > li > a {
    padding-left: 10px;
    padding-right: 10px;
  } */

  .single-prog-tab .vc_tta-tabs-container{
    text-align: center !important;
  }

  /* .my-programme-text .wpb_wrapper{
    padding-left: 0px;
    padding-right: 0px;
  } */

  /**/
}


@media(max-width:575px){
  .accordion-intend-2 {
    border: none;
    height: 160px;
  }

  .accordion-intend .vc_column_container{
    margin-bottom: 15px;
  }

  .page-id-168 p, .page-id-168 span{
    font-size: 14px;
  }

  /**/
  .sidc-tab.graduate-tab .vc_tta-tabs-list {
    display: grid !important;
  }

  .graduate-3col .wpb_wrapper{
    border:none;
  }

  .table-y tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .table-y td{
    width: 50% !important;
    margin-bottom: 35px;
  }

  .viewourec-col h2.vc_custom_heading,
  .bepart h2.vc_custom_heading{
    font-size: 35px !important;
  }

  .headingsmall {
    font-size: 28px !important;
  }

  /**/

  /* .vc_tta-tabs-list{
    display:inline-grid;
  }

  .vc_tta-tab{
    display:contents;
  } */

  .new-contact thead {
    display: none;
  }

  .new-contact td {
    padding-left: 0;
    padding-right: 0;
  }

  .new-contact tbody ,
  .new-contact tr {
    display: flex;
    flex-wrap: wrap;
  }

  .new-contact tbody > tr {
    margin-bottom: 45px;
  }

  .new-contact tbody > tr > th {
    display: inline-block;
    padding-left: 0;
    width: 100%;
  }

  .ui-btn > span {
    display: none;
  }
  .table-choice-left, .table-choice-right{
    font-size: 14px !important;
  }

  /* .new-contact tbody > tr > th:before{
    content: 'Module';
  } */

  .new-contact tbody > tr > .td-first:before{
    content: 'Examination Date';
  }

  .new-contact tbody > tr > .td-nd:before{
    content: 'Price (RM)';
  }

  .new-contact tbody > tr > th:before,
  .new-contact tbody > tr > .td-first:before ,
  .new-contact tbody > tr > .td-nd:before{
    background-color: #ffa820;
    color: #fff;
    padding: 8px 15px;
  }

  .table-choice , .th-flex {
    margin-top: 20px;
  }

  .form-third-row.form-flex-row,
  .form-sixth-row.form-flex-row{
    display: block;
  }

  .form-third-row.form-flex-row > .form-flex-left ,
  .form-third-row.form-flex-row > .form-flex-right ,
  .form-sixth-row.form-flex-row > .form-flex-left ,
  .form-sixth-row.form-flex-row > .form-flex-right {
    width: 100%;
  }

  .form-flex-row {
    display: block;
  }

  .form-flex-left, .form-flex-right {
    width: 100%;
  }

  #shiftnav-toggle-main.shiftnav-toggle-edge-right .shiftnav-toggle-burger {
    padding-left: 5px;
  }

  .header-dropdown {
    margin-left: 0;
  }

  .search-menu-a {
    margin: 0;
  }

  .extra-header-zh, .header-dropbtn{
    display: flex;
    align-items: center;
  }

  .extra-header-zh a {
    margin: 0 7px;
  }

  .header-dropdown-content {
    min-width: 80px;
  }

}