/**
 * Global variables
 */
 @import url("https://fonts.googleapis.com/css2?family=Inria+Serif:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto+Slab:wght@100..900&display=swap");
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-4, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-3, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-2, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-1 {
   height: 100%;
   display: flex;
   min-height: 25.62rem;
   padding: 0.75rem;
   position: relative;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   overflow: hidden;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course:before, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-4:before, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-3:before, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-2:before, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-1:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: inherit;
   transition: transform 0.3s ease-in-out;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course:hover::before, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-4:hover::before, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-3:hover::before, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-2:hover::before, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-1:hover::before {
   transform: scale(1.1);
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course .overlay, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-4 .overlay, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-3 .overlay, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-2 .overlay, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-1 .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20.99%, rgba(0, 0, 0, 0.82) 80.57%);
 }
 
 .warningBoxContainer, .alertBoxContainer {
   display: flex;
   align-items: center;
   position: relative;
 }
 
 html,
 body {
   font-family: "Montserrat", sans-serif;
   font-size: 16px;
   color: #000000;
   margin: 0px;
   padding: 0px;
   /*@include breakMinMax(992px, 1566px) {
     font-size: 15px;
   }
 
   @include breakMinOnly(1921px) {
     font-size: 24px;
   }*/
 }
 @media (min-width: 320px) and (max-width: 575px) {
   html,
 body {
     font-size: 14px;
   }
 }
 @media (min-width: 570px) and (max-width: 991px) {
   html,
 body {
     font-size: 14px;
   }
 }
 
 @media (min-width: 992px) {
   .container {
     max-width: 88vw;
   }
 }
 @media (max-width: 991px) {
   .container {
     max-width: 94vw;
   }
 }
 
 .borderWhiteRight-2 {
   border-right: 1px solid #fff;
 }
 
 /*Headings*/
 h1 {
   color: #000000;
   font-size: 2.87rem;
   /*46px*/
   font-weight: 700;
   line-height: 3.37rem;
   margin-bottom: 2.5rem;
 }
 h1 a {
   text-decoration: none !important;
   font-weight: 700 !important;
   border-bottom: 1px solid #D22030 !important;
   color: #000000 !important;
   transition: all 0.25s ease !important;
 }
 h1 a:hover {
   border-bottom: 1px solid #000000 !important;
   color: #ad001d !important;
 }
 h2 {
   color: #000000;
   font-size: 2.12rem;
   /*34px*/
   font-weight: 700;
   line-height: 2.25rem;
   margin-bottom: 2.0rem;
 }
 h2 a {
   text-decoration: none !important;
   font-weight: 700 !important;
   border-bottom: 1px solid #D22030 !important;
   color: #000000 !important;
   transition: all 0.25s ease !important;
 }
 h2 a:hover {
   border-bottom: 1px solid #000000 !important;
   color: #ad001d !important;
 }
 h3 {
   color: #000000;
   font-size: 1.75rem;
   /*28px*/
   font-weight: 700;
   line-height: 2rem;
   margin-bottom: 1.8rem;
 }
 h3 a {
   text-decoration: none !important;
   font-weight: 700 !important;
   border-bottom: 1px solid #D22030 !important;
   color: #000000 !important;
   transition: all 0.25s ease !important;
 }
 h3 a:hover {
   border-bottom: 1px solid #000000 !important;
   color: #ad001d !important;
 }
 h4 {
   color: #000000;
   font-size: 1.5rem;
   /*24px*/
   font-weight: 700;
   line-height: 2rem;
   margin-bottom: 1.3rem;
 }
 h4 a {
   text-decoration: none !important;
   font-weight: 700 !important;
   border-bottom: 1px solid #D22030 !important;
   color: #000000 !important;
   transition: all 0.25s ease !important;
 }
 h4 a:hover {
   border-bottom: 1px solid #000000 !important;
   color: #ad001d !important;
 }
 h5 {
   color: #000000;
   font-size: 1.37rem;
   /*22px*/
   line-height: 1.56rem;
   margin-bottom: 1.1rem;
 }
 h5 a {
   text-decoration: none !important;
   border-bottom: 1px solid #D22030 !important;
   font-weight: 700 !important;
   color: #000000 !important;
   transition: all 0.25s ease !important;
 }
 h5 a:hover {
   border-bottom: 1px solid #000000 !important;
   color: #ad001d !important;
 }
 h6 {
   color: #000000;
   font-size: 1.25rem;
   /*20px*/
   line-height: 1.56rem;
   margin-bottom: 0.93rem;
 }
 h6 a {
   text-decoration: none !important;
   border-bottom: 1px solid #D22030 !important;
   font-weight: 700 !important;
   color: #000000 !important;
   transition: all 0.25s ease !important;
 }
 h6 a:hover {
   border-bottom: 1px solid #000000 !important;
   color: #ad001d !important;
 }
 
 /*Heading viewed as*/
.h1 {
  color: #000000;
  font-size: 2.87rem;
  /*46px*/
  font-weight: 700;
  line-height: 3.37rem;
  margin-bottom: 2.5rem;
}
.h2 {
  color: #000000;
  font-size: 2.12rem;
  /*34px*/
  font-weight: 700;
  line-height: 2.25rem;
  margin-bottom: 2.56rem;
}
.h3 {
  color: #000000;
  font-size: 1.75rem;
  /*28px*/
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: 1.8rem;
}
.h4 {
  color: #000000;
  font-size: 1.5rem;
  /*24px*/
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: 1.3rem;
}
.h5 {
  color: #000000;
  font-size: 1.37rem;
  /*22px*/
  line-height: 1.56rem;
  margin-bottom: 1.1rem;
}
.h6 {
  color: #000000;
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.56rem;
  margin-bottom: 0.93rem;
}
 /*End Headings*/
 /*paragraph*/
 p {
   color: #000000;
   font-weight: 400;
   line-height: 28px;
   font-size: 16px;
 }
 p strong {
   font-weight: 600;
 }
 
 /*paragraph*/
 /*Sticky Icon*/
 .quickStickyLinksContainer {
   position: fixed;
   right: 0;
   top: 23vh;
   z-index: 99999;
   display: flex;
   flex-direction: column;
   justify-content: end;
   align-items: flex-end;
 }
 @media (max-width: 991px) {
   .quickStickyLinksContainer {
     display: none;
   }
 }
 .quickStickyLinksContainer a {
   display: flex;
   align-items: center;
   transition: width 0.2s ease;
   background: #D22030;
   margin-bottom: 0.37rem;
   width: 3rem;
   /*text-align: center;*/
   font-family: "Roboto Slab";
   font-weight: 500;
   color: #fff;
   text-decoration: none;
   box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
 }
 .quickStickyLinksContainer a:hover, .quickStickyLinksContainer a.active {
   width: 11rem;
   background: #fff;
   color: #D22030;
 }
 .quickStickyLinksContainer a:hover .quickStickyLinkText, .quickStickyLinksContainer a.active .quickStickyLinkText {
   opacity: 1;
   transform: translateX(0);
 }
 .quickStickyLinksContainer a:hover .quickStickyLinkIconHover, .quickStickyLinksContainer a.active .quickStickyLinkIconHover {
   opacity: 1;
   /*transition: all 0.3s ease;*/
   padding: 0.8rem;
 }
 .quickStickyLinksContainer a:hover .quickStickyLinkIcon, .quickStickyLinksContainer a.active .quickStickyLinkIcon {
   opacity: 0;
   padding: 0;
   width: 0;
 }
 .quickStickyLinksContainer a .quickStickyLinkText {
   opacity: 0;
   transform: translateX(100%);
   transition: all 0.3s ease;
 }
 .quickStickyLinksContainer a .quickStickyLinkIcon {
   opacity: 1;
   /*transition: all 0.3s ease;*/
   padding: 0.8rem;
 }
 
 /*Sticky Icon*/
 /*Anchor*/
 .linkunderline-1 {
   text-decoration: none;
   border-bottom: 1px solid #D22030;
   color: #000000;
   font-weight: 500;
   padding-bottom: 2px;
   transition: all 0.25s ease;
 }
 .linkunderline-1:hover {
   border-bottom: 1px solid #000000;
   color: #ad001d;
 }
 
 .linkunderline-2 {
   text-decoration: none;
   border-bottom: 2px solid #D22030;
   color: #000000;
   font-weight: 600;
   transition: all 0.25s ease;
 }
 .linkunderline-2:hover {
   border-bottom: 2px solid #000000;
   color: #ad001d;
 }
 
 .linkWhiteunderline-1 {
   text-decoration: none;
   border-bottom: 1px solid #fff;
   color: #fff;
   padding-bottom: 2px;
   transition: all 0.25s ease;
 }
 .linkWhiteunderline-1:hover {
   border-bottom: 2px solid #fff;
 }
 
 /*Anchor*/
 /*Section Heading*/
 .sectionHeading {
   background: #000000;
   padding: 20px 23px;
   color: #fff;
   font-size: 1.12rem;
   font-weight: 600;
 }
 
 /*Section Heading*/
 /*table black Header*/
 .tabularDataBox .table th {
   color: #fff;
   background: #000000;
   font-weight: 600;
   padding: 15px 21px;
   border-color: rgba(222, 226, 230, 0.4);
 }
 .tabularDataBox .table td {
   color: #000000;
   padding: 15px 21px;
   font-size: 0.875rem;
   line-height: 22px;
 }
 .tabularDataBox .table td a {
   font-weight: 600;
 }
 
 /*table Red Header*/
 .tabularDataBox-Red .table th {
   color: #fff;
   background: #D22030;
   font-weight: 600;
   padding: 15px 21px;
   border-color: rgba(222, 226, 230, 0.4);
 }
 .tabularDataBox-Red .table td {
   color: #000000;
   padding: 15px 21px;
   font-size: 0.875rem;
   line-height: 22px;
 }
 .tabularDataBox-Red .table td a {
   font-weight: 600;
 }
 
 /*button:focus{
   outline:1px solid #333 !important;
   }*/
 .overlay {
   background: #000000;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 
 .red-CommonButton {
   display: inline-block !important;
   background: #D22030 !important;
   color: #fff !important;
   padding: 1.12rem 6rem !important;
   text-align: center !important;
   transition: all 0.25s ease !important;
   font-weight: 700 !important;
   font-size: 1.12rem !important;
   text-decoration: none !important;
 }
 .red-CommonButton:hover {
   background: #ad001d !important;
   border-bottom: 0 !important;
 }
 
 .buttonOutlineWithArrow {
   position: relative;
   display: inline-block;
   width: fit-content;
 }
 .buttonOutlineWithArrow a {
   border: 1px solid #D22030;
   padding: 0.56rem 1.3rem 0.56rem 0.87rem;
   text-decoration: none;
   color: #000000;
   font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: 0.12px;
   transition: all 0.25s ease;
 }
 .buttonOutlineWithArrow a:after {
   content: "";
   position: absolute;
   top: 12px;
   right: 8px;
   transform: translate(-50%, -50%);
   width: 5px;
   height: 10px;
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23D22030'/></svg>") center center no-repeat;
 }
 @media (max-width: 991px) {
   .buttonOutlineWithArrow a:after {
     top: 11px;
   }
 }
 .buttonOutlineWithArrow a:hover {
   background: #D22030;
   color: #fff;
 }
 .buttonOutlineWithArrow a:hover:after {
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23ffffff'/></svg>") center center no-repeat;
 }
 
 /*Universal table*/
 table {
   border: 1px solid #dee2e6;
   width: 100%;
   margin-bottom: 25px;
   /*th {
     color: $white;
     background: $tseng-primary;
     font-weight: 600;
     padding: 15px 21px;
     border-right: 1px solid rgba(222, 226, 230, .4);
 
     &:last-child {
       border-right: 0;
     }
 
   }*/
 }
 .bg-transparent {
   --bs-table-bg: transparent !important;
 }
 table thead tr:nth-child(1) th {
   color: #fff;
   background: #000000;
   font-weight: 600;
   padding: 15px 21px;
   border-right: 1px solid rgba(222, 226, 230, 0.4);
 }
 table thead tr:nth-child(1) th:last-child {
   border-right: 0;
 }
 table thead tr:nth-child(2) th {
   color: #fff;
   background: #D22030;
   font-weight: 600;
   padding: 15px 21px;
   border-right: 1px solid rgba(222, 226, 230, 0.4);
 }
 table thead tr:nth-child(2) th:last-child {
   border-right: 0;
 }
 table tbody tr {
   border-bottom: 1px solid rgba(222, 226, 230, 0.4);
 }
 table tbody tr:nth-child(odd) {
   background-color: #F6F7F9;
 }
 table tbody tr:last-child {
   border-bottom: 0;
 }
 table tbody tr th {
   color: #fff;
   background: #D22030;
   font-weight: 600;
   padding: 15px 21px;
   border-right: 1px solid rgba(222, 226, 230, 0.4);
 }
 table tbody tr th:last-child {
   border-right: 0;
 }
 table tbody td {
   color: #000000;
   padding: 15px 21px;
   font-size: 0.875rem;
   line-height: 22px;
   border-right: 1px solid rgba(222, 226, 230, 0.4);
 }
 table tbody td:last-child {
   border-right: 0;
 }
 table tbody td a {
   text-decoration: none;
   border-bottom: 1px solid #D22030;
   color: #000000;
   font-weight: 600;
   padding-bottom: 2px;
   transition: all 0.25s ease;
 }
 table tbody td a:hover {
   border-bottom: 1px solid #000000;
   color: #ad001d;
 }
 /* IPP Sample Week Table */
 table.sample {
  border: 0;
  width: 100%;
  border-collapse: collapse;
}
table.sample th {
  width: 20%;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 13px;
  padding: 7px;
  border: solid 2px #EDEDED
}
table.sample td.full-row {
  background-color: #FDBF56;
  text-align: center;
  font-size: 14px;
  border: solid 2px #EDEDED;
  padding: 5px;
}
table.sample td.data {
  position: relative;
  border: solid 2px #FFF;
  padding: 5px 15px;
  font-size: 14px;
  height: 55px;
  vertical-align: top;
}
table.sample td img.data-icon {
  position: absolute;
  width: 20px;
  height: auto;
  right: 5px;
  bottom: 3px;
}
table.sample td.color-1 {
  background-color: #E3DFD5;
}
table.sample td.color-2 {
  background-color: #A8E2DE;
}
table.sample td.color-3 {
  background-color: #B7C3E5;
}
table.sample td.color-4 {
  background-color: #F4F1EA;
}

/*Universal table*/
 /*.newPathContainer .accordion-body .card .heading a{
 
   color: #000000;
   font-size: 24px;
   text-decoration: none;
   font-weight: bold;
   display: inline-block;
   }*/
 p a {
   text-decoration: none;
   border-bottom: 1px solid #D22030;
   color: #000000;
   font-weight: 500;
   padding-bottom: 2px;
   transition: all 0.25s ease;
 }
 p a:hover {
   border-bottom: 1px solid #000000;
   color: #ad001d;
 }
 
 .findYourCourseArea .search-results a {
   text-decoration: none;
   border-bottom: 1px solid #D22030;
   color: #000000;
   font-weight: 500;
   padding-bottom: 2px;
   transition: all 0.25s ease;
 }
 .findYourCourseArea .search-results a:hover {
   border-bottom: 1px solid #000000;
   color: #ad001d;
 }
 .findYourCourseArea form .button--primary:hover {
   border: 1px solid #ad001d;
   background: #ad001d;
 }
 .findYourCourseArea form .button--primary:active {
   border: 1px solid #ad001d;
   background: #ad001d;
 }
 
 .courseFindArea .view-content li a {
   text-decoration: none;
   border-bottom: 1px solid #D22030;
   color: #000000;
   font-weight: 500;
   padding-bottom: 2px;
   transition: all 0.25s ease;
 }
 .courseFindArea .view-content li a:hover {
   border-bottom: 1px solid #000000;
   color: #ad001d;
 }
 
 .searchFormBox .searchFormDisplay form .button--primary:hover {
   border: 1px solid #ad001d;
   background: #ad001d;
 }
 .searchFormBox .searchFormDisplay form .button--primary:active {
   border: 1px solid #ad001d;
   background: #ad001d;
 }
 
 .applicantsContainer .cl-container a {
   border-bottom: 1px solid #fff;
   color: #fff;
 }
 
 .applicantsContainer .cl-container h3 a {
   border-bottom: 1px solid #fff !important;
   color: #fff !important;
 }
 
 /* css for alert warning and information box container*/
 .alertBoxContainer {
   background-color: #D22030;
   margin-bottom: 0px;
 }
 .alertBoxContainer .iconBox {
   padding: 16px;
   background-color: #E32B3D;
   margin-right: 16px;
 }
 .alertBoxContainer .iconBox img {
   width: 30px;
 }
 .alertBoxContainer .alert-message {
   flex: 1;
   font-weight: 700;
   font-size: 0.93rem;
   color: #fff;
 }
 .alertBoxContainer .alertIconContainer {
   margin-right: 20px;
 }
 .alertBoxContainer .alertIconContainer .icon-btn {
   background: none;
   border: none;
   cursor: pointer;
   margin-left: 10px;
 }
 
 /* Hidden Content with Smooth Transition */
 .alertContent {
   max-height: 0;
   opacity: 0;
   overflow: hidden;
   transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;
   display: flex;
   align-items: center;
 }
 
 /* Expanded State */
 .alertContent.expanded {
   background-color: #fff;
   padding: 25px 55px;
   max-height: 100%;
   /* Adjust height based on content */
   opacity: 1;
   border: 2px solid #D22030;
 }
 .alertContent.expanded .alertContentMessage {
   font-size: 0.87rem;
   flex: 1;
 }
 .alertContent.expanded .alertContentMessage span {
   font-weight: 700;
 }
 .alertContent.expanded .actionContainer a {
   padding: 10px 40px;
   color: #D22030;
   border: 1px solid #D22030;
   text-decoration: none;
   font-size: 0.81rem;
   font-weight: 500;
 }
 .alertContent.expanded .actionContainer a:hover {
   background: #ad001d;
   color: #fff;
 }
 .alertContent.expanded a {
   text-decoration: none;
   border-bottom: 1px solid #D22030;
   color: #000000;
   font-weight: 600;
   padding-bottom: 2px;
   transition: all 0.25s ease;
 }
 .alertContent.expanded a:hover {
   border-bottom: 1px solid #000000;
   color: #ad001d;
 }
 
 /* Alert Message and Controls */
 /*warning*/
 .warningBoxContainer {
   background-color: #FDBF56;
   margin-bottom: 2px;
 }
 .warningBoxContainer .iconBox {
   padding: 16px;
   background-color: #FFCE7A;
   margin-right: 16px;
 }
 .warningBoxContainer .iconBox img {
   width: 30px;
 }
 .warningBoxContainer .alert-message {
   flex: 1;
   font-weight: 700;
   font-size: 0.93rem;
   color: #000000;
 }
 .warningBoxContainer .alertIconContainer {
   margin-right: 20px;
 }
 .warningBoxContainer .alertIconContainer .icon-btn {
   background: none;
   border: none;
   cursor: pointer;
   margin-left: 10px;
 }
 
 /* Hidden Content with Smooth Transition */
 .warningContent {
   max-height: 0;
   opacity: 0;
   overflow: hidden;
   transition: max-height 0.4s ease, opacity 0.4s ease, padding 0.4s ease;
   display: flex;
   align-items: center;
 }
 
 /* Expanded State */
 .warningContent.expanded {
   background-color: #fff;
   padding: 25px 55px;
   max-height: 100%;
   /* Adjust height based on content */
   opacity: 1;
   border: 2px solid #FDBF56;
 }
 .warningContent.expanded .alertContentMessage {
   font-size: 0.87rem;
   flex: 1;
 }
 .warningContent.expanded .alertContentMessage span {
   font-weight: 700;
 }
 .warningContent.expanded .actionContainer a {
   padding: 10px 40px;
   color: #000000;
   border: 1px solid #FDBF56;
   text-decoration: none;
   font-size: 0.81rem;
   font-weight: 500;
 }
 .warningContent.expanded .actionContainer a:hover {
   background: #FDBF56;
   color: #000000;
 }
 .warningContent.expanded a {
   text-decoration: none;
   border-bottom: 1px solid #D22030;
   color: #000000;
   font-weight: 600;
   padding-bottom: 2px;
   transition: all 0.25s ease;
 }
 .warningContent.expanded a:hover {
   border-bottom: 1px solid #000000;
   color: #ad001d;
 }
 
 /*warning*/
 .informationBoxContainer {
   background-color: #047DB2;
   position: relative;
   display: flex;
   align-items: center;
   opacity: 1;
   /* Start fully opaque */
   transition: opacity 0.5s ease;
   /* Smooth opacity transition */
 }
 .informationBoxContainer .iconBox {
   padding: 16px;
   background-color: #058BC6;
   margin-right: 16px;
 }
 .informationBoxContainer .informationMessage {
   flex: 1;
   font-weight: 700;
   font-size: 0.93rem;
   color: #fff;
 }
 .informationBoxContainer .infoIconButtonContainer {
   margin-right: 20px;
 }
 .informationBoxContainer .infoIconButtonContainer .icon-btn {
   background: none;
   border: none;
   cursor: pointer;
   margin-left: 10px;
 }
 .informationBoxContainer .infoIconButtonContainer .infoActionContainer a {
   padding: 10px 40px;
   color: #fff;
   border: 1px solid #fff;
   text-decoration: none;
   font-size: 0.81rem;
   font-weight: 500;
 }
 .informationBoxContainer .infoIconButtonContainer .infoActionContainer a:hover {
   background: #fff;
   color: #000000;
 }
 
 /* Hidden state of modal */
 .informationBoxContainer.hidden {
   opacity: 0;
   /* Fade out by changing opacity */
   pointer-events: none;
   /* Prevent interaction when hidden */
 }
 
 /* css for alert warning and information box container*/
 .headerTopBar {
   background: #f8f9f8;
   /*height:2.8rem;*/
   display: flex;
   align-items: center;
   flex-direction: row;
   position: relative;
   z-index: 1021;
 }
 @media (max-width: 1199px) {
   .headerTopBar {
     display: none;
   }
 }
 
 .headerTopBarLeft {
   margin-right: 2rem;
 }
 
 .dropDownTitle {
   font-family: "Inria Serif", serif;
   font-weight: 400;
   font-style: normal;
   font-size: 1.06rem;
   color: #000000;
 }
 .dropDownTitle span {
   color: #ad001d;
   /*font-weight: 700;*/
 }
 
 .tseng-dropDown .dropdown {
   background: #EDEDED;
 }
 .tseng-dropDown .dropdown .btn {
   border-color: transparent;
   height: 2.9rem;
 }
 .tseng-dropDown .dropdown .btn:focus-visible {
   outline: 1px solid #ad001d;
   /* Change the color and thickness as needed */
 }
 .tseng-dropDown .dropdown .dropdown-menu {
   padding: 1.5rem 2rem 2rem;
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
   border: 0;
   border-radius: 0;
   width: 18rem;
 }
 .tseng-dropDown .dropdown .dropdown-menu a {
   font-family: "Roboto Slab", serif;
   font-size: 1.125rem;
   padding: 0.5rem 0;
   transition: all 0.25s ease;
   box-shadow: 0 0.1em #bec6c3;
 }
 .tseng-dropDown .dropdown .dropdown-menu a:hover, .tseng-dropDown .dropdown .dropdown-menu a:focus {
   color: #D22030;
   background-color: transparent;
   box-shadow: 0 0.25em #D22030;
 }
 
 /*Top bar  Mobile table device*/
 .headerTopBarDropDownMobile {
   display: none;
 }
 @media (max-width: 1199px) {
   .headerTopBarDropDownMobile {
     display: block;
   }
   .headerTopBarDropDownMobile .headerTopBarLeft {
     margin-right: 0;
     background: #FFF;
     margin-top: 0.8rem;
   }
   .headerTopBarDropDownMobile .headerTopBarLeft .dropdown-menu.show {
     width: 100%;
   }
 }
 
 .headerTopBarMiddleLinksMobile {
   display: none;
 }
 @media (max-width: 1199px) {
   .headerTopBarMiddleLinksMobile {
     display: block;
     padding-bottom: 4rem;
     margin-bottom: 3rem;
   }
   .headerTopBarMiddleLinksMobile .headerTopBarMiddle {
     border-top: 1px solid #bec6c3;
   }
   .headerTopBarMiddleLinksMobile .headerTopBarMiddle ul {
     flex-direction: column;
   }
   .headerTopBarMiddleLinksMobile .headerTopBarMiddle ul li {
     border-bottom: 1px solid #bec6c3;
   }
   .headerTopBarMiddleLinksMobile .headerTopBarMiddle ul li:last-child {
     border-bottom: 0;
   }
   .headerTopBarMiddleLinksMobile .headerTopBarMiddle ul a {
     font-size: 1.3rem;
     padding: 0.8rem 0;
     font-weight: 500;
     font-family: "Roboto Slab", serif;
   }
   .headerTopBarMiddleLinksMobile .headerTopBarMiddle ul * + * {
     margin-left: 0;
   }
 }
 
 .headerTopBarRightActionLinksMobile {
   display: none;
 }
 @media (max-width: 1199px) {
   .headerTopBarRightActionLinksMobile {
     display: block;
     position: fixed;
     bottom: 0;
     padding: 10px 0;
     background: #fff;
     width: 100%;
   }
   .headerTopBarRightActionLinksMobile .headerTopBarRight {
     margin: 0;
   }
 }
 @media (max-width: 320px) {
   .headerTopBarRightActionLinksMobile .headerTopBarRight {
     margin: 0;
   }
   .headerTopBarRightActionLinksMobile .headerTopBarRight ul {
     margin-left: 0;
     justify-content: normal;
   }
   .headerTopBarRightActionLinksMobile .headerTopBarRight ul a:after {
     margin-left: 0.1rem;
   }
   .headerTopBarRightActionLinksMobile .headerTopBarRight ul * + * {
     margin-left: 0.2rem;
   }
 }
 
 /*Top bar Mobile table device*/
 .headerTopBarMiddle ul {
   display: flex;
   flex-direction: row;
   width: 100%;
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 .headerTopBarMiddle ul * + * {
   margin-left: 1.5rem;
 }
 .headerTopBarMiddle ul a {
   display: block;
   font-size: 0.81rem;
   font-weight: 500;
   text-decoration: none;
   padding: 0.5rem 0;
   border-bottom: 0.125rem solid transparent;
   transition: all 0.25s ease;
   color: #000000;
 }
 .headerTopBarMiddle ul a:hover {
   border-bottom: 0.125rem solid #D22030;
 }
 
 .headerTopBarRight {
   margin-left: auto;
   margin-right: 0.5rem;
 }
 .headerTopBarRight ul {
   display: flex;
   justify-content: space-around;
   margin: 0 0.5rem;
   padding: 0;
   list-style-type: none;
 }
 .headerTopBarRight ul > * + * {
   margin-left: 1.5rem;
 }
 .headerTopBarRight ul li {
   flex-shrink: 0;
 }
 .headerTopBarRight ul li:nth-child(4n+1) a:after {
   background-color: #2ca5da;
 }
 .headerTopBarRight ul li:nth-child(4n+1) a:hover:after {
   box-shadow: 0 0 0 0.5rem rgba(44, 165, 218, 0.5);
 }
 .headerTopBarRight ul li:nth-child(4n+2) a:after {
   background-color: #82cec9;
 }
 .headerTopBarRight ul li:nth-child(4n+2) a:hover:after {
   box-shadow: 0 0 0 0.5rem rgba(130, 206, 201, 0.5);
 }
 .headerTopBarRight ul li:nth-child(4n+3) a:after {
   background-color: #5b4c93;
 }
 .headerTopBarRight ul li:nth-child(4n+3) a:hover:after {
   box-shadow: 0 0 0 0.5rem rgba(91, 76, 147, 0.5);
 }
 .headerTopBarRight ul li:nth-child(4n+4) a:after {
   background-color: #D22030;
 }
 .headerTopBarRight ul li:nth-child(4n+4) a:hover::after {
   box-shadow: 0 0 0 0.5rem rgba(210, 32, 48, 0.5);
 }
 .headerTopBarRight ul a {
   display: flex;
   align-items: center;
   font-size: 0.8125rem;
   font-weight: 600;
   color: #000000;
   text-decoration: none;
   transition: opacity 0.25s ease, color 0.25s ease;
 }
 .headerTopBarRight ul a:after {
   content: " ";
   display: block;
   height: 0.5rem;
   width: 0.5rem;
   border-radius: 100%;
   transition: all 0.25s ease;
   margin-left: 0.75rem;
 }
 
 .headerNavContainer {
   background: #fff;
   position: relative;
   /*.mega-content{
     @include breakMinMax(1200px, 1280px){
       height:300px;
       overflow:auto;
     }
   }*/
 }
 .headerNavContainer .headerNavBar {
   padding: 0.3rem 0;
   transition: 0.5s;
 }
 .headerNavContainer .headerNavBar.scrolled {
   padding: 0.1rem 0;
 }
 /*
 @media (min-width: 1921px) {
   .headerNavContainer .headerNavBar .navbar-brand Img {
     width: 600px;
   }
 }
*/
 .headerNavContainer .megaMenuNavLink {
   color: #000000;
   font-family: "Roboto Slab", serif;
   transition: all 0.25s ease;
   margin-right: 0.6rem;
 }
 .headerNavContainer .megaMenuNavLink:focus-visible {
   box-shadow: none;
 }
 .headerNavContainer .megaMenuNavLink.dropdown-toggle:after {
   float: right;
   margin-top: 12px;
 }
 @media (max-width: 1199px) {
   .headerNavContainer .megaMenuNavLink {
     font-size: 1.3rem;
     padding: 0.8rem 0;
     font-weight: 500;
   }
 }
 @media (min-width: 1200px) {
   .headerNavContainer .megaMenuNavLink.show {
     position: relative;
   }
   .headerNavContainer .megaMenuNavLink.show:before {
     content: "";
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     flex-direction: column;
     border-bottom: 10px solid #fff;
     position: absolute;
     bottom: -22px;
     z-index: 9999;
     left: 50%;
   }
 }
 .headerNavContainer .megaMenuNavLink:hover, .headerNavContainer .megaMenuNavLink:focus {
   color: #D22030;
 }
 .headerNavContainer .megaMenuNavLink .arrow-up {
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-bottom: 5px solid black;
 }
 .headerNavContainer .megaMenuContent {
   border-right: 1px solid #EDEDED;
   padding-right: 3.1rem;
   margin: 3.5rem 2.5rem 2.5rem 4.31rem;
 }
 @media (max-width: 1199px) {
   .headerNavContainer .megaMenuContent {
     display: none;
   }
 }
 @media (min-width: 1200px) and (max-width: 1536px) {
   .headerNavContainer .megaMenuContent {
     padding-right: 1.5rem;
     margin: 1.5rem 1.5rem 1rem 3.31rem;
   }
 }
 .headerNavContainer .megaMenuContent .contentHeader {
   color: #000000;
   font-size: 2.68rem;
   font-weight: 700;
   line-height: 2.75rem;
   letter-spacing: -0.86px;
   margin-bottom: 1.56rem;
 }
 /*
 @media (max-width: 1366px) {
   .headerNavContainer .megaMenuContent .contentHeader {
     font-size: 1.23rem;
     line-height: normal;
   }
 }
 */
 .headerNavContainer .megaMenuContent .contentHeader span {
   color: #D22030;
 }
 .headerNavContainer .megaMenuContent .megaMenuDesc {
   color: #55565A;
   font-family: "Roboto Slab", serif;
   font-size: 1.12rem;
   font-weight: 400;
   line-height: 1.62rem;
   letter-spacing: -0.36px;
 }
 @media (max-width: 1366px) {
   .headerNavContainer .megaMenuContent .megaMenuDesc {
     line-height: 1.4rem;
   }
 }
 .headerNavContainer .smallDeviceLogo {
   display: none;
 }
 @media (max-width: 991px) {
   .headerNavContainer .smallDeviceLogo {
     display: block;
   }
 }
 @media (max-width: 400px) {
   .headerNavContainer .smallDeviceLogo img {
     max-width: 200px;
   }
 }
 @media (min-width: 401px) and (max-width: 470px) {
   .headerNavContainer .smallDeviceLogo img {
     max-width: 280px;
   }
 }
 .headerNavContainer .megaMenuTriggerContainer {
   color: #000;
   font-family: "Roboto Slab", serif;
   line-height: 2.56rem;
   margin: 3.5rem 0;
 }
 @media (max-width: 1199px) {
   .headerNavContainer .megaMenuTriggerContainer {
     margin: 0;
   }
 }
 @media (min-width: 1200px) and (max-width: 1366px) {
   .headerNavContainer .megaMenuTriggerContainer {
     line-height: 2rem;
   }
 }
 .headerNavContainer .megaMenuTriggerContainer ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 .headerNavContainer .megaMenuTriggerContainer li a {
   color: #000000;
   text-decoration: none;
   transition: all 0.25s ease;
 }
 @media (min-width: 320px) and (max-width: 1024px) {
   .headerNavContainer .megaMenuTriggerContainer li a {
     border-bottom: 1px solid #EDEDED;
     display: block;
   }
 }
 .headerNavContainer .megaMenuTriggerContainer li a:hover, .headerNavContainer .megaMenuTriggerContainer li a:focus {
   color: #D22030;
   background-color: transparent;
   box-shadow: 0 0.25em #D22030;
 }
 .headerNavContainer .searchContainer {
   /*position: relative;*/
   margin-left: 2rem;
 }
 .headerNavContainer .searchContainer .search-icon {
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translateY(-50%);
   cursor: pointer;
   transition: opacity 0.3s ease-in-out;
 }
 .headerNavContainer .searchContainer .search-icon.active {
   opacity: 0;
 }
 .headerNavContainer .searchContainer .close-icon {
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translateY(-50%);
   cursor: pointer;
   transition: opacity 0.3s ease-in-out;
   opacity: 0;
 }
 .headerNavContainer .searchContainer .close-icon.active {
   opacity: 1;
 }
 .headerNavContainer .searchContainer .searchFormBox {
   position: absolute;
   top: calc(100% + 0px);
   /* Below the search icon */
   right: 0;
   display: none;
   transition: opacity 0.5s ease-in-out;
   background: #fff;
   /* Background color for the open state */
   padding: 2rem 2.5rem;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }
 .headerNavContainer .searchContainer .searchFormDisplay {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
 }
 .headerNavContainer .searchContainer .searchFormDisplay .searchInputBox {
   padding: 0.75rem;
   font-size: 1.5rem;
   border: 1px solid #bec6c3;
   font-family: "Roboto Slab", serif;
   margin-right: 10px;
 }
 .headerNavContainer .searchContainer .searchFormDisplay .searchButton {
   padding: 0.9rem;
   background-color: #D22030;
   border: none;
   cursor: pointer;
 }
 .headerNavContainer .searchContainer.active .searchFormBox {
   display: block;
 }
 .headerNavContainer .searchContainer.active .overlay {
   display: block;
 }
 .headerNavContainer .searchContainer .overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   /* Semi-transparent black overlay */
   display: none;
 }
 .headerNavContainer .searchContainerMobile {
   display: none;
   position: relative;
 }
 @media (max-width: 1199px) {
   .headerNavContainer .searchContainerMobile {
     display: block;
     margin-left: auto;
     margin-right: 0.6rem;
   }
 }
 .headerNavContainer .searchContainerMobile .search-icon {
   position: absolute;
   top: 50%;
   right: 0px;
   transform: translateY(-50%);
   cursor: pointer;
   transition: opacity 0.3s ease-in-out;
 }
 .headerNavContainer .searchContainerMobile .search-icon.active {
   opacity: 0;
 }
 .headerNavContainer .searchContainerMobile .close-icon {
   position: absolute;
   top: 50%;
   right: 0px;
   transform: translateY(-50%);
   cursor: pointer;
   transition: opacity 0.3s ease-in-out;
   opacity: 0;
 }
 .headerNavContainer .searchContainerMobile .close-icon.active {
   opacity: 1;
 }
 .headerNavContainer .searchContainerMobile .searchFormBox {
   position: absolute;
   top: calc(100% + 40px);
   /* Below the search icon */
   right: -72px;
   display: none;
   transition: opacity 0.5s ease-in-out;
   background: #fff;
   /* Background color for the open state */
   padding: 2rem 2.5rem;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
   z-index: 99;
 }
 @media (max-width: 374px) {
   .headerNavContainer .searchContainerMobile .searchFormBox {
     padding: 1rem 1.5rem;
   }
 }
 .headerNavContainer .searchContainerMobile .searchFormDisplay {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
 }
 .headerNavContainer .searchContainerMobile .searchFormDisplay .searchInputBox {
   padding: 0.75rem;
   font-size: 1.5rem;
   border: 1px solid #bec6c3;
   font-family: "Roboto Slab", serif;
   margin-right: 10px;
 }
 @media (max-width: 374px) {
   .headerNavContainer .searchContainerMobile .searchFormDisplay .searchInputBox {
     width: 200px;
   }
 }
 @media (min-width: 375px) and (max-width: 424px) {
   .headerNavContainer .searchContainerMobile .searchFormDisplay .searchInputBox {
     width: 223px;
   }
 }
 @media (min-width: 425px) and (max-width: 767px) {
   .headerNavContainer .searchContainerMobile .searchFormDisplay .searchInputBox {
     width: 273px;
   }
 }
 .headerNavContainer .searchContainerMobile .searchFormDisplay .searchButton {
   padding: 0.9rem;
   background-color: #D22030;
   border: none;
   cursor: pointer;
 }
 .headerNavContainer .searchContainerMobile.active .searchFormBox {
   display: block;
 }
 .headerNavContainer .searchContainerMobile.active .overlay {
   display: block;
 }
 .headerNavContainer .searchContainerMobile .overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   /* Semi-transparent black overlay */
   display: none;
 }
 @media (max-width: 767px) {
   .headerNavContainer .mega-content {
     padding-bottom: 2rem;
   }
 }
 @media (max-width: 1199px) {
   .headerNavContainer .navbarCollapseMobile {
     height: calc(100dvh - 50px);
     overflow: auto;
     background: #fff;
   }
 }
 
 .bannerContainer .topOnlineEducationContainer {
   position: absolute;
   top: 18%;
   width: 100%;
 }
 @media (max-width: 767px) {
   .bannerContainer .topOnlineEducationContainer {
     top: 4%;
   }
 }
 @media (min-width: 768px) and (max-width: 1440px) {
   .bannerContainer .topOnlineEducationContainer {
     top: 7%;
   }
 }
 .bannerContainer .topOnlineEducationContainer h2 {
   color: #fff;
   text-align: center;
   text-shadow: 0px 4px 32px #000;
   margin-bottom: 1.18rem;
   line-height: 2.8rem;
   /* @include breakMaxOnly(1536px) {
      font-size: 1.75rem;
      font-weight: 400;
    }*/
 }
 .bannerContainer .topOnlineEducationContainer .educationLogo {
   /*background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 0%, #000 18.5%, rgba(0, 0, 0, 0.00) 100%);*/
   background: rgba(0, 0, 0, 0.3);
   padding: 1.5rem;
 }
 .bannerContainer .carouselSlideCaptionContainer {
   position: absolute;
   top: 30%;
   width: 100%;
 }
 @media (max-width: 767px) {
   .bannerContainer .carouselSlideCaptionContainer {
     top: 12%;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .bannerContainer .carouselSlideCaptionContainer {
     top: 20%;
   }
 }
 .bannerContainer .carouselSlideCaptionContainer h2 {
   color: #fff;
   text-align: center;
   text-shadow: 0px 4px 32px #000;
   margin-bottom: 1.18rem;
   line-height: 2.8rem;
   /* @include breakMinMax(320px, 374px) {
      font-size: 2.5rem;
      font-weight: 400;
    }
 
    @include breakMinMax(374px, 767px) {
      font-size: 2.75rem;
      font-weight: 400;
    }
 
    @include breakMinMax(768px, 991px) {
      font-size: 2.75rem;
      font-weight: 400;
    }
    @include breakMinMax(992px, 1536px) {
      font-size: 1.75rem;
      font-weight: 400;
    }*/
 }
 .bannerContainer .carousel-control-next {
   opacity: 1;
 }
 .bannerContainer .carousel-control-next:focus {
   -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
   box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
 }
 .bannerContainer .carousel-control-next:focus-visible {
   -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
   box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.3);
 }
 .bannerContainer .carousel-control-prev {
   opacity: 1;
 }
 .bannerContainer .carousel-control-prev:focus {
   -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
 }
 .bannerContainer .carousel-control-prev:focus-visible {
   -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
 }
 .bannerContainer .carousel-control-prev-icon {
   background: url(../images/icons/icon-carousel-left.svg) #fff no-repeat 0.56rem;
   border-radius: 50%;
   width: 2.93rem;
   height: 2.93rem;
   filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.5));
 }
 .bannerContainer .carousel-control-next-icon {
   background: url(../images/icons/icon-carousel-right.svg) #fff no-repeat 1rem;
   border-radius: 50%;
   width: 2.93rem;
   height: 2.93rem;
   filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.5));
 }
 @-webkit-keyframes zoomBannerEffect {
   from {
     -webkit-transform: scale(1, 1);
   }
   to {
     -webkit-transform: scale(1.2, 1.2);
   }
 }
 @keyframes zoomBannerEffect {
   from {
     transform: scale(1, 1);
   }
   to {
     transform: scale(1.2, 1.2);
   }
 }
 .bannerContainer .carousel-inner .carousel-item img.sliderImage {
   -webkit-animation: zoomBannerEffect 5s;
   animation: zoomBannerEffect 5s;
   animation-fill-mode: forwards;
 }
 @media (max-width: 424px) {
   .bannerContainer .carousel-inner .carouselHeightIpad {
     height: 720px;
   }
 }
 @media (min-width: 425px) and (max-width: 768px) {
   .bannerContainer .carousel-inner .carouselHeightIpad {
     height: 770px;
   }
 }
 @media (min-width: 768px) and (max-width: 1024px) {
   .bannerContainer .carousel-inner .carouselHeightIpad {
     height: 600px;
   }
 }
 @media (min-width: 1025px) and (max-width: 1199px) {
  .bannerContainer .carousel-inner .carouselHeightIpad {
    height: 650px;
  }
}
.bannerContainer .carousel {
   background: #000000;
 }
 @media (max-width: 992px) {
   .bannerContainer .carouselIndicatorWeb {
     display: none;
   }
 }
 .bannerContainer .carouselIndicatorMobile {
   margin-bottom: 0;
   bottom: -60px;
 }
 .bannerContainer .carouselIndicatorMobile.carousel-indicators [data-bs-target] {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: #D22030;
   border: 0;
 }
 @media (max-width: 991px) {
   .bannerContainer .carouselIndicatorMobile {
     display: flex;
   }
 }
 @media (min-width: 992px) {
   .bannerContainer .carouselIndicatorMobile {
     display: none;
   }
 }
 
 .courseTriggerArea {
   font-size: 1.12rem;
   font-weight: 700;
   display: flex;
 }
 @media (max-width: 767px) {
   .courseTriggerArea {
     flex-direction: column;
   }
 }
 .courseTriggerArea a {
   display: inline-block;
   background: #D22030;
   color: #fff;
   flex: 1;
   padding: 1rem 0;
   text-align: center;
   text-decoration: none;
   transition: all 0.25s ease;
 }
 @media (max-width: 767px) {
   .courseTriggerArea a {
     text-align: center;
     padding: 1rem;
     font-weight: 700;
     position: relative;
     /* &:after {
               content: "";
               position: absolute;
               top: 1.81rem;
               right: -1.62rem;
               transform: translate(-50%, -50%);
               width: 3.375rem;
               height: 3.68rem;
               background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M17 8.50478C17 8.36294 16.9416 8.22747 16.8443 8.12547L11.5855 2.8135C11.3778 2.60366 11.0415 2.60419 10.8343 2.8135C10.6266 3.02281 10.6266 3.36281 10.8343 3.57213L15.1868 7.96822H0.53125C0.238 7.96822 0 8.20835 0 8.50478C0 8.80122 0.238 9.04134 0.53125 9.04134H15.1863L10.8343 13.4374C10.6266 13.6468 10.6271 13.9868 10.8343 14.1961C11.042 14.4054 11.3783 14.4054 11.5855 14.1961L16.8443 8.88409C16.9437 8.78369 16.9984 8.64556 17 8.50478Z' fill='white'/></svg>") center center no-repeat;
               background-color: #ad001d;
             }*/
   }
 }
 .courseTriggerArea a:hover {
   background: #ad001d;
 }
 .courseTriggerArea > * + * {
   margin-left: 1rem;
 }
 @media (max-width: 767px) {
   .courseTriggerArea > * + * {
     margin-left: 0;
     margin-top: 0.56rem;
   }
 }
 
 .findYourCourseArea {
   position: absolute;
   bottom: -30px;
   z-index: 9;
   width: 100%;
   /*top: 68%;*/
   /* @include breakMaxOnly(767px) {
      margin-top: -390px;
    }
 
    @include breakMinMax(768px, 991px) {
      margin-top: -330px;
    }
   @include breakMinMax(992px, 1440px) {
      top: 55%;
    }
    @include breakMinMax(1441px, 1536px) {
      top: 59%;
    }*/
 }
 .findYourCourseArea .courseFindArea {
   margin-top: 1.43rem;
   background: #1E1D1D;
   padding: 2rem 2rem 2.5rem 2rem;
 }
 .findYourCourseArea .courseFindArea .courseHeading {
   color: #fff;
   font-family: "Roboto Slab", serif;
   font-size: 1.6rem;
   font-weight: 400;
   margin-bottom: 1rem;
 }
 .findYourCourseArea .courseFindArea .courseClass .ddlMycourse {
   border-radius: 0;
   border: 0;
   border-right: 1px solid #E9E9E9;
   background: #fff;
   padding: 15px 16px 16px 16px;
   /* @include breakMaxOnly(1280px) {
      padding: 1.16rem 1rem;
    }*/
 }
 @media (min-width: 1200px) and (max-width: 1280px) {
   .findYourCourseArea .courseFindArea .courseClass .ddlMycourse {
     padding: 15px 0px 16px 11px;
   }
 }
 @media (min-width: 1281px) and (max-width: 1366px) {
   .findYourCourseArea .courseFindArea .courseClass .ddlMycourse {
     padding: 15px 0px 16px 11px;
   }
 }
 @media (min-width: 1367px) and (max-width: 1536px) {
   .findYourCourseArea .courseFindArea .courseClass .ddlMycourse {
     padding: 15px 16px 16px 16px;
   }
 }
 .findYourCourseArea .courseFindArea .courseClass .ddlMycourse .dropdown .btn {
   border-color: transparent;
   width: 100%;
   text-align: left;
   color: #D22030;
   font-size: 1.18rem;
   font-weight: 600;
   padding: 0;
 }
 @media (min-width: 1024px) and (max-width: 1280px) {
   .findYourCourseArea .courseFindArea .courseClass .ddlMycourse .dropdown .btn {
     font-size: 1rem;
   }
 }
 .findYourCourseArea .courseFindArea .courseClass .ddlMycourse .dropdown .btn:focus {
   outline: 1px solid gray !important;
 }
 .findYourCourseArea .courseFindArea .courseClass .ddlMycourse .dropdown .dropdown-toggle:after {
   float: right;
   border: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23D22030' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
   background-repeat: no-repeat;
   width: 16px;
   height: 16px;
   margin-top: 6px;
   margin-left: 0;
 }
 .findYourCourseArea .courseFindArea .courseClass .ddlMycourse .dropdown .dropdown-menu {
   padding: 0rem 0.6rem 0.8rem 0.6rem;
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
   border: 0;
   border-radius: 0;
   width: 100%;
 }
 .findYourCourseArea .courseFindArea .courseClass .ddlMycourse .dropdown .dropdown-menu a {
   font-family: "Roboto Slab", serif;
   font-size: 1.125rem;
   padding: 0.5rem 0;
   transition: all 0.25s ease;
   box-shadow: 0 0.1em #bec6c3;
 }
 .findYourCourseArea .courseFindArea .courseClass .ddlMycourse .dropdown .dropdown-menu a:hover, .findYourCourseArea .courseFindArea .courseClass .ddlMycourse .dropdown .dropdown-menu a:focus {
   color: #D22030;
   background-color: transparent;
   box-shadow: 0 0.25em #D22030;
 }
 @media (max-width: 1199px) {
   .findYourCourseArea .courseFindArea .courseSearch {
     margin-top: 0.25rem;
   }
 }
 .findYourCourseArea .courseFindArea .courseSearch .courseName input {
   border-radius: 0;
   border: 0;
   color: #000000;
   font-size: 1.18rem;
   font-weight: 400;
 }
 .findYourCourseArea .courseFindArea .courseSearch .searchTrigger {
   border-radius: 0;
   border: 0;
   padding: 0;
   background: #D22030;
 }
 .findYourCourseArea .courseFindArea .courseSearch .searchTrigger button {
   padding: 0.83rem 0.75rem;
   transition: all 0.25s ease;
   background: none;
   border: 0;
   display: block;
 }
 .findYourCourseArea .courseFindArea .courseSearch .searchTrigger button:hover {
   background: #ad001d;
 }
 
 .carousel-control-next, .carousel-control-prev {
   z-index: 10;
 }
 /*
 .headerNavContainer {
   .icons {
     display: inline-flex;
     margin-left: auto;
   }
   .icons a {
     transition: all 0.2s ease-in-out;
     padding: 0.2rem 0.4rem;
     color: #ccc !important;
     text-decoration: none;
   }
   .icons a:hover {
     color: white;
     text-shadow: 0 0 30px white;
   }
 }
 */
 @keyframes fadeIn {
   from {
     opacity: 0;
   }
   to {
     opacity: 1;
   }
 }
 .headerNavContainer .dropdown-menu.show {
   -webkit-animation: fadeIn 0.5s alternate;
   /* Safari 4.0 - 8.0 */
   animation: fadeIn 0.5s alternate;
 }
 .headerNavContainer .nav-item.dropdown.dropdown-mega {
   position: static;
 }
 @media (max-width: 1199px) {
   .headerNavContainer .nav-item.dropdown.dropdown-mega {
     border-bottom: 1px solid #bec6c3;
   }
   .headerNavContainer .nav-item.dropdown.dropdown-mega:last-child {
     border-bottom: 0;
   }
 }
 .headerNavContainer .nav-item.dropdown.dropdown-mega .dropdown-menu {
   width: 100%;
   /*top: auto;
   left: 5%;*/
   border-radius: 0;
   border: 0;
   margin-top: 0;
   fill: #FFF;
   filter: drop-shadow(0px 10px 18px rgba(0, 0, 0, 0.55));
   padding: 0;
 }
 @media (max-width: 1199px) {
   .headerNavContainer .nav-item.dropdown.dropdown-mega .dropdown-menu {
     filter: none;
   }
 }
 .headerNavContainer .navbar-toggler {
   border: none;
   padding: 0;
   outline: none;
 }
 .headerNavContainer .navbar-toggler:focus {
   box-shadow: none;
 }
 .headerNavContainer .navbar-toggler .hamburger-toggle {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 50px;
   z-index: 11;
   /*float: right;*/
   background: #D22030;
   color: #fff;
 }
 .headerNavContainer .navbar-toggler .hamburger-toggle .hamburger {
   position: absolute;
   transform: translate(-50%, -50%) rotate(0deg);
   left: 50%;
   top: 50%;
   width: 50%;
   height: 50%;
   pointer-events: none;
 }
 .headerNavContainer .navbar-toggler .hamburger-toggle .hamburger span {
   width: 100%;
   height: 4px;
   position: absolute;
   background: #fff;
   border-radius: 2px;
   z-index: 1;
   transition: transform 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.2s cubic-bezier(0.77, 0.2, 0.05, 1), all 0.2s ease-in-out;
   left: 0px;
 }
 .headerNavContainer .navbar-toggler .hamburger-toggle .hamburger span:first-child {
   top: 10%;
   transform-origin: 50% 50%;
   transform: translate(0% -50%) !important;
 }
 .headerNavContainer .navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
   top: 50%;
   transform: translate(0, -50%);
 }
 .headerNavContainer .navbar-toggler .hamburger-toggle .hamburger span:last-child {
   left: 0px;
   top: auto;
   bottom: 10%;
   transform-origin: 50% 50%;
 }
 .headerNavContainer .navbar-toggler .hamburger-toggle .hamburger.active span {
   position: absolute;
   margin: 0;
 }
 .headerNavContainer .navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
   top: 45%;
   transform: rotate(45deg);
 }
 .headerNavContainer .navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
   left: 50%;
   width: 0px;
 }
 .headerNavContainer .navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
   top: 45%;
   transform: rotate(-45deg);
 }
 
 .welcomeMsgArea {
   margin-top: 5.5rem;
   margin-bottom: 5.6rem;
 }
 @media (min-width: 991px) and (max-width: 1024px) {
   .welcomeMsgArea {
     margin-top: 9.5rem;
   }
 }
 .welcomeMsgArea .welcomeMessage {
   color: #000000;
   text-align: center;
   font-size: 2rem;
   font-weight: 500;
   line-height: 2.8rem;
 }
 .welcomeMsgArea .welcomeMessage h3 {
   line-height: 2.65rem;
 }
 .welcomeMsgArea .welcomeMessage span {
   color: #D22030;
 }
 @media (max-width: 767px) {
   .welcomeMsgArea .welcomeMessage {
     font-size: 1.5rem;
     line-height: 2rem;
   }
 }
 .welcomeMsgArea .welcomeMessageDescription {
   color: #1E1D1D;
   text-align: center;
   font-size: 1.12rem;
   font-weight: 500;
   line-height: 1.8rem;
   margin-top: 1.3rem;
 }
 
 .studyCenterContainer {
   margin-bottom: 4.37rem;
 }
 .studyCenterContainer .studyTsengCollegeSection h2 {
   text-align: center;
 }
 /*
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller {
   margin-top:1.87rem;
 }
 */
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-1 {
   background: url(../images/homepage/study-1.jpg);
   background-size: cover !important;
   background-repeat: no-repeat !important;
   background-color: #000000 !important;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-2 {
   background: url(../images/homepage/study-2.jpg);
   background-size: cover !important;
   background-repeat: no-repeat !important;
   background-color: #000000 !important;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-3 {
   background: url(../images/homepage/study-3.jpg);
   background-size: cover !important;
   background-repeat: no-repeat !important;
   background-color: #000000 !important;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course-4 {
   background: url(../images/homepage/study-4.jpg);
   background-size: cover !important;
   background-repeat: no-repeat !important;
   background-color: #000000 !important;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .course {
   /*background: url(../images/homepage/study-4.jpg);*/
   background-size: cover !important;
   background-repeat: no-repeat !important;
   background-color: #000000 !important;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .courseHighlighter {
   border: 1px solid #fff;
   flex: 1;
   padding: 3rem 3rem 2.31rem 3rem;
   display: flex;
   align-items: center;
   justify-content: end;
   flex-wrap: wrap;
   flex-direction: column;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .courseHighlighter .courseName {
   color: #fff;
   font-size: 1.62rem;
   font-weight: 700;
   line-height: 1.87rem;
   text-align: center;
   text-decoration: none;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .courseHighlighter .courseNavigate {
   margin-top: 1.25rem;
   transition: transform 0.7s ease-in-out;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .courseHighlighter .courseNavigate:hover {
   transform: translateX(10px);
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel {
   position: relative;
 }
 @media (max-width: 991px) {
   .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-theme .owl-dots .owl-dot.active span, .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-theme .owl-dots .owl-dot:hover span {
     background: #D22030;
   }
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel .owl-dots {
   display: none;
 }
 @media (max-width: 991px) {
   .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel .owl-dots {
     display: block;
   }
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-theme .owl-nav {
   margin-top: 0;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-carousel .owl-nav button.owl-prev {
   position: absolute;
   left: -3rem;
   top: 35%;
   font-size: 4rem;
   color: #D22030;
   transition: all 0.25s ease;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-carousel .owl-nav button.owl-prev:hover {
   color: #ad001d;
   background: transparent;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-carousel .owl-nav button.owl-prev.disabled {
   color: #55565A;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-carousel .owl-nav button.owl-next {
   position: absolute;
   right: -3rem;
   top: 35%;
   font-size: 4rem;
   color: #D22030;
   transition: all 0.25s ease;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-carousel .owl-nav button.owl-next:hover {
   color: #ad001d;
   background: transparent;
 }
 .studyCenterContainer .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-carousel .owl-nav button.owl-next.disabled {
   color: #55565A;
 }
 .studyCenterContainer.studyTsengSection-Inner {
   background-color: #D22030;
   padding-top: 50px;
   padding-bottom: 85px;
 }
 .studyCenterContainer.studyTsengSection-Inner .studyTsengCollegeSection h2 {
   text-align: left;
   color: #fff;
 }
 @media (max-width: 991px) {
   .studyCenterContainer.studyTsengSection-Inner .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-theme .owl-dots .owl-dot.active span, .studyCenterContainer.studyTsengSection-Inner .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-theme .owl-dots .owl-dot:hover span {
     background: #fff;
   }
 }
 .studyCenterContainer.studyTsengSection-Inner .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-carousel .owl-nav button.owl-prev {
   color: #fff;
 }
 .studyCenterContainer.studyTsengSection-Inner .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-carousel .owl-nav button.owl-prev.disabled {
   color: rgba(255, 255, 255, 0.8);
 }
 .studyCenterContainer.studyTsengSection-Inner .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-carousel .owl-nav button.owl-next {
   color: #fff;
 }
 .studyCenterContainer.studyTsengSection-Inner .studyTsengCollegeSection .studyCoursesScroller .home-StudyTsengCollegeCarousel.owl-carousel .owl-nav button.owl-next.disabled {
   color: rgba(255, 255, 255, 0.8);
 }
 
 .whyCsunContainer {
   margin-bottom: 4.37rem;
   border-bottom: 3px solid #D22030;
 }
 .whyCsunContainer .whyCsunSectionFirst {
   background: url(../images/homepage/whyCsun.jpg);
   background-repeat: no-repeat !important;
   background-color: #000000 !important;
   background-size: cover !important;
   background-position: center !important;
 }
 .whyCsunContainer .whyCsunSectionFirst .whyCsunHeading {
   color: #fff;
   font-size: 10.18rem;
   font-weight: 700;
   line-height: 13.68rem;
   display: flex;
   height: 100%;
   min-height: 33.15rem;
   justify-content: end;
   flex-direction: column;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
 }
 @media (max-width: 767px) {
   .whyCsunContainer .whyCsunSectionFirst .whyCsunHeading {
     font-size: 7.2rem;
     line-height: 8.6rem;
     min-height: 20rem;
   }
 }
 @media (min-width: 320px) and (max-width: 480px) {
   .whyCsunContainer .whyCsunSectionFirst .whyCsunHeading {
     font-size: 5.3rem;
     line-height: 5.3rem;
     min-height: 15rem;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .whyCsunContainer .whyCsunSectionFirst .whyCsunHeading {
     min-height: auto;
   }
 }
 @media (min-width: 992px) and (max-width: 1300px) {
   .whyCsunContainer .whyCsunSectionFirst .whyCsunHeading {
     font-size: 7.6rem;
     line-height: 9rem;
   }
 }
 .whyCsunContainer .whyCsunSectionFirst .whyCsunHeading span {
   color: #D22030;
   line-height: 7.8rem;
   display: block;
 }
 @media (max-width: 767px) {
   .whyCsunContainer .whyCsunSectionFirst .whyCsunHeading span {
     line-height: 5.3rem;
   }
 }
 @media (min-width: 992px) and (max-width: 1024px) {
   .whyCsunContainer .whyCsunSectionFirst .whyCsunHeading span {
     line-height: 5.8rem;
   }
 }
 .whyCsunContainer .numberContainer {
   background: #D22030;
   padding: 2rem 1.2rem;
   margin-top: 4.06rem;
   margin-bottom: 0.5rem;
 }
 @media (max-width: 1280px) {
   .whyCsunContainer .numberContainer {
     margin-bottom: 0.3rem;
   }
 }
 .whyCsunContainer .numberContainer.animate .number {
   animation: count 2s forwards;
 }
 @keyframes count {
   0% {
     counter-reset: 0;
   }
   100% {
     counter-reset: var(--counter);
   }
 }
 .whyCsunContainer .numberContainer .numberInfo {
   border-right: 1px solid rgba(255, 255, 255, 0.4);
   line-height: 1.8rem;
 }
 @media (max-width: 767px) {
   .whyCsunContainer .numberContainer .numberInfo {
     border-bottom: 1px solid rgba(255, 255, 255, 0.4);
     padding-bottom: 0.5rem;
     margin-bottom: 0.5rem;
     border-right: 0;
   }
 }
 .whyCsunContainer .numberContainer .numberInfo .number {
   color: #fff;
   font-family: "Roboto Slab", serif;
   font-size: 2rem;
   font-weight: 700;
 }
 .whyCsunContainer .numberContainer .numberInfo .text {
   color: #fff;
   font-size: 1rem;
   font-weight: 500;
 }
 .whyCsunContainer .numberContainer .numberInfo.borderRight0 {
   border-right: 0;
 }
 @media (max-width: 767px) {
   .whyCsunContainer .numberContainer .numberInfo.borderRight0 {
     border-bottom: 0px solid rgba(255, 255, 255, 0.4);
     padding-bottom: 0rem;
     margin-bottom: 0rem;
   }
 }
 .whyCsunContainer .descTextContainer .descBoxContainer {
   background: #fff;
   padding: 1.81rem 1.37rem;
   min-height: 15.62rem;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
 @media (max-width: 991px) {
   .whyCsunContainer .descTextContainer .descBoxContainer {
     min-height: auto;
   }
 }
 @media (max-width: 991px) {
   .whyCsunContainer .descTextContainer .descBoxContainer:first-child {
     margin-bottom: 0.25rem;
   }
 }
 .whyCsunContainer .descTextContainer .descBoxContainer .headingText {
   color: #000000;
   font-size: 1.25rem;
   font-weight: 700;
   margin-bottom: 1.18rem;
 }
 @media (max-width: 1280px) {
   .whyCsunContainer .descTextContainer .descBoxContainer .headingText {
     font-size: 1.1rem;
   }
 }
 .whyCsunContainer .descTextContainer .descBoxContainer .headingText span {
   color: #D22030;
 }
 .whyCsunContainer .descTextContainer .descBoxContainer .descText {
   color: #1E1D1D;
   font-weight: 500;
 }
 @media (min-width: 1024px) and (max-width: 1280px) {
   .whyCsunContainer .descTextContainer .descBoxContainer .descText {
     font-size: 0.9rem;
   }
 }
 .whyCsunContainer .buttonContainer {
   text-align: end;
 }
 .whyCsunContainer .buttonContainer a {
   background: #D22030;
   color: #fff;
   font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: 0.12px;
   padding: 0.56rem 0.75rem;
   margin: 1.75rem 0;
   border: 0;
   transition: all 0.25s ease;
   display: inline-block;
   text-decoration: none;
 }
 .whyCsunContainer .whyCsunSectionSecond {
   padding: 2rem 1.56rem;
 }
 .whyCsunContainer .whyCsunSectionSecond .colBorder {
   border-right: 1px solid #f8f9f8;
 }
 @media (max-width: 991px) {
   .whyCsunContainer .whyCsunSectionSecond .colBorder {
     border-bottom: 1px solid #f8f9f8;
     border-right: 0;
     padding-bottom: 1rem;
     margin-bottom: 1rem;
   }
 }
 .whyCsunContainer .whyCsunSectionSecond .aboutCsunInfoContainer {
   display: flex;
 }
 .whyCsunContainer .whyCsunSectionSecond .aboutCsunInfoContainer .imageContainer {
   margin-right: 0.81rem;
 }
 .whyCsunContainer .whyCsunSectionSecond .aboutCsunInfoContainer .aboutCsunInfo .numberYear {
   color: #D22030;
   font-family: "Roboto Slab", serif;
   font-size: 3.75rem;
   font-weight: 700;
   line-height: 2.8rem;
 }
 .whyCsunContainer .whyCsunSectionSecond .aboutCsunInfoContainer .aboutCsunInfo .numberYear span {
   color: #D22030;
   font-family: "Roboto Slab", serif;
   font-size: 1.37rem;
   font-weight: 400;
   line-height: 1.37rem;
   margin-left: 0.31rem;
 }
 .whyCsunContainer .whyCsunSectionSecond .aboutCsunInfoContainer .aboutCsunInfo .aboutDesc {
   color: #1E1D1D;
   font-weight: 500;
   line-height: 1.25rem;
   margin-top: 0.93rem;
 }
 
 .paceContainer {
   margin-bottom: 4.37rem;
 }
 .paceContainer .paceBgSection {
   background: url(../images/homepage/pace.jpg);
   background-repeat: no-repeat !important;
   background-color: #000000 !important;
   background-size: 100% !important;
   background-position: top center !important;
   display: flex;
   height: 100%;
   min-height: 43rem;
   justify-content: end;
   flex-direction: column;
 }
 .paceContainer .paceBgSection:after {
   content: "";
   z-index: 0;
   /*background-color: rgba(0,0,0,0.6);*/
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
   position: absolute;
   top: 0px;
   width: 100%;
   height: 100%;
   left: 0px;
 }
 @media (max-width: 767px) {
   .paceContainer .paceBgSection {
     background-size: contain !important;
     background-position: top !important;
     min-height: 38rem;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .paceContainer .paceBgSection {
     background-size: 100% !important;
     min-height: 38rem;
     background-position: top;
   }
 }
 .paceContainer .paceBgSection .paceHeading {
   color: #D22030;
   text-align: center;
   font-family: "Roboto Slab", serif;
   font-size: 10.93rem;
   font-weight: 500;
   mix-blend-mode: hard-light;
   line-height: 10.31rem;
   position: relative;
   z-index: 1;
 }
 @media (min-width: 320px) and (max-width: 424px) {
   .paceContainer .paceBgSection .paceHeading {
     font-size: 4.7rem;
   }
 }
 @media (min-width: 425px) and (max-width: 600px) {
   .paceContainer .paceBgSection .paceHeading {
     font-size: 6rem;
   }
 }
 @media (min-width: 600px) and (max-width: 767px) {
   .paceContainer .paceBgSection .paceHeading {
     font-size: 7rem;
   }
 }
 .paceContainer .paceBgSection .paceSubHeading {
   color: #fff;
   text-align: center;
   font-size: 2.81rem;
   font-weight: 700;
   line-height: 4.37rem;
   position: relative;
   z-index: 1;
 }
 @media (max-width: 767px) {
   .paceContainer .paceBgSection .paceSubHeading {
     font-size: 1.5rem;
     line-height: 2.3rem;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .paceContainer .paceBgSection .paceSubHeading {
     font-size: 1.9rem;
     line-height: 3rem;
   }
 }
 .paceContainer .paceBgSection .paceDesc {
   color: #fff;
   text-align: center;
   font-size: 1.25rem;
   font-weight: 500;
   line-height: 2rem;
   margin: 0 14%;
   position: relative;
   z-index: 1;
 }
 @media (max-width: 767px) {
   .paceContainer .paceBgSection .paceDesc {
     font-size: 1rem;
     line-height: 1.5rem;
   }
 }
 .paceContainer .paceBgSection .paceButtonContainer {
   margin-top: 3rem;
   text-align: center;
   margin-bottom: 4.56rem;
   position: relative;
   z-index: 1;
 }
 @media (min-width: 320px) and (max-width: 480px) {
   .paceContainer .paceBgSection .paceButtonContainer {
     margin-bottom: 3rem;
   }
 }
 .paceContainer .paceBgSection .paceButtonContainer a {
   color: #fff;
   font-size: 1.12rem;
   font-weight: 700;
   padding: 1.12rem 4rem;
   background: #D22030;
   text-decoration: none;
   transition: all 0.25s ease;
 }
 @media (min-width: 320px) and (max-width: 480px) {
   .paceContainer .paceBgSection .paceButtonContainer a {
     display: block;
     padding: 1rem;
     margin-right: 1.5rem;
     margin-left: 1.5rem;
   }
 }
 .paceContainer .paceBgSection .paceButtonContainer a:hover {
   background: #ad001d;
 }
 
 .informationSessionsContainer {
   margin-bottom: 4.37rem;
   position: relative;
   box-shadow: 0px 34px 34px 0px rgba(0, 0, 0, 0.04);
   padding-bottom: 70px;
 }
 .informationSessionsContainer .infoSessionHeader {
   /*display: flex;*/
   position: relative;
 }
 @media (max-width: 991px) {
   .informationSessionsContainer .infoSessionHeader {
     position: initial;
   }
 }
 .informationSessionsContainer .infoSessionHeader h2 {
   text-align: center;
 }
 .informationSessionsContainer .infoSessionHeader h2 span {
   color: #D22030;
 }
 @media (max-width: 991px) {
   .informationSessionsContainer .infoSessionHeader h2 {
     margin-bottom: 1.5rem;
   }
 }
 .informationSessionsContainer .infoSessionHeader .moreSessions {
   position: absolute;
   right: 0;
   top: 0;
 }
 @media (max-width: 767px) {
   .informationSessionsContainer .infoSessionHeader .moreSessions {
     bottom: 30px;
     top: auto;
     right: 30%;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .informationSessionsContainer .infoSessionHeader .moreSessions {
     bottom: 30px;
     top: auto;
     right: 41%;
   }
 }
 .informationSessionsContainer .infoSessionHeader .moreSessions a {
   border: 1px solid #D22030;
   padding: 0.56rem 1.3rem 0.56rem 0.87rem;
   text-decoration: none;
   color: #000000;
   font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: 0.12px;
   transition: all 0.25s ease;
 }
 .informationSessionsContainer .infoSessionHeader .moreSessions a:after {
   content: "";
   position: absolute;
   top: 14px;
   right: 8px;
   transform: translate(-50%, -50%);
   width: 5px;
   height: 10px;
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23D22030'/></svg>") center center no-repeat;
 }
 @media (max-width: 991px) {
   .informationSessionsContainer .infoSessionHeader .moreSessions a:after {
     top: 11px;
   }
 }
 .informationSessionsContainer .infoSessionHeader .moreSessions a:hover {
   background: #D22030;
   color: #fff;
 }
 .informationSessionsContainer .infoSessionHeader .moreSessions a:hover:after {
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23ffffff'/></svg>") center center no-repeat;
 }
 .informationSessionsContainer .infoSessionRepeaterContainer .item {
   background: no-repeat;
   background-size: cover;
   background-color: rgba(255, 255, 255, 0.8);
   background-blend-mode: lighten;  
 } 
 .informationSessionsContainer .infoSessionRepeaterContainer .infoSessionRepeat {
   border: 14px solid #D22030;
   padding: 1.81rem 2rem;
   min-height: 16.12rem;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   transition: all 0.25s ease;
   height: 100%;
 }
 .informationSessionsContainer .infoSessionRepeaterContainer .infoSessionRepeat.full {
   min-height: 23.5rem;
 }
 @media (min-width: 320px) and (max-width: 480px) {
   .informationSessionsContainer .infoSessionRepeaterContainer .infoSessionRepeat {
     min-height: 23.5rem;
   }
 }
 @media (min-width: 1024px) and (max-width: 1439px) {
   .informationSessionsContainer .infoSessionRepeaterContainer .infoSessionRepeat {
     min-height: 23.5rem;
   }
 }
 .informationSessionsContainer .infoSessionRepeaterContainer .infoSessionRepeat .infoDateTitle .date {
   color: #D22030;
   font-weight: 500;
 }
 .informationSessionsContainer .infoSessionRepeaterContainer .infoSessionRepeat .infoDateTitle .title {
   color: #000000;
   font-family: "Roboto Slab", serif;
   font-size: 1.37rem;
   font-weight: 400;
 }
 .informationSessionsContainer .infoSessionRepeaterContainer .infoSessionRepeat .infoTimeLocation, .informationSessionsContainer .infoSessionRepeaterContainer .infoSessionRepeat .infoTimeLocation p {
   color: #000000;
   font-size: 0.87rem;
   font-weight: 500;
   line-height: 1.37rem;
 }
 .informationSessionsContainer .infoSessionRepeaterContainer .infoSessionRepeat:hover {
   background: #D22030;
 }
 .informationSessionsContainer .infoSessionRepeaterContainer .infoSessionRepeat:hover .infoDateTitle .date,
 .informationSessionsContainer .infoSessionRepeaterContainer .infoSessionRepeat:hover .infoDateTitle .title,
 .informationSessionsContainer .infoSessionRepeaterContainer .infoSessionRepeat:hover .infoTimeLocation,
 .informationSessionsContainer .infoSessionRepeaterContainer .infoSessionRepeat:hover .infoTimeLocation p {
   color: white;
 }
 .informationSessionsContainer .infoSessionRepeaterContainer .owl-stage {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .informationSessionsContainer .infoSessionRepeaterContainer .owl-stage .views-row {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
 .informationSessionsContainer .home-InformationSessionsCarousel {
   position: relative;
 }
 .informationSessionsContainer .home-InformationSessionsCarousel .owl-dots {
   display: none;
 }
 @media (max-width: 991px) {
   .informationSessionsContainer .home-InformationSessionsCarousel .owl-dots {
     display: block;
   }
 }
 .informationSessionsContainer .home-InformationSessionsCarousel.owl-theme .owl-nav {
   margin-top: 0;
 }
 .informationSessionsContainer .home-InformationSessionsCarousel.owl-carousel .owl-nav button.owl-prev {
   position: absolute;
   left: -3rem;
   top: 30%;
   font-size: 4rem;
   color: #D22030;
   transition: all 0.25s ease;
 }
 .informationSessionsContainer .home-InformationSessionsCarousel.owl-carousel .owl-nav button.owl-prev:hover {
   color: #ad001d;
   background: transparent;
 }
 .informationSessionsContainer .home-InformationSessionsCarousel.owl-carousel .owl-nav button.owl-prev.disabled {
   color: #55565A;
 }
 .informationSessionsContainer .home-InformationSessionsCarousel.owl-carousel .owl-nav button.owl-next {
   position: absolute;
   right: -3rem;
   top: 30%;
   font-size: 4rem;
   color: #D22030;
   transition: all 0.25s ease;
 }
 .informationSessionsContainer .home-InformationSessionsCarousel.owl-carousel .owl-nav button.owl-next:hover {
   color: #ad001d;
   background: transparent;
 }
 .informationSessionsContainer .home-InformationSessionsCarousel.owl-carousel .owl-nav button.owl-next.disabled {
   color: #55565A;
 }
 .informationSessionsContainer .home-InformationSessionsCarousel.owl-theme .owl-dots .owl-dot.active span, .informationSessionsContainer .home-InformationSessionsCarousel.owl-theme .owl-dots .owl-dot:hover span {
   background: #D22030;
 }
 
 .studentTestimonialsContainer {
   margin-bottom: 4.37rem;
   background: #FFF;
   position: relative;
 }
 .studentTestimonialsContainer .studentTestimonialsHeader {
   /*display: flex;
   padding-top: 4rem;*/
   position: relative;
 }
 @media (max-width: 991px) {
   .studentTestimonialsContainer .studentTestimonialsHeader {
     position: initial;
   }
 }
 .studentTestimonialsContainer .studentTestimonialsHeader h2 {
   text-align: center;
 }
 .studentTestimonialsContainer .studentTestimonialsHeader h2 span {
   color: #D22030;
 }
 @media (max-width: 991px) {
   .studentTestimonialsContainer .studentTestimonialsHeader h2 {
     margin-bottom: 1.5rem;
   }
 }
 .studentTestimonialsContainer .studentTestimonialsHeader .moreTestimonials {
   position: absolute;
   right: 0;
   top: 0;
   /* @include breakMaxOnly(991px) {
             position: relative;
             text-align: end;
             margin-bottom: 1.5rem;
             top: 0;
 
         }*/
 }
 @media (max-width: 767px) {
   .studentTestimonialsContainer .studentTestimonialsHeader .moreTestimonials {
     bottom: -32px;
     top: auto;
     right: 30%;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .studentTestimonialsContainer .studentTestimonialsHeader .moreTestimonials {
     bottom: -32px;
     top: auto;
     right: 41%;
   }
 }
 .studentTestimonialsContainer .studentTestimonialsHeader .moreTestimonials a {
   border: 1px solid #D22030;
   padding: 0.56rem 1.3rem 0.56rem 0.87rem;
   text-decoration: none;
   color: #000000;
   font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: 0.12px;
   transition: all 0.25s ease;
 }
 .studentTestimonialsContainer .studentTestimonialsHeader .moreTestimonials a:after {
   content: "";
   position: absolute;
   top: 14px;
   right: 8px;
   transform: translate(-50%, -50%);
   width: 5px;
   height: 10px;
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23D22030'/></svg>") center center no-repeat;
 }
 @media (max-width: 991px) {
   .studentTestimonialsContainer .studentTestimonialsHeader .moreTestimonials a:after {
     top: 11px;
   }
 }
 .studentTestimonialsContainer .studentTestimonialsHeader .moreTestimonials a:hover {
   background: #D22030;
   color: #fff;
 }
 .studentTestimonialsContainer .studentTestimonialsHeader .moreTestimonials a:hover:after {
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23ffffff'/></svg>") center center no-repeat;
 }
 .studentTestimonialsContainer .home-StudentTestimonialsVideo.owl-theme .owl-dots .owl-dot.active span, .studentTestimonialsContainer .home-StudentTestimonialsVideo.owl-theme .owl-dots .owl-dot:hover span {
   background: #D22030;
 }
 .studentTestimonialsContainer .StudentTestimonialsVideo {
   background: #000000;
   /*.video-container {
    position: relative;
      width: 100%; 
    height: 36.5rem ;
    display: block;
     overflow: hidden;
 
     video {
         width: 100%;
         height: 100%;
         position: absolute;
         top: 0;
          left: 0;
         object-fit: cover;
         object-position: top left;
         display: none;
 
      }
 
      img {
          width: 100%;
          height: 100%;
          position: absolute;
        top: 0;
          left: 0;
        object-fit: cover;
          object-position: top left;
 
     }
     .imageBlock{
          display: block;
     }
   }*/
 }
 .studentTestimonialsContainer .StudentTestimonialsVideo .videoMessage {
   position: absolute;
   bottom: 0px;
   padding: 2.75rem 2.43rem;
   color: #fff;
   font-family: "Roboto Slab", serif;
   font-size: 1.43rem;
 }
 .studentTestimonialsContainer .StudentTestimonialsVideo .videoPlayIcon {
   position: absolute;
   top: 2.18rem;
   right: 2.18rem;
   width: 57px;
   height: 57px;
   z-index: 3;
 }
 .overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20.99%, rgba(0, 0, 0, 0.82) 80.57%);
 }
 
 .teachersStaffTestimonialsContainer {
   margin-bottom: 4.37rem;
   position: relative;
 }
 .teachersStaffTestimonialsContainer .teachersStaffTestimonialsHeader {
   /*display: flex;*/
   position: relative;
 }
 @media (max-width: 991px) {
   .teachersStaffTestimonialsContainer .teachersStaffTestimonialsHeader {
     position: initial;
   }
 }
 .teachersStaffTestimonialsContainer .teachersStaffTestimonialsHeader h2 {
   text-align: center;
 }
 .teachersStaffTestimonialsContainer .teachersStaffTestimonialsHeader h2 span {
   color: #D22030;
 }
 @media (max-width: 991px) {
   .teachersStaffTestimonialsContainer .teachersStaffTestimonialsHeader h2 {
     margin-bottom: 1.5rem;
   }
 }
 .teachersStaffTestimonialsContainer .teachersStaffTestimonialsHeader .moreTestimonials {
   position: absolute;
   right: 0;
   top: 0rem;
   /*@include breakMaxOnly(991px){
             position: relative;
             text-align: end;
             margin-bottom: 1.5rem;
         }*/
 }
 @media (max-width: 767px) {
   .teachersStaffTestimonialsContainer .teachersStaffTestimonialsHeader .moreTestimonials {
     bottom: -39px;
     top: auto;
     right: 30%;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .teachersStaffTestimonialsContainer .teachersStaffTestimonialsHeader .moreTestimonials {
     bottom: -39px;
     top: auto;
     right: 41%;
   }
 }
 .teachersStaffTestimonialsContainer .teachersStaffTestimonialsHeader .moreTestimonials a {
   border: 1px solid #D22030;
   padding: 0.56rem 1.3rem 0.56rem 0.87rem;
   text-decoration: none;
   color: #000000;
   font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: 0.12px;
   transition: all 0.25s ease;
 }
 .teachersStaffTestimonialsContainer .teachersStaffTestimonialsHeader .moreTestimonials a:after {
   content: "";
   position: absolute;
   top: 14px;
   right: 8px;
   transform: translate(-50%, -50%);
   width: 5px;
   height: 10px;
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23D22030'/></svg>") center center no-repeat;
 }
 @media (max-width: 991px) {
   .teachersStaffTestimonialsContainer .teachersStaffTestimonialsHeader .moreTestimonials a:after {
     top: 11px;
   }
 }
 .teachersStaffTestimonialsContainer .teachersStaffTestimonialsHeader .moreTestimonials a:hover {
   background: #D22030;
   color: #fff;
 }
 .teachersStaffTestimonialsContainer .teachersStaffTestimonialsHeader .moreTestimonials a:hover:after {
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23ffffff'/></svg>") center center no-repeat;
 }
 .teachersStaffTestimonialsContainer .testimonialVideoContainer {
   background: #D22030;
   padding: 2.5rem;
 }
 .teachersStaffTestimonialsContainer .testimonialVideoContainer .staffInfo {
   margin-top: 0.9rem;
 }
 @media (min-width: 320px) and (max-width: 480px) {
   .teachersStaffTestimonialsContainer .testimonialVideoContainer .staffInfo {
     margin-bottom: 0.9rem;
   }
 }
 .teachersStaffTestimonialsContainer .testimonialVideoContainer .staffInfo .name {
   color: #fff;
   text-align: center;
   font-family: "Roboto Slab", serif;
   font-size: 1.43rem;
   font-weight: 500;
 }
 .teachersStaffTestimonialsContainer .testimonialVideoContainer .staffInfo .designation {
   color: #fff;
   text-align: center;
   font-size: 0.93rem;
   font-weight: 500;
 }
 .teachersStaffTestimonialsContainer .teacherTestimonialsVideo {
   position: relative;
 }
 .teachersStaffTestimonialsContainer .teacherTestimonialsVideo .videoPlayIcon {
   position: absolute;
   top: 2.18rem;
   right: 2.18rem;
   width: 57px;
   height: 57px;
 }
 
 .whatsNextContainer {
   margin-bottom: 4.37rem;
   background: url(../images/homepage/whatsNextBg.jpg);
   background-size: 100% 100% !important;
   background-repeat: no-repeat !important;
   background-position: right bottom !important;
   min-height: 40rem;
   border-bottom: 3px solid #D22030;
   /*padding-top:2.38rem;*/
   display: flex;
   align-items: center;
 }
 @media (max-width: 1199px) {
   .whatsNextContainer {
     background-size: cover !important;
     background-position: center bottom !important;
     padding-top: 2.38rem;
   }
 }
 .whatsNextContainer .whatNextInformation {
   text-align: center;
 }
 .whatsNextContainer .whatNextInformation .smallHeading {
   color: #000000;
   font-size: 1.87rem;
   font-weight: 700;
   line-height: 4.87rem;
 }
 @media (min-width: 320px) and (max-width: 480px) {
   .whatsNextContainer .whatNextInformation .smallHeading {
     line-height: 2.5rem;
     margin-bottom: 2rem;
   }
 }
 .whatsNextContainer .whatNextInformation .largeHeading {
   color: #000;
   font-size: 3.87rem;
   font-weight: 700;
   line-height: 2rem;
 }
 @media (min-width: 481px) and (max-width: 1096px) {
   .whatsNextContainer .whatNextInformation .largeHeading {
     line-height: 4rem;
   }
 }
 @media (min-width: 320px) and (max-width: 480px) {
   .whatsNextContainer .whatNextInformation .largeHeading {
     font-size: 2.5rem;
     line-height: 3rem;
   }
 }
 .whatsNextContainer .whatNextInformation .largeHeading span {
   color: #D22030;
 }
 .whatsNextContainer .whatNextInformation .description {
   color: #55565A;
   font-size: 1.37rem;
   font-style: normal;
   font-weight: 500;
   margin-top: 3.2rem;
   width: 60%;
   margin-left: auto;
   margin-right: auto;
 }
 @media (max-width: 1024px) {
   .whatsNextContainer .whatNextInformation .description {
     width: 85%;
   }
 }
 .whatsNextContainer .whatNextInformation .dateYear {
   color: #000;
   font-size: 1.81rem;
   font-weight: 700;
   margin-top: 4rem;
 }
 .whatsNextContainer .whatNextInformation .infoButtonContainer {
   font-size: 1.12rem;
   font-weight: 700;
   display: flex;
   width: 66%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 3.2rem;
 }
 @media (max-width: 767px) {
   .whatsNextContainer .whatNextInformation .infoButtonContainer {
     flex-direction: column;
     width: 90%;
     margin-bottom: 3.2rem;
   }
 }
 @media (min-width: 768px) and (max-width: 1024px) {
   .whatsNextContainer .whatNextInformation .infoButtonContainer {
     width: 90%;
     margin-bottom: 3.2rem;
   }
 }
 .whatsNextContainer .whatNextInformation .infoButtonContainer a {
   display: inline-block;
   background: #D22030;
   color: #fff;
   flex: 1;
   padding: 1rem 0;
   text-align: center;
   text-decoration: none;
   transition: all 0.25s ease;
 }
 @media (max-width: 767px) {
   .whatsNextContainer .whatNextInformation .infoButtonContainer a {
     text-align: center;
     padding: 1rem;
     font-weight: 700;
     position: relative;
     /* &:after {
          content: "";
          position: absolute;
          top: 1.87rem;
          right: -1.62rem;
          transform: translate(-50%, -50%);
          width: 3.375rem;
          height: 3.68rem;
          background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M17 8.50478C17 8.36294 16.9416 8.22747 16.8443 8.12547L11.5855 2.8135C11.3778 2.60366 11.0415 2.60419 10.8343 2.8135C10.6266 3.02281 10.6266 3.36281 10.8343 3.57213L15.1868 7.96822H0.53125C0.238 7.96822 0 8.20835 0 8.50478C0 8.80122 0.238 9.04134 0.53125 9.04134H15.1863L10.8343 13.4374C10.6266 13.6468 10.6271 13.9868 10.8343 14.1961C11.042 14.4054 11.3783 14.4054 11.5855 14.1961L16.8443 8.88409C16.9437 8.78369 16.9984 8.64556 17 8.50478Z' fill='white'/></svg>") center center no-repeat;
          background-color: #ad001d;
        }*/
   }
 }
 .whatsNextContainer .whatNextInformation .infoButtonContainer a:hover {
   background: #ad001d;
 }
 .whatsNextContainer .whatNextInformation .infoButtonContainer > * + * {
   margin-left: 1rem;
 }
 @media (max-width: 767px) {
   .whatsNextContainer .whatNextInformation .infoButtonContainer > * + * {
     margin-left: 0;
     margin-top: 0.56rem;
   }
 }
 
 .highlightSectionContainer {
   margin-bottom: 4.37rem;
   position: relative;
 }
 .highlightSectionContainer .highlightsHeader {
   /*display: flex;*/
   position: relative;
 }
 @media (max-width: 991px) {
   .highlightSectionContainer .highlightsHeader {
     position: initial;
   }
 }
 .highlightSectionContainer .highlightsHeader h2, .highlightSectionContainer .highlightsHeader h3, .highlightSectionContainer .highlightsHeader h4, .highlightSectionContainer .highlightsHeader h5 {
   text-align: center;
 }
 .highlightSectionContainer .highlightsHeader h2 span {
   color: #D22030;
 }
 @media (max-width: 991px) {
   .highlightSectionContainer .highlightsHeader h2 {
     margin-bottom: 1.5rem;
   }
 }
 .highlightSectionContainer .highlightsHeader .moreNews {
   position: absolute;
   right: 0;
   top: 0rem;
   /* @include breakMaxOnly(991px){
             position: relative;
             text-align: end;
             margin-bottom: 1.5rem;
         }*/
 }
 @media (max-width: 767px) {
   .highlightSectionContainer .highlightsHeader .moreNews {
     bottom: -39px;
     top: auto;
     right: 38%;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .highlightSectionContainer .highlightsHeader .moreNews {
     bottom: -39px;
     top: auto;
     right: 41%;
   }
 }
 .highlightSectionContainer .highlightsHeader .moreNews a {
   border: 1px solid #D22030;
   padding: 0.56rem 1.3rem 0.56rem 0.87rem;
   text-decoration: none;
   color: #000000;
   font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: 0.12px;
   transition: all 0.25s ease;
 }
 .highlightSectionContainer .highlightsHeader .moreNews a:after {
   content: "";
   position: absolute;
   top: 14px;
   right: 8px;
   transform: translate(-50%, -50%);
   width: 5px;
   height: 10px;
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23D22030'/></svg>") center center no-repeat;
 }
 @media (max-width: 991px) {
   .highlightSectionContainer .highlightsHeader .moreNews a:after {
     top: 11px;
   }
 }
 .highlightSectionContainer .highlightsHeader .moreNews a:hover {
   background: #D22030;
   color: #fff;
 }
 .highlightSectionContainer .highlightsHeader .moreNews a:hover:after {
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23ffffff'/></svg>") center center no-repeat;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .highlightHeight {
   display: flex;
   height: 100%;
   padding-right: 4px;
   padding-left: 4px;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .highlightsBoxRepeat {
   background: #fff;
   box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.09);
   /*min-height: 33rem;*/
   margin-bottom: 1.3rem;
   cursor: pointer;
   height: 96%;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .highlightsBoxRepeat .highlightImageSection {
   position: relative;
   overflow: hidden;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .highlightsBoxRepeat .highlightImageSection img {
   transition: 0.3s;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .highlightsBoxRepeat .highlightImageSection img:hover {
   transform: scale(1.1);
 }
 .highlightSectionContainer .highlightsRepeaterContainer .highlightsBoxRepeat .highlightImageSection .highlightSectionName {
   position: absolute;
   bottom: 0;
   left: 0;
   padding: 0.37rem 1rem;
   background: #D22030;
   color: #fff;
   text-align: center;
   font-family: "Roboto Slab", serif;
   font-weight: 400;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .home-HighlightsCarousel {
   position: relative;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .home-HighlightsCarousel .owl-dots {
   display: none;
 }
 @media (max-width: 991px) {
   .highlightSectionContainer .highlightsRepeaterContainer .home-HighlightsCarousel .owl-dots {
     display: block;
   }
 }
 .highlightSectionContainer .highlightsRepeaterContainer .home-HighlightsCarousel.owl-theme .owl-nav {
   margin-top: 0;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .home-HighlightsCarousel.owl-carousel .owl-nav button.owl-prev {
   position: absolute;
   left: -3rem;
   top: 35%;
   font-size: 4rem;
   color: #D22030;
   transition: all 0.25s ease;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .home-HighlightsCarousel.owl-carousel .owl-nav button.owl-prev:hover {
   color: #ad001d;
   background: transparent;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .home-HighlightsCarousel.owl-carousel .owl-nav button.owl-prev.disabled {
   color: #55565A;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .home-HighlightsCarousel.owl-carousel .owl-nav button.owl-next {
   position: absolute;
   right: -3rem;
   top: 35%;
   font-size: 4rem;
   color: #D22030;
   transition: all 0.25s ease;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .home-HighlightsCarousel.owl-carousel .owl-nav button.owl-next:hover {
   color: #ad001d;
   background: transparent;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .home-HighlightsCarousel.owl-carousel .owl-nav button.owl-next.disabled {
   color: #55565A;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .highlightDescriptionSection {
   padding: 1.31rem;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .highlightDescriptionSection .highlightsDate {
   color: #D22030;
   font-family: "Roboto Slab", serif;
   margin-bottom: 0.62rem;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .highlightDescriptionSection .highlightsHeader {
   color: #000000;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.62rem;
   margin-bottom: 0.62rem;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .highlightDescriptionSection .highlightsHeader a {
   text-decoration: none;
   color: #000;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .highlightDescriptionSection .highlightsText {
   color: #55565A;
   font-style: normal;
   font-weight: 500;
   line-height: 1.37rem;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .owl-stage {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .highlightSectionContainer .highlightsRepeaterContainer .owl-stage .views-row {
   height: 100%;
   display: flex;
 }
 .highlightSectionContainer .home-HighlightsCarousel.owl-theme .owl-dots .owl-dot.active span, .highlightSectionContainer .home-HighlightsCarousel.owl-theme .owl-dots .owl-dot:hover span {
   background: #D22030;
 }
 
 .studentSectionContainer {
   background-image: url(../images/homepage/studentsCorner.jpg);
   background-size: cover !important;
   background-color: #000 !important;
   min-height: 34.37rem;
   display: flex;
   justify-content: center;
   flex-direction: column;
   background-position: center !important;
   background-repeat: no-repeat !important;
   position: relative;
 }
 .studentSectionContainer:after {
   content: "";
   z-index: 0;
   background: rgba(0, 0, 0, 0.6);
   /* background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(185,225,255,0) 27%); */
   position: absolute;
   top: 0px;
   width: 100%;
   height: 100%;
   left: 0px;
 }
 @media (min-width: 1025px) {
   .studentSectionContainer {
     background-attachment: fixed !important;
   }
 }
 @media (max-width: 991px) {
   .studentSectionContainer {
     background-position: center !important;
     background-size: cover !important;
   }
 }
 .studentSectionContainer .studentTagLine {
   color: #fff;
   text-align: center;
   font-size: 3rem;
   font-weight: 700;
   line-height: 3.75rem;
   z-index: 1;
   position: relative;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
 }
 @media (max-width: 767px) {
   .studentSectionContainer .studentTagLine {
     margin-top: 5rem;
     font-size: 2rem;
     font-weight: 600;
     line-height: 2.75rem;
   }
 }
 .studentSectionContainer .studentSubTagLine {
   color: #fff;
   text-align: center;
   font-size: 2rem;
   line-height: 60px;
   z-index: 1;
   position: relative;
 }
 @media (max-width: 767px) {
   .studentSectionContainer .studentSubTagLine {
     line-height: normal;
   }
 }
 .studentSectionContainer .studentInfoButtonContainer {
   font-size: 1.12rem;
   font-weight: 700;
   display: flex;
   width: 66%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 3.2rem;
   z-index: 1;
   position: relative;
 }
 @media (max-width: 767px) {
   .studentSectionContainer .studentInfoButtonContainer {
     flex-direction: column;
     width: 90%;
     margin-bottom: 3.2rem;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .studentSectionContainer .studentInfoButtonContainer {
     width: 90%;
     margin-bottom: 3.2rem;
   }
 }
 .studentSectionContainer .studentInfoButtonContainer a {
   display: inline-block;
   background: #D22030;
   color: #fff;
   flex: 1;
   padding: 1rem 0;
   text-align: center;
   text-decoration: none;
   transition: all 0.25s ease;
 }
 @media (max-width: 767px) {
   .studentSectionContainer .studentInfoButtonContainer a {
     text-align: center;
     padding: 1rem;
     font-weight: 700;
     position: relative;
     /*&:after {
         content: "";
         position: absolute;
         top: 1.87rem;
         right: -1.62rem;
         transform: translate(-50%, -50%);
         width: 3.375rem;
         height: 3.68rem;
         background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M17 8.50478C17 8.36294 16.9416 8.22747 16.8443 8.12547L11.5855 2.8135C11.3778 2.60366 11.0415 2.60419 10.8343 2.8135C10.6266 3.02281 10.6266 3.36281 10.8343 3.57213L15.1868 7.96822H0.53125C0.238 7.96822 0 8.20835 0 8.50478C0 8.80122 0.238 9.04134 0.53125 9.04134H15.1863L10.8343 13.4374C10.6266 13.6468 10.6271 13.9868 10.8343 14.1961C11.042 14.4054 11.3783 14.4054 11.5855 14.1961L16.8443 8.88409C16.9437 8.78369 16.9984 8.64556 17 8.50478Z' fill='white'/></svg>") center center no-repeat;
         background-color: #ad001d;
       }*/
   }
 }
 .studentSectionContainer .studentInfoButtonContainer a:hover {
   background: #ad001d;
 }
 .studentSectionContainer .studentInfoButtonContainer > * + * {
   margin-left: 1rem;
 }
 @media (max-width: 767px) {
   .studentSectionContainer .studentInfoButtonContainer > * + * {
     margin-left: 0;
     margin-top: 0.56rem;
   }
 }
 
 .footerSectionContainer {
   background: url(../images/footer/footerBg.png) #000 no-repeat;
   /*min-height:37rem;*/
   background-size: 100% 100%;
   position: relative;
 }
 .footerSectionContainer .footerOuter {
   padding-top: 5.31rem;
 }
 .footerSectionContainer .footerLogo {
   margin-bottom: 4.37rem;
 }
 .footerSectionContainer .quickLinksContainer {
   margin-bottom: 1.56rem;
 }
 .footerSectionContainer .quickLinksContainer h5 {
   color: #fff;
   font-family: "Roboto Slab", serif;
   font-weight: 500;
 }
 .footerSectionContainer .quickLinksContainer ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 .footerSectionContainer .quickLinksContainer li {
   padding: 0.2rem 0;
 }
 .footerSectionContainer .quickLinksContainer li a {
   transition: all 0.25s ease;
   color: #fff;
   text-decoration: none;
 }
 .footerSectionContainer .quickLinksContainer li a:hover, .footerSectionContainer .quickLinksContainer li a:focus {
   color: #fff;
   background-color: transparent;
   box-shadow: 0 0.25em #D22030;
 }
 .footerSectionContainer .informationContainer {
   margin-bottom: 1.56rem;
 }
 .footerSectionContainer .informationContainer h5 {
   color: #fff;
   font-family: "Roboto Slab", serif;
   font-weight: 500;
 }
 .footerSectionContainer .informationContainer ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 .footerSectionContainer .informationContainer li {
   padding: 0.2rem 0;
 }
 .footerSectionContainer .informationContainer li a {
   transition: all 0.25s ease;
   color: #fff;
   text-decoration: none;
 }
 .footerSectionContainer .informationContainer li a:hover, .footerSectionContainer .informationContainer li a:focus {
   color: #fff;
   background-color: transparent;
   box-shadow: 0 0.25em #D22030;
 }
 .footerSectionContainer .locationContainer {
   display: flex;
   margin-bottom: 1.56rem;
   align-items: center;
 }
 .footerSectionContainer .locationContainer .iconMap {
   margin-right: 0.5rem;
 }
 .footerSectionContainer .locationContainer .address {
   color: #fff;
   font-size: 1.12rem;
   font-weight: 500;
 }
 .footerSectionContainer .socialMediaContainer {
   display: block;
 }
 @media (max-width: 767px) {
   .footerSectionContainer .socialMediaContainer {
     text-align: center;
   }
 }
 .footerSectionContainer .socialMediaContainer a {
   display: inline-block;
   margin-right: 16px;
 }
 .footerSectionContainer .csunLogoContainer {
   display: flex;
   flex-direction: column;
   align-items: end;
   margin-top: 6rem;
 }
 @media (max-width: 1023px) {
   .footerSectionContainer .csunLogoContainer {
     align-items: center;
     margin-top: 4rem;
   }
 }
 .footerSectionContainer .csunLogoContainer .csunLogoNorthridge {
   display: inline-block;
   max-width: 299px;
   text-align: center;
   margin-right: 34px;
 }
 @media (max-width: 1023px) {
   .footerSectionContainer .csunLogoContainer .csunLogoNorthridge {
     margin-right: 0;
   }
 }
 .footerSectionContainer .csunLogoContainer .subText {
   color: #F8F9F8;
   font-family: "Roboto Slab", serif;
   font-size: 1.87rem;
   line-height: 1.87rem;
   text-align: center;
   margin-top: 1rem;
 }
 .footerSectionContainer .footerBarLinks {
   background: rgba(210, 32, 48, 0.9);
   padding: 1rem 0;
   margin-top: 5.43rem;
 }
 .footerSectionContainer .footerBarLinks .linksContainer {
   font-size: 0.75rem;
   font-weight: 600;
 }
 .footerSectionContainer .footerBarLinks .linksContainer a {
   color: #fff;
   text-decoration: none;
   margin-right: 1.81rem;
   transition: all 0.25s ease;
 }
 @media (max-width: 767px) {
   .footerSectionContainer .footerBarLinks .linksContainer a {
     margin-right: 0.5rem;
     padding-right: 0.5rem;
     border-right: 1px solid #EDEDED;
   }
 }
 .footerSectionContainer .websitePolicyContainer {
   background: #fff;
   padding: 1rem 0;
 }
 .footerSectionContainer .websitePolicyContainer .websitePolicylinksContainer {
   font-size: 0.75rem;
   font-weight: 600;
   color: #55565A;
 }
 .footerSectionContainer .websitePolicyContainer .websitePolicylinksContainer a {
   color: #55565A;
   text-decoration: none;
   margin-left: 1.81rem;
   transition: all 0.25s ease;
 }
 @media (max-width: 767px) {
   .footerSectionContainer .websitePolicyContainer .websitePolicylinksContainer a {
     margin-left: 0.5rem;
     padding-right: 0.5rem;
     border-right: 1px solid #55565A;
   }
 }
 .footerSectionContainer .websitePolicyContainer .websitePolicylinksContainer a:hover, .footerSectionContainer .websitePolicyContainer .websitePolicylinksContainer a:focus {
   background-color: transparent;
   box-shadow: 0 0.25em #D22030;
 }
 .footerSectionContainer .studentSectionOverlay {
   position: absolute;
   right: 0;
   bottom: 0;
 }
 @media (max-width: 1024px) {
   .footerSectionContainer .studentSectionOverlay {
     display: none;
   }
 }
 @media (max-width: 1439px) {
   .footerSectionContainer .studentSectionOverlay img {
     width: 400px;
   }
 }
 
 .programTemplateBannerContainer {
   background-image: url(../images/programTemplate/banner/bannerImage.jpg);
   background-repeat: no-repeat !important;
   background-color: #000 !important;
   background-size: cover !important;
   background-position: center !important;
   min-height: 400px;
   position: relative;
 }
 .programTemplateBannerContainer:after {
   content: "";
   z-index: 0;
   background-color: rgba(0, 0, 0, 0.6);
   /* background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(185,225,255,0) 27%); */
   position: absolute;
   top: 0px;
   width: 100%;
   height: 100%;
   left: 0px;
 }
 @media (min-width: 991.98px) and (max-width: 1199.98px) {
   .programTemplateBannerContainer {
     background-size: cover !important;
   }
 }
 @media (max-width: 767px) {
   .programTemplateBannerContainer {
     background-size: cover !important;
     padding-bottom: 30px;
     min-height: auto;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .programTemplateBannerContainer {
     background-size: cover !important;
     padding-bottom: 30px;
     min-height: auto;
   }
 }
 .programTemplateBannerContainer .programTemplateBannerContent {
   /*padding-top:80px;*/
   min-height: 400px;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
 @media (max-width: 767px) {
   .programTemplateBannerContainer .programTemplateBannerContent {
     margin-bottom: 20px;
     padding-top: 40px;
     min-height: auto;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .programTemplateBannerContainer .programTemplateBannerContent {
     padding-top: 40px;
     padding-bottom: 20px;
     min-height: auto;
   }
 }
 .programTemplateBannerContainer .programTemplateBannerContent .pageTitle {
   background: rgba(0, 0, 0, 0.6);
   border-left: 4px solid #D22030;
   padding: 6px 10px;
   font-size: 0.87rem;
   font-weight: 600;
   color: #fff;
   display: inline-block;
   margin-bottom: 10px;
   width: fit-content;
   z-index: 1;
 }
  .programTemplateBannerContainer .programTemplateBannerContent h1 {
   color: #fff;
   z-index: 1;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
 }
  .programTemplateBannerContainer .programTemplateBannerContent .acadCollege {
   position: relative;
   top: -25px;
   color: #fff;
   z-index: 1;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
   font-size: 1.2rem;
   font-weight: 700;
   z-index: 1;
 }
 .programTemplateBannerContainer .programTemplateBannerContent .downloadBrochure {
   border-radius: 50px;
   border: 0.5px solid rgba(255, 255, 255, 0.8);
   background: rgba(255, 255, 255, 0.1);
   display: inline-flex;
   width: fit-content;
   z-index: 1;
 }
 .programTemplateBannerContainer .programTemplateBannerContent .downloadBrochure a {
   padding: 11px 9px 9px 20px;
   color: #fff;
   font-weight: 500;
   text-decoration: none;
   transition: all 0.25s ease;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
 }
 .programTemplateBannerContainer .programTemplateBannerContent .downloadBrochure a img {
   margin-left: 9px;
 }
 .programTemplateBannerContainer .programTemplateBannerContent .downloadBrochure:hover {
   border: 0.5px solid rgba(173, 0, 29, 0.8);
   background: #fff;
 }
 .programTemplateBannerContainer .programTemplateBannerContent .downloadBrochure:hover a {
   color: #D22030;
 }
 .programTemplateBannerContainer .bannerTriggerContainer {
   display: flex;
   flex-direction: column;
   justify-content: end;
   padding-bottom: 70px;
   z-index: 1;
 }
 @media (max-width: 991px) {
   .programTemplateBannerContainer .bannerTriggerContainer {
     padding-bottom: 0;
   }
 }
 .programTemplateBannerContainer .bannerTriggerContainer .applyTrigger {
   margin-bottom: 16px;
   display: flex;
 }
 .programTemplateBannerContainer .bannerTriggerContainer .applyTrigger a {
   background: #D22030;
   color: #fff;
   padding: 19px 0px;
   flex: 1;
   text-align: center;
   text-decoration: none;
   transition: all 0.25s ease;
   font-size: 1.125rem;
   font-weight: 700;
 }
 .programTemplateBannerContainer .bannerTriggerContainer .applyTrigger a:hover {
   background: #ad001d;
 }
 .programTemplateBannerContainer .bannerTriggerContainer .requestInfoTrigger {
   display: flex;
 }
 .programTemplateBannerContainer .bannerTriggerContainer .requestInfoTrigger a {
   color: #fff;
   padding: 19px 0px;
   text-align: center;
   flex: 1;
   text-decoration: none;
   transition: all 0.25s ease;
   font-size: 1.125rem;
   font-weight: 700;
   border: 1px solid #fff;
   text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
 }
 .programTemplateBannerContainer .bannerTriggerContainer .requestInfoTrigger a:hover {
   background: #000000;
 }
 
 @media (min-width: 1199px) and (max-width: 1536px) {
   .programLinksBreadCrumbsContainer {
     top: 68px;
     position: sticky;
     z-index: 99;
     transition: 0.5s;
   }
   .programLinksBreadCrumbsContainer.scrolled {
     top: 61px;
   }
 }
 @media (min-width: 1537px) {
   .programLinksBreadCrumbsContainer {
     position: sticky;
     top: 68px;
     z-index: 99;
   }
   .programLinksBreadCrumbsContainer.scrolled {
     top: 61px;
   }
 }
 .programLinksBreadCrumbsContainer .bannerBreadCrumbs {
   padding: 17px 0;
   background: #000000;
   transition: 0.5s;
 }
 .programLinksBreadCrumbsContainer .bannerBreadCrumbs.scrolled {
   padding: 8px 0;
 }
 .programLinksBreadCrumbsContainer .bannerBreadCrumbs .breadCrumbsList {
   font-size: 0.87rem;
   color: #fff;
 }
 .programLinksBreadCrumbsContainer .bannerBreadCrumbs .breadCrumbsList ul {
   display: flex;
   flex-direction: row;
   width: 100%;
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 .programLinksBreadCrumbsContainer .bannerBreadCrumbs .breadCrumbsList ul * + * {
   margin-left: 10px;
   margin-right: 10px;
 }
 @media (max-width: 767px) {
   .programLinksBreadCrumbsContainer .bannerBreadCrumbs .breadCrumbsList ul * + * {
     margin-left: 5px;
     margin-right: 5px;
   }
 }
 @media (max-width: 767px) {
   .programLinksBreadCrumbsContainer .bannerBreadCrumbs .breadCrumbsList ul {
     display: inline-block;
   }
 }
 @media (max-width: 767px) {
   .programLinksBreadCrumbsContainer .bannerBreadCrumbs .breadCrumbsList li {
     display: inline-block;
   }
 }
 .programLinksBreadCrumbsContainer .bannerBreadCrumbs .breadCrumbsList a {
   color: #fff;
   font-weight: 600;
 }
 .programLinksContainer {
   position: relative;
   background: #F6F7F9;
   border-bottom: 1px solid #EDEDED;
   padding-top: 20px;
   margin-bottom: 30px;
   z-index: 1;
 }
 @media (min-width: 1200px) {
   .programLinksContainer .programLinkList .btn {
     display: none;
   }
   .programLinksContainer .programLinkList ul {
     display: flex;
     flex-direction: row;
     width: 100%;
     margin: 0;
     padding: 0;
     list-style-type: none;
     position: relative;
     border: 0;
     background: transparent;
     align-items: flex-end;
   }
   .programLinksContainer .programLinkList ul * + * {
     margin-left: 60px;
   }
   /*
   .d-lg-block {
     display: block !important;
   }
    */
 }
 @media (min-width: 1200px) and (min-width: 1280px) and (max-width: 1690px) {
   .programLinksContainer .programLinkList ul * + * {
     margin-left: 17px;
   }
 }
 @media (min-width: 1200px) {
   .programLinksContainer .programLinkList ul li {
     color: #55565A;
     font-weight: 600;
   }
   .programLinksContainer .programLinkList ul li.active {
     border-bottom: 5px solid #D22030;
     color: #D22030;
     padding-bottom: 16px;
   }
 }
 @media (min-width: 1200px) {
   .programLinksContainer .programLinkList ul a {
     display: block;
     text-decoration: none;
     border-bottom: 2px solid transparent;
     transition: all 0.25s ease;
     color: #55565A;
     padding-bottom: 19px;
     font-weight: 600;
   }
   .programLinksContainer .programLinkList ul a:hover {
     border-bottom: 2px solid #D22030;
   }
   .programLinksContainer .programLinkList ul a:active {
     background: transparent;
   }
 }
 @media (max-width: 1199px) {
   .programLinksContainer .programLinkList li {
     color: #55565A;
     font-weight: 600;
   }
   .programLinksContainer .programLinkList li.active {
     border-bottom: 5px solid #D22030;
     color: #D22030;
     padding-bottom: 5px;
   }
   .programLinksContainer .programLinkList .dropdown {
     background: #fff;
     border: 1px solid #EDEDED;
     margin-bottom: 25px;
   }
   .programLinksContainer .programLinkList .dropdown .btn {
     border-color: transparent;
     padding: 15px;
     width: 100%;
     text-align: left;
     color: #000000;
     box-shadow: 0 0.25em #D22030;
     font-size: 1.25rem;
     font-weight: 600;
     border-radius: 0;
   }
   .programLinksContainer .programLinkList .dropdown .dropdown-toggle:after {
     /*float: right;*/
     border: 0;
     background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23D22030' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
     background-repeat: no-repeat;
     width: 16px;
     height: 16px;
     margin-top: 6px;
     margin-left: 0;
     position: absolute;
     right: 10px;
   }
   .programLinksContainer .programLinkList .dropdown .dropdown-menu {
     padding: 1.5rem 2rem 2rem;
     box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
     border: 0;
     border-radius: 0;
   }
   .programLinksContainer .programLinkList .dropdown .dropdown-menu.show {
     width: 100%;
   }
   .programLinksContainer .programLinkList .dropdown .dropdown-menu a {
     font-family: "Roboto Slab", serif;
     font-size: 1.125rem;
     padding: 0.5rem 0;
     transition: all 0.25s ease;
     box-shadow: 0 0.1em #bec6c3;
   }
   .programLinksContainer .programLinkList .dropdown .dropdown-menu a:hover, .programLinksContainer .programLinkList .dropdown .dropdown-menu a:focus {
     color: #D22030;
     background-color: transparent;
     box-shadow: 0 0.25em #D22030;
   }
 }
 
 .programSummaryContainer {
   margin-bottom: 75px;
 }
 .programSummaryContainer .programSummaryBorder {
   border: 8px solid #D22030;
   box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);
 }
 .programSummaryContainer .boxFastFact {
   padding: 16px 29px 29px 29px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 .programSummaryContainer .boxFastFact .heading {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .programSummaryContainer .boxFastFact .programInformation {
   margin-top: 8px;
 }
 .programSummaryContainer .boxFastFact .programInformation ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 .programSummaryContainer .boxFastFact .programInformation li {
   color: #000000;
   font-size: 0.87rem;
   font-weight: 500;
   line-height: 20px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   padding-top: 10px;
   padding-bottom: 10px;
 }
 .programSummaryContainer .boxFastFact .programInformation li:last-child {
   border-bottom: 0;
 }
 .programSummaryContainer .boxFastFact .programInformation li a {
   border-bottom: 1px solid #D22030;
   padding-bottom: 3px;
   text-decoration: none;
   color: inherit;
 }
 .programSummaryContainer .boxFastFact .boxFastFactLower {
   margin-top: 25px;
 }
 .programSummaryContainer .boxFastFact .boxFastFactLower a {
   padding-bottom: 7px;
   display: inline-block;
 }
 @media (max-width: 767px) {
   .programSummaryContainer .boxFastFact.col {
     flex-basis: 100%;
   }
 }
 .programSummaryContainer .priorityDeadlineSeprator {
   background: #f8f9f8;
   border-left: 1px solid #EDEDED;
   border-right: 1px solid #EDEDED;
 }
 @media (max-width: 767px) {
   .programSummaryContainer .priorityDeadlineSeprator {
     border-top: 1px solid #EDEDED;
     border-bottom: 1px solid #EDEDED;
     border-left: 0;
     border-right: 0;
   }
 }
 .programSummaryContainer .priorityDeadline {
   padding: 16px 29px 29px 29px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 .programSummaryContainer .priorityDeadline .heading {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .programSummaryContainer .priorityDeadline .priorityDeadlineInformation .date {
   color: #000000;
   font-size: 1.12rem;
   font-weight: 600;
   line-height: 50px;
   margin-bottom: 10px;
 }
 .programSummaryContainer .priorityDeadline .priorityDeadlineInformation .deadLineInfo {
   color: #000000;
   font-size: 0.93rem;
   font-weight: 500;
   line-height: 25px;
   margin-bottom: 20px;
 }
 .programSummaryContainer .priorityDeadline .priorityDeadlineInformation .maxSeatsInfo {
   color: #000000;
   font-size: 0.93rem;
   font-weight: 500;
   line-height: 25px;
 }
 .programSummaryContainer .priorityDeadline .priorityDeadlineInformation .date span, .programSummaryContainer .priorityDeadline .priorityDeadlineInformation .deadLineInfo span, .programSummaryContainer .priorityDeadline .priorityDeadlineInformation .maxSeatsInfo span {
   color: #D22030;
 }
 .programSummaryContainer .priorityDeadline .priorityDeadlineInformation .applicationCloseInfo {
   color: #000000;
   font-size: 0.93rem;
   font-weight: 500;
   line-height: 25px;
   margin-bottom: 20px;
 }
 .programSummaryContainer .priorityDeadline .priorityDeadlineInformation .applicationCloseInfo span {
   margin-right: 5px;
 }
 .programSummaryContainer .priorityDeadline .priorityDeadlineLower {
   margin-top: 25px;
 }
 .programSummaryContainer .priorityDeadline .priorityDeadlineLower a {
   padding-bottom: 7px;
   display: inline-block;
 }
 @media (max-width: 767px) {
   .programSummaryContainer .priorityDeadline.col {
     flex-basis: 100%;
   }
 }
 .programSummaryContainer .infoSession {
   padding: 16px 29px 29px 29px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 .programSummaryContainer .infoSession .heading {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
 .programSummaryContainer .infoSession .infoSessionInformation .date {
   color: #000000;
   font-size: 1.12rem;
   font-weight: 600;
   line-height: 50px;
   margin-bottom: 10px;
 }
 .programSummaryContainer .infoSession .infoSessionInformation .timeLocation {
   color: #000000;
   font-size: 0.93rem;
   font-weight: 500;
   line-height: 25px;
   margin-bottom: 20px;
 }
 .programSummaryContainer .infoSession .infoSessionInformation .timeLocation span {
   color: #D22030;
 }
 .programSummaryContainer .infoSession .infoSessionLower {
   margin-top: 25px;
 }
 .programSummaryContainer .infoSession .infoSessionLower a {
   padding-bottom: 7px;
   display: inline-block;
 }
 @media (max-width: 767px) {
   .programSummaryContainer.col {
     flex-basis: 100%;
   }
 }
 
 .aboutThisContainer {
   margin-bottom: 40px;
 }
 .aboutThisContainer h2 {
   margin-bottom: 22px;
 }
 .aboutThisContainer h2 span {
   color: #D22030;
 }
 .aboutThisContainer .aboutDescription {
   color: #000000;
   line-height: 26px;
 }
 .aboutThisContainer .showMoreTrigger a {
   color: #D22030;
   font-size: 14px;
   font-weight: 700;
   line-height: 36px;
   text-decoration: none;
   position: relative;
 }
 .aboutThisContainer .showMoreTrigger a:after {
   content: "";
   position: absolute;
   top: 7px;
   right: -14px;
   width: 11px;
   height: 11px;
   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M9.80469 1.43481C8.12374 3.20915 5.50034 5.97829 5.50034 5.97829C5.50034 5.97829 3.02269 3.20915 1.43512 1.43481' stroke='%23D22030'/%3E%3C/svg%3E") center center no-repeat;
 }
 .aboutThisContainer #moreText {
   display: none;
   transition: all 0.25s ease;
 }
 
 .testimonialsContainer {
   background: #f8f9f8;
   border-top: 1px solid #C4C6C9;
   position: relative;
   padding: 60px 75px;
   margin-bottom: 40px;
 }
 @media (max-width: 767px) {
   .testimonialsContainer {
     padding-left: 40px;
     padding-right: 40px;
   }
 }
 .testimonialsContainer:before {
   content: "";
   position: absolute;
   background-image: url(../images/icons/iconQuotationMark.svg);
   background-repeat: no-repeat;
   top: -22px;
   width: 48px;
   height: 48px;
   left: 50%;
 }
 .testimonialsContainer .testimonialsRepeater .testimonialsTxt {
   color: #474747;
   text-align: center;
   font-family: Georgia;
   font-size: 1.12rem;
   font-style: italic;
   font-weight: 400;
   line-height: 26px;
   letter-spacing: 0.18px;
 }
 .testimonialsContainer .testimonialsRepeater .authorName {
   color: #000000;
   font-family: "Roboto Slab";
   font-weight: 700;
   line-height: 28px;
   letter-spacing: 0.16px;
   text-align: center;
   margin-top: 20px;
 }
 
 .programsHighlightsContainer {
   margin-bottom: 40px;
 }
 .programsHighlightsContainer h2,.programsHighlightsContainer h3,.programsHighlightsContainer h4,.programsHighlightsContainer h5 {
   margin-bottom: 1.3rem;
 }
 .programsHighlightsContainer.seprationLine {
   border-top: 4px solid #D22030;
   padding-top: 25px;
 }
 .programsHighlightsContainer .programsHighlightsOuter {
   display: flex;
   flex-wrap: wrap;
 }
 .programsHighlightsContainer .programsHighlightsOuter .programHighlightsBoxRepter {
   border: 1px solid #D22030;
   padding: 25px;
   flex-basis: 31%;
   margin-right: 23px;
   margin-bottom: 23px;
   flex-grow: 1;
   min-height: 220px;
 }
 @media (min-width: 1200px) {
   .programsHighlightsContainer .programsHighlightsOuter .programHighlightsBoxRepter:nth-child(3n+3) {
     margin-right: 0px;
   }
 }
 @media (max-width: 767px) {
   .programsHighlightsContainer .programsHighlightsOuter .programHighlightsBoxRepter {
     flex-basis: 100%;
     margin-right: 0;
   }
 }
 .programsHighlightsContainer .programsHighlightsOuter .programHighlightsBoxRepter h6 {
   font-weight: 700;
   color: #D22030;
 }
 .programsHighlightsContainer .programsHighlightsOuter .programHighlightsBoxRepter .programHighlightsDescription {
   color: #000000;
   line-height: 20px;
 }
 .programsHighlightsContainer .programsHighlightsOuter .programHighlightsBoxRepter .programHighlightsDescription strong {
   font-weight: 700;
 }
 
 .programCourseInformationContainer {
   margin-bottom: 40px;
 }
 .programCourseInformationContainer h2,.programCourseInformationContainer h3,.programCourseInformationContainer h4,.programCourseInformationContainer h5 {
   margin-bottom: 1.3rem;
 }
 .programCourseInformationContainer .programCourseBg {
   background: url(../images/programTemplate/courseProgramBg.jpg) #000 no-repeat;
   background-size: cover;
   padding: 50px 36px;
 }
 .programCourseInformationContainer .aboutCourseDescription, .programCourseInformationContainer .aboutCourseDescription p {
   color: #fff;
   font-weight: 500;
   line-height: 26px;
 }
 .programCourseInformationContainer .videoPlaceHolder {
   text-align: end;
 }
 .programCourseInformationContainer .videoPlaceHolderLeft {
   text-align: center;
 }
 @media (max-width: 991px) {
   .programCourseInformationContainer .videoPlaceHolder {
     margin-bottom: 20px;
     text-align: left;
   }
 }
 .programCourseInformationContainer .videoPlaceHolder .imgPlaceHolder, .programCourseInformationContainer .videoPlaceHolderLeft .imgPlaceHolder {
   max-width: 100%;
 }
 
 .programWhatDoContainer {
   background: #fff;
   box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.07);
   margin-bottom: 40px;
   padding: 35px;
 }
 .programWhatDoContainer h2,.programWhatDoContainer h3,.programWhatDoContainer h4,.programWhatDoContainer h5 {
   margin-bottom: 1.3rem;
 }
 .programWhatDoContainer .whatDoDescription {
   color: #000000;
   line-height: 26px;
 }
 @media (max-width: 767px) {
   .programWhatDoContainer .whatDoDescription {
     margin-bottom: 25px;
   }
 }
 .programWhatDoContainer .imagePlaceHolder {
   text-align: end;
 }
 .programWhatDoContainer .imagePlaceHolder img {
   max-width: 100%;
 }
 .programWhatDoContainer .whatDoOuter {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 .programWhatDoContainer .learnMore {
   position: relative;
   display: inline-block;
   width: fit-content;
 }
 @media (max-width: 767px) {
   .programWhatDoContainer .learnMore {
     margin-bottom: 25px;
   }
 }
 @media (min-width: 768px) and (max-width: 1199px) {
   .programWhatDoContainer .learnMore {
     margin-top: 20px;
   }
 }
 @media (min-width: 1280px) and (max-width: 1535px) {
   .programWhatDoContainer .learnMore {
     margin-top: 20px;
   }
 }
 .programWhatDoContainer .learnMore a {
   border: 1px solid #D22030;
   padding: 0.56rem 1.3rem 0.56rem 0.87rem;
   text-decoration: none;
   color: #000000;
   font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: 0.12px;
   transition: all 0.25s ease;
 }
 .programWhatDoContainer .learnMore a:after {
   content: "";
   position: absolute;
   top: 12px;
   right: 8px;
   transform: translate(-50%, -50%);
   width: 5px;
   height: 10px;
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23D22030'/></svg>") center center no-repeat;
 }
 @media (max-width: 991px) {
   .programWhatDoContainer .learnMore a:after {
     top: 11px;
   }
 }
 .programWhatDoContainer .learnMore a:hover {
   background: #D22030;
   color: #fff;
 }
 .programWhatDoContainer .learnMore a:hover:after {
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23ffffff'/></svg>") center center no-repeat;
 }
 
 .programFacultiesContainer {
   border: 1px solid #E9E9E9;
   margin-bottom: 40px;
   padding: 35px;
   position: relative;
 }
 .programFacultiesContainer h2,.programFacultiesContainer h3,.programFacultiesContainer h4,.programFacultiesContainer h5 {
   margin-bottom: 1.3rem;
 }
 @media (max-width: 767px) {
   .programFacultiesContainer {
     padding-bottom: 50px;
   }
 }
 @media (min-width: 992px) and (max-width: 1024px) {
   .programFacultiesContainer {
     padding-bottom: 50px;
   }
 }
 .programFacultiesContainer .programFacultiesHeader .moreFaculties {
   position: absolute;
   right: 36px;
   top: 36px;
 }
 @media (max-width: 767px) {
   .programFacultiesContainer .programFacultiesHeader .moreFaculties {
     bottom: 18px;
     top: auto;
     right: 30%;
   }
 }
 @media (min-width: 992px) and (max-width: 1024px) {
   .programFacultiesContainer .programFacultiesHeader .moreFaculties {
     bottom: 18px;
     top: auto;
     right: 35%;
   }
 }
 .programFacultiesContainer .programFacultiesHeader .moreFaculties a {
   border: 1px solid #D22030;
   padding: 0.56rem 1.3rem 0.56rem 0.87rem;
   text-decoration: none;
   color: #000000;
   font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: 0.12px;
   transition: all 0.25s ease;
 }
 .facultyPortrait {
   float: left;
   margin: 2px 20px 20px 0;
 }
 .programFacultiesContainer .programFacultiesHeader .moreFaculties a:after {
   content: "";
   position: absolute;
   top: 13px;
   right: 8px;
   transform: translate(-50%, -50%);
   width: 5px;
   height: 10px;
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23D22030'/></svg>") center center no-repeat;
 }
 @media (max-width: 991px) {
   .programFacultiesContainer .programFacultiesHeader .moreFaculties a:after {
     top: 11px;
   }
 }
 .programFacultiesContainer .programFacultiesHeader .moreFaculties a:hover {
   background: #D22030;
   color: #fff;
 }
 .programFacultiesContainer .programFacultiesHeader .moreFaculties a:hover:after {
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23ffffff'/></svg>") center center no-repeat;
 }
 .programFacultiesContainer .programFacultiesRepeat {
   display: flex;
   margin-top: 30px;
   margin-bottom: 10px;
 }
 .programFacultiesContainer .programFacultiesRepeat .facultiesPictureHolder {
   margin-right: 20px;
 }
 .programFacultiesContainer .programFacultiesRepeat .facultiesPictureHolder img {
   width: 80px;
   height: 80px;
   overflow: hidden;
   border-radius: 50%;
 }
 .programFacultiesContainer .programFacultiesRepeat .facultiesPictureHolder img.img-fluid {
  max-width: 80px;
 }
 .programFacultiesContainer .programFacultiesRepeat .facultiesBio .name {
   color: #D22030;
   font-weight: 700;
 }
 .programFacultiesContainer .programFacultiesRepeat .facultiesBio .degree {
   color: #000000;
   font-weight: 700;
   line-height: 15px;
   font-size: 0.87rem;
 }
 .programFacultiesContainer .programFacultiesRepeat .facultiesBio .department {
   margin-top: 5px;
   font-size: 0.87rem;
 }
 
 .programCareerContainer {
   background: #f8f9f8;
   margin-bottom: 40px;
   padding: 35px;
   border: 1px solid #C5C5C5;
 }
 .programCareerContainer h2,.programCareerContainer h3,.programCareerContainer h4,.programCareerContainer h5 {
   line-height: 32px;
   margin-bottom: 1.3rem;
 }
 @media (max-width: 767px) {
   .programCareerContainer h2,.programCareerContainer h3,.programCareerContainer h4,.programCareerContainer h5 {
     line-height: 25px;
   }
 }
 .programCareerContainer .programCareerDescription {
   color: #000000;
   line-height: 26px;
 }
 @media (max-width: 767px) {
   .programCareerContainer .programCareerDescription {
     margin-bottom: 25px;
   }
 }
 .programCareerContainer .imagePlaceHolder {
   text-align: end;
 }
 .programCareerContainer .imagePlaceHolder img {
   max-width: 100%;
   width: 100%;
   /*height: 257px;*/
   max-height: 550px;
   object-fit: cover;
   object-position: top;
 }
 
 .programStudentResourcesContainer {
   background: #f8f9f8;
   margin-bottom: 40px;
   padding: 35px;
   border: 1px solid #C5C5C5;
 }
 .programStudentResourcesContainer h2,.programStudentResourcesContainer h3,.programStudentResourcesContainer h4,.programStudentResourcesContainer h5 {
   line-height: 50px;
   margin-bottom: 0.8rem;
 }
 @media (max-width: 767px) {
   .programStudentResourcesContainer h2,.programStudentResourcesContainer h3,.programStudentResourcesContainer h4,.programStudentResourcesContainer h5 {
     line-height: 25px;
   }
 }
 .programStudentResourcesContainer .studentResourcesLinks {
   color: #000000;
   font-weight: 500;
 }
 .programStudentResourcesContainer .studentResourcesLinks ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 .programStudentResourcesContainer .studentResourcesLinks ul li a {
   display: inline-block;
   margin-bottom: 12px;
 }
 @media (max-width: 767px) {
   .programStudentResourcesContainer .studentResourcesLinks {
     margin-bottom: 25px;
   }
 }
 .programStudentResourcesContainer .imagePlaceHolder img {
   max-width: 100%;
   width: 100%;
   height: 350px;
   object-fit: cover;
 }
  .programFacilitiesResourcesContainer {
   margin-bottom: 40px;
 }
 .programFacilitiesResourcesContainer h2, .programFacilitiesResourcesContainer h3, .programFacilitiesResourcesContainer h4, .programFacilitiesResourcesContainer h5  {
   line-height: 50px;
   margin-bottom: 0.8rem;
 }
 @media (max-width: 767px) {
   .programFacilitiesResourcesContainer h2, .programFacilitiesResourcesContainer h3, .programFacilitiesResourcesContainer h4, .programFacilitiesResourcesContainer h5 {
     line-height: 25px;
   }
 }
 .programFacilitiesResourcesContainer .programFacilitiesResourcesOuter {
   background-image: url(../images/programTemplate/facilitiesResource-Bg.png);
   background-repeat: no-repeat;
   background-color: #000000;
   background-size: cover;
   padding: 35px;
 }
 .programFacilitiesResourcesContainer .programFacilitiesResourcesRepeatBox {
   position: relative;
   overflow: hidden;
 }
 .programFacilitiesResourcesContainer .programFacilitiesResourcesRepeatBox img {
   width: 100%;
   transition: filter 0.5s, transform 0.5s;
   /* Add transitions for a smooth effect */
 }
 .programFacilitiesResourcesContainer .programFacilitiesResourcesRepeatBox:hover img {
   transform: scale(1.05);
   /* Zoom in by 1% on hover */
 }
 .programFacilitiesResourcesContainer .programFacilitiesResourcesRepeatBox .programFacilitiesResourcesText {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   z-index: 1;
   position: absolute;
   width: 100%;
   height: 1px;
   bottom: 0px;
   left: 0px;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 9.89%, rgba(0, 0, 0, 0.79) 100%);
   /* Black background with opacity */
   color: #fff;
   padding: 20px;
   transition: 0.9s;
   /* Add transition for a smooth effect */
 }
 .programFacilitiesResourcesContainer .programFacilitiesResourcesRepeatBox .programFacilitiesResourcesText .textHeading {
   display: block;
   color: #fff;
   font-size: 1.25rem;
   font-weight: 700;
 }
 .programFacilitiesResourcesContainer .programFacilitiesResourcesRepeatBox .programFacilitiesResourcesText .textDescription {
   color: #fff;
   line-height: 22px;
   display: none;
   margin-top: 12px;
 }
 .programFacilitiesResourcesContainer .programFacilitiesResourcesRepeatBox:hover .programFacilitiesResourcesText {
   height: 100%;
   /* Adjust the height on hover */
   padding-bottom: 40px;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 9.89%, black 100%);
   justify-content: flex-start;
 }
 .programFacilitiesResourcesContainer .programFacilitiesResourcesRepeatBox:hover .programFacilitiesResourcesText .textDescription {
   display: block;
 }
 .programFacilitiesResourcesContainer .programTmp-facilitieResources {
   position: relative;
 }
 @media (max-width: 991px) {
   .programFacilitiesResourcesContainer .programTmp-facilitieResources.owl-theme .owl-dots .owl-dot.active span, .programFacilitiesResourcesContainer .programTmp-facilitieResources.owl-theme .owl-dots .owl-dot:hover span {
     background: #fff;
   }
 }
 .programFacilitiesResourcesContainer .programTmp-facilitieResources .owl-dots {
   display: none;
 }
 @media (max-width: 991px) {
   .programFacilitiesResourcesContainer .programTmp-facilitieResources .owl-dots {
     display: block;
   }
 }
 .programFacilitiesResourcesContainer .programTmp-facilitieResources.owl-theme .owl-nav {
   margin-top: 0;
 }
 .programFacilitiesResourcesContainer .programTmp-facilitieResources.owl-carousel .owl-nav button.owl-prev {
   position: absolute;
   left: -2.1rem;
   top: 35%;
   font-size: 4rem;
   color: #fff;
   transition: all 0.25s ease;
 }
 .programFacilitiesResourcesContainer .programTmp-facilitieResources.owl-carousel .owl-nav button.owl-prev:hover {
   color: #F8F9F8;
   background: transparent;
 }
 .programFacilitiesResourcesContainer .programTmp-facilitieResources.owl-carousel .owl-nav button.owl-prev:focus-visible {
   outline: 1px solid gray !important;
 }
 .programFacilitiesResourcesContainer .programTmp-facilitieResources.owl-carousel .owl-nav button.owl-prev.disabled {
   color: #f8f9f8;
 }
 .programFacilitiesResourcesContainer .programTmp-facilitieResources.owl-carousel .owl-nav button.owl-next {
   position: absolute;
   right: -2.1rem;
   top: 35%;
   font-size: 4rem;
   color: #fff;
   transition: all 0.25s ease;
 }
 .programFacilitiesResourcesContainer .programTmp-facilitieResources.owl-carousel .owl-nav button.owl-next:hover {
   color: #F8F9F8;
   background: transparent;
 }
 .programFacilitiesResourcesContainer .programTmp-facilitieResources.owl-carousel .owl-nav button.owl-next:focus-visible {
   outline: 1px solid gray !important;
 }
 .programFacilitiesResourcesContainer .programTmp-facilitieResources.owl-carousel .owl-nav button.owl-next.disabled {
   color: #f8f9f8;
 }
 
 .programStudentSucessStoryContainer {
   margin-bottom: 40px;
   position: relative;
 }
 .programStudentSucessStoryContainer h2, .programStudentSucessStoryContainer h3, .programStudentSucessStoryContainer h4, .programStudentSucessStoryContainer h5 {
   margin-bottom: 0.8rem;
 }
 h5 > span, h4 > span, h3 > span, h2 > span {
   color: #D22030;
 }
 .programStudentSucessStoryContainer .programStudentSucessStoryHeader .moreTestimonial {
   position: absolute;
   right: 0px;
   top: 0px;
 }
 @media (max-width: 767px) {
   .programStudentSucessStoryContainer .programStudentSucessStoryHeader .moreTestimonial {
     bottom: -20px;
     top: auto;
     right: 30%;
   }
 }
 .programStudentSucessStoryContainer .programStudentSucessStoryHeader .moreTestimonial a {
   border: 1px solid #D22030;
   padding: 0.56rem 1.3rem 0.56rem 0.87rem;
   text-decoration: none;
   color: #000000;
   font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: 0.12px;
   transition: all 0.25s ease;
 }
 .programStudentSucessStoryContainer .programStudentSucessStoryHeader .moreTestimonial a:after {
   content: "";
   position: absolute;
   top: 13px;
   right: 8px;
   transform: translate(-50%, -50%);
   width: 5px;
   height: 10px;
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23D22030'/></svg>") center center no-repeat;
 }
 @media (max-width: 991px) {
   .programStudentSucessStoryContainer .programStudentSucessStoryHeader .moreTestimonial a:after {
     top: 12px;
   }
 }
 .programStudentSucessStoryContainer .programStudentSucessStoryHeader .moreTestimonial a:hover {
   background: #D22030;
   color: #fff;
 }
 .programStudentSucessStoryContainer .programStudentSucessStoryHeader .moreTestimonial a:hover:after {
   background: url("data:image/svg+xml,<svg  xmlns='http://www.w3.org/2000/svg' width='5' height='10' viewBox='0 0 5 10' fill='none'><path d='M5 5L0.384615 9.33013L0.384615 0.669873L5 5Z' fill='%23ffffff'/></svg>") center center no-repeat;
 }
 .programStudentSucessStoryContainer .studentSucessStoryBox {
   box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.07);
   padding: 35px;
   display: flex;
   justify-content: space-between;
   flex-direction: column;
 }
 .programStudentSucessStoryContainer .studentSucessStoryBox .quotation {
   margin-bottom: 16px;
   width: 43px;
 }
 .programStudentSucessStoryContainer .studentSucessStoryBox .studentSucessStoryText {
   color: #000000;
   line-height: 24px;
 }
 .programStudentSucessStoryContainer .studentSucessStoryBox .studentSucessBoxLower {
   display: flex;
   justify-content: space-between;
   padding-top: 20px;
 }
 .programStudentSucessStoryContainer .studentSucessStoryBox .studentSucessBoxLower .name {
   color: #000000;
   font-weight: 600;
   line-height: 24px;
 }
 .programStudentSucessStoryContainer .studentSucessStoryBox .studentSucessBoxLower .name span {
   color: #D22030;
   display: block;
 }
 .programStudentSucessStoryContainer .studentSucessStoryBox .studentSucessBoxLower .picture img {
   width: 70px;
   height: 70px;
   overflow: hidden;
   border-radius: 50%;
 }
 .programStudentSucessStoryContainer .sucessStoryHeight {
   display: flex;
   height: 100%;
   padding-right: 4px;
   padding-left: 4px;
 }
 .programStudentSucessStoryContainer .programTmp-StudentsSuccessStories.owl-theme .owl-dots .owl-dot.active span, .programStudentSucessStoryContainer .programTmp-StudentsSuccessStories.owl-theme .owl-dots .owl-dot:hover span {
   background: #D22030;
 }
 .programStudentSucessStoryContainer .programTmp-StudentsSuccessStories .owl-item {
   padding-bottom: 15px !important;
   padding-top: 5px !important;
 }
 .programStudentSucessStoryContainer.studentSucessStory-Inner .programStudentSucessStoryHeader {
   position: relative;
 }
 @media (max-width: 767px) {
   .programStudentSucessStoryContainer.studentSucessStory-Inner .programStudentSucessStoryHeader {
     position: inherit;
   }
 }
 
 .programMasterDegree {
   border-top: 4px solid #D22030;
   padding-top: 36px;
   margin-bottom: 40px;
 }
 .programMasterDegree h2, .programMasterDegree h3, .programMasterDegree h4, .programMasterDegree h5 {
   margin-bottom: 0.8rem;
 } 
 .programMasterDegree h4 span {
   color: #D22030;
 }
 .programMasterDegree .relatedMastersList ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 .programMasterDegree .relatedMastersList ul li a {
   font-weight: 700;
   line-height: 28px;
   margin-top: 12px;
   display: block;
   width: fit-content;
   padding-bottom: 0px;
 }
 .programMasterDegree .relatedMastersList ul li a:hover {
   border-bottom: 1px solid #000000;
   color: #ad001d;
 }
 
 .programMRequestinfoContainer {
   margin-bottom: 40px;
   background: #D22030;
 }
 @media (max-width: 991px) {
   .programMRequestinfoContainer {
     display: none;
   }
 }
 @media (min-width: 992px) and (max-width: 1024px) {
   .programMRequestinfoContainer .requestInfoBg {
     flex: 1;
   }
 }
 @media (min-width: 1280px) and (max-width: 1919px) {
   .programMRequestinfoContainer .requestInfoBg {
     background: #000000;
   }
 }
 .programMRequestinfoContainer .requestInfoBg img {
   height: 100%;
   object-fit: cover;
   object-position: left;
 }
 @media (min-width: 992px) and (max-width: 1024px) {
   .programMRequestinfoContainer .requestInfoBg img {
     width: 100%;
   }
 }
 .programMRequestinfoContainer .requestInfoContainer {
   position: absolute;
   bottom: 45px;
   color: #fff;
   left: 45px;
   right: 45px;
 }
 .programMRequestinfoContainer .requestInfoContainer .smallHeading {
   line-height: 36px;
   margin-bottom: 8px;
 }
 .programMRequestinfoContainer .requestInfoContainer .largeHeading {
   font-size: 2.25rem;
   font-weight: 700;
   line-height: 1.2;
   margin-bottom: 30px;
 }
 .programMRequestinfoContainer .requestInfoContainer .quickCallBox .smallText {
   font-size: 0.87rem;
   font-weight: 600;
   line-height: 17px;
   margin-bottom: 14px;
 }
 .programMRequestinfoContainer .requestInfoContainer .quickCallBox .number {
   font-size: 1.87rem;
   font-weight: 700;
   line-height: 17px;
 }
 @media (min-width: 1200px) and (max-width: 1535px) {
   .programMRequestinfoContainer .requestInfoContainer .quickCallBox .number {
     font-size: 1.4rem;
   }
 }
 .programMRequestinfoContainer .requestFormSection {
   margin: 52px 52px 43px 22px;
 }
 @media (max-width: 991px) {
   .programMRequestinfoContainer .requestFormSection {
     margin: 30px;
   }
 }
 .programMRequestinfoContainer .requestFormSection input[type=text], .programMRequestinfoContainer .requestFormSection input[type=email], .programMRequestinfoContainer .requestFormSection input[type=tel], .programMRequestinfoContainer .requestFormSection textarea {
   color: #000000;
   font-size: 0.87rem;
   font-weight: 500;
   border-radius: 0;
   padding: 12px 16px;
 }
 .programMRequestinfoContainer .requestFormSection input[type=text]::placeholder, .programMRequestinfoContainer .requestFormSection input[type=email]::placeholder, .programMRequestinfoContainer .requestFormSection input[type=tel]::placeholder, .programMRequestinfoContainer .requestFormSection textarea::placeholder {
   color: #000000;
 }
 .programMRequestinfoContainer .requestFormSection input[type=checkbox] {
   padding: 5px;
 }
 .programMRequestinfoContainer .requestFormSection input[type=submit] {
   border: 3px solid #fff;
   color: #fff;
   font-size: 1.12rem;
   font-weight: 700;
   letter-spacing: 0.18px;
   background: transparent;
   padding: 18px 107px;
 }
 @media (max-width: 991px) {
   .programMRequestinfoContainer .requestFormSection input[type=submit] {
     width: 100%;
     padding-left: 0;
     padding-right: 0;
   }
 }
 .programMRequestinfoContainer .requestFormSection .form-check-label {
   color: #fff;
   font-size: 0.75rem;
   font-weight: 500;
   line-height: 17px;
 }
 .programMRequestinfoContainer .requestFormSection .capchaPlaceholder {
   margin: 20px 0;
 }
 
 @media (max-width: 991px) {
   .programSideBarContainer {
     margin-bottom: 40px;
   }
 }
 .programSideBarContainer .programCourseSchedule {
   border: 1px solid #E9E9E9;
   box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
   margin-bottom: 17px;
 }
 .programSideBarContainer .heading {
   background: #000000;
   color: #fff;
   font-size: 1.12rem;
   font-weight: 700;
   padding: 8px 17px;
 }
 .programSideBarContainer .programTabArea {
   padding: 18px;
 }
 .programSideBarContainer .programTabArea .nav-tabs {
   border-bottom: 5px solid #D22030;
 }
 .programSideBarContainer .programTabArea .nav-tabs .nav-link.active {
   background: #ad001d;
   color: #fff;
   font-size: 0.75rem;
   font-weight: 600;
   line-height: 15px;
   border-radius: 0;
   border: 0;
   padding: 9px 13px;
   width: 50%;
   text-align: left;
 }
 .programSideBarContainer .programTabArea .nav-tabs .nav-link {
   background: #f8f9f8;
   color: #000000;
   font-size: 0.75rem;
   font-weight: 600;
   line-height: 15px;
   border-radius: 0;
   border: 0;
   padding: 9px 13px;
   width: 50%;
   text-align: left;
 }
 .programSideBarContainer .programTabArea .tab-content {
   border: 1px solid #cfcfcf;
   border-top: 0;
   padding: 10px 10px 10px 0;
 }
 .programSideBarContainer .programTabArea .tab-content ul {
   margin: 0;
 }
 .programSideBarContainer .programTabArea .tab-content ul li {
   color: #000000;
   font-size: 0.75rem;
   line-height: 20px;
   /*border-bottom:1px solid $tseng-secondary;*/
   width: fit-content;
   margin-bottom: 5px;
 }
 .programSideBarContainer .programTabArea .tab-content ul li::marker {
   color: #D22030;
 }
 .programSideBarContainer .programTabArea .tab-content ul li a {
   font-weight: 600;
 }
 .programSideBarContainer .tagline {
   color: #000000;
   font-size: 0.87rem;
   line-height: 17px;
   margin-bottom: 12px;
 }
 .programSideBarContainer .professionalAccrSection {
   position: relative;
 }
 .programSideBarContainer .professionalAccrSection .professionalAccrLogoSection {
   padding-top: 20px;
   padding-bottom: 20px;
 }
 .programSideBarContainer .professionalAccrSection .professionalAccrLogoSection img {
   margin-left: auto;
   margin-right: auto;
   border: 4px solid #d7d7d7;
   max-width: 75%;
   padding: 10px 20px;
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .programSideBarContainer .professionalAccrSection .professionalAccrLogoSection img {
     max-width: 40%;
   }
 }
 @media (min-width: 991.98px) and (max-width: 1199.98px) {
   .programSideBarContainer .professionalAccrSection .professionalAccrLogoSection img {
     max-width: 80%;
   }
 }
 @media (max-width: 991px) {
   .programSideBarContainer .professionalAccrSection .owl-theme .owl-dots .owl-dot.active span,
 .programSideBarContainer .professionalAccrSection .owl-theme .owl-dots .owl-dot:hover span {
     background: #D22030;
   }
   .programSideBarContainer .professionalAccrSection .owl-nav {
     display: none;
   }
 }
 .programSideBarContainer .professionalAccrSection .owl-dots {
   display: none;
 }
 @media (max-width: 991px) {
   .programSideBarContainer .professionalAccrSection .owl-dots {
     display: block;
   }
 }
 .programSideBarContainer .professionalAccrSection .owl-theme .owl-nav {
   margin-top: 0;
 }
 .programSideBarContainer .professionalAccrSection .owl-carousel .owl-nav button.owl-prev {
   position: absolute;
   left: 10px;
   transform: translateY(-50%);
   top: 46%;
   font-size: 4rem;
   color: #D22030;
   transition: all 0.25s ease;
 }
 @media (min-width: 991.98px) and (max-width: 1199.98px) {
   .programSideBarContainer .professionalAccrSection .owl-carousel .owl-nav button.owl-prev {
     left: -3px;
   }
 }
 @media (min-width: 1200px) and (max-width: 1366px) {
   .programSideBarContainer .professionalAccrSection .owl-carousel .owl-nav button.owl-prev {
     left: 5px;
   }
 }
 .programSideBarContainer .professionalAccrSection .owl-carousel .owl-nav button.owl-prev:hover {
   color: #ad001d;
   background: transparent;
 }
 .programSideBarContainer .professionalAccrSection .owl-carousel .owl-nav button.owl-prev:focus-visible {
   outline: 1px solid gray !important;
 }
 .programSideBarContainer .professionalAccrSection .owl-carousel .owl-nav button.owl-prev.disabled {
   color: #bec6c3;
 }
 .programSideBarContainer .professionalAccrSection .owl-carousel .owl-nav button.owl-next {
   position: absolute;
   right: 10px;
   transform: translateY(-50%);
   top: 46%;
   font-size: 4rem;
   color: #D22030;
   transition: all 0.25s ease;
 }
 @media (min-width: 991.98px) and (max-width: 1199.98px) {
   .programSideBarContainer .professionalAccrSection .owl-carousel .owl-nav button.owl-next {
     right: -3px;
   }
 }
 @media (min-width: 1200px) and (max-width: 1366px) {
   .programSideBarContainer .professionalAccrSection .owl-carousel .owl-nav button.owl-next {
     right: 5px;
   }
 }
 .programSideBarContainer .professionalAccrSection .owl-carousel .owl-nav button.owl-next:hover {
   color: #ad001d;
   background: transparent;
 }
 .programSideBarContainer .professionalAccrSection .owl-carousel .owl-nav button.owl-next:focus-visible {
   outline: 1px solid gray !important;
 }
 .programSideBarContainer .professionalAccrSection .owl-carousel .owl-nav button.owl-next.disabled {
   color: #bec6c3;
 }
 .programSideBarContainer .programSideRequestinfo {
   background: #D22030;
   padding: 20px;
 }
 .programSideBarContainer .programSideRequestinfo .smallHeading {
   line-height: 36px;
   color: #fff;
   font-weight: 500;
 }
 .programSideBarContainer .programSideRequestinfo .largeHeading {
   font-size: 1.75rem;
   font-weight: 700;
   line-height: 36px;
   margin-bottom: 15px;
   color: #fff;
 }
 .programSideBarContainer .programSideRequestinfo input[type=text],
 .programSideBarContainer .programSideRequestinfo input[type=email],
 .programSideBarContainer .programSideRequestinfo input[type=tel],
 .programSideBarContainer .programSideRequestinfo textarea {
   color: #000000;
   font-size: 0.87rem;
   font-weight: 500;
   border-radius: 0;
   padding: 12px 16px;
 }
 .programSideBarContainer .programSideRequestinfo input[type=text]::placeholder,
 .programSideBarContainer .programSideRequestinfo input[type=email]::placeholder,
 .programSideBarContainer .programSideRequestinfo input[type=tel]::placeholder,
 .programSideBarContainer .programSideRequestinfo textarea::placeholder {
   color: #000000;
 }
 .programSideBarContainer .programSideRequestinfo input[type=checkbox] {
   padding: 5px;
 }
 .programSideBarContainer .programSideRequestinfo input[type=submit] {
   border: 3px solid #fff;
   color: #fff;
   font-size: 1.12rem;
   font-weight: 700;
   letter-spacing: 0.18px;
   background: transparent;
   padding: 18px 0px;
   width: 100%;
 }
 .programSideBarContainer .programSideRequestinfo .form-check-label {
   color: #fff;
   font-size: 0.75rem;
   font-weight: 500;
   line-height: 17px;
 }
 .programSideBarContainer .programSideRequestinfo .capchaPlaceholder {
   margin: 20px 0;
 }
 .programSideBarContainer .programDownloadBrochure {
   padding: 15px;
   display: flex;
 }
 .programSideBarContainer .programDownloadBrochure .brochureImage {
   margin-right: 10px;
   flex-basis: 100%;
 }
 .programSideBarContainer .programDownloadBrochure .brochureImage.right {
   margin-right: 0px;
   margin-left: 10px;
 }
 .programSideBarContainer .programDownloadBrochure .brochureContent {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
 }
 .programSideBarContainer .programDownloadBrochure .brochureContent .name {
   color: #000000;
   font-size: 0.87rem;
   font-weight: 500;
   line-height: 16px;
   margin-bottom: 20px;
 }
 .programSideBarContainer .programDownloadBrochure .brochureContent .downloadLink a {
   font-size: 0.75rem;
 }
 .programSideBarContainer .programDownloadBrochure .brochureContent .downloadLink span img {
   width: 21px;
 }
 .jobOutlookContainer {
   margin-bottom: 40px;
 } 
 .jobOutlookContainer .card {
   border: 1px solid #D22030;
 }
 .jobOutlookContainer .card.border-gray {
   border: 1px solid #C0C0C0 !important;
 }
 .jobOutlookContainer .card .card-title span {
   color: #D22030;
 }
 .jobOutlookContainer .card .JobOutlookBtn {
   margin-top: 20px;
 }
 .jobOutlookContainer .card .JobOutlookBtn a {
   display: inline-block;
   background: #D22030;
   color: #fff;
   padding: 1.12rem 4rem;
   text-align: center;
   transition: all 0.25s ease;
   font-weight: 700;
   font-size: 1.12rem;
   text-decoration: none;
 }
 .jobOutlookContainer .card .JobOutlookBtn a:hover {
   background: #ad001d;
 }
 @media (max-width: 1024px) {
   .jobOutlookContainer .card .JobOutlookBtn a {
     display: block;
   }
 }
 .jobOutlookContainer .card .sideImg {
   height: 100%;
   object-fit: cover;
   object-position: center;
 }
 
 .admissionRequiremnetContainer a {
   text-decoration: none;
   border-bottom: 1px solid #D22030;
   color: #000000;
   font-weight: 500;
   padding-bottom: 2px;
   transition: all 0.25s ease;
 }
 .admissionRequiremnetContainer a:hover {
   border-bottom: 1px solid #000000;
   color: #ad001d;
 }
 .admissionRequiremnetContainer a.btngray {
   background: #D22030;
   padding-bottom: 14px !important;
   width: auto;
 }
 .admissionRequiremnetContainer a.btngray:hover {
   background: #ad001d;
 }
 .admissionRequiremnetContainer h2 {
   margin-bottom: 2rem;
 }
 .admissionRequiremnetContainer .admissionListBox {
   border-top: 2px solid #D22030;
   background: #F6F7F9;
   padding: 40px 30px 30px 30px;
   margin-bottom: 45px;
 }
 .admissionRequiremnetContainer .admissionListBox ul {
   list-style-type: none;
   margin: 0 0 25px 0;
   padding: 0;
 }
 .admissionRequiremnetContainer .admissionListBox ul li {
   margin-bottom: 18px;
   color: #000000;
   background: url(../images/icons/iconBullet.svg) no-repeat;
   padding-left: 40px;
   min-height: 24px;
 }
 @media (min-width: 1199px) {
   .admissionRequiremnetContainer .admissionListBox ul li:last-child {
     margin-bottom: 0;
   }
 }
 .admissionRequiremnetContainer .admissionListBox ul li ul {
   list-style-type: disc;
 }
.admissionRequiremnetContainer .admissionListBox h2 {
    margin-bottom: 1.3rem;
    padding-top: 0.5rem;
  }
  .admissionRequiremnetContainer .applyNowButton {
    margin-top: 35px;
  }
  .admissionRequiremnetContainer .applyNowButton a {
   display: inline-block;
   background: #D22030;
   color: #fff;
   padding: 1.12rem 6rem;
   text-align: center;
   transition: all 0.25s ease;
   font-weight: 700;
   font-size: 1.12rem;
   text-decoration: none;
 }
 .admissionRequiremnetContainer .applyNowButton a:hover {
   background: #ad001d;
 }
 @media (max-width: 1024px) {
   .admissionRequiremnetContainer .applyNowButton a {
     display: block;
   }
 }
 @media (max-width: 767px) {
   .admissionRequiremnetContainer .applyNowButton a {
     padding-left: 3rem;
     padding-right: 3rem;
   }
 }
 
 .applicantsContainer {
   border: 1px solid #C0C0C0;
   padding: 40px 30px 30px 30px;
   margin-bottom: 45px;
 }
 .applicantsContainer a {
   text-decoration: none;
   border-bottom: 1px solid #D22030;
   color: #000000;
   font-weight: 500;
   padding-bottom: 2px;
   transition: all 0.25s ease;
 }
 .applicantsContainer a:hover {
   border-bottom: 1px solid #000000;
   color: #ad001d;
 }
 .applicantsContainer .btngray {
   background: #D22030;
   padding-bottom: 14px !important;
   width: auto;
   border: 0;
 }
 .applicantsContainer .btngray:hover {
   background: #ad001d;
 }
 .applicantsContainer ul {
   list-style-type: none;
   margin: 0 0 20px 0;
   padding: 0;
 }
 .applicantsContainer ul li {
   margin-bottom: 18px;
   color: #000000;
   background: url(../images/icons/iconBullet.svg) no-repeat;
   padding-left: 40px;
   padding-bottom: 1px;
 }
 @media (min-width: 1199px) {
   .applicantsContainer ul li:last-child {
     margin-bottom: 0;
   }
 }
 .applicantsContainer ul li ul {
   list-style-type: disc;
 }
 .admissionRequiremnetContainer .admissionListBox ul li ul li, .applicantsContainer ul li ul li {
   background: none;
   margin-bottom: 0;
   margin-left: 40px;
   margin-top: 15px;
   padding: 0;
 }
 .admissionRequiremnetContainer .admissionListBox ul li ol li, .applicantsContainer ul li ol li {
   background: none;
   margin-bottom: 0;
   margin-bottom: 7px;
   margin-top: 7px;
   padding: 0;
 }
 .applicantsContainer h2 {
   margin-bottom: 1.3rem;
   padding-top: 0.5rem;
 }
 .applicantsOrderedListingContainer {
   border: 1px solid #C0C0C0;
   padding: 40px 30px 30px 30px;
   margin-bottom: 45px;
 }
 .applicantsOrderedListingContainer ol li {
   margin-bottom: 18px;
   color: #000000;
 }
 @media (min-width: 1199px) {
   .applicantsOrderedListingContainer ol li:last-child {
     margin-bottom: 0;
   }
 }
 .applicantsOrderedListingContainer ul li {
   margin-bottom: 18px;
   color: #000000;
 }
 @media (min-width: 1199px) {
   .applicantsOrderedListingContainer ul li:last-child {
     margin-bottom: 0;
   }
 }
 .applicantsOrderedListingContainer ul li strong {
   font-weight: 600;
 }
 .applicantsOrderedListingContainer .keyPointsSection {
   border-top: 1px solid #C0C0C0;
   margin-top: 44px;
   padding-top: 28px;
 }
 .applicantsOrderedListingContainer .keyPointsSection h6 {
   font-size: 1.12rem;
   font-weight: 500;
 }
 .universityBannerContainer {
   background: url(../images/admission/csunBg.jpg) no-repeat;
   background-size: cover;
   min-height: 250px;
   display: flex;
   margin-bottom: 45px;
 }
 @media (max-width: 1024px) {
   .universityBannerContainer {
     flex-direction: column;
   }
 }
 .universityBannerContainer .welcomeBox {
   flex: 1 0 33%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background: rgba(210, 32, 48, 0.85);
 }
 @media (max-width: 1024px) {
   .universityBannerContainer .welcomeBox {
     padding: 40px 0;
   }
 }
 .universityBannerContainer .welcomeBox .smallText {
   color: #fff;
   text-align: center;
   font-size: 1.75rem;
   font-weight: 500;
   line-height: 32px;
   margin-bottom: 12px;
 }
 .universityBannerContainer .aboutBanner {
   flex: 1 0 67%;
   background: rgba(0, 0, 0, 0.85);
   padding: 34px 45px;
   color: #fff;
 }
 .universityBannerContainer .aboutBanner a {
   font-weight: 600;
 }
 
 .courseRequirementContainer {
   margin-bottom: 45px;
   border-bottom: 1px solid #C0C0C0;
   padding-bottom: 30px;
 }
 .courseRequirementContainer .tabularDataBox {
   margin-bottom: 40px;
   margin-top: 40px;
 }
 .courseRequirementContainer .tabularDataBox .customTdBg {
   background: #F6F7F9;
 }
 
 .tutionFeesContainer {
   margin-bottom: 45px;
 }
 .tutionFeesContainer .tabularDataBox-Red .table {
   margin-top: -1px;
 }
 .tutionFeesContainer .feesCalculationSection {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
 @media (max-width: 767px) {
   .tutionFeesContainer .feesCalculationSection {
     flex-direction: column;
   }
 }
 @media (min-width: 992px) and (max-width: 1024px) {
   .tutionFeesContainer .feesCalculationSection {
     flex-direction: column;
   }
 }
 .tutionFeesContainer .feesCalculationSection .amount {
   color: #000000;
   font-size: 1.18rem;
   line-height: 35px;
 }
 .tutionFeesContainer .feesCalculationSection .amount strong {
   font-weight: 600;
 }
 .tutionFeesContainer .feesCalculationSection .termsCondition {
   color: #000000;
   text-align: right;
   font-size: 0.87rem;
   line-height: 23px;
 }
 @media (max-width: 767px) {
   .tutionFeesContainer .feesCalculationSection .termsCondition {
     text-align: left;
     margin-top: 10px;
   }
 }
 @media (min-width: 992px) and (max-width: 1024px) {
   .tutionFeesContainer .feesCalculationSection .termsCondition {
     text-align: left;
     margin-top: 10px;
   }
 }
 .tutionFeesContainer .feesCalculationSection .termsCondition span {
   color: #D22030;
 }
 .tutionFeesContainer .feesBox {
   margin-top: 45px;
 }
 
 .appliedBehaviourAnalysisContainer {
   border: 1px solid #C0C0C0;
   background: #F8F9F8;
   margin-bottom: 45px;
   padding: 45px 22px;
   text-align: center;
 }
 .appliedBehaviourAnalysisContainer .appliedBehaviourAnalysisContentBox h2 {
   line-height: 2.6rem;
 }
 .appliedBehaviourAnalysisContainer .appliedBehaviourAnalysisContentBox h2 span {
   color: #D22030;
   display: block;
 }
 .appliedBehaviourAnalysisContainer .applyNowButton {
   margin-top: 35px;
 }
 .appliedBehaviourAnalysisContainer .applyNowButton a {
   display: inline-block;
   background: #D22030;
   color: #fff;
   padding: 1.12rem 6rem;
   text-align: center;
   transition: all 0.25s ease;
   font-weight: 700;
   font-size: 1.12rem;
   text-decoration: none;
 }
 .appliedBehaviourAnalysisContainer .applyNowButton a:hover {
   background: #ad001d;
 }
 @media (max-width: 1024px) {
   .appliedBehaviourAnalysisContainer .applyNowButton a {
     display: block;
   }
 }
 @media (max-width: 767px) {
   .appliedBehaviourAnalysisContainer .applyNowButton a {
     padding-left: 3rem;
     padding-right: 3rem;
   }
 }
 
 .multipleProgramContainer {
   margin-bottom: 66px;
   margin-top: 66px;
 }
 .multipleProgramContainer .programBgSection {
   background: url(../images/prospectiveStudents/studentsPogramsBg.jpg);
   background-repeat: no-repeat !important;
   background-color: #000000 !important;
   background-size: cover !important;
   background-position: center !important;
   min-height: 400px;
   padding: 62px 50px 62px 70px;
   position: relative;
 }
 .multipleProgramContainer .programBgSection:after {
   content: "";
   z-index: 0;
   background: rgba(0, 0, 0, 0.6);
   /* background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(185,225,255,0) 27%); */
   position: absolute;
   top: 0px;
   width: 100%;
   height: 100%;
   left: 0px;
 }
 @media (max-width: 767px) {
   .multipleProgramContainer .programBgSection {
     padding: 30px 25px;
   }
 }
 @media (min-width: 768px) and (max-width: 1199px) {
   .multipleProgramContainer .programBgSection {
     padding-left: 50px;
   }
 }
 .multipleProgramContainer .programBgSection .programTagLine {
   color: #fff;
   font-size: 2.31rem;
   font-weight: 600;
   line-height: 42px;
   z-index: 1;
   position: relative;
 }
 @media (max-width: 767px) {
   .multipleProgramContainer .programBgSection .programTagLine {
     font-size: 1.5rem;
     line-height: 30px;
     margin-bottom: 30px;
   }
 }
 @media (min-width: 768px) and (max-width: 1199px) {
   .multipleProgramContainer .programBgSection .programTagLine {
     margin-bottom: 40px;
   }
 }
 .multipleProgramContainer .programDetailBoxRepeat {
   margin-bottom: 35px;
   background: #D22030;
   box-shadow: 0 0 0 1px transparent;
   cursor: pointer;
   transition: width 0.2s ease;
   z-index: 1;
   position: relative;
 }
 .multipleProgramContainer .programDetailBoxRepeat:last-child {
   margin-bottom: 0px;
 }
 .multipleProgramContainer .programDetailBoxRepeat:hover {
   box-shadow: 0 0 0 1px #fff;
 }
 .multipleProgramContainer .programDetailBoxRepeat .programName {
   padding-right: 15px;
 }
 @media (max-width: 767px) {
   .multipleProgramContainer .programDetailBoxRepeat .programName {
     padding-top: 0.93rem;
     text-align: center;
     padding-right: 0;
   }
 }
 .multipleProgramContainer .programDetailBoxRepeat .programName h6 {
   color: #fff;
   font-weight: 600;
   margin-bottom: 0;
 }
 @media (max-width: 767px) {
   .multipleProgramContainer .programDetailBoxRepeat .programName h6 {
     margin-bottom: 0.93rem;
   }
 }
 @media (max-width: 1024px) {
   .multipleProgramContainer .mobileimg {
     width: 100%;
   }
 }
 
 .multipleProgramLinksContainer {
   margin-bottom: 66px;
 }
 @media (max-width: 1024px) {
   .multipleProgramLinksContainer {
     margin-bottom: 36px;
   }
 }
 .multipleProgramLinksContainer .multiprogramRepeater {
   background: #fff;
   box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.12);
 }
 @media (max-width: 1024px) {
   .multipleProgramLinksContainer .multiprogramRepeater {
     margin-bottom: 30px;
   }
 }
 .multipleProgramLinksContainer .multiprogramRepeater .multiprogramContent {
   padding: 38px 34px;
 }
 .multipleProgramLinksContainer .multiprogramRepeater .multiprogramContent ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
 .multipleProgramLinksContainer .multiprogramRepeater .multiprogramContent ul li {
   margin-bottom: 15px;
 }
 .multipleProgramLinksContainer .multiprogramRepeater .imagePlaceHolder {
   text-align: end;
 }
 @media (max-width: 767px) {
   .multipleProgramLinksContainer .multiprogramRepeater .imagePlaceHolder {
     text-align: center;
   }
 }
 
 .videoTourcontainer {
   padding-bottom: 36px;
   background: #F8F9F8;
 }
 .videoTourcontainer .heading {
   margin-top: 60px;
 }
 .videoTourcontainer .videotourWrapperRepeat {
   position: relative;
 }
 @media (max-width: 1024px) {
   .videoTourcontainer .videotourWrapperRepeat {
     margin-bottom: 30px;
   }
 }
 .videoTourcontainer .videotourWrapperRepeat img {
   width: 100%;
   max-height: 100%;
 }
 .videoTourcontainer .videotourWrapperRepeat .overlay {
   background: rgba(0, 0, 0, 0.4);
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }
 .videoTourcontainer .videotourWrapperRepeat .videoTitle h4 {
   color: #fff;
   margin-top: 22px;
   margin-bottom: 0;
 }
 
 .connectDiscoverGrowContainer {
   background: url(../images/prospectiveStudents/connectDiscoverGrowBg.jpg) no-repeat;
   background-color: #000000;
   background-size: cover;
   min-height: 500px;
   padding-top: 90px;
   padding-bottom: 70px;
 }
 .connectDiscoverGrowContainer .connectDiscoverGrowHeader {
   padding-bottom: 45px;
   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
   margin-bottom: 25px;
 }
 .connectDiscoverGrowContainer .connectDiscoverGrowHeader .headingLine {
   color: #fff;
   text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   font-size: 6.37rem;
   font-weight: 800;
   line-height: normal;
   letter-spacing: -2.04px;
   text-align: center;
 }
 @media (min-width: 320px) and (max-width: 574px) {
   .connectDiscoverGrowContainer .connectDiscoverGrowHeader .headingLine {
     font-size: 5rem;
   }
 }
 @media (min-width: 1280px) and (max-width: 1529px) {
   .connectDiscoverGrowContainer .connectDiscoverGrowHeader .headingLine {
     font-size: 5.8rem;
   }
 }
 .connectDiscoverGrowContainer .connectDiscoverGrowHeader .secongTagLine {
   color: #fff;
   text-align: center;
   font-size: 1.37rem;
   line-height: 37px;
   /* 168.182% */
 }
 .connectDiscoverGrowContainer .csunHousingCampusLifeSection .headingLine h4 {
   color: #fff;
 }
 .connectDiscoverGrowContainer .csunHousingCampusLifeSection .csunHousingCampusLifeRepeatBox {
   position: relative;
   overflow: hidden;
 }
 .connectDiscoverGrowContainer .csunHousingCampusLifeSection .csunHousingCampusLifeRepeatBox img {
   /*width: 100%;*/
   transition: filter 0.5s, transform 0.5s;
   /* Add transitions for a smooth effect */
 }
 .connectDiscoverGrowContainer .csunHousingCampusLifeSection .csunHousingCampusLifeRepeatBox:hover img {
   transform: scale(1.05);
   /* Zoom in by 1% on hover */
 }
 .connectDiscoverGrowContainer .csunHousingCampusLifeSection .csunHousingCampusLifeRepeatBox .nextPageLink {
   position: absolute;
   right: 25px;
   z-index: 9;
   bottom: 15px;
 }
 @media (min-width: 1280px) and (max-width: 1530px) {
   .connectDiscoverGrowContainer .csunHousingCampusLifeSection .csunHousingCampusLifeRepeatBox .nextPageLink {
     bottom: 15px;
     right: 15px;
   }
 }
 .connectDiscoverGrowContainer .csunHousingCampusLifeSection .csunHousingCampusLifeRepeatBox .csunHousingCampusLifeText {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   z-index: 1;
   position: absolute;
   width: 100%;
   height: 60px;
   bottom: 0px;
   left: 0px;
   /*background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 9.89%, rgba(0, 0, 0, 0.79) 100%);*/
   transition: height 0.5s, padding 0.5s;
   /* Add transition for a smooth effect */
 }
 .connectDiscoverGrowContainer .csunHousingCampusLifeSection .csunHousingCampusLifeRepeatBox .csunHousingCampusLifeText .textHeading {
   display: block;
   color: #fff;
   font-size: 1.12rem;
   font-weight: 600;
   background: rgba(0, 0, 0, 0.8);
   padding: 15px 20px;
 }
 .connectDiscoverGrowContainer .csunHousingCampusLifeSection .csunHousingCampusLifeRepeatBox .csunHousingCampusLifeText .textDescription {
   color: #fff;
   line-height: 22px;
   display: none;
   padding: 0 20px;
 }
 .connectDiscoverGrowContainer .csunHousingCampusLifeSection .csunHousingCampusLifeRepeatBox:hover .csunHousingCampusLifeText {
   height: 100%;
   /* Adjust the height on hover */
   padding-bottom: 40px;
   /*background: linear-gradient(180deg, rgba(0, 0, 0, .75) 9.89%, rgba(0, 0, 0, 1) 100%);*/
   background: rgba(0, 0, 0, 0.83);
   justify-content: flex-start;
 }
 .connectDiscoverGrowContainer .csunHousingCampusLifeSection .csunHousingCampusLifeRepeatBox:hover .csunHousingCampusLifeText .textDescription {
   display: block;
 }
 .connectDiscoverGrowContainer .csunHousingCampusLifeSection .csunHousingCampusLifeRepeatBox:hover .csunHousingCampusLifeText .textHeading {
   background: transparent !important;
 }
 
 .studentNumberIncrementContainer {
   margin-bottom: 70px;
 }
 @media (max-width: 1280px) {
   .studentNumberIncrementContainer .numberContainer {
     margin-bottom: 0.3rem;
   }
 }
 .studentNumberIncrementContainer .numberContainer.animate .number {
   animation: count 2s forwards;
 }
 @keyframes count {
   0% {
     counter-reset: 0;
   }
   100% {
     counter-reset: var(--counter);
   }
 }
 .studentNumberIncrementContainer .numberContainer .numberInfo {
   border-right: 1px solid rgba(0, 0, 0, 0.19);
   line-height: 36px;
   text-align: center;
 }
 @media (max-width: 767px) {
   .studentNumberIncrementContainer .numberContainer .numberInfo {
     border-bottom: 1px solid rgba(0, 0, 0, 0.19);
     padding-bottom: 19px;
     margin-bottom: 19px;
     border-right: 0;
   }
 }
 .studentNumberIncrementContainer .numberContainer .numberInfo .number {
   color: #D22030;
   font-size: 3.37rem;
   font-weight: 700;
 }
 .studentNumberIncrementContainer .numberContainer .numberInfo .text {
   color: #000000;
   font-size: 1.37rem;
   font-weight: 500;
   margin-top: 19px;
 }
 .studentNumberIncrementContainer .numberContainer .numberInfo.borderRight0 {
   border-right: 0;
 }
 @media (max-width: 767px) {
   .studentNumberIncrementContainer .numberContainer .numberInfo.borderRight0 {
     border-bottom: 0px solid rgba(0, 0, 0, 0.19);
     padding-bottom: 0rem;
     margin-bottom: 0rem;
   }
 }
 
 .lifeCsunCampusContainer {
   margin-bottom: 70px;
 }
 .lifeCsunCampusContainer .lifeCsunBgOuter {
   background: url(../images/campusLife/lifeCsunRedBg.jpg);
   background-repeat: no-repeat !important;
   background-size: cover !important;
   background-position: center !important;
   padding: 80px 0;
   position: relative;
 }
 .lifeCsunCampusContainer .lifeCsunBgOuter .imageshadow {
   filter: drop-shadow(0px 0px 114px rgba(0, 0, 0, 0.8));
   /* width:100%;*/
 }
 .lifeCsunCampusContainer .lifeCsunBgOuter .iconContainer {
   position: absolute;
   left: 50%;
   top: 60%;
   transform: translateY(-50%);
   transform: translateX(-50%);
 }
 .lifeCsunCampusContainer .campusImageContainer ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
   display: flex;
 }
 @media (max-width: 767px) {
   .lifeCsunCampusContainer .campusImageContainer ul {
     flex-direction: column;
   }
 }
 .lifeCsunCampusContainer .campusImageContainer ul li {
   flex: 1;
   border-right: 1px solid #fff;
 }
 .lifeCsunCampusContainer .campusImageContainer ul li:last-child {
   border-right: 0;
 }
 .lifeCsunCampusContainer .campusImageContainer ul li img {
   width: 100%;
 }
 .lifeCsunCampusContainer .aboutCampusSection {
   margin-top: 70px;
 }
 .lifeCsunCampusContainer .aboutCampusSection p {
   line-height: 26px;
 }
 .lifeCsunCampusContainer.lifeCSunCampus-Inner {
   margin-bottom: 0px;
 }
 
 .campusMultiServiceContainer {
   margin-bottom: 50px;
 }
 @media (max-width: 767px) {
   .campusMultiServiceContainer {
     margin-bottom: 0px;
   }
 }
 
 .campusMultiServiceOuter {
   position: relative;
   background: url(../images/campusLife/libraryBg.jpg);
   background-repeat: no-repeat !important;
   background-color: #000000 !important;
   background-size: cover !important;
   min-height: 350px;
   position: relative;
 }
 .campusMultiServiceOuter:after {
   content: "";
   z-index: 0;
   background-color: rgba(0, 0, 0, 0.6);
   /* background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(185,225,255,0) 27%); */
   position: absolute;
   top: 0px;
   width: 100%;
   height: 100%;
   left: 0px;
 }
 @media (max-width: 767px) {
   .campusMultiServiceOuter {
     min-height: auto;
     margin-bottom: 30px;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .campusMultiServiceOuter {
     margin-bottom: 30px;
   }
 }
 .campusMultiServiceOuter .campusMultiServiceContent {
   /* position:absolute;
    top:0;*/
   padding: 44px 48px;
   position: relative;
   z-index: 1;
 }
 @media (max-width: 767px) {
   .campusMultiServiceOuter .campusMultiServiceContent {
     padding: 22px 24px;
   }
 }
 .campusMultiServiceOuter .campusMultiServiceContent h2 {
   max-width: 250px;
   line-height: 3rem;
   margin-bottom: 1.8rem;
 }
 .campusMultiServiceOuter .campusMultiServiceContent a {
   color: #fff !important;
   font-weight: 700;
   border-bottom: 2px solid #D22030 !important;
 }
 .campusMultiServiceOuter .campusMultiServiceContent a:hover {
   border-color: #fff !important;
   color: #fff !important;
 }
 .campusMultiServiceOuter .campusMultiServiceContent .subContent {
   color: #fff;
   font-size: 1.25rem;
   line-height: 27px;
   max-width: 229px;
 }
 
 .singleBannerContainer {
   margin-bottom: 50px;
 }
 .singleBannerContainer .singleBannereOuter {
   position: relative;
   background: url(../images/campusLife/campusSafteyBg.jpg);
   background-repeat: no-repeat !important;
   background-color: #000000 !important;
   background-size: cover !important;
   min-height: 350px;
 }
 @media (max-width: 767px) {
   .singleBannerContainer .singleBannereOuter {
     min-height: auto;
     /*margin-bottom:30px;*/
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .singleBannerContainer .singleBannereOuter {
     margin-bottom: 30px;
   }
 }
 .singleBannerContainer .singleBannereOuter .singleBannereOuterContent {
   /*position:absolute;
   top:0;*/
   padding: 44px 48px;
 }
 @media (max-width: 767px) {
   .singleBannerContainer .singleBannereOuter .singleBannereOuterContent {
     padding: 22px 24px;
   }
 }
 .singleBannerContainer .singleBannereOuter .singleBannereOuterContent h2 {
   max-width: 250px;
   line-height: 3rem;
   margin-bottom: 1.8rem;
 }
 .singleBannerContainer .singleBannereOuter .singleBannereOuterContent a {
   color: #fff !important;
   font-weight: 700;
   border-bottom: 2px solid #D22030 !important;
 }
 .singleBannerContainer .singleBannereOuter .singleBannereOuterContent a:hover {
   border-color: #fff !important;
   color: #fff !important;
 }
 .singleBannerContainer .singleBannereOuter .singleBannereOuterContent .subContent {
   color: #fff;
   font-size: 1.25rem;
   line-height: 27px;
   max-width: 235px;
 }
 
 .campusRequestinfoContainer {
   margin-bottom: 60px;
 }
 .campusRequestinfoContainer .sectionbg {
   background: #D22030;
 }
 @media (min-width: 992px) and (max-width: 1024px) {
   .campusRequestinfoContainer .requestInfoBg {
     flex: 1;
   }
 }
 @media (min-width: 1280px) and (max-width: 1919px) {
   .campusRequestinfoContainer .requestInfoBg {
     background: #000000;
   }
 }
 @media (min-width: 992px) and (max-width: 1024px) {
   .campusRequestinfoContainer .requestInfoBg img {
     width: 100%;
   }
 }
 .campusRequestinfoContainer .requestInfoContainer {
   position: absolute;
   bottom: 45px;
   color: #fff;
   left: 45px;
 }
 .campusRequestinfoContainer .requestInfoContainer .smallHeading {
   line-height: 36px;
   margin-bottom: 8px;
 }
 .campusRequestinfoContainer .requestInfoContainer .largeHeading {
   font-size: 2.25rem;
   font-weight: 700;
   line-height: 36px;
   margin-bottom: 30px;
 }
 @media (min-width: 1280px) and (max-width: 1535px) {
   .campusRequestinfoContainer .requestInfoContainer .largeHeading {
     font-size: 1.5rem;
     line-height: 26px;
   }
 }
 .campusRequestinfoContainer .requestInfoContainer .quickCallBox .smallText {
   font-size: 0.87rem;
   font-weight: 600;
   line-height: 17px;
   margin-bottom: 14px;
 }
 .campusRequestinfoContainer .requestInfoContainer .quickCallBox .number {
   font-size: 1.87rem;
   font-weight: 700;
   line-height: 17px;
 }
 .campusRequestinfoContainer .requestFormSection {
   margin: 52px 52px 43px 52px;
 }
 @media (max-width: 991px) {
   .campusRequestinfoContainer .requestFormSection {
     margin: 30px;
   }
 }
 .campusRequestinfoContainer .requestFormSection input[type=text], .campusRequestinfoContainer .requestFormSection input[type=email], .campusRequestinfoContainer .requestFormSection input[type=tel], .campusRequestinfoContainer .requestFormSection textarea {
   color: #000000;
   font-size: 0.87rem;
   font-weight: 500;
   border-radius: 0;
   padding: 12px 16px;
 }
 .campusRequestinfoContainer .requestFormSection input[type=text]::placeholder, .campusRequestinfoContainer .requestFormSection input[type=email]::placeholder, .campusRequestinfoContainer .requestFormSection input[type=tel]::placeholder, .campusRequestinfoContainer .requestFormSection textarea::placeholder {
   color: #000000;
 }
 .campusRequestinfoContainer .requestFormSection input[type=checkbox] {
   padding: 5px;
 }
 .campusRequestinfoContainer .requestFormSection input[type=submit] {
   border: 3px solid #fff;
   color: #fff;
   font-size: 1.12rem;
   font-weight: 700;
   letter-spacing: 0.18px;
   background: transparent;
   padding: 18px 107px;
 }
 @media (max-width: 991px) {
   .campusRequestinfoContainer .requestFormSection input[type=submit] {
     width: 100%;
     padding-left: 0;
     padding-right: 0;
   }
 }
 .campusRequestinfoContainer .requestFormSection .form-check-label {
   color: #fff;
   font-size: 0.75rem;
   font-weight: 500;
   line-height: 17px;
 }
 .campusRequestinfoContainer .requestFormSection .capchaPlaceholder {
   margin: 20px 0;
 }
 
 .pathCareerContainer {
   background-color: #D22030;
 }
 .pathCareerContainer .pathCareer {
   text-align: center;
   padding: 60px 0 151px 0;
 }
 .pathCareerContainer.compact .pathCareer {
  text-align: center;
  padding: 20px 0 121px 0;
}
@media (max-width: 991.98px) {
   .pathCareerContainer .pathCareer {
     padding: 50px 0px 100px;
   }
   .pathCareerContainer.compact .pathCareer {
    padding: 15px 0px 100px;
  }
}
 @media (max-width: 1024px) {
   .pathCareerContainer .pathCareer br {
     display: none;
   }
 }
 .pathCareerContainer div {
   color: #fff;
 }
 .pathCareerContainer .heading {
   font-size: 4.31rem;
   font-weight: bold;
 }
 @media (max-width: 767.98px) {
   .pathCareerContainer .heading {
     font-size: 2.313rem;
   }
 }
 .pathCareerContainer .subHeading {
   font-size: 2.063rem;
   margin-bottom: 25px;
   border-bottom: 0.5px solid #EC5A67;
   padding-bottom: 25px;
 }
 .pathCareerContainer.compact .subHeading {
  margin-bottom: 10px;
  padding-bottom: 10px;
 }
  @media (max-width: 767.98px) {
   .pathCareerContainer .subHeading {
     font-size: 1.31rem;
   }
 }
 .pathCareerContainer .para {
   font-size: 1.12rem;
   max-width: 55%;
   margin-left: auto;
   margin-right: auto;
 }
 .pathCareerContainer .para a {
   color: #fff;
 }
 @media (max-width: 991.98px) {
   .pathCareerContainer .para {
     padding: 0 0 40px;
     max-width: 90%;
   }
   .pathCareerContainer.compact .para {
    padding: 0 0 20px;
  }
}
 .pathCareerContainer .paraOneliner {
   font-size: 1.12rem;
 }
 .pathCareerContainer .paraOneliner a {
   color: #fff;
 }
 @media (max-width: 991.98px) {
   .pathCareerContainer .paraOneliner {
     padding: 0 0 40px;
     max-width: 90%;
   }
   .pathCareerContainer .paraOneliner {
    padding: 0 0 20px;
   }
  }
 
 .programFieldTabContainer {
   margin-top: -90px;
   z-index: 1;
   position: relative;
 }
 .programFieldTabContainer .nav-item {
   flex: 1;
   margin-right: 10px;
 }
 .programFieldTabContainer .nav-item:last-child {
   margin-right: 0;
 }
 .programFieldTabContainer .nav-tabs {
   border: 0;
   display: flex;
 }
 .programFieldTabContainer .nav-tabs .nav-link {
   color: #282728;
   /*background-color: $tseng-secondary-hover;*/
   background-color: #D9D9D9;
   font-size: 1.25rem;
   width: 100%;
   height: 100%;
   border-radius: 0;
   font-weight: 700;
   padding: 15px;
   border: 0;
   min-height: 75px;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .programFieldTabContainer .nav-tabs .nav-link img, .programFieldTabContainer .accordion-header .accordion-button img {
   margin-right: 10px;
 }
 .programFieldTabContainer .nav-tabs .nav-link.active {
   color: #282728;
   background-color: #fff;
   font-weight: 700;
   border: 0;
 }
 .programFieldTabContainer .tab-content {
   box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.09);
   padding: 40px 40px 8px 40px;
   background-color: #fff;
 }
 @media (max-width: 991.98px) {
   .programFieldTabContainer .tab-content {
     padding: 20px;
   }
 }
 .programFieldTabContainer .tab-pane {
   border: 0;
 }
 .programFieldTabContainer .ourAlumni {
   margin-top: 60px;
   margin-bottom: 60px;
 }
 .programFieldTabContainer .ourAlumni .subHeading {
   color: #D22030;
   font-weight: 600;
   font-size: 1.12rem;
 }
 .programFieldTabContainer .ourAlumni li {
   font-size: 0.875rem;
   line-height: 24px;
 }
 .programFieldTabContainer .ourAlumni li::marker {
   color: #D22030;
 }
 .programFieldTabContainer .companiesHiringContainer {
   background-color: #F6F7F9;
   padding: 27px 40px 40px 40px;
   margin-bottom: 40px;
 }
 .programFieldTabContainer .companiesHiring {
   position: relative;
 }
 .programFieldTabContainer .companiesHiring img {
   max-width: 75%;
 }
 .programFieldTabContainer .companiesHiring .owl-dots {
   display: none;
 }
 @media (max-width: 991px) {
   .programFieldTabContainer .companiesHiring .owl-dots {
     display: block;
   }
 }
 .programFieldTabContainer .companiesHiring.owl-theme .owl-nav {
   margin-top: 0;
 }
 .programFieldTabContainer .companiesHiring.owl-carousel .owl-nav button.owl-prev {
   position: absolute;
   position: absolute;
   left: -30px;
   /* top: 0; */
   font-size: 4rem;
   color: #D22030;
   transition: all 0.25s ease;
   /* transform: translateY(50%); */
   top: 0;
   bottom: 0;
   margin: auto 0;
 }
 .programFieldTabContainer .companiesHiring.owl-carousel .owl-nav button.owl-prev:hover {
   color: #ad001d;
   background: transparent;
 }
 .programFieldTabContainer .companiesHiring.owl-carousel .owl-nav button.owl-prev.disabled {
   color: #55565A;
 }
 .programFieldTabContainer .companiesHiring.owl-carousel .owl-nav button.owl-next {
   position: absolute;
   right: -30px;
   /* top: 0; */
   font-size: 4rem;
   color: #D22030;
   transition: all 0.25s ease;
   /* transform: translateY(50%); */
   top: 0;
   bottom: 0;
   margin: auto 0;
 }
 .programFieldTabContainer .companiesHiring.owl-carousel .owl-nav button.owl-next:hover {
   color: #ad001d;
   background: transparent;
 }
 .programFieldTabContainer .companiesHiring.owl-carousel .owl-nav button.owl-next.disabled {
   color: #55565A;
 }
 @media (max-width: 991px) {
   .programFieldTabContainer .companiesHiring.owl-theme .owl-dots .owl-dot.active span, .programFieldTabContainer .companiesHiring.owl-theme .owl-dots .owl-dot:hover span {
     background: #D22030;
   }
 }
 .programFieldTabContainer .accordion-body {
   padding: 0;
 }
 @media (max-width: 1199px) {
   .programFieldTabContainer .tab-content > .tab-pane {
     display: block;
     opacity: 1;
   }
 }
 @media (max-width: 1199px) {
   .programFieldTabContainer .accordion-button:not(.collapsed) {
     background: #fff;
     color: #000000;
   }
   .programFieldTabContainer .accordion-button:not(.collapsed):after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
     rotate: 0deg;
   }
   .programFieldTabContainer .accordion-button {
     background: #D22030;
     color: #fff;
     font-size: 1.25rem;
     font-weight: 700;
     margin-bottom: 10px;
   }
   .programFieldTabContainer .accordion-button:after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
   }
 }
 .programFieldTabContainer.accrediationContainer {
   background-color: #F6F7F9;
   margin-bottom: 50px;
   margin-top: 0;
 }
 
 .PublicSectorSocialServices .card {
   margin-bottom: 50px;
 }
 .PublicSectorSocialServices .heading {
   font-size: 2.125rem;
   font-weight: bold;
 }
 .PublicSectorSocialServices .descriptiontxt {
   line-height: 28px;
   padding-top: 10px;
   padding-bottom: 40px;
 }
 @media (max-width: 1199px) {
   .PublicSectorSocialServices {
     margin-top: 20px;
   }
 }
 
 .newPathContainer {
   background-color: #F6F7F9;
   padding: 50px 0;
 }
 .newPathContainer .accordion-item {
   border-radius: 0 !important;
   border: 0;
   box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.09);
 }
 .newPathContainer .accordion-button::after {
   background-image: url("../images/portfolio_home/btn1.svg");
 }
 .newPathContainer .accordion-button:not(.collapsed) {
   background-color: #D22030;
   border-radius: 0 !important;
   color: #fff;
   box-shadow: none;
   padding-bottom: 0;
   font-size: 1.25rem;
   font-weight: 500;
   margin-bottom: -1px;
   /*padding-left:40px;*/
 }
 .newPathContainer .accordion-button:not(.collapsed)::after {
   background-image: url("../images/portfolio_home/btn.svg");
   transform: rotate(0);
 }
 @media (max-width: 1199px) {
   .newPathContainer .accordion-button:not(.collapsed) {
     padding-left: 17px;
   }
 }
 .newPathContainer .accordion-button.collapsed {
   border-radius: 0 !important;
   font-weight: 600;
   font-size: 1.25rem;
 }
 .newPathContainer .accordion-button:focus:not(:focus-visible):focus {
   -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
 }
 .newPathContainer .accordion-button:focus:not(:focus-visible):focus-visible {
   -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
 }
 .newPathContainer .accordion-button:focus:focus {
   -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
 }
 .newPathContainer .accordion-button:focus:focus-visible {
   -webkit-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
   -moz-box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
   box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
 }
 .newPathContainer .accordion-collapse {
   background-color: #D22030;
   color: #fff;
   border-radius: 0 !important;
 }
 .newPathContainer .accordion-body .card img {
   height: 100%;
   object-fit: cover;
 }
 @media (max-width: 575px) {
   .newPathContainer .accordion-body .card img {
     width: 100%;
     max-height: 200px;
     object-fit: cover;
     object-position: top;
   }
 }
 .newPathContainer .accordion-body .card .heading {
   font-weight: bold;
   display: inline-block;
   font-size: 1.12rem;
 }
 @media (min-width: 1200px) and (max-width: 1536px) {
   .newPathContainer .accordion-body .card .heading {
     font-size: 1rem;
   }
 }
 @media (min-width: 1200px) and (max-width: 1536px) {
   .newPathContainer .accordion-body .card .heading {
     font-size: 1rem;
   }
 }
 .newPathContainer .accordion-body .card .heading a {
   color: #000000;
   border-bottom: 2px solid #D22030;
   text-decoration: none;
   line-height: 24px;
 }
 .newPathContainer .accordion-body .card .heading a:hover {
   border-bottom: 2px solid #000000;
   color: #ad001d;
 }
 @media (min-width: 320px) and (max-width: 1024px) {
   .newPathContainer .accordion-body {
     padding: 14px 17px !important;
   }
 }
 .newPathContainer #masterDegree .accordion-body {
   padding: 20px 40px 25px 40px;
 }
 
 .cSunWhyContainer {
   padding-top: 45px;
 }
 .cSunWhyContainer .whyCsunText {
   color: #000000;
   text-align: center;
   font-size: 3.37rem;
   font-weight: 300;
   line-height: 120px;
   text-transform: uppercase;
 }
 @media (min-width: 320px) and (max-width: 405px) {
   .cSunWhyContainer .whyCsunText {
     line-height: 70px;
     margin-bottom: 24px;
   }
 }
 .cSunWhyContainer .cSun-textImg {
   text-align: center;
   margin-bottom: 56px;
 }
 .cSunWhyContainer .cSun-textImg img {
   max-width: 100%;
 }
 
 .cSunNumberSliderContainer {
   margin-bottom: 70px;
 }
 .cSunNumberSliderContainer .cSunNumberSliderRepeat {
   border: 14px solid #D9D9D9;
   padding: 50px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   transition: all 0.25s ease;
 }
 @media (min-width: 1270px) and (max-width: 1420px) {
   .cSunNumberSliderContainer .cSunNumberSliderRepeat {
     min-height: 230px;
   }
 }
 .cSunNumberSliderContainer .cSunNumberSliderRepeat:hover {
   border-color: #D22030;
 }
 .cSunNumberSliderContainer .cSunNumberSliderRepeat.animate .number {
   animation: count 2s forwards;
 }
 @keyframes count {
   0% {
     counter-reset: 0;
   }
   100% {
     counter-reset: var(--counter);
   }
 }
 .cSunNumberSliderContainer .cSunNumberSliderRepeat .numberInfo .number {
   color: #D22030;
   font-size: 2.12rem;
   font-weight: 700;
   line-height: 40px;
 }
 .cSunNumberSliderContainer .cSunNumberSliderRepeat .numberInfo .text {
   color: #000000;
   font-size: 1.37rem;
   font-weight: 500;
   line-height: 25px;
   margin-top: 10px;
 }
 .cSunNumberSliderContainer .whyCsun-cSunNumberSliderCarousel.owl-theme .owl-dots .owl-dot.active span, .cSunNumberSliderContainer .whyCsun-cSunNumberSliderCarousel.owl-theme .owl-dots .owl-dot:hover span {
   background: #D22030;
 }
 
 .imageLeftBoxInfoSection {
   margin-bottom: 2px;
 }
 .imageLeftBoxInfoSection .whyCsunReadBox {
   position: relative;
 }
 @media (max-width: 991px) {
   .imageLeftBoxInfoSection .whyCsunReadBox img {
     min-height: 250px;
     object-fit: cover;
   }
 }
 @media (min-width: 992px) and (max-width: 1535px) {
   .imageLeftBoxInfoSection .whyCsunReadBox img {
     height: 500px;
     object-fit: cover;
   }
 }
 @media (min-width: 1921px) {
   .imageLeftBoxInfoSection .whyCsunReadBox img {
     object-fit: cover;
     width: 100%;
   }
 }
 .imageLeftBoxInfoSection .overlay {
   opacity: 0.6;
 }
 .imageLeftBoxInfoSection .imageLeftBoxInfoText {
   max-width: 450px;
   position: absolute;
   min-height: 100px;
   left: 84px;
   top: 50%;
   width: 100%;
   padding: 40px;
   transform: translateY(-50%);
   background: #fff;
 }
 @media (max-width: 991px) {
   .imageLeftBoxInfoSection .imageLeftBoxInfoText {
     position: relative;
     transform: none;
     left: 0;
     top: 0;
     padding: 20px;
     max-width: 100%;
   }
 }
 @media (min-width: 1921px) {
   .imageLeftBoxInfoSection .imageLeftBoxInfoText {
     max-width: 550px;
   }
 }
 .imageLeftBoxInfoSection .imageLeftBoxInfoText h2 {
   line-height: 39px;
   margin-bottom: 25px;
 }
 @media (min-width: 1921px) {
   .imageLeftBoxInfoSection .imageLeftBoxInfoText h2 {
     line-height: normal;
   }
 }
 .imageLeftBoxInfoSection .imageLeftBoxInfoText span {
   color: #D22030;
 }
 
 .imageRightBoxInfoSection .whyCsunReadBox {
   position: relative;
 }
 @media (max-width: 991px) {
   .imageRightBoxInfoSection .whyCsunReadBox img {
     min-height: 250px;
     object-fit: cover;
   }
 }
 @media (min-width: 992px) and (max-width: 1535px) {
   .imageRightBoxInfoSection .whyCsunReadBox img {
     height: 500px;
     object-fit: cover;
   }
 }
 @media (min-width: 1921px) {
   .imageRightBoxInfoSection .whyCsunReadBox img {
     object-fit: cover;
     width: 100%;
   }
 }
 .imageRightBoxInfoSection .overlay {
   opacity: 0.6;
 }
 .imageRightBoxInfoSection .imageRightBoxInfoText {
   max-width: 450px;
   position: absolute;
   min-height: 100px;
   right: 84px;
   top: 50%;
   width: 100%;
   padding: 40px;
   transform: translateY(-50%);
   background: #fff;
 }
 @media (max-width: 991px) {
   .imageRightBoxInfoSection .imageRightBoxInfoText {
     position: relative;
     transform: none;
     left: 0;
     top: 0;
     padding: 20px;
     max-width: 100%;
   }
 }
 @media (min-width: 1921px) {
   .imageRightBoxInfoSection .imageRightBoxInfoText {
     max-width: 550px;
   }
 }
 .imageRightBoxInfoSection .imageRightBoxInfoText h2 {
   line-height: 39px;
   margin-bottom: 25px;
 }
 @media (min-width: 1921px) {
   .imageRightBoxInfoSection .imageRightBoxInfoText h2 {
     line-height: normal;
   }
 }
 .imageRightBoxInfoSection .imageRightBoxInfoText span {
   color: #D22030;
 }
 
 .standOutSpacesContainer {
   margin-top: 150px;
   position: relative;
 }
 .standOutSpacesContainer #gallery .col {
   flex-basis: 20%;
 }
 @media (max-width: 767px) {
   .standOutSpacesContainer #gallery .col {
     flex-basis: 100%;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .standOutSpacesContainer #gallery .col {
     flex-basis: 50%;
   }
 }
 .standOutSpacesContainer .img-wrapper {
   position: relative;
 }
 .standOutSpacesContainer .img-wrapper img {
   width: 100%;
 }
 .standOutSpacesContainer .img-overlay {
   background: rgba(0, 0, 0, 0.7);
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   opacity: 0;
 }
 .standOutSpacesContainer .img-overlay i {
   color: #fff;
   font-size: 3em;
 }
 .standOutSpacesContainer #overlay {
   background: rgba(0, 0, 0, 0.7);
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   z-index: 9999;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .standOutSpacesContainer #overlay img {
   margin: 0;
   width: 80%;
   height: auto;
   object-fit: contain;
   padding: 5%;
 }
 @media screen and (min-width: 768px) {
   .standOutSpacesContainer #overlay img {
     width: 60%;
   }
 }
 @media screen and (min-width: 1200px) {
   .standOutSpacesContainer #overlay img {
     width: 50%;
   }
 }
 .standOutSpacesContainer #nextButton {
   color: #fff;
   font-size: 2em;
   transition: opacity 0.8s;
 }
 .standOutSpacesContainer #nextButton:hover {
   opacity: 0.7;
 }
 @media screen and (min-width: 768px) {
   .standOutSpacesContainer #nextButton {
     font-size: 3em;
   }
 }
 .standOutSpacesContainer #prevButton {
   color: #fff;
   font-size: 2em;
   transition: opacity 0.8s;
 }
 .standOutSpacesContainer #prevButton:hover {
   opacity: 0.7;
 }
 @media screen and (min-width: 768px) {
   .standOutSpacesContainer #prevButton {
     font-size: 3em;
   }
 }
 .standOutSpacesContainer #exitButton {
   color: #fff;
   font-size: 2em;
   transition: opacity 0.8s;
   position: absolute;
   top: 15px;
   right: 15px;
 }
 .standOutSpacesContainer #exitButton:hover {
   opacity: 0.7;
 }
 @media screen and (min-width: 768px) {
   .standOutSpacesContainer #exitButton {
     font-size: 3em;
   }
 }
 .standOutSpacesContainer .standOutSpaceHeader {
   color: #C4C4C4;
   text-align: center;
   font-size: 6.5rem;
   font-style: normal;
   font-weight: 700;
   position: absolute;
   top: -116px;
   z-index: 9;
   width: 100%;
 }
 @media (min-width: 320px) and (max-width: 360px) {
   .standOutSpacesContainer .standOutSpaceHeader {
     font-size: 2em;
     top: -32px;
   }
 }
 @media (min-width: 361px) and (max-width: 767px) {
   .standOutSpacesContainer .standOutSpaceHeader {
     font-size: 2.6em;
     top: -40px;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .standOutSpacesContainer .standOutSpaceHeader {
     font-size: 5em;
     top: -78px;
   }
 }
 @media (min-width: 992px) and (max-width: 1800px) {
   .standOutSpacesContainer .standOutSpaceHeader {
     top: -109px;
   }
 }
 .standOutSpacesContainer .standOutSpaceHeader span {
   color: #D22030;
 }
 
 /*Accordian type -2*/
 .tseng-AccordianType2 {
   background-color: #F6F7F9;
   padding-top: 75px;
   padding-bottom: 75px;
 }
 .tseng-AccordianType2.spacing {
   margin-bottom: 45px;
 }
 .tseng-AccordianType2 h2 span, .tseng-AccordianType2 h3 span,.tseng-AccordianType2 h4 span,.tseng-AccordianType2 h5 span {
   color: #D22030;
 }
 .tseng-AccordianType2 .accordion-item {
   border: 0;
   border-radius: 0;
   background: #FFF;
   box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.05);
   margin-bottom: 12px;
 }
 .tseng-AccordianType2 .accordion-item:first-of-type > .accordion-header .accordion-button {
   border-radius: 0;
 }
 .tseng-AccordianType2 .accordion-button {
   color: #000000;
   font-weight: 700;
   line-height: 23px;
   font-size: 1.25rem;
   padding: 25px 40px;
 }
 @media (max-width: 767px) {
   .tseng-AccordianType2 .accordion-button {
     padding: 15px 20px;
     font-size: 1.2rem;
   }
 }
 .tseng-AccordianType2 .accordion-button::after {
   background-image: url("../images/whyCsun/btnDown.svg");
   width: 2.5rem;
   background-size: auto;
   height: 2.3rem;
 }
 @media (max-width: 1800px) {
   .tseng-AccordianType2 .accordion-button::after {
     height: 2.8rem;
     width: 2.8rem;
   }
 }
 .tseng-AccordianType2 .accordion-button:not(.collapsed) {
   background-color: #fff;
   border-left: 4px solid #D22030;
   border-radius: 0;
   box-shadow: none;
 }
 .tseng-AccordianType2 .accordion-button:not(.collapsed)::after {
   background-image: url("../images/whyCsun/btnUp.svg");
   transform: rotate(0);
 }
 .tseng-AccordianType2 .accordion-collapse {
   border-left: 4px solid #D22030;
 }
 .tseng-AccordianType2 .csunDescription {
   color: #000000;
   line-height: 26px;
 }
 .tseng-AccordianType2 .csunDescription a {
   text-decoration: none;
   border-bottom: 1px solid #D22030;
   color: #000000;
   font-weight: 500;
   padding-bottom: 2px;
   transition: all 0.25s ease;
 }
 .tseng-AccordianType2 .csunDescription a:hover {
   border-bottom: 1px solid #000000;
   color: #ad001d;
 }
 .tseng-AccordianType2 .accordion-body {
   padding: 0px 40px 20px 40px;
 }
 @media (max-width: 767px) {
   .tseng-AccordianType2 .accordion-body {
     padding: 0px 20px 15px 20px;
   }
 }
 
 .csunRedRibbonContainer {
   background: #D22030;
   padding: 40px 0;
   margin-bottom: 60px;
 }
 .csunRedRibbonContainer .csunContactUs-Info {
   color: #fff;
   line-height: 26px;
 }
 .csunRedRibbonContainer .csunContactUs-Info a {
   color: #fff;
 }
 .csunRedRibbonContainer .csunContactUs-Info a:hover {
   text-decoration: none;
 }
 
 .csunDepartmentContactContainer {
   margin-bottom: 55px;
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat {
   border: 1px solid #D22030;
   background: #fff;
   padding: 40px;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunDepartmentemail-number {
   margin-top: 10px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   margin-bottom: 25px;
 }
 @media (max-width: 767px) {
   .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunDepartmentemail-number {
     flex-direction: column;
   }
 }
 @media (min-width: 1024px) and (max-width: 1280px) {
   .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunDepartmentemail-number {
     flex-direction: column;
   }
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunDepartmentemail-number .csunEmail {
   display: flex;
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunDepartmentemail-number .csunEmail .iconEmail {
   margin-right: 12px;
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunDepartmentemail-number .csunEmail .emailid a {
   text-decoration: none;
   border-bottom: 1px solid #D22030;
   color: #000000;
   padding-bottom: 2px;
   transition: all 0.25s ease;
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunDepartmentemail-number .csunEmail .emailid a:hover {
   border-bottom: 1px solid #000000;
   color: #ad001d;
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunDepartmentemail-number .csunContactNum {
   display: flex;
 }
 @media (max-width: 767px) {
   .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunDepartmentemail-number .csunContactNum {
     margin-top: 20px;
   }
 }
 @media (min-width: 1024px) and (max-width: 1280px) {
   .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunDepartmentemail-number .csunContactNum {
     margin-top: 20px;
   }
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunDepartmentemail-number .csunContactNum .iconTel {
   margin-right: 12px;
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunContactDesc .topic {
   font-weight: 500;
   margin-bottom: 10px;
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunContactDesc .contentDesc {
   margin-bottom: 40px;
   line-height: 26px;
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunContactDesc .contentDesc a {
   text-decoration: none;
   border-bottom: 1px solid #D22030;
   color: #000000;
   padding-bottom: 2px;
   transition: all 0.25s ease;
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunContactDesc .contentDesc a:hover {
   border-bottom: 1px solid #000000;
   color: #ad001d;
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunContactDesc .btnCsunContact a {
   display: inline-block;
   background: #D22030;
   color: #fff;
   flex: 1;
   padding: 18px 30px;
   text-align: center;
   text-decoration: none;
   transition: all 0.25s ease;
   font-weight: 700;
 }
 .csunDepartmentContactContainer .csunDepartmentContactRepeat .csunContactDesc .btnCsunContact a:hover {
   background: #ad001d;
 }
 
 .studentSectionContainer.contactUsLearnMore .studentInfoButtonContainer {
   width: 70%;
 }
 @media (max-width: 767px) {
   .studentSectionContainer.contactUsLearnMore .studentInfoButtonContainer {
     width: 100%;
   }
 }
 @media (min-width: 768px) and (max-width: 991px) {
   .studentSectionContainer.contactUsLearnMore .studentInfoButtonContainer {
     width: 90%;
   }
 }
 
 .latestNewsContainer {
   background: #D22030;
   padding: 50px 0 70px 0;
   margin-bottom: 55px;
   position: relative;
 }
 .latestNewsContainer .latestNewsSection h2 {
   color: #fff;
 }
 .latestNewsContainer .latestNewsSection .newsScroller .latestNewsRepeat {
   position: relative;
   -webkit-box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.5);
   margin-bottom: 30px;
   cursor: pointer;
 }
 .latestNewsContainer .latestNewsSection .newsScroller .latestNewsRepeat .imageSection {
   position: relative;
   overflow: hidden;
 }
 .latestNewsContainer .latestNewsSection .newsScroller .latestNewsRepeat .imageSection:after {
   content: "";
   z-index: 0;
   /*background-color: rgba(0,0,0,0.6);*/
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
   position: absolute;
   top: 0px;
   width: 100%;
   height: 100%;
   left: 0px;
 }
 .latestNewsContainer .latestNewsSection .newsScroller .latestNewsRepeat .imageSection img {
   transition: 0.3s;
 }
 .latestNewsContainer .latestNewsSection .newsScroller .latestNewsRepeat .imageSection img:hover {
   transform: scale(1.1);
 }
 .latestNewsContainer .latestNewsSection .newsScroller .latestNewsLines {
   position: absolute;
   bottom: 46px;
   font-size: 1.75rem;
   font-weight: 700;
   line-height: 40px;
   color: #fff;
   left: 40px;
   right: 40px;
 }
 @media (max-width: 991px) {
   .latestNewsContainer .latestNewsSection .newsScroller .latestNewsLines {
     left: 20px;
     right: 20px;
     line-height: 25px;
     font-size: 1.3rem;
     bottom: 26px;
   }
 }
 @media (min-width: 1024px) and (max-width: 1280px) {
   .latestNewsContainer .latestNewsSection .newsScroller .latestNewsLines {
     left: 20px;
     right: 20px;
     line-height: 25px;
     font-size: 1.3rem;
     bottom: 26px;
   }
 }
 .latestNewsContainer .latestNewsSection .newsScroller .latestNewsLines a {
   color: #fff;
   text-decoration: none;
 }
 .latestNewsContainer .latestNewsSection .newsScroller .latestNewsLines a:hover {
   text-decoration: underline;
 }
 .latestNewsContainer .latestNewsSection .newsScroller .news-latestNewsCarousel {
   position: relative;
 }
 @media (max-width: 991px) {
   .latestNewsContainer .latestNewsSection .newsScroller .news-latestNewsCarousel.owl-theme .owl-dots .owl-dot.active span, .latestNewsContainer .latestNewsSection .newsScroller .news-latestNewsCarousel.owl-theme .owl-dots .owl-dot:hover span {
     background: #fff;
   }
 }
 .latestNewsContainer .latestNewsSection .newsScroller .news-latestNewsCarousel .owl-dots {
   display: none;
 }
 @media (max-width: 991px) {
   .latestNewsContainer .latestNewsSection .newsScroller .news-latestNewsCarousel .owl-dots {
     display: block;
   }
 }
 .latestNewsContainer .latestNewsSection .newsScroller .news-latestNewsCarousel.owl-theme .owl-nav {
   margin-top: 0;
 }
 .latestNewsContainer .latestNewsSection .newsScroller .news-latestNewsCarousel.owl-carousel .owl-nav button.owl-prev {
   position: absolute;
   right: 40px;
   top: -120px;
   font-size: 4rem;
   color: #fff;
   transition: all 0.25s ease;
 }
 .latestNewsContainer .latestNewsSection .newsScroller .news-latestNewsCarousel.owl-carousel .owl-nav button.owl-prev:hover {
   background: transparent;
 }
 .latestNewsContainer .latestNewsSection .newsScroller .news-latestNewsCarousel.owl-carousel .owl-nav button.owl-prev.disabled {
   color: rgba(255, 255, 255, 0.5);
 }
 .latestNewsContainer .latestNewsSection .newsScroller .news-latestNewsCarousel.owl-carousel .owl-nav button.owl-next {
   position: absolute;
   right: 0;
   top: -120px;
   font-size: 4rem;
   color: #fff;
   transition: all 0.25s ease;
 }
 .latestNewsContainer .latestNewsSection .newsScroller .news-latestNewsCarousel.owl-carousel .owl-nav button.owl-next:hover {
   background: transparent;
 }
 .latestNewsContainer .latestNewsSection .newsScroller .news-latestNewsCarousel.owl-carousel .owl-nav button.owl-next.disabled {
   color: rgba(255, 255, 255, 0.5);
 }
 
 .csun-searchContainer .newsEvent-SearchBox {
   background: #55565A;
   padding: 26px;
   margin-bottom: 60px;
 }
 .csun-searchContainer .newsEvent-SearchBox .newsEventName input {
   border-radius: 0;
   border: 0;
   padding: 18px 25px;
   color: #D22030;
 }
 .csun-searchContainer .newsEvent-SearchBox .newsEventName input::placeholder {
   color: #000000;
 }
 .csun-searchContainer .newsEvent-SearchBox .newsEventName .searchTrigger {
   border-radius: 0;
   border: 0;
   padding: 0;
   background: #D22030;
 }
 .csun-searchContainer .newsEvent-SearchBox .newsEventName .searchTrigger button {
   background: transparent;
   border: 0;
   min-width: 60px;
 }
 .csun-searchContainer .searchResultContainer {
   margin-bottom: 78px;
 }
 .csun-searchContainer .searchResultContainer .searchResult-pic {
   margin-right: 30px;
   flex: 1 0 40%;
 }
 @media (max-width: 767px) {
   .csun-searchContainer .searchResultContainer .searchResult-pic {
     margin-right: 0px;
     margin-bottom: 20px;
   }
 }
 @media (min-width: 1024px) and (max-width: 1439px) {
   .csun-searchContainer .searchResultContainer .searchResult-pic {
     margin-right: 0px;
     margin-bottom: 20px;
   }
 }
 .csun-searchContainer .searchResultContainer .searchResult-desc span {
   display: block;
   padding-top: 6px;
 }
 .csun-searchContainer .searchResultContainer .searchResult-desc a {
   font-size: 1.12rem;
   font-weight: 600;
   line-height: 30px;
   text-decoration: none;
   border-bottom: 1px solid #D22030;
   padding-bottom: 2px;
   transition: all 0.25s ease;
   color: #000000;
 }
 .csun-searchContainer .searchResultContainer .searchResult-desc a:hover {
   border-bottom: 1px solid #000000;
 }
 .csun-searchContainer .searchResultContainer .searchResultRepeatBox {
   display: flex;
 }
 @media (max-width: 767px) {
   .csun-searchContainer .searchResultContainer .searchResultRepeatBox {
     flex-direction: column;
   }
 }
 @media (min-width: 1024px) and (max-width: 1439px) {
   .csun-searchContainer .searchResultContainer .searchResultRepeatBox {
     flex-direction: column;
   }
 }
 .csun-searchContainer .searchResultContainer .loadMoreContainer {
   margin: 70px 0;
   text-align: center;
 }
 .csun-searchContainer .searchResultContainer .loadMoreContainer a {
   color: #D22030;
   font-size: 1.12rem;
   font-weight: 700;
   line-height: normal;
   text-decoration: none;
   transition: all 0.25s ease;
   border: 1px solid #D22030;
   padding: 18px 65px;
 }
 .csun-searchContainer .searchResultContainer .loadMoreContainer a:hover {
   background: #D22030;
   color: #fff;
 }
 
 .mediaEnquiryContainer .mediaEnquiryBox {
   border: 5px solid #D22030;
   padding: 30px;
   display: flex;
   margin-bottom: 78px;
 }
 @media (max-width: 991px) {
   .mediaEnquiryContainer .mediaEnquiryBox {
     flex-direction: column;
   }
 }
 .mediaEnquiryContainer .mediaEnquiryBox .mediaQRepeat {
   flex: 1 0 20%;
   display: flex;
   align-items: center;
 }
 @media (max-width: 991px) {
   .mediaEnquiryContainer .mediaEnquiryBox .mediaQRepeat {
     flex: 1 0 100%;
     padding-bottom: 15px;
   }
   .mediaEnquiryContainer .mediaEnquiryBox .mediaQRepeat:last-child {
     padding-bottom: 0;
   }
 }
 @media (min-width: 1024px) and (max-width: 1280px) {
   .mediaEnquiryContainer .mediaEnquiryBox .mediaQRepeat {
     margin-right: 10px;
   }
 }
 .mediaEnquiryContainer .mediaEnquiryBox .mediaQRepeat h4 {
   margin-bottom: 0px;
 }
 .mediaEnquiryContainer .mediaEnquiryBox .mediaQRepeat .mediaIcon {
   margin-right: 12px;
 }
 .mediaEnquiryContainer .mediaEnquiryBox .mediaQRepeat .mediaText a {
   color: #000000;
   text-decoration: none;
   border-bottom: 1px solid transparent;
 }
 .mediaEnquiryContainer .mediaEnquiryBox .mediaQRepeat .mediaText a:hover {
   text-decoration: underline;
 }
 
 .followUsContainer {
   background: #F6F7F9;
   padding: 50px 0;
 }
 .followUsContainer .pageEmbedContainer .pageEmbedOuter {
   background: #E7E7E7;
   padding: 32px;
   border-radius: 5px;
 }
 .followUsContainer .pageEmbedContainer .pageEmbedOuter .pageFacebook {
   -webkit-box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.5);
   background: #fff;
   height: 400px;
   border-radius: 12px;
 }
 @media (max-width: 991px) {
   .followUsContainer .pageEmbedContainer .pageEmbedOuter .pageFacebook {
     margin-bottom: 30px;
   }
 }
 .followUsContainer .pageEmbedContainer .pageEmbedOuter .pageFacebook .fb_iframe_widget iframe {
   width: 100% !important;
 }
 .followUsContainer .pageEmbedContainer .pageEmbedOuter .pageFacebook .fb-page.fb_iframe_widget, .followUsContainer .pageEmbedContainer .pageEmbedOuter .pageFacebook .fb-page.fb_iframe_widget span {
   width: 100% !important;
 }
 .followUsContainer .pageEmbedContainer .pageEmbedOuter .pageX {
   -webkit-box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.5);
   background: #fff;
   height: 400px;
   overflow: hidden;
   border-radius: 12px;
 }
 @media (max-width: 991px) {
   .followUsContainer .pageEmbedContainer .pageEmbedOuter .pageX {
     margin-bottom: 30px;
   }
 }
 .followUsContainer .pageEmbedContainer .pageEmbedOuter .pageInstagram {
   -webkit-box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 12px 21px 0px rgba(0, 0, 0, 0.5);
   background: #fff;
   height: 400px;
   overflow: hidden;
   border-radius: 12px;
 }
 @media (max-width: 991px) {
   .followUsContainer .pageEmbedContainer .pageEmbedOuter .pageInstagram {
     margin-bottom: 30px;
   }
 }
 
 .staffDirectorySearchContainer {
   background: #FFF;
   box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.08);
   margin-bottom: 51px;
 }
 .staffDirectorySearchContainer .browseByName {
   margin-bottom: 30px;
 }
 .staffDirectorySearchContainer .browseByName .accordion-item {
   border: 0;
   border-radius: 0;
 }
 .staffDirectorySearchContainer .browseByName .accordion-item:first-of-type > .accordion-header .accordion-button {
   border-radius: 0;
   border-bottom: 1px solid rgba(195, 195, 195, 0.6);
   padding-left: 0;
 }
 .staffDirectorySearchContainer .browseByName .accordion-button {
   color: #000000;
   font-weight: 600;
 }
 .staffDirectorySearchContainer .browseByName .accordion-button::after {
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23D22030' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
 }
 .staffDirectorySearchContainer .browseByName .accordion-button:not(.collapsed) {
   background-color: #fff;
   border-radius: 0;
   box-shadow: none;
   border-bottom: 0px !important;
 }
 .staffDirectorySearchContainer .browseByName .accordion-button:not(.collapsed)::after {
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23D22030' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
 }
 .staffDirectorySearchContainer .browseByName .accordion-button:focus:not(:focus-visible) {
   outline: 1px solid gray !important;
 }
 .staffDirectorySearchContainer .browseByName .accordion-button:focus {
   outline: 1px solid gray !important;
 }
 .staffDirectorySearchContainer .browseByName .accordion-body {
   padding-left: 0;
 }
 .staffDirectorySearchContainer .searchByalphabet ul {
   padding: 0;
   margin: 0;
   display: flex;
 }
 .staffDirectorySearchContainer .searchByalphabet li {
   font-weight: 700;
   list-style-type: none;
   margin-right: 8px;
   text-align: center;
 }
 .staffDirectorySearchContainer .searchByalphabet li a {
   color: #D22030;
   display: block;
   padding: 6px 12px;
   border: 1px solid #D22030;
   text-decoration: none;
 }
 .staffDirectorySearchContainer .searchByalphabet li a:hover {
   background-color: #D22030;
   color: #fff;
 }
 .staffDirectorySearchContainer .searchByalphabet li a.active {
   background-color: #D22030;
   color: #fff;
 }
 @media (max-width: 1280px) {
   .staffDirectorySearchContainer .searchByalphabet {
     overflow-x: auto;
     width: 100%;
   }
 }
 .staffDirectorySearchContainer .labelstaffSearch {
   font-weight: 600;
   margin-bottom: 15px;
 }
 .staffDirectorySearchContainer .searchNameBox {
   border: 2px solid rgba(195, 195, 195, 0.3);
   background: #FFF;
   padding: 10px 15px;
   margin-bottom: 35px;
   display: flex;
 }
 .staffDirectorySearchContainer .searchNameBox input[type=search] {
   border: 0;
   padding: 13px 0;
   flex: 1 0 90%;
 }
 .staffDirectorySearchContainer .searchNameBox input[type=search]::placeholder {
   color: #000000;
 }
 @media (max-width: 425px) {
   .staffDirectorySearchContainer .searchNameBox input[type=search] {
     flex: 1 0 85%;
   }
 }
 .staffDirectorySearchContainer .searchNameBox button {
   border: 0;
   background-color: transparent;
 }
 .staffDirectorySearchContainer .searchDropDown {
   border: 2px solid rgba(195, 195, 195, 0.3);
   background: #FFF;
   margin-bottom: 35px;
 }
 .staffDirectorySearchContainer .searchDropDown .ddSearchOption {
   border-radius: 0;
   border: 0;
   background: #fff;
   padding: 20px 16px;
 }
 .staffDirectorySearchContainer .searchDropDown .ddSearchOption .dropdown .btn {
   border-color: transparent;
   width: 100%;
   text-align: left;
   color: #D22030;
   font-size: 1.18rem;
   font-weight: 600;
   padding: 0;
 }
 .staffDirectorySearchContainer .searchDropDown .ddSearchOption .dropdown .btn:focus {
   outline: 1px solid gray !important;
 }
 .staffDirectorySearchContainer .searchDropDown .ddSearchOption .dropdown .dropdown-toggle:after {
   float: right;
   border: 0;
   background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23D22030' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>");
   background-repeat: no-repeat;
   width: 16px;
   height: 16px;
   margin-top: 6px;
   margin-left: 0;
 }
 .staffDirectorySearchContainer .searchDropDown .ddSearchOption .dropdown .dropdown-menu {
   padding: 0rem 0.6rem 0.8rem 0.6rem;
   box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.12);
   border: 0;
   border-radius: 0;
   width: 100%;
 }
 .staffDirectorySearchContainer .searchDropDown .ddSearchOption .dropdown .dropdown-menu a {
   font-family: "Roboto Slab", serif;
   font-size: 1.125rem;
   padding: 0.5rem 0;
   transition: all 0.25s ease;
   box-shadow: 0 0.1em #bec6c3;
   white-space: normal;
 }
 .staffDirectorySearchContainer .searchDropDown .ddSearchOption .dropdown .dropdown-menu a:hover, .staffDirectorySearchContainer .searchDropDown .ddSearchOption .dropdown .dropdown-menu a:focus {
   color: #D22030;
   background-color: transparent;
   box-shadow: 0 0.25em #D22030;
 }
 
 .staffDirectoryResultContainer h2 span {
   color: #D22030;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer.executiveOfficers {
   padding-bottom: 60px;
   border-bottom: 1px solid rgba(195, 195, 195, 0.6);
   margin-bottom: 60px;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox {
   background-color: #fff;
   border: 1px solid #D9D9D9;
   filter: drop-shadow(0px 4px 24px rgba(0, 0, 0, 0.1));
   display: flex;
 }
 @media (max-width: 1279px) {
   .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox {
     flex-direction: column;
     height: 100%;
   }
 }
 @media (min-width: 1280px) and (max-width: 1366px) {
   .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox {
     height: 100%;
   }
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffPortrait {
   flex: 1 0 30%;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffPortrait img {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 1024px) {
   .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffPortrait .customStaffPortrait {
     max-height: 400px;
     object-fit: cover;
     width: 100%;
     object-position: top;
   }
 }
 @media (min-width: 1024px) and (max-width: 1279px) {
   .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffPortrait .customStaffPortrait {
     max-height: 400px;
     object-fit: cover;
     width: 100%;
     object-position: top;
   }
 }
 @media (min-width: 1280px) and (max-width: 1366px) {
   .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffPortrait .customStaffPortrait {
     height: 310px;
     object-fit: cover;
     width: 100%;
     object-position: top;
   }
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile {
   flex: 1 0 70%;
   padding: 27px;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffProfileupperDetails {
   margin-bottom: 25px;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffProfileupperDetails .staffName {
   /*display:flex;*/
   color: #D22030;
   font-size: 1.37rem;
   font-weight: 700;
   margin-bottom: 5px;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffProfileupperDetails .staffName .fName {
   margin-right: 5px;
   display: inline;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffProfileupperDetails .staffName .lName {
   display: inline;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffProfileupperDetails .staffDesignation {
   color: #000000;
   font-weight: 600;
   line-height: 19px;
   margin-bottom: 5px;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffProfileupperDetails .staffDept {
   color: #000000;
   font-size: 0.87rem;
   line-height: 19px;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffEmail {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffEmail .emailIcon {
   margin-right: 15px;
   width: 22px;
   text-align: center;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffEmail .emailID {
   color: #000000;
   font-size: 0.87rem;
   line-height: 29px;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffEmail .emailID a {
   color: #000000;
   text-decoration: none;
   border-bottom: 1px solid transparent;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffEmail .emailID a:hover {
   text-decoration: underline;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffOtherInfoContainer {
   display: flex;
   flex-wrap: wrap;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffOtherInfoContainer .staffOtherInfoSection {
   flex: 1 0 50%;
   display: flex;
   margin-bottom: 10px;
   align-items: flex-end;
 }
 @media (min-width: 768px) and (max-width: 1024px) {
   .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffOtherInfoContainer .staffOtherInfoSection {
     flex-basis: 100%;
     align-items: center;
     margin-bottom: 15px;
   }
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffOtherInfoContainer .staffOtherInfoSection .otherInfoIcon {
   margin-right: 15px;
   width: 22px;
   text-align: center;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffOtherInfoContainer .staffOtherInfoSection .otherInfoTxt {
   color: #000000;
   font-size: 0.87rem;
 }
 .staffDirectoryResultContainer .staffDirectoryRepeatBoxContainer .staffDirectoryRepeatBox .staffProfile .staffOtherInfoContainer .staffOtherInfoSection .otherInfoTxt strong {
   font-weight: 700;
 }
 .staffDirectoryResultContainer .loadMoreContainer {
   margin: 70px 0;
   text-align: center;
 }
 .staffDirectoryResultContainer .loadMoreContainer a {
   color: #D22030;
   font-size: 1.12rem;
   font-weight: 700;
   line-height: normal;
   text-decoration: none;
   transition: all 0.25s ease;
   border: 1px solid #D22030;
   padding: 18px 65px;
 }
 @media (max-width: 767px) {
   .staffDirectoryResultContainer .loadMoreContainer a {
     display: block;
   }
 }
 .staffDirectoryResultContainer .loadMoreContainer a:hover {
   background: #D22030;
   color: #fff;
 }
 
 .admissionRequiremnetContainer.quicktips {
   padding-top: 49px;
 }
 
 .accessibilityContainer .introduction {
   margin-bottom: 25px;
 }
 .accessibilityContainer .accessibilityOS table tr:nth-child(odd) {
   background: transparent;
 }
 .accessibilityContainer .accessibilityOS table td {
   font-size: 0.87rem;
   line-height: 30px;
 }
 .accessibilityContainer .accessibilityOS table td:first-child {
   background: #F9F9F9;
 }
 .accessibilityContainer .accessibilityOS table td:first-child strong {
   font-size: 1.12rem;
   font-weight: 700;
 }
 .accessibilityContainer .accessibilityOS table td:nth-child(2) img {
   margin-bottom: 5px;
   margin-right: 8px;
 }
 /* list-item overrides */
 ul.checks {
  list-style-type: none !important;
  margin: 0 0 25px 0 !important;
  padding: 0 !important;
}
ul.checks>li {
  margin-bottom: 18px !important;
  color: #000000 !important;
  background: url(../images/icons/iconBullet.svg) no-repeat !important;
  padding-left: 40px !important;
  min-height: 24px !important;
}
ul.checks.compact>li, ul.compact.checks>li {
  margin-bottom: 7px !important;
  min-height: 0 !important;
}
ul.classic {
  list-style-type: disc !important;
  list-style-position: inside;
  margin: 0 0 25px 0 !important;
}
ul.classic>li {
  background: none !important;
  margin-bottom: 0 !important;
  margin-left: 0px !important;
  margin-top: 10px !important;
  padding: 0 !important;
}
ul.classic.compact>li, ul.compact.classic>li {
  margin-top: 0px !important;
}
ol.circled {
  display: block;
  padding: 0 0 25px 0;
  margin-bottom:0;
  list-style: none;
  overflow: hidden;
  counter-reset: numList;
}
ol.circled>li {
  margin-bottom: 18px !important;
  position: relative;
  padding-left: 40px !important;
}
ol.circled>li:before {
  counter-increment: numList;
  content: counter(numList);
  float: left;
  position: absolute;
  left: 0;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  line-height: 24px;
  width: 24px; 
  height: 24px;
  background: #D22030;
  -moz-border-radius: 999px;
  border-radius: 999px
}
ol.circled>li:last-child {
  margin-bottom: 0;
}
ol>li>ul, ol>li>ol, ol>li>ul.checks {
  margin-top:13px !important;
}
/* cookie consent */
#cookiesjsr {
  --font-size-reset: 0.8rem !important;
}
.cookiesjsr-btn {
  font-size: 1.12rem !important;
  font-weight: 700;
  text-transform: unset;
}

/* end list item overrides */
 /*# sourceMappingURL=child-theme.css.map */