@charset "UTF-8";
/* CSS Document */
/**************************************/
/**** WORKFORCE IS WATIING FOR YOU ****/
/**************************************/
.infoPanelLight {
  display: flex;
  max-width: 900px;
  margin: 0 auto;
}
.infoRuleList3 .btnBox {
  margin-left:  0px !important;;
}
.infoRuleList1 ol {
  padding: 15px;
}

.infoPanelLight .column {
  width: 100%; /* Adjust as needed */
}
.infoPanelLight .column img {
  width: 85%;
  height: auto;
}
.infoPanelLight .column {
  text-align: left;
}
.infoPanelLight .columnText h4 {
  color: #333;
  font-size:40px;
  margin-right:20px;
  line-height:45px;
}
.infoPanelLight .columnText p {
  color: #666;
  max-width: 90%;
  margin-top:-30px;
  font-family:"Libre Franklin",sans-serif;
  font-size:16px;
}
.infoPanelLight .resource-heading {
  font-size: 36px;
  line-height: 1.2em;
  margin-top: -15px;
}
.infoPanelLight .long-black-line {
  padding-top: 24px;
  border-bottom: 1px solid black;
  width: 80%; /* Adjust this to control the length of the line */
}
.infoPanelLight .btnBox {
  width: 300px; 
}
/* WP24 responsive video embed for academic departments */
.videoWrapperWP24 {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px; height: 0;
margin-top:45px;}

.videoWrapperWP24 iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 1028px) {
  .infoPanelLight .column img {
    height: 500px;
    object-fit: cover;
  }
}
@media (max-width: 768px) {
  .infoPanelLight {
    flex-direction: column;
    width: 100%;
  }
  .infoPanelLight .columnText {
    text-align: center; /* Center-align text */
  }
  .infoPanelLight .columnText h4 {
    font-size: 8vw; /* Adjust font size for smaller screens */
    line-height: 1.2;
    text-align: left;
  }
  .infoPanelLight .columnText p {
    min-width: 100%;
    text-align: left;
  }
  .infoPanelLight .column {
    order: -1; /* Move the image to the top for better mobile flow */
    width: 100%;
  }
  .infoPanelLight .column img {
    width: 100%; /* Make the image responsive */
    height: auto;
  }
  .infoPanelLight .resource-heading {
    margin-top: 0;
  }
  .infoPanelLight .button-container {
    display: flex; /* Use flexbox */
    flex-direction: column; /* Stack children vertically */
    align-items: center; /* Center children horizontally */
  }
  .btnBox {
    width: 100%; /* Adjust the width as needed */
    margin-bottom: 10px; /* Add space between buttons */
  }
  /* Workforce video carousel mobile width */
              .ewp-carousel1 {
            min-width:100%;
}
}
@media only screen and (max-width: 320px) {
  .btnBox {
    width: 100%;
  }
}
/************************/
/**** BY THE NUMBERS ****/
/************************/
.byTheNumbers {
  display: flex;
  margin: 30px auto 90px auto;
  overflow: hidden;
  max-width: 1000px;
  width: 100%;
  height: 20%;
  padding-top: 50px
}
.dark-section .row h2 {
  color: #fff;
}
.byTheNumbers h3 {
  font-size: 40px;
  margin-top: 0;
  color: #FF6720
}
.byTheNumbers .left-div {
  flex: 1;
  padding: 20px;
  align-items: center;
  background-color: #fff;
}
.byTheNumbers .percentage {
  color: #FF6720;
  font-size: 72pt;
  margin-right: 10px; /* Add spacing between logo and percentage */
  font-family: "Bree Serif", serif;
}
.byTheNumbers .percentage img {
  width: 50px; /* Adjust the width of the image as needed */
  height: auto; /* Maintain aspect ratio */
}
.byTheNumbers .subtext {
  font-family: 'Libre Franklin', sans-serif;
  font-size: 17px;
  color: #000;
  line-height: 25.5px;
}
.byTheNumbers .right-div {
  flex: 2; /* Set to 2 to take up more space */
  background-color: black;
  color: #FF6720; /* Updated color code */
  padding: 20px 40px; /* Add padding to the top and bottom, and more padding to the left and right */
  display: flex; /* Enable flexbox */
  flex-direction: column; /* Arrange contents vertically */
  justify-content: center; /* Align contents vertically */
  align-items: flex-start; /* Align contents to the start (left) */
}
.byTheNumbers .right-div-heading {
  padding-bottom: -5px;
}
.byTheNumbers .average-salary {
  color: #FFFFFF; /* Set text color to white */
  font-size: 16px;
  font-family: 'Libre Franklin', sans-serif;
  margin-top: -35px;
}
.byTheNumbers .noteworthy-jobs {
  color: #FFFFFF; /* Set text color to white */
  font-size: 16px;
  margin-top: 10px;
  font-family: 'Libre Franklin', sans-serif;
}
.byTheNumbers .horizontal-line-white {
  border-top: 1px solid white; /* Set border color to white */
  margin-bottom: -13px;
  width: 100%;
}
.byTheNumbers .department-info ul {
  list-style: none;
  display:flex;
  flex-wrap: wrap;
}
.byTheNumbers .department-info ul li {
  position: relative;
  padding: 5px 15px;
  margin-bottom: 10px;
  font-family: 'Libre Franklin', sans-serif;
  font-size: 17px;
  color: #FFFFFF; /* Updated color code */
  width: 170px;
  font-weight: 700;
}
.byTheNumbers .department-info ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  width: 2px;
  height: 90%;
  background-color: #FF6720; /* Updated color code */
  transform: translateY(-50%);
}
.byTheNumbers .department-name {
  display: block;
  font-size: 13px;
  color: white;
  margin-top: 5px;
  font-style: italic;
  font-weight: 300;
  font-family: 'Libre Franklin', sans-serif;
  width: 155px;
}
.byTheNumbers .dark-section .row h2:nth-of-type(1) {
  color: #fff
}
@media only screen and (max-width: 645px) {
  .byTheNumbers .department-info ul {
    columns: initial;
    -webkit-columns: initial;
    -moz-columns: initial;
    display: flex;
    flex-direction: column;
  }
  .byTheNumbers .department-info ul li {
    width: auto;
  }
  .byTheNumbers .byTheNumbersHead {
    margin: 20px 10px;
  }
  .byTheNumbers {
    flex-direction: column;
    height: auto;
  }
  .byTheNumbers .left-div, .byTheNumbers .right-div {
    align-content: center;
    flex: none;
    width: 90%;
    margin: 0 auto;
  }
  .byTheNumbers .percentage img {
    width: 40px; /* Adjust image size for mobile */
  }
  .byTheNumbers .subtext {
    margin-top: -10px;
  }
  .byTheNumbers .right-div-heading {
    padding-bottom: 25px;
    font-size: 34px;
  }
  .byTheNumbers .noteworthy-jobs {
    padding-top: 5px;
  }
  .byTheNumbers h3 {
   /* margin: 225px auto 0 20px;*/
  }
}
/********************************/
/**** SCIENCE TO OUR SUCCESS ****/
/********************************/
.container1 {
  text-align: center;
  width: auto;
  background-color: #fff;
}
h1 {
  font-size: 32px;
  margin-bottom: 10px;
}
p {
  font-size: 17px;
  color: #333;
  font-family: "Lato", sans-serif;
}
/******************************/
/**** DEPARTMENT ACCORDION ****/
/******************************/
.infoRuleList3 {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  width: 50%;
  background-color: #fff; /* Ensuring the background is white */
}
.infoRuleList3 t {
  font-size: 10px;
  margin-bottom: 10px;
  font-family: "Lato", sans-serif;
}
.infoRuleList3 p {
  font-size: 16px;
  margin-bottom: 25px;
  font-family: "Lato", sans-serif;
}
.infoRuleList3 ol {
  list-style: none;
  padding: 0;
}
.infoRuleList3 ol li {
  position: relative;
  margin-bottom: 10px;
  font-family: "Bree Serif", serif;
  font-size: 18px;
  padding-left: 15px; /* Space for the line */
}
.infoRuleList3 ol li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2px;
  height: 100%;
  background-color: #ff8c00;
}
@media (max-width: 1028px) {
  .infoRuleList3 {
    width: 100%;
  }
}
@media (max-width: 420px) {
  .bWP24Light {
    width: 100%;
  }
}
/* Updated accordion CSS */
.accordionLight1 {
  background-color: #fff; /* Ensuring the background is white */
}
.accordionLight1 .title {
  color: black;
  font-family: "Lato", sans-serif;
  margin-left: 10%;
  background-color: #fff; /* Ensuring the background is white */
}
.accordionLight1 .title p {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  margin-bottom: 0; /* Remove default bottom margin */
  background-color: #fff; /* Ensuring the background is white */
  margin-left: 12%;
}
.accordionLight1 .programAccordion {
  clear: both;
  padding-bottom: 40px;
  background-color: #fff; /* Ensuring the background is white */
}
.accordionLight1 .programAccWP24 {
  border-bottom: 1px solid black;
  overflow: hidden;
  font-family: "Lato", sans-serif;
  background-color: #fff;
  margin-bottom: 10px;
  transition: all 0.5s ease;
  max-width: 700px;
  margin: 0 auto;
}
.accordionLight1 .programAccWP24-btn {
  background-color: transparent;
  border: 2px solid #FF6720;
  border-radius: 50%;
  color: black;
  font-size: 20px;
  cursor: pointer;
  padding: 2px;
  outline: none;
  float: right;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 20px;
  box-sizing: border-box;
  margin-top: 20px;
}
.accordionLight1 .programAccWP24-btn.active {
  background-color: orange;
  color: white;
}
.accordionLight1 .programAccWP24-content {
  max-height: 0;
  overflow: hidden;
  padding: 0 10px;
  background-color: #fff; /* Ensuring the background is white */
  font-family: "Lato", sans-serif;
  transition: max-height 0.5s ease;
  width: 100%;
}
.accordionLight1 .programleft-content {
  float: left;
  width: 95%;
  background-color: #fff; /* Ensuring the background is white */
}
.accordionLight1 .programAccWP24-title {
  font-weight: bold;
  font-family: "Lato", sans-serif;
  color: black;
  font-size: 25px;
  cursor: pointer;
  margin-bottom: 4px;
  background-color: #fff; /* Ensuring the background is white */
}
.accordionLight1 .programAccWP24-paragraph {
  color: black;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 10px;
  background-color: #fff; /* Ensuring the background is white */
}
@media only screen and (max-width: 600px) {
  .accordionLight1 .programleft-content, .accordionLight1 .programright-content {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
    margin-left: 15px;
  }
  .accordionLight1 .title p {
    margin-left: -8%;
  }
  .accordionLight1 .programAccWP24-btn {
    float: right;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-right: 15px;
  }
  .accordionLight1 .programAccWP24-title {
    width: 70%;
    float: left;
    font-size: 20px;
  }
}
/**********************************/
/**** KEY SKILLS & INTERNSHIPS ****/
/**********************************/
.infoRuleList1 {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  width: 60%;
}
.infoRuleList1 t {
  font-size: 13px;
  margin-bottom: 10px;
  font-family: "Libre Franklin", sans-serif;
  font-weight:bold;
}
.infoRuleList1 p {
  font-size: 16px;
  margin-bottom: 25px;
  font-family: "Lato", sans-serif;
}
.infoRuleList1 ol {
  list-style: none;
  columns: 2;
}
.infoRuleList1 ol li {
  padding: 5px 10px;
  position: relative;
  margin-bottom: 10px;
  font-family: "Bree Serif", serif;
  font-size: 18px;
  width: 232px;
}
.infoRuleList1 ol li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  width: 2px;
  height: 90%;
  background-color: #ff8c00;
  transform: translateY(-50%);
}
@media only screen and (max-width: 600px) {
  .infoRuleList1 {
    margin-left: -15px;
    width: 95%;
  }
  .infoRuleList1 ol {
    margin-left: -30px;
    columns: 1;
  }
  .infoRuleList1 t {
    font-size: 12px;
  }
  .infoRuleList1 p {
    font-size: 18px;
  }
}
/**************************/
/**** WHAT YOULL LEARN ****/
/**************************/
.infoRuleList3 {
  margin: -80px auto 20px auto;
  padding: 20px;
  width: 60%;
}
.infoRuleList3 t {
  font-size: 13px;
  margin-bottom: 10px;
  font-family: "Libre Franklin", sans-serif;
  font-weight:bold;
}
.infoRuleList3 p {
  font-size: 16px;
  margin-bottom: 25px;
  font-family: "Lato", sans-serif;
}
.infoRuleList3 ol {
  list-style: none;
  columns: 1;
}
.infoRuleList3 ol li {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  font-family: "Bree Serif", serif;
  font-size: 18px;
  /*! left: -13px; */
}
.infoRuleList3 ol li::before {
  content: "";
  position: absolute;
  top: 50%;
  /*! left: -25px; */
  width: 2px;
  height: 90%;
  background-color: #ff8c00;
  transform: translateY(-50%);
}
@media (max-width: 1028px) {
  .infoRuleList3 {
    width: 100%;
     margin-left: auto;
  }
  
.infoRuleList1 {
    margin-left: 15px !important;;
  
  }
  
}
  @media (max-width:420px) {
    .bWP24Light {
      width: 100%;
    }
  }

/***************************/
/**** POWERHOUSE ALUMNI ****/
/***************************/
/* Our Powerhouse Alumni */
.logoSlider h6 {
  text-align: center;
  font-size: 42px;
}
.logoSlider p {
  text-align: center;
  font-size: 17px;
  line-height: 25px;
  margin: 0 100px;
  font-family: "Libre Franklin", sans-serif;
}
@media (max-width: 768px) {
  .logoSlider h6 {
    text-align: left;
    font-size: 40px;
    line-height: 42px;
  }
  .logoSlider p {
    padding: 0 0 10px 10px;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0 0 -10px;
  }
}

/*********************/
/**** MENTORSHIP ****/
/*********************/
.infoPanelTestimonial {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.infoPanelTestimonial .contentWrap {
  display: flex;
  flex-direction: row;
  width: 80%;
  overflow: hidden;
}
.infoPanelTestimonial .contexTextLight {
  padding-top: -10px;
}
.infoPanelTestimonial .leftPanelLight, .infoPanelTestimonial .rightPanelLight {
  flex: 1;
  overflow-y: none;
  padding: 20px; /* Add padding to panels */
  display: flex;
  justify-content: center;
  align-items: center;
}
.infoPanelTestimonial .leftPanelLight {
  background-color: #fff; /* White background */
  margin-left: 30px;
}
.infoPanelTestimonial .leftPanelLight h3 {
  color: black;
  font-size: 40px;
  line-height: 48px;
  margin-top:-15px;
}
.infoPanelTestimonial .leftPanelLight p {
  font-size: 17px;
  margin-top: 5px;
  font-family: "Libre Franklin", sans-serif;
}
.infoPanelTestimonial .rightPanelLight {
  background-color: #333; /* Dark background */
  color: #fff; /* White text */
  position: relative;
}
.infoPanelTestimonial .rightPanelLight h4 {
  font-size: 18px;
  font-family: 'Bree Serif', serif;
  margin-top: 0px;
  color: #fff !important;
  line-height: 25px;
  letter-spacing:.5px;
}
.infoPanelTestimonial .photoContainer {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.infoPanelTestimonial .photoContainer img {
  width: 100px;
  height: auto;
}
.infoPanelTestimonial .photoDescription {
  margin-left: 10px;
  margin-bottom: 0; /* Remove the margin-bottom */
}
.photoDescription h4 {
  margin-bottom:30px;
}
.infoPanelTestimonial .photoDescription p {
  font-size: 14px; /* Adjust as needed */
  color: #fff;
  margin-top: -30px; /* Remove default margins */
  font-family: "Libre Franklin", sans-serif;
}
@media screen and (max-width: 600px) {
  .infoPanelTestimonial .contentWrap {
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .infoPanelTestimonial .contentWrap {
    flex-direction: column;
    width: 100%;
  }
  .infoPanelTestimonial .leftPanelLight, .infoPanelTestimonial .rightPanelLight {
    margin: 0; /* Remove the margin for both panels */
    width: 100%; /* Make both panels take full width */
  }
}
/*************************************/
/**** READY TO TAKE THE NEXT STEP ****/
/*************************************/
.infoPanelDark {
  display: flex;
  width: 100%;
}
.infoPanelDark .leftPanel, .infoPanelDark .rightPanel {
  flex: 1;
}
.infoPanelDark .leftPanel {
  display: flex;
  align-items: center;
  background-color: #333; /* Light black */
  color: #fff; /* White text */
  text-align: left; /* Center-align text */
  padding: 0 30px 0 80px;
}
.infoPanelDark .leftPanel h2 {
  font-size: 35px; /* Adjust the font size for the heading */
  font-family: 'Bree Serif', serif;
  color: #fff;
  margin: 0; /* Remove the default margin */
  margin-bottom: 10px; /* Adjust the margin-bottom to reduce the gap */
  line-height: 38px;
  padding-left: 40px;
}
.infoPanelDark .leftPanel p {
  font-size: 16px; /* Adjust the font size for the subheading */
  color: #fff; /* White text */
  padding: 0 40px;
  margin-top: 5px; /* Adjust the margin-top to reduce the gap */
}
.infoPanelDark .leftPanel a {
  margin-left: 40px;
}
.infoPanelDark .rightPanel {
  background-color: #333;
  font-size: 16px; /* Decrease font size */
  max-height: 100%; /* Adjust to avoid scrolling */
  position: relative;
}
.infoPanelDark .orange-rule {
  border-left: 3px solid #FF6720;
  margin-left: 40px;
  padding-left: 10px;
  font-family: "Open Sans", arial;
  text-align: left;
}
.infoPanelDark .white-link {
  color: white;
  text-decoration: underline;
  text-decoration-color: #FF6720;
}
.infoPanelDark .rightPanel img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media (max-width: 1028px) {
  .infoPanelDark .rightPanel img {
    height: 500px;
    object-fit: cover;
  }
}
@media (max-width: 768px) {
  .infoPanelDark {
    flex-direction: column;
    width: 100%;
  }
  .infoPanelDark .leftPanel {
    padding: 0 .5%;
  }
  .infoPanelDark .leftPanel a {
    margin-left: 10px;
  }
  .infoPanelDark .leftPanel h2 {
    margin-top: 8px;
    font-size: 19px; /* Adjust font size for smaller screens */
    line-height: 1.2;
  }
  .infoPanelDark .leftPanel p {
    font-size: 15px; /* Adjust font size for smaller screens */
    margin-top: 2%;
  }
  .infoPanelDark .rightPanel {
    order: -1; /* Move the image to the top for better mobile flow */
  }
  .infoPanelDark .rightPanel img {
    width: 100%; /* Make the image responsive */
    height: auto;
  }
  .btnBox {
    width: 95%
  }
}
/***************************/
/**** POWER YOUR FUTURE ****/
/***************************/
/********************/
/***** BOX *******/
/********************/
.photoBkgnd {
  padding: 40px 20px;
  background-color: white;
}
.photoBkgnd img {
  margin: 0 auto;
}
.photoBkgnd .boxLight {
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.photoBkgnd .boxLightCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  max-width: 750px;
  height: 40%;
}
.photoBkgnd .boxLight::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 2px;
  background-color: #D03E00;
}
.photoBkgnd .boxLight-heading {
  color: black;
  font-size: 30px;
  font-family: "Lato", sans-serif, bold;
  margin-bottom: 10px;
  text-align: center;
  font-weight: 550;
}
.photoBkgnd .boxLight-subheading {
  font-size: 23px;
  font-family: "Lato", sans-serif;
  color: black;
  margin-bottom: 15px;
  text-align: center;
  margin-top: 7px;
  width: 75%
}
/********************/
/***** BUTTON *******/
/********************/
.btnWrap {
  display: flex;
  justify-content: center;
}
.btnWrap a {
  margin: 0 10px;
}
/********************/
/***** MEDIA *******/
/********************/
@media only screen and (max-width: 600px) {
  .btnRuleLight:hover::after {
    width: 200px;
    left: 50%; /* Move to the middle of the button */
    transform: translateX(-50%); /* Center the underline horizontally */
  }
  .photoBkgnd {
    background-image: url('/template/wp24/images/mobile_female_graphic_background.jpg?language_id=1');
    background-size: cover;
    background-position: center center; /* Center the background image */
    height: 700px;
  }
  .photoBkgnd img {
    display: none; /* Hide the original outer box image */
  }
  .photoBkgnd .boxLightCenter {
    top: 50%; /* Adjust vertical alignment */
    transform: translate(-50%, -50%);
    width: 80%; /* Adjust the width as needed */
    max-width: 750px; /* Adjust the max-width as needed */
    height: 450px; /* Adjust height to fit content */
    padding: 10px;
  }
  .photoBkgnd .boxLight-heading {
    margin-top: 20px;
    text-align: center; /* Align text to center */
    width: 90%; /* Adjust width to fit the container */
    font-size: 27px;
  }
  .photoBkgnd .boxLight-subheading {
    text-align: center; /* Align text to center */
    width: 90%; /* Adjust width to fit the container */
    font-size: 20px;
    margin-top: 20px;
  }
  .btnWrap {
    display: flex;
    flex-direction: column; /* Stack buttons as a column */
    align-items: center; /* Align buttons to center */
    margin-top: 10px;
  }
  .btnWrap a {
    margin: 5px 0; /* Adjust button spacing */
  }
  .btnRuleLight::after {
    left: 50%;
    transform: translateX(-50%);
    width: 200px; /* Adjust the width as needed */
  }
}
@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .photoBkgnd .boxLightCenter {
    width: 60%; /* Adjust the width as needed */
    max-width: 65%; /* Adjust the max-width as needed */
    padding: 15px; /* Adjust the padding as needed */
    height: 50%;
  }
  .photoBkgnd .boxLight-heading {
    font-size: 20px; /* Adjust the font size as needed */
    line-height: 1.1; /* Adjust the line height as needed */
  }
  .photoBkgnd .boxLight-subheading {
    font-size: 16px; /* Adjust the font size as needed */
  }
  .btnRuleLight {
    font-size: 14px;
    padding: 8px 55px; /* Initial padding */
  }
}