/* Basic HTML
----------------------------------------------------------------------------------------------------*/
.customStyling {
  /* Headings
  ----------------------------------------------------------------------------------------------------*/
  /* Other
  ----------------------------------------------------------------------------------------------------*/
  /* Button
  ----------------------------------------------------------------------------------------------------*/
}
.customStyling h1, .customStyling h2, .customStyling h3, .customStyling h4, .customStyling h5, .customStyling h6 {
  line-height: normal;
}
.customStyling h1 {
  font-size: 44px;
  font-weight: 400;
}
.customStyling h2 {
  font-size: 36px;
  font-weight: 600;
}
.customStyling h3 {
  font-size: 28px;
  font-weight: 400;
}
.customStyling h4 {
  font-size: 20px;
  font-weight: 400;
}
.customStyling h5 {
  font-size: 16px;
  font-weight: 600;
}
.customStyling h6 {
  font-size: 16px;
  font-weight: 300;
}
.customStyling p {
  line-height: normal;
  align-self: stretch;
  font-style: normal;
}
.customStyling img {
  max-width: 100%;
  height: auto;
}
.customStyling .grecaptcha-badge {
  display: none;
}
.customStyling .ctaButton,
.customStyling a.ctaButton {
  display: inline-flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #1D2C3B;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.customStyling .ctaButton:hover,
.customStyling a.ctaButton:hover {
  filter: brightness(110%);
}
.customStyling .ctaButton:active,
.customStyling a.ctaButton:active {
  filter: brightness(85%);
}
.customStyling .ctaButton.light,
.customStyling a.ctaButton.light {
  background: #FFF;
  color: #1D2C3B;
}
.simple-banner-text:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-size: cover;
  margin: 0px 8px -8px 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg width='1200pt' height='1200pt' version='1.1' viewBox='0 0 1200 1200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m310.32 342.48 204.96-156c27.605-20.949 60.094-34.523 94.402-39.438 34.305-4.9102 69.301-1.0039 101.68 11.355l326.76 124.68c21.285 8.0195 43.855 12.086 66.598 12h53.762c7.6367-0.03125 14.965 3.0195 20.316 8.4648 5.3555 5.4453 8.2852 12.82 8.125 20.457v399.6c0 7.5078-2.9844 14.711-8.2969 20.023s-12.516 8.2969-20.023 8.2969h-71.043c-10.184 0.023437-20.051 3.5391-27.957 9.957l-16.199 13.199h-0.003906c-4.1523 3.3047-10.191 2.6641-13.559-1.4375l-380.76-462.72c-4.6406-5.6641-11.129-9.5117-18.328-10.871-7.1953-1.3633-14.641-0.14844-21.031 3.4297l-174.48 97.801c-35.07 19.598-77.285 21.684-114.12 5.6406-12.129-5.2305-20.773-16.254-22.957-29.281-2.1836-13.023 2.3945-26.266 12.156-35.16zm-268.8 409.2h61.441l42.84-52.441c17.082-20.699 41.168-34.418 67.688-38.555 26.52-4.1367 53.637 1.5938 76.215 16.109 22.578 14.512 39.051 36.801 46.297 62.648 36.863 10.156 65.75 38.816 76.199 75.598 26.93 7.832 49.824 25.699 63.961 49.922 23.258 3.6367 44.742 14.609 61.32 31.32 17.086 17.922 27.859 40.926 30.699 65.523 2.8359 24.602-2.4219 49.453-14.98 70.797l-5.7617 10.199h0.003906c-0.24609 0.27344-0.24609 0.6875 0 0.96094 13.719 9.5703 30.699 13.254 47.156 10.23 16.453-3.0234 31.016-12.504 40.438-26.328 9.4258-13.824 12.926-30.844 9.7266-47.266-0.3125-0.62109-0.082031-1.3789 0.51953-1.7266s1.3711-0.17188 1.7578 0.40625l4.6797 4.5586v0.003906c10.555 10.551 24.434 17.129 39.285 18.617 14.852 1.4844 29.758-2.207 42.195-10.457 9.9688-6.957 17.703-16.66 22.262-27.93 4.5586-11.27 5.7461-23.621 3.418-35.551-0.30859-0.625-0.082031-1.3789 0.52344-1.7305 0.60156-0.34766 1.3711-0.16797 1.7578 0.41016l4.6797 4.5586c10.547 10.523 24.402 17.082 39.227 18.57 14.824 1.4844 29.707-2.1914 42.133-10.41 10.098-6.9141 17.957-16.629 22.605-27.949 4.6445-11.32 5.8828-23.754 3.5547-35.77-0.30859-0.625-0.082031-1.3789 0.52344-1.7305 0.60156-0.34766 1.3711-0.16797 1.7578 0.41016l5.2812 5.0391c9.9961 9.9219 22.98 16.277 36.949 18.078s28.145-1.0547 40.328-8.1172c16.133-9.6406 27.109-25.992 29.918-44.574 2.8125-18.582-2.8359-37.445-15.398-51.426l-38.398-46.32-310.32-377.64c-3.1523-3.8555-8.6328-4.8711-12.961-2.3984l-148.32 83.039c-23.57 13.211-49.734 21.129-76.676 23.203-26.941 2.0703-54.008-1.75-79.324-11.203-28.207-9.8867-50.496-31.91-60.719-60-8.1406-28.832-4.4258-59.719 10.32-85.801 2.3789-4.4062 2.25-9.7461-0.33984-14.035-2.5898-4.2891-7.25-6.8906-12.262-6.8438h-202.2c-7.5312-0.03125-14.766 2.9375-20.102 8.2539-5.3359 5.3125-8.3398 12.535-8.3398 20.066v399.6c0.066406 7.4883 3.0938 14.648 8.4219 19.91 5.332 5.2617 12.531 8.1992 20.02 8.168zm216.72-28.68c-11.418-6.3906-24.746-8.4883-37.574-5.9141-12.828 2.5742-24.316 9.6523-32.383 19.953l-41.641 51.121c-8.957 10.977-13.121 25.094-11.566 39.176 1.5586 14.082 8.707 26.949 19.848 35.703l6.3594 4.9219c8.2773 6.5078 18.312 10.387 28.816 11.133 10.5 0.75 20.984-1.6641 30.102-6.9336 0.875-0.58984 2.0273-0.57422 2.8828 0.042969 0.85547 0.61328 1.2383 1.6992 0.95703 2.7188-1.8867 9.5703-1.0938 19.477 2.293 28.625 3.3906 9.1484 9.2422 17.18 16.906 23.215l5.1602 4.0781c7.9766 6.2773 17.59 10.137 27.691 11.113 10.105 0.98047 20.277-0.96094 29.309-5.5938 0.90234-0.44141 1.9727-0.35938 2.793 0.21484 0.82422 0.57422 1.2695 1.5469 1.168 2.5469-2.1133 18.395 5.4727 36.566 20.039 48l3.6016 2.7617v-0.003906c8.0742 6.3242 17.797 10.195 28.008 11.156 10.211 0.95703 20.484-1.043 29.594-5.7539 0.88281-0.54688 1.9844-0.59375 2.9141-0.12891 0.92578 0.46484 1.5508 1.375 1.6445 2.4062 2.1562 13.254 9.2266 25.207 19.801 33.48l2.2812 1.8008h-0.003907c12.352 9.6641 28.289 13.484 43.676 10.465 15.387-3.0156 28.703-12.574 36.484-26.184l7.8008-13.68c6.4531-10.828 9.043-23.527 7.3438-36.02-1.7031-12.488-7.5898-24.031-16.703-32.742-7.7695-7.043-17.434-11.66-27.797-13.281-10.363-1.6211-20.973-0.17188-30.523 4.1602-0.51172 0.27344-1.1328 0.23828-1.6094-0.089844-0.48047-0.32812-0.73828-0.89453-0.67188-1.4688 0.93359-17.945-7.2656-35.148-21.789-45.727-14.527-10.582-33.414-13.105-50.211-6.7148-7.9219 1.4414-6.2383-5.5195-6.2383-5.5195 5.625-13.641 5.3125-29.008-0.86328-42.406-6.1719-13.402-17.648-23.625-31.672-28.215-14.02-4.5898-29.32-3.1328-42.227 4.0234-5.8789 0.83984-5.1602-4.6797-5.1602-4.6797 6.9609-12.031 8.8867-26.32 5.3555-39.762-3.5273-13.441-12.223-24.941-24.195-32z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

.introPanel .mainContent {
  padding: 80px 0;
}
.introPanel .mainContent .content a.ctaButton {
  background: #38B35F;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-weight: 600;
  text-shadow: none;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}
.introPanel .mainContent .content a.ctaButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  filter: unset;
}
.introPanel .mainContent img {
  border-radius: 4px;
  padding-bottom: 16px;
}
.introPanel .mainContent a.ctaButton {
  background: #38B35F;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-weight: 600;
  text-shadow: none;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
  margin-right: 8px;
}
.introPanel .mainContent a.ctaButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  filter: unset;
}

.bannerCTA {
  display: flex;
  padding: 80px 0;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  background: #1D2C3B;
}
.bannerCTA h3 {
  color: #ffffff;
  margin-bottom: 16px;
}
.bannerCTA h4 {
  color: #ffffff;
  margin-bottom: 16px;
}

.twoColumnContentPanel .mainContent {
  padding: 80px 0;
}

.ctaPanels {
  position: relative;
}
.ctaPanels .ctaPanelsBkgdsContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.ctaPanels .ctaPanelsBkgdsContainer .ctaPanelsBkgds {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
.ctaPanels .ctaPanelsBkgdsContainer .ctaPanelsBkgds .ctaPanelsBkgd {
  display: flex;
  width: 50%;
  height: 420px;
  justify-content: flex-end;
  align-items: flex-start;
  flex: 1 0 0;
}
.ctaPanels .ctaPanel {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  height: 420px;
  padding: 40px;
  align-self: stretch;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  justify-content: flex-end;
}
.ctaPanels .ctaPanel h3 {
  color: #FFF;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.ctaPanels .ctaPanel p {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.ctaPanels .ctaPanel a.ctaButton {
  background: #38B35F;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-weight: 600;
  text-shadow: none;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}
.ctaPanels .ctaPanel a.ctaButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  filter: unset;
}

/* Media Queries
----------------------------------------------------------------------------------------------------*/
/* Small (sm) */
@media (min-width: 576px) {
  .ctaPanels .ctaPanelsBkgdsContainer .ctaPanelsBkgds {
    flex-direction: column;
    width: 100%;
    height: 840px;
  }
  .ctaPanels .ctaPanelsBkgdsContainer .ctaPanelsBkgds .ctaPanelsBkgd {
    width: 100%;
  }
}
/* Medium (md) */
@media (min-width: 768px) {
  .ctaPanels .ctaPanelsBkgdsContainer .ctaPanelsBkgds {
    flex-direction: row;
    width: 100%;
    height: unset;
  }
  .ctaPanels .ctaPanelsBkgdsContainer .ctaPanelsBkgds .ctaPanelsBkgd {
    width: 50%;
  }
}
/* Large (lg) */
/* Extra Large (xl) */
@media (min-width: 1200px) {
  .ctaPanels .ctaPanelBkgds .ctaPanelBkgd#apprenticeshipBkgd {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), url(../img/careers/apprenticeship-bkgd.jpg);
    background-size: cover;
    background-position: center center;
  }
  .ctaPanels .ctaPanelBkgds .ctaPanelBkgd#placementBkgd {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), url(../img/careers/placement-bkgd.jpg);
    background-size: cover;
    background-position: center center;
  }
  .ctaPanels .ctaPanel h3 {
    font-size: 28px;
  }
  .ctaPanels .ctaPanel p {
    font-size: 20px;
  }
}
/* Extra Extra Large (xxl) */
/* Extra Small (xs) */
@media (max-width: 575.98px) {
  .ctaPanels .ctaPanelsBkgdsContainer .ctaPanelsBkgds {
    flex-direction: column;
    width: 100%;
    height: 840px;
  }
  .ctaPanels .ctaPanelsBkgdsContainer .ctaPanelsBkgds .ctaPanelsBkgd {
    width: 100%;
  }
}
.productsPanels {
  position: relative;
  padding: 80px 0px;
  background: #0D173F;
}
.productsPanels .productsPanelsHeader {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  margin-bottom: 40px;
}
.productsPanels .productsPanelsHeader h2 {
  color: #FFF;
  font-size: 44px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin: 0;
}
.productsPanels .productsPanelsHeader p.description {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.productsPanels .productPanel {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  justify-content: flex-end;
}
.productsPanels .productPanel:hover .content {
  background: rgba(241, 242, 243, 0.4);
}
.productsPanels .productPanel:focus {
  outline: none;
  box-shadow: none;
}
.productsPanels .productPanel .product_panel_img {
  height: 240px;
  align-self: stretch;
}
.productsPanels .productPanel .content {
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  background: rgba(241, 242, 243, 0.25);
  transition: all 0.3s;
}
.productsPanels .productPanel .content h3 {
  color: #F1F2F3;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
.productsPanels .productPanel .content p {
  color: #F1F2F3;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.productsPanels .productPanel .content p .subtitle {
  font-weight: 500;
}

/* Media Queries
----------------------------------------------------------------------------------------------------*/
/* Small (sm) */
/* Medium (md) */
@media (min-width: 768px) {
  .productsPanels .productPanel .product_panel_img {
    height: 200px;
  }
  .productsPanels .productPanel .content {
    height: 177px;
  }
}
/* Large (lg) */
@media (min-width: 992px) {
  .productsPanels .productPanel .content {
    height: 221px;
  }
}
/* Extra Large (xl) */
@media (min-width: 1200px) {
  .productsPanels .productPanel .content {
    height: 177px;
  }
}
/* Extra Extra Large (xxl) */
/* Extra Small (xs) */
@media (max-width: 575.98px) {
  .productsPanels .productsPanelsHeader h2 {
    font-size: 30px;
  }
  .productsPanels .productsPanelsHeader p.description {
    font-size: 16px;
  }
}
#history .bannerCTA {
  padding: 80px 0;
}
#history .historyChartPanel {
  background: #1D2C3B;
  padding: 80px 0;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
#history .historyChartPanel h3 {
  color: #FFF;
  font-size: 44px;
  font-weight: 400;
  text-align: center;
  margin: 0;
}
#history .historyChartPanel .historyChart {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
#history .historyChartPanel .historyChart .yearContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  position: relative;
  overflow: hidden;
}
#history .historyChartPanel .historyChart .yearContainer .yearHeader {
  display: flex;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  z-index: 1;
  background: #1D2C3B;
}
#history .historyChartPanel .historyChart .yearContainer .yearHeader .yearBar {
  display: flex;
  padding: 8px 16px 8px 40px;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  background: #FFF;
  max-width: 90%;
  min-width: 10%;
  width: 10%;
  transition: width 0.3s ease-in-out, transform 0.3s ease-in-out;
  cursor: pointer;
}
#history .historyChartPanel .historyChart .yearContainer .yearHeader .yearBar:hover {
  transform: scaleX(1.01);
}
#history .historyChartPanel .historyChart .yearContainer .yearHeader .yearBar h4 {
  color: #1D2C3B;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
}
#history .historyChartPanel .historyChart .yearContainer .yearHeader .yearBar .expandButton {
  color: #1D2C3B;
  font-size: 26px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
#history .historyChartPanel .historyChart .yearContainer .yearHeader .yearIcon {
  display: flex;
  width: 50px;
  height: 45px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#history .historyChartPanel .historyChart .yearContainer .yearMain {
  display: flex;
  padding: 16px 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  color: #fff;
  z-index: 0;
  transition: padding 0.3s ease-in-out, height 0.3s ease-in-out, opacity 0.6s ease-in-out;
}
#history .historyChartPanel .historyChart .yearContainer .yearMain.open {
  height: auto;
  opacity: 1;
  padding: 16px 0;
}
#history .historyChartPanel .historyChart .yearContainer .yearMain.close {
  height: 0px;
  opacity: 0;
  padding: 0 0;
}
#history .historyChartPanel .historyChartFooter p {
  color: #FFF;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin: 0;
}
#history .coreValues {
  padding: 40px 0 0 0;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
}
#history .coreValues .coreValuesContainer {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#history .coreValues .coreValuesContainer .value {
  gap: 8px;
  text-align: center;
}
#history .coreValues .coreValuesContainer h3 {
  margin: 0;
  font-size: 36px;
  font-weight: 600;
  color: #fff;
}
#history .coreValues .coreValuesContainer p {
  margin: 0;
  font-weight: 300;
  color: #fff;
}
#history .coreValues .coreValuesContainer h4 {
  margin: 0;
  color: #fff;
}
#history .bannerCTA {
  background-position: 50% 17% !important;
}

/* Media Queries
----------------------------------------------------------------------------------------------------*/
/* Extra Extra Large (xxl) */
@media (min-width: 1400px) {
  /* Your CSS styles for extra-extra-large screens and larger here */
}
/* Extra Large (xl) */
@media (min-width: 1200px) {
  /* Your CSS styles for extra-large screens and larger here */
}
/* Large (lg) */
@media (min-width: 992px) {
  /* Your CSS styles for large screens and larger here */
  #history .historyDesk .historyDeskContainer {
    gap: unset !important;
  }
  #history .historyDesk .historyDeskContainer .line {
    width: 2px !important;
    height: 100% !important;
  }
  #history .historyTools .historyToolsContainer .tools {
    row-gap: unset !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
}
/* Medium (md) */
@media (min-width: 768px) {
  /* Your CSS styles for medium-sized screens and larger here */
  #history .historyDesk .historyDeskContainer {
    gap: 40px;
  }
  #history .historyDesk .historyDeskContainer .historyContact .header {
    text-align: left !important;
  }
  #history .historyDesk .historyDeskContainer .historyContact .contactLists {
    gap: 16px;
  }
  #history .historyDesk .historyDeskContainer .historyContact .contactLists .historyContactDetails .historyContactDetailContainer {
    gap: unset;
    row-gap: inherit;
  }
  #history .historyDesk .historyDeskContainer .line {
    width: 100%;
    height: 2px;
  }
  #history .historyDesk .historyDeskContainer .historyServices {
    text-align: center;
    align-items: center !important;
  }
  #history .historyTools .historyToolsContainer .tools {
    row-gap: 40px;
  }
}
/* Small (sm) */
@media (min-width: 576px) {
  /* Your CSS styles for small screens and larger here */
  #history .historyChartPanel h3 {
    font-size: 38px;
  }
  #history .coreValues .coreValuesContainer .values {
    gap: 32px;
  }
  #history .historyDesk .historyDeskContainer {
    gap: 40px;
  }
  #history .historyDesk .historyDeskContainer .historyContact .header {
    text-align: center;
  }
  #history .historyDesk .historyDeskContainer .historyContact .historyContactDetails .historyContactDetailContainer {
    gap: 8px;
  }
  #history .historyDesk .historyDeskContainer .line {
    width: 100%;
    height: 2px;
  }
  #history .historyDesk .historyDeskContainer .historyServicesList {
    gap: 16px;
  }
  #history .historyDesk .historyDeskContainer .historyServices {
    text-align: center;
    align-items: center !important;
  }
  #history .historyTools .historyToolsContainer .tools {
    row-gap: 40px;
  }
}
/* Extra Small (xs) */
@media (max-width: 575.98px) {
  /* Your CSS styles for extra small screens here */
  #history .historyChartPanel h3 {
    font-size: 38px;
  }
  #history .coreValues .coreValuesContainer .values {
    gap: 32px;
  }
  #history .historyDesk .historyDeskContainer {
    gap: 40px;
  }
  #history .historyDesk .historyDeskContainer .historyContact .header {
    text-align: center;
  }
  #history .historyDesk .historyDeskContainer .historyContact .historyContactDetails .historyContactDetailContainer {
    gap: 8px;
  }
  #history .historyDesk .historyDeskContainer .line {
    width: 100%;
    height: 2px;
  }
  #history .historyDesk .historyDeskContainer .historyServicesList {
    gap: 16px;
  }
  #history .historyDesk .historyDeskContainer .historyServices {
    text-align: center;
    align-items: center !important;
  }
  #history .historyTools .historyToolsContainer .tools {
    row-gap: 40px;
  }
}
#support .supportDesk {
  padding: 80px 0;
}
#support .supportDesk .supportDeskContainer .supportContact {
  gap: 24px;
}
#support .supportDesk .supportDeskContainer .supportContact .header {
  gap: 8px;
}
#support .supportDesk .supportDeskContainer .supportContact .header h3 {
  margin: 0;
}
#support .supportDesk .supportDeskContainer .supportContact .header h4 {
  margin: 0;
}
#support .supportDesk .supportDeskContainer .supportContact .supportContactDetails {
  gap: 8px;
}
#support .supportDesk .supportDeskContainer .supportContact .supportContactDetails h5 {
  margin: 0;
}
#support .supportDesk .supportDeskContainer .supportContact .supportContactDetails .supportContactDetailContainer .supportContactDetailColumn {
  gap: 8px;
}
#support .supportDesk .supportDeskContainer .supportContact .supportContactDetails .supportContactDetailContainer .supportContactDetailColumn .supportContactDetail h6 {
  margin: 0;
}
#support .supportDesk .supportDeskContainer .supportContact .supportContactDetails .supportContactDetailContainer .supportContactDetailColumn .supportContactDetail p {
  margin: 0;
  color: #727B84;
}
#support .supportDesk .supportDeskContainer .supportContact .supportContactDetails .supportContactDetailContainer .supportContactDetailColumn .supportContactDetail p span {
  font-family: "Font Awesome 5 Free";
}
#support .supportDesk .supportDeskContainer .supportContact .supportContactDetails .supportContactDetailContainer .supportContactDetailColumn .supportContactDetail p a {
  color: #727B84;
}
#support .supportDesk .supportDeskContainer .line {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  align-self: stretch;
  background: #D6D7D9;
}
#support .supportDesk .supportDeskContainer .supportServices {
  gap: 8px;
}
#support .supportDesk .supportDeskContainer .supportServices h3 {
  margin: 0;
}
#support .supportDesk .supportDeskContainer .supportServices p {
  margin: 0;
}
#support .supportDesk .supportDeskContainer .supportServices a.ctaButton {
  width: max-content;
}
#support .supportTools {
  background: #F1F2F3;
  padding: 80px 0;
}
#support .supportTools .supportToolsContainer {
  gap: 40px;
}
#support .supportTools .supportToolsContainer .supportToolsHead {
  gap: 8px;
}
#support .supportTools .supportToolsContainer .supportTool {
  gap: 8px;
  text-align: center;
}
#support .supportTools .supportToolsContainer h3 {
  margin: 0;
}
#support .supportTools .supportToolsContainer p {
  margin: 0;
}
#support .supportTools .supportToolsContainer h4 {
  margin: 0;
}
#support .supportTools .supportToolsContainer a.ctaButton {
  text-wrap: nowrap;
}
/* Media Queries
----------------------------------------------------------------------------------------------------*/
/* Extra Extra Large (xxl) */
@media (min-width: 1400px) {
  /* Your CSS styles for extra-extra-large screens and larger here */
}
/* Extra Large (xl) */
@media (min-width: 1200px) {
  /* Your CSS styles for extra-large screens and larger here */
}
/* Large (lg) */
@media (min-width: 992px) {
  /* Your CSS styles for large screens and larger here */
  #support .supportDesk .supportDeskContainer {
    gap: unset !important;
  }
  #support .supportDesk .supportDeskContainer .line {
    width: 2px !important;
    height: 100% !important;
  }
  #support .supportTools .supportToolsContainer .tools {
    row-gap: unset !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
}
/* Medium (md) */
@media (min-width: 768px) {
  /* Your CSS styles for medium-sized screens and larger here */
  #support .supportDesk .supportDeskContainer {
    gap: 40px;
  }
  #support .supportDesk .supportDeskContainer .supportContact .header {
    text-align: left !important;
  }
  #support .supportDesk .supportDeskContainer .supportContact .contactLists {
    gap: 16px;
  }
  #support .supportDesk .supportDeskContainer .supportContact .contactLists .supportContactDetails .supportContactDetailContainer {
    gap: unset;
    row-gap: inherit;
  }
  #support .supportDesk .supportDeskContainer .line {
    width: 100%;
    height: 2px;
  }
  #support .supportDesk .supportDeskContainer .supportServices {
    text-align: center;
    align-items: center !important;
  }
  #support .supportTools .supportToolsContainer .tools {
    row-gap: 40px;
  }
}
/* Small (sm) */
@media (min-width: 576px) {
  /* Your CSS styles for small screens and larger here */
  #support .supportDesk .supportDeskContainer {
    gap: 40px;
  }
  #support .supportDesk .supportDeskContainer .supportContact .header {
    text-align: center;
  }
  #support .supportDesk .supportDeskContainer .supportContact .supportContactDetails .supportContactDetailContainer {
    gap: 8px;
  }
  #support .supportDesk .supportDeskContainer .line {
    width: 100%;
    height: 2px;
  }
  #support .supportDesk .supportDeskContainer .supportServicesList {
    gap: 16px;
  }
  #support .supportDesk .supportDeskContainer .supportServices {
    text-align: center;
    align-items: center !important;
  }
  #support .supportTools .supportToolsContainer .tools {
    row-gap: 40px;
  }
}
/* Extra Small (xs) */
@media (max-width: 575.98px) {
  /* Your CSS styles for extra small screens here */
  #support .supportDesk .supportDeskContainer {
    gap: 40px;
  }
  #support .supportDesk .supportDeskContainer .supportContact .header {
    text-align: center;
  }
  #support .supportDesk .supportDeskContainer .supportContact .supportContactDetails .supportContactDetailContainer {
    gap: 8px;
  }
  #support .supportDesk .supportDeskContainer .line {
    width: 100%;
    height: 2px;
  }
  #support .supportDesk .supportDeskContainer .supportServicesList {
    gap: 16px;
  }
  #support .supportDesk .supportDeskContainer .supportServices {
    text-align: center;
    align-items: center !important;
  }
  #support .supportTools .supportToolsContainer .tools {
    row-gap: 40px;
  }
}
.page-template-template-careers header.videoHero {
  padding: 0;
  max-height: calc(100vh - 350px);
  min-height: calc(100vh - 200px);
  aspect-ratio: 16/9;
  background: black;
  background-image: none !important;
  overflow: hidden;
  position: relative;
  align-items: flex-end;
  height: auto;
}
.page-template-template-careers header.videoHero .bkgdVideo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}
.page-template-template-careers header.videoHero .bkgdVideo iframe {
  position: absolute;
  width: 200%;
  height: 200%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-template-template-careers header.videoHero .page-header-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  align-items: flex-start;
}
.page-template-template-careers header.videoHero .page-header-inner nav.site-breadcrumbs {
  margin: 0;
}

#careers .slider {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
#careers .slider .slides {
  display: flex;
  overflow: hidden;
  flex-direction: row;
}
#careers .slider .slides img.slide {
  display: none;
  opacity: 0;
  transition: opacity 0.5s ease;
  object-fit: cover;
}
#careers .slider .slides img.slide.active {
  display: block;
}
#careers .slider p.caption {
  align-self: stretch;
  color: #727B84;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
#careers .slider .sliderNav {
  display: flex;
  width: 70px;
  justify-content: space-between;
  align-items: center;
}
#careers .slider .sliderNav button {
  display: flex;
  width: 24px;
  height: 24px;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 20px;
  background: #1D2C3B;
  border: none;
  text-shadow: none;
}
#careers a.ctaButton {
  background: #38B35F;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-weight: 600;
  text-shadow: none;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}
#careers a.ctaButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  filter: unset;
}
#careers .currentVacancies {
  padding: 80px 0px;
  background: #0D173F;
}
#careers .currentVacancies .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-self: stretch;
}
#careers .currentVacancies .container h2 {
  text-align: center;
  color: #FFF;
  font-size: 34px;
  font-weight: 400;
}
#careers .currentVacancies .container p {
  color: #FFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  max-width: 971px;
  margin: 0 auto;
}
#careers .currentVacancies .container .locations {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#careers .currentVacancies .container .locations p {
  font-size: 16px;
  text-transform: uppercase;
}
#careers .currentVacancies .container .locations ul.locationNav {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: center;
  gap: 24px;
}
#careers .currentVacancies .container .locations ul.locationNav li {
  padding: 0 0 4px 0;
  font-family: "Open Sans", sans-serif;
  font-size: 28px;
  color: #fff;
  line-height: normal;
  cursor: pointer;
}
#careers .currentVacancies .container .locations ul.locationNav li.active {
  border-bottom: 1px solid #fff;
}
#careers .currentVacancies .container .jobs {
  gap: 16px;
  min-height: 157px;
}
#careers .currentVacancies .container .jobs .amer,
#careers .currentVacancies .container .jobs .emea,
#careers .currentVacancies .container .jobs .apac {
  opacity: 0;
  transform: translateY(-10px);
  transition: all 0.3s;
}
#careers .currentVacancies .container .jobs .amer.active,
#careers .currentVacancies .container .jobs .emea.active,
#careers .currentVacancies .container .jobs .apac.active {
  opacity: 1;
  transform: translateY(0px);
}
#careers .currentVacancies .container .jobs .amer.displayNone,
#careers .currentVacancies .container .jobs .emea.displayNone,
#careers .currentVacancies .container .jobs .apac.displayNone {
  display: none;
}
#careers .currentVacancies .container .jobs a.job {
  display: flex;
  padding: 16px 24px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  border-radius: 4px;
  background: rgba(241, 242, 243, 0.25);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}
#careers .currentVacancies .container .jobs a.job:hover {
  background: #F1F2F3;
  transform: translateY(-2px);
}
#careers .currentVacancies .container .jobs a.job:hover .header p {
  color: #2A2C53;
}
#careers .currentVacancies .container .jobs a.job:hover .main h3 {
  color: #2A2C53;
}
#careers .currentVacancies .container .jobs a.job:hover .main p {
  color: #2A2C53;
}
#careers .currentVacancies .container .jobs a.job:hover .footer p {
  color: #2A2C53;
}
#careers .currentVacancies .container .jobs a.job .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
#careers .currentVacancies .container .jobs a.job .header p {
  color: #F1F2F3;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 0;
}
#careers .currentVacancies .container .jobs a.job .main {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
#careers .currentVacancies .container .jobs a.job .main h3 {
  align-self: stretch;
  color: #F1F2F3;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
#careers .currentVacancies .container .jobs a.job .main p {
  align-self: stretch;
  color: #F1F2F3;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  text-align: left;
}
#careers .currentVacancies .container .jobs a.job .footer p {
  color: #F1F2F3;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#careers .currentVacancies .container a.ctaButton {
  padding: 7px 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #38B35F;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: capitalize;
}
#careers .currentVacancies .container a.ctaButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  filter: unset;
}
#careers .programmes {
  position: relative;
}
#careers .programmes .programmeBkgds {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
#careers .programmes .programmeBkgds .programmeBkgd {
  display: flex;
  width: 100%;
  height: 420px;
  justify-content: flex-end;
  align-items: flex-start;
  flex: 1 0 0;
}
#careers .programmes .programmeBkgds .programmeBkgd#placementBkgd {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%), url(../img/careers/placement-bkgd.jpg);
  background-size: cover;
  background-position: center center;
}
#careers .programmes .programmeBkgds .programmeBkgd#apprenticeshipBkgd {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%), url(../img/careers/apprenticeship-bkgd.jpg);
  background-size: cover;
  background-position: center;
}
#careers .programmes .programme {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  height: 420px;
  padding: 40px;
  align-self: stretch;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  justify-content: flex-end;
}
#careers .programmes .programme h3 {
  color: #FFF;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
#careers .programmes .programme p {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
#careers .programmes .programme a.ctaButton {
  background: #38B35F;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-weight: 600;
  text-shadow: none;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}
#careers .programmes .programme a.ctaButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  filter: unset;
}
#careers .eventsPanel {
  padding: 80px 0;
  background: #0E223B;
  color: #fff;
}
#careers .eventsPanel .mainContent {
  gap: 16px;
}
#careers .eventsPanel .mainContent .content {
  gap: 8px;
}
#careers .eventsPanel .mainContent .content h2 {
  color: #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  text-align: center;
}
#careers .eventsPanel .mainContent .content p {
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
  text-align: center;
}
#careers .eventsPanel .mainContent .eventsTable {
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  border-radius: 8px;
  background: rgba(241, 242, 243, 0.25);
}
#careers .eventsPanel .mainContent .eventsTable hr {
  width: 100%;
  border-top: 1px solid #D9D9D9;
  margin: 0;
}
#careers .eventsPanel .mainContent .eventsTable a.event {
  display: flex;
  align-items: center;
  gap: 16px;
}
#careers .eventsPanel .mainContent .eventsTable a.event p.eventDate {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: #FFF;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
  justify-content: center;
  min-width: 60px;
}
#careers .eventsPanel .mainContent .eventsTable a.event .eventDetails {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  align-self: stretch;
}
#careers .eventsPanel .mainContent .eventsTable a.event .eventDetails h3 {
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
#careers .eventsPanel .mainContent .eventsTable a.event .eventDetails .eventInfo {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px;
}
#careers .eventsPanel .mainContent .eventsTable a.event .eventDetails .eventInfo p.eventTime,
#careers .eventsPanel .mainContent .eventsTable a.event .eventDetails .eventInfo p.eventLocation {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #F1F2F3;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
#careers .eventsPanel .mainContent .eventsTable a.event .eventDetails .eventInfo p.eventTime:before,
#careers .eventsPanel .mainContent .eventsTable a.event .eventDetails .eventInfo p.eventLocation:before {
  content: "";
  width: 15px;
  height: 15px;
  fill: #F1F2F3;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
}
#careers .eventsPanel .mainContent .eventsTable a.event .eventDetails .eventInfo p.eventTime:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M7.5 14.0901C9.0913 14.0901 10.6174 13.4579 11.7426 12.3327C12.8679 11.2075 13.5 9.68139 13.5 8.09009C13.5 6.49879 12.8679 4.97267 11.7426 3.84745C10.6174 2.72223 9.0913 2.09009 7.5 2.09009C5.9087 2.09009 4.38258 2.72223 3.25736 3.84745C2.13214 4.97267 1.5 6.49879 1.5 8.09009C1.5 9.68139 2.13214 11.2075 3.25736 12.3327C4.38258 13.4579 5.9087 14.0901 7.5 14.0901ZM7.5 0.590088C8.48491 0.590088 9.46018 0.784081 10.3701 1.16099C11.2801 1.5379 12.1069 2.09035 12.8033 2.78679C13.4997 3.48323 14.0522 4.31002 14.4291 5.21996C14.806 6.1299 15 7.10517 15 8.09009C15 10.0792 14.2098 11.9869 12.8033 13.3934C11.3968 14.7999 9.48912 15.5901 7.5 15.5901C3.3525 15.5901 0 12.2151 0 8.09009C0 6.10096 0.790176 4.19331 2.1967 2.78679C3.60322 1.38026 5.51088 0.590088 7.5 0.590088ZM7.875 4.34009V8.27759L11.25 10.2801L10.6875 11.2026L6.75 8.84009V4.34009H7.875Z' fill='%23F1F2F3'/%3E%3C/svg%3E");
}
#careers .eventsPanel .mainContent .eventsTable a.event .eventDetails .eventInfo p.eventLocation:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='16' viewBox='0 0 13 16' fill='none'%3E%3Cpath d='M6.33333 8.0901C6.76875 8.0901 7.14162 7.93519 7.45196 7.62539C7.76229 7.31558 7.91719 6.94271 7.91667 6.50676C7.91667 6.07135 7.76176 5.69874 7.45196 5.38893C7.14215 5.07913 6.76928 4.92396 6.33333 4.92343C5.89792 4.92343 5.52531 5.0786 5.2155 5.38893C4.90569 5.69926 4.75053 6.07188 4.75 6.50676C4.75 6.94218 4.90517 7.31506 5.2155 7.62539C5.52583 7.93572 5.89844 8.09062 6.33333 8.0901ZM6.33333 13.9088C7.94306 12.4311 9.13715 11.0887 9.91562 9.88164C10.6941 8.67461 11.0833 7.60243 11.0833 6.6651C11.0833 5.2269 10.625 4.04943 9.70821 3.13268C8.79146 2.21593 7.6665 1.75729 6.33333 1.75676C5.00069 1.75676 3.876 2.2154 2.95925 3.13268C2.0425 4.04996 1.58386 5.22743 1.58333 6.6651C1.58333 7.6019 1.97257 8.67408 2.75104 9.88164C3.52951 11.0892 4.72361 12.4316 6.33333 13.9088ZM6.33333 16.0068C4.20903 14.1991 2.62253 12.5203 1.57383 10.9702C0.525139 9.4201 0.000527778 7.98507 0 6.6651C0 4.68593 0.636764 3.10919 1.91029 1.93489C3.18382 0.760584 4.65817 0.173431 6.33333 0.173431C8.00903 0.173431 9.48364 0.760584 10.7572 1.93489C12.0307 3.10919 12.6672 4.68593 12.6667 6.6651C12.6667 7.98454 12.1423 9.41957 11.0936 10.9702C10.0449 12.5208 8.45817 14.1997 6.33333 16.0068Z' fill='%23F1F2F3'/%3E%3C/svg%3E");
}
#careers .eventsPanel .mainContent .eventsTable a.event:hover {
  transform: translateX(4px);
}
#careers .globalOffices {
  padding: 80px 0;
  background: #0E223B;
}
#careers .globalOffices .globalOfficesContainers {
  flex-direction: column;
  gap: 24px;
}
#careers .globalOffices .globalOfficesContainers .header {
  gap: 16px;
}
#careers .globalOffices .globalOfficesContainers .header h2 {
  text-align: center;
  color: #ffffff;
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  text-transform: capitalize;
}
#careers .globalOffices .globalOfficesContainers .header h3 {
  color: #fff;
  font-weight: 300;
  text-align: center;
}
#careers .globalOffices .globalOfficesContainers .header ul {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  text-align: center;
  list-style: none;
}
#careers .globalOffices .globalOfficesContainers .header ul li button.globalOfficeBtn {
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background-color: unset;
  text-shadow: none;
  border: none;
  border-radius: 20px;
  padding: 4px 12px;
  border: 1px solid transparent;
  transition: all 0.3s;
}
#careers .globalOffices .globalOfficesContainers .header ul li button.globalOfficeBtn:hover {
  border: 1px solid rgba(241, 242, 243, 0.25);
}
#careers .globalOffices .globalOfficesContainers .header ul li button.globalOfficeBtn.active {
  background: rgba(241, 242, 243, 0.25);
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer {
  display: flex;
  position: relative;
  height: 777px;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice {
  position: absolute;
  display: flex;
  flex-direction: column;
  padding: 40px;
  justify-content: center;
  align-items: center;
  gap: 40px;
  border-radius: 8px;
  background: rgba(241, 242, 243, 0.25);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice:not(:first-child) {
  display: none;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .slider {
  width: 100%;
  max-width: 345px;
  min-height: 400px;
  position: relative;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .slider .slides {
  width: auto;
  height: 400px;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .slider .slides .slide {
  border-radius: 4px;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .slider .caption {
  display: none;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .slider .sliderNav {
  position: absolute;
  bottom: 14px;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .slider .sliderNav button {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transition: all 0.3s;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .slider .sliderNav button:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  filter: unset;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content {
  width: 100%;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content h3 {
  color: #ffffff;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content h3 span {
  align-self: stretch;
  color: #ffffff;
  font-size: 20px;
  display: block;
  font-weight: 400;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content .main p {
  color: #ffffff;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content a.ctaButton {
  background: #38B35F;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-weight: 600;
  text-shadow: none;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}
#careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content a.ctaButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  filter: unset;
}
#careers .benefitsRewardsPanel {
  padding: 80px 0;
  background: #2A2C53;
  color: #fff;
}
#careers .benefitsRewardsPanel .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
#careers .benefitsRewardsPanel .container .header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#careers .benefitsRewardsPanel .container .header h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
#careers .benefitsRewardsPanel .container .header p {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 16px;
  margin: 0;
}
#careers .benefitsRewardsPanel .container .main {
  display: flex;
  gap: 30px 0px;
}
#careers .benefitsRewardsPanel .container .main .benefit {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#careers .benefitsRewardsPanel .container .main .benefit img.benefitIcon {
  width: 100%;
  max-width: 48px;
  max-height: 40px;
}
#careers .benefitsRewardsPanel .container .main .benefit h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  margin: 0;
  max-width: 360px;
}
#careers .benefitsRewardsPanel .container .main .benefit p {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 16px;
  margin: 0;
  max-width: 360px;
}
#careers .peoplePanel {
  background: #0E223B;
  padding: 80px 0;
  color: #fff;
}
#careers .peoplePanel .container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
#careers .peoplePanel .container .header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#careers .peoplePanel .container .header h2 {
  color: #fff;
  margin: 0;
}
#careers .peoplePanel .container .header p {
  margin: 0;
  font-size: 20px;
}
#careers .peoplePanel .container .teamTitle h3 {
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin: 0;
}
#careers .peoplePanel .container .team {
  justify-content: center;
}
#careers .peoplePanel .container .team .employee {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 20%;
}
#careers .peoplePanel .container .team .employee img.employeePhoto {
  width: 100%;
  max-width: 165px;
  border-radius: 84px;
}
#careers .peoplePanel .container .team .employee blockquote {
  margin: 0 24px;
  padding: 0;
  border: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#careers .peoplePanel .container .team .employee blockquote:before {
  content: "";
  display: none;
}
#careers .peoplePanel .container .team .employee blockquote:after {
  content: "";
  display: none;
}
#careers .peoplePanel .container .team .employee blockquote p {
  font-style: italic;
  font-weight: 100;
  margin: 0;
}
#careers .peoplePanel .container .team .employee blockquote footer {
  font-style: normal;
  line-height: normal;
}
#careers .peoplePanel .container .team .employee blockquote footer cite {
  font-style: normal;
  font-weight: 700;
  padding: 0;
  color: #fff;
}
#careers .peoplePanel .container .team .employee blockquote footer cite:before {
  content: "";
  display: none;
}
#careers .peoplePanel .container .team .employee blockquote footer cite:after {
  content: "";
  display: none;
}
#careers .peoplePanel .container .team .employee blockquote footer span {
  display: block;
}
#careers .culturePanel {
  background: #F1F2F3;
}
#careers .culturePanel .slider {
  min-height: 401px;
}
#careers .culturePanel .slider .slides {
  width: 100%;
  height: 312px;
  justify-content: center;
}
#careers .culturePanel .mainContent {
  padding: 80px 0;
  gap: 16px;
}
#careers .awardPanel {
  padding: 80px 0;
  background: #1D2C3B;
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
#careers .awardPanel .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
#careers .awardPanel .header h2 {
  color: #FFF;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  text-align: center;
}
#careers .awardPanel .header p {
  color: #FFF;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
#careers .awardPanel .carousel {
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
  gap: 16px;
  padding: 7px 0px;
}
#careers .awardPanel .carousel .carouselItem {
  height: 120px;
  border-radius: 8px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#careers .awardPanel .footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
#careers .awardPanel .footer p {
  color: #FFF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 0;
}
#careers .bannerCTA {
  padding: 80px 0 !important;
  background-position: 50% 17% !important;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  background-size: cover !important;
}

/* Media Queries
----------------------------------------------------------------------------------------------------*/
/* Extra Extra Large (xxl) */
@media (min-width: 1400px) {
  /* Your CSS styles for extra-extra-large screens and larger here */
  #careers .globalOffices .globalOfficesContainers .header ul li button.globalOfficeBtn {
    font-size: 20px;
  }
  #careers .benefitsRewardsPanel .container .main .benefit h3 {
    font-size: 18px;
  }
}
/* Extra Large (xl) */
@media (min-width: 1200px) {
  /* Your CSS styles for extra-large screens and larger here */
  #careers .currentVacancies .container h2 {
    font-size: 44px;
  }
  #careers .currentVacancies .container p {
    font-size: 20px;
  }
  #careers .currentVacancies .container .jobs {
    min-height: 184px;
  }
  #careers .currentVacancies .container .jobs a.job {
    min-height: 184px;
  }
  #careers .globalOffices .globalOfficesContainers .header ul {
    flex-wrap: nowrap;
  }
  #careers .globalOffices .globalOfficesContainers .globalOfficeContainer {
    height: 578px !important;
  }
  #careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .slider {
    width: 40% !important;
    max-width: 345px !important;
    min-height: 494px !important;
  }
  #careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .slider .slides {
    width: 100% !important;
    height: 494px !important;
  }
  #careers .programmes .programmeBkgds .programmeBkgd#apprenticeshipBkgd {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), url(../img/careers/apprenticeship-bkgd.jpg);
    background-size: cover;
    background-position: center center;
  }
  #careers .programmes .programmeBkgds .programmeBkgd#placementBkgd {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), url(../img/careers/placement-bkgd.jpg);
    background-size: cover;
    background-position: center center;
  }
  #careers .programmes .programme h3 {
    font-size: 28px;
  }
  #careers .programmes .programme p {
    font-size: 20px;
  }
  #careers .eventsPanel .mainContent {
    gap: 0px;
  }
  #careers .eventsPanel .mainContent .content h2 {
    text-align: left;
  }
  #careers .eventsPanel .mainContent .content p {
    text-align: left;
  }
}
/* Large (lg) */
@media (min-width: 992px) {
  /* Your CSS styles for large screens and larger here */
  .page-template-template-careers header.videoHero {
    min-height: calc(100vh - 264px) !important;
  }
  #careers .currentVacancies .container .jobs {
    gap: 0;
    min-height: 184px;
  }
  #careers .currentVacancies .container .jobs a.job {
    min-height: 184px;
  }
  #careers .benefitsRewardsPanel .container .main .benefit img.benefitIcon {
    max-height: 32px;
  }
  #careers .peoplePanel .container .team {
    justify-content: center;
  }
  #careers .peoplePanel .container .team .employee {
    max-width: 20% !important;
  }
  #careers .peoplePanel .container .team .employee img.employeePhoto {
    max-width: 140px;
  }
  #careers .peoplePanel .container .team .employee blockquote {
    margin: 0 8px;
  }
  #careers .culturePanel .mainContent {
    gap: 0px;
  }
}
/* Medium (md) */
@media (min-width: 768px) {
  /* Your CSS styles for medium-sized screens and larger here */
  .page-template-template-careers header.videoHero {
    min-height: auto;
  }
  .page-template-template-careers header.videoHero .page-header-inner {
    gap: 24px;
  }
  #careers .programmes .programmeBkgds {
    flex-direction: row;
  }
  #careers .globalOffices .globalOfficesContainers .globalOfficeContainer {
    height: 432px;
  }
  #careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice {
    flex-direction: row;
  }
  #careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .slider {
    width: 40%;
    min-height: 352px;
  }
  #careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .slider .slides {
    width: 100%;
    height: 352px;
  }
  #careers .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content {
    width: 60%;
  }
  #careers .peoplePanel .container .team {
    justify-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    gap: 24px 0;
  }
  #careers .peoplePanel .container .team .employee {
    max-width: 33%;
  }
}
/* Small (sm) */
@media (min-width: 576px) {
  /* Your CSS styles for small screens and larger here */
  #careers .peoplePanel .container .team {
    justify-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    gap: 24px 0;
  }
  #careers .peoplePanel .container .team .employee {
    max-width: 33%;
  }
  #careers .peoplePanel .container .team .employee blockquote {
    margin: 0 8px;
  }
}
/* Extra Small (xs) */
@media (max-width: 575.98px) {
  /* Your CSS styles for extra small screens here */
  .page-template-template-careers header.videoHero {
    min-height: auto;
  }
  #careers .globalOffices .globalOfficesContainers .header h2 {
    font-size: 36px;
  }
  #careers .globalOffices .globalOfficesContainers .globalOfficeContainer {
    height: 846px;
  }
  #careers .peoplePanel .container .team {
    justify-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    gap: 24px 0;
  }
  #careers .peoplePanel .container .team .employee {
    max-width: 50%;
  }
  #careers .peoplePanel .container .team .employee blockquote {
    margin: 0 8px;
  }
  #careers .eventsPanel .mainContent .eventsTable a.event .eventDetails .eventInfo {
    flex-direction: column;
    gap: 4px;
  }
}
@media (orientation: portrait) and (min-height: 600px) {
  /* Styles for devices with landscape orientation and screen height greater than 600px */
  .page-template-template-careers header.videoHero {
    min-height: auto !important;
  }
}
html.modal-open {
  overflow: hidden !important;
}

body.modal-open {
  overflow: hidden !important;
}

#leadership .container {
  width: 1200px;
}
#leadership .leadershipTeam {
  padding: 80px 0;
  background: #1D2C3B;
  color: #fff;
}
#leadership .leadershipTeam .container {
  display: flex;
  flex-direction: column;
  gap: 80px;
}
#leadership .leadershipTeam h3 {
  font-size: 44px;
  font-weight: 400;
  text-align: center;
  color: #fff;
}
#leadership .leadershipTeam .team .team-members {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-start;
  gap: 40px;
  justify-content: center;
}
#leadership .leadershipTeam .team .team-members .team-member {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 225px;
  transition: all 0.3s;
  transition-timing-function: ease-out;
  padding: 0;
}
#leadership .leadershipTeam .team .team-members .team-member:hover {
  transform: translateY(-3px);
  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
}
#leadership .leadershipTeam .team .team-members .team-member:hover .profile-picture img {
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
  filter: grayscale(0.2);
}
#leadership .leadershipTeam .team .team-members .team-member .profile-picture img {
  width: 225px;
  height: 225px;
  border-radius: 120px;
  transition: all 0.3s;
  transition-timing-function: ease-out;
}
#leadership .leadershipTeam .team .team-members .team-member .team-member-info {
  text-align: center;
}
#leadership .leadershipTeam .team .team-members .team-member .team-member-info h4 {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  margin: 10px 0 0 0;
}
#leadership .leadershipTeam .team .team-members .team-member .team-member-info p.position {
  font-size: 16px;
  font-weight: 100;
  margin: 0;
  width: 180px;
  margin: 0 auto;
}
#leadership .leadershipTeam .team .team-members .team-member .team-member-info .bio {
  display: none;
}
#leadership .leadershipTeam .team .team-members .modal {
  color: #1D2C3B;
}
#leadership .leadershipTeam .team .team-members .modal .modal-dialog {
  max-width: 731px;
}
#leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content {
  border-radius: 8px;
  padding: 24px 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header {
  padding: 0;
  border: none;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  position: relative;
  justify-content: flex-start;
}
#leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header .profile-picture {
  width: 225px;
  height: 225px;
}
#leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header .profile-picture img {
  max-width: 225px;
  max-height: 225px;
  border-radius: 120px;
}
#leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header .nameAndPos {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header .nameAndPos h5.modal-title {
  font-size: 36px;
  font-weight: 600;
}
#leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header .nameAndPos p.position {
  font-size: 28px;
  font-weight: 400;
}
#leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header button.btn-close {
  position: absolute;
  top: 0;
  right: -17px;
  background-color: white !important;
}
#leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
#leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-body .bio p:last-child {
  margin: 0;
}
#leadership .bannerCTA {
  background-position: 50% 17% !important;
}

/* Media Queries
----------------------------------------------------------------------------------------------------*/
/* Extra Extra Large (xxl) */
@media (min-width: 1400px) {
  /* Your CSS styles for extra-extra-large screens and larger here */
  #leadership .leadershipTeam .team .team-members {
    gap: 40px;
  }
  #leadership .leadershipTeam .team .team-members .team-member {
    width: 225px;
  }
  #leadership .leadershipTeam .team .team-members .team-member .profile-picture img {
    width: 225px;
    height: 225px;
  }
}
/* Extra Large (xl) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* Your CSS styles for extra-large screens and larger here */
  #leadership .leadershipTeam .team .team-members {
    gap: 40px;
  }
  #leadership .leadershipTeam .team .team-members .team-member {
    width: 225px;
  }
  #leadership .leadershipTeam .team .team-members .team-member .profile-picture img {
    width: 225px;
    height: 225px;
  }
}
/* Large (lg) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Your CSS styles for large screens and larger here */
  #leadership .leadershipTeam .team .team-members {
    gap: 40px 20px;
  }
  #leadership .leadershipTeam .team .team-members .team-member {
    width: 200px;
  }
  #leadership .leadershipTeam .team .team-members .team-member .profile-picture img {
    width: 200px;
    height: 200px;
  }
}
/* Medium (md) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Your CSS styles for medium-sized screens and larger here */
  #leadership .leadershipTeam .team .team-members {
    gap: 40px 20px;
  }
  #leadership .leadershipTeam .team .team-members .team-member {
    width: 200px;
  }
  #leadership .leadershipTeam .team .team-members .team-member .profile-picture img {
    width: 200px;
    height: 200px;
  }
}
/* Small (sm) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Your CSS styles for small screens and larger here */
  #leadership .leadershipTeam .container {
    gap: 40px;
  }
  #leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header .profile-picture {
    width: 180px;
    height: 180px;
  }
  #leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header .profile-picture img {
    max-width: 180px;
    max-height: 180px;
  }
  #leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header .nameAndPos h5.modal-title {
    font-size: 32px;
  }
  #leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header .nameAndPos p.position {
    font-size: 24px;
  }
}
/* Extra Small (xs) */
@media (max-width: 575.98px) {
  /* Your CSS styles for extra small screens here */
  #leadership .leadershipTeam .container {
    gap: 40px;
  }
  #leadership .leadershipTeam .team .team-members {
    gap: 40px 20px;
  }
  #leadership .leadershipTeam .team .team-members .team-member {
    width: 155px;
  }
  #leadership .leadershipTeam .team .team-members .team-member .profile-picture img {
    width: 155px;
    height: 155px;
  }
  #leadership .leadershipTeam .team .team-members .team-member .team-member-info p.position {
    width: 155px;
  }
  #leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header {
    gap: 14px;
    align-items: flex-start;
    position: relative;
    justify-content: flex-start;
    flex-direction: column;
  }
  #leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header .profile-picture {
    width: 180px;
    height: 180px;
  }
  #leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header .profile-picture img {
    max-width: 180px;
    max-height: 180px;
  }
  #leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header .nameAndPos h5.modal-title {
    font-size: 32px;
  }
  #leadership .leadershipTeam .team .team-members .modal .modal-dialog .modal-content .modal-header .nameAndPos p.position {
    font-size: 24px;
    margin: 0;
  }
}
#contact .contactForm {
  padding: 80px 0;
  transition: 0.3s height;
  transition-timing-function: ease-in-out;
  background: #0E223B;
}
#contact .contactForm h2 {
  text-align: center;
  font-size: 28px;
  font-weight: 400;
  margin-bottom: 40px;
  color: #ffffff;
}
#contact .contactForm .hsContactForm {
  height: 723px;
}
#contact .globalOffices {
  padding: 80px 0;
  background: #0E223B;
}
#contact .globalOffices .globalOfficesContainers {
  flex-direction: column;
  gap: 24px;
}
#contact .globalOffices .globalOfficesContainers .header {
  gap: 16px;
  font-size: 28px;
  font-weight: 400;
  margin: 0;
}
#contact .globalOffices .globalOfficesContainers .header h2 {
  text-align: center;
  color: #ffffff;
  font-size: 44px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  text-transform: capitalize;
}
#contact .globalOffices .globalOfficesContainers .header h3 {
  color: #fff;
  font-weight: 300;
  text-align: center;
}
#contact .globalOffices .globalOfficesContainers .header ul {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  text-align: center;
  list-style: none;
}
#contact .globalOffices .globalOfficesContainers .header ul li button.globalOfficeBtn {
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background-color: unset;
  text-shadow: none;
  border: none;
  border-radius: 20px;
  padding: 4px 12px;
  border: 1px solid transparent;
  transition: all 0.3s;
}
#contact .globalOffices .globalOfficesContainers .header ul li button.globalOfficeBtn:hover {
  border: 1px solid rgba(241, 242, 243, 0.25);
}
#contact .globalOffices .globalOfficesContainers .header ul li button.globalOfficeBtn.active {
  background: rgba(241, 242, 243, 0.25);
}
#contact .globalOffices .globalOfficesContainers .globalOfficeContainer {
  display: flex;
  position: relative;
  justify-content: center;
  height: 480px;
}
#contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice {
  position: absolute;
  display: flex;
  flex-direction: row;
  padding: 40px;
  justify-content: center;
  align-items: center;
  gap: 40px;
  border-radius: 8px;
  background: rgba(241, 242, 243, 0.25);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice:not(:first-child) {
  display: none;
}
#contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .map-container {
  width: 600px;
  height: 400px;
  position: relative;
}
#contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content {
  width: calc(100% - 600px);
}
#contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content h3 {
  color: #ffffff;
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
#contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content h3 span {
  align-self: stretch;
  color: #ffffff;
  font-size: 20px;
  display: block;
  font-weight: 400;
}
#contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content .main p {
  color: #ffffff;
}
#contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content .main a {
  color: #38B35F;
}
#contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content .main a span {
  color: #fff;
}
#contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content .main a:hover span {
  color: #6B7187;
}
#contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content a.ctaButton {
  background: #38B35F;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-weight: 600;
  text-shadow: none;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  text-transform: capitalize;
}
#contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content a.ctaButton:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  filter: unset;
}
#contact .teamContacts .supportDesk {
  padding: 80px 0;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportContact {
  gap: 24px;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportContact .header {
  gap: 8px;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportContact .header h3 {
  margin: 0;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportContact .header h4 {
  margin: 0;
  font-weight: 100;
  font-size: 16px;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportContact .supportContactDetails {
  gap: 8px;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportContact .supportContactDetails h5 {
  margin: 0;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportContact .supportContactDetails .supportContactDetailContainer {
  gap: 14px 0;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportContact .supportContactDetails .supportContactDetailContainer .supportContactDetailColumn {
  gap: 8px;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportContact .supportContactDetails .supportContactDetailContainer .supportContactDetailColumn .supportContactDetail h6 {
  margin: 0;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportContact .supportContactDetails .supportContactDetailContainer .supportContactDetailColumn .supportContactDetail p {
  margin: 0;
  color: #727B84;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportContact .supportContactDetails .supportContactDetailContainer .supportContactDetailColumn .supportContactDetail p span {
  font-family: "Font Awesome 5 Free";
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportContact .supportContactDetails .supportContactDetailContainer .supportContactDetailColumn .supportContactDetail p a {
  color: #727B84;
}
#contact .teamContacts .supportDesk .supportDeskContainer .line {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  align-self: stretch;
  background: #D6D7D9;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportServices {
  gap: 8px;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportServices h3 {
  margin: 0;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportServices p {
  margin: 0;
}
#contact .teamContacts .supportDesk .supportDeskContainer .supportServices a.ctaButton {
  width: max-content;
  background-color: #38B35F;
}

/* Media Queries
----------------------------------------------------------------------------------------------------*/
/* Extra Extra Large (xxl) */
@media (min-width: 1400px) {
  /* Your CSS styles for extra-extra-large screens and larger here */
  #contact .globalOffices .globalOfficesContainers .header ul li button.globalOfficeBtn {
    font-size: 20px;
  }
}
/* Extra Large (xl) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
  /* Your CSS styles for extra-large screens and larger here */
  #contact .globalOffices .globalOfficesContainers .header ul {
    flex-wrap: nowrap;
  }
  #contact .globalOffices .globalOfficesContainers .header ul li button.globalOfficeBtn {
    font-size: 14px;
  }
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .slider {
    width: 40% !important;
    max-width: 345px !important;
    min-height: 494px !important;
  }
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .slider .slides {
    width: 100% !important;
    height: 494px !important;
  }
}
/* Large (lg) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* Your CSS styles for large screens and larger here */
}
/* Medium (md) */
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Your CSS styles for medium-sized screens and larger here */
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer {
    height: 432px;
  }
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice {
    flex-direction: row;
  }
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .map-container {
    width: 55%;
    min-height: 352px;
  }
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content {
    width: 45%;
  }
  #contact .teamContacts .supportDesk .supportDeskContainer {
    gap: 14px 0;
  }
}
/* Small (sm) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Your CSS styles for small screens and larger here */
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer {
    height: 778px;
  }
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice {
    width: 100%;
    flex-direction: column;
  }
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .map-container {
    width: 100%;
    min-height: 352px;
  }
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content {
    width: 100%;
  }
  #contact .teamContacts .supportDesk .supportDeskContainer {
    gap: 14px 0;
  }
  #contact .teamContacts .supportDesk .supportDeskContainer .supportContact {
    gap: 0;
  }
}
/* Extra Small (xs) */
@media (max-width: 575.98px) {
  /* Your CSS styles for extra small screens here */
  #contact .globalOffices .globalOfficesContainers .header h2 {
    font-size: 36px;
  }
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer {
    height: 846px;
  }
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice {
    width: 100%;
    flex-direction: column;
  }
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .map-container {
    width: 100%;
    min-height: 352px;
  }
  #contact .globalOffices .globalOfficesContainers .globalOfficeContainer .globalOffice .content {
    width: 100%;
  }
  #contact .teamContacts .supportDesk .supportDeskContainer {
    gap: 14px 0;
  }
  #contact .teamContacts .supportDesk .supportDeskContainer .supportContact {
    gap: 0;
  }
}

/*# sourceMappingURL=main.min.css.map */