/* Import font variables */
@import url('font-variables.css');
@import url('color-variables.css');

body {
  font-family: var(--font-family-main);
  font-style: normal;
  font-weight: 400;
}

.container {
  max-width: 1190px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 20px;
}

/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .container {
    padding: 0;
  }
}

img {
  height: inherit;
}

.flex {
  display: flex;
  justify-content: space-between;
  padding: 0;
}

.pure-menu-disabled, .pure-menu-heading, .pure-menu-link {
  padding: 0;
}

:focus {
  outline: none;
}

.pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover {
  background-color: white;
}

.bold {
  font-weight: 700;
}

#pageBody, .contentBody, .contentSection {
  overflow-x: inherit;
}

  #pageBody p img, .contentBody p img, .contentSection img {
    margin: 5px 25px;
    max-width: 90%;
  }

  #pageBody a span {
    color: var(--text);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem;
    border-bottom: 2px solid var(--text);
  }

/*  BUTTONS*/
/*solid purple one*/
.primaryButton {
  border-radius: 5px;
  padding: 20px 60px;
  min-width: 224px;
  background-color: var(--secondary);
  border-style: none;
  color: white;
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px;
  flex-wrap: wrap;
  white-space: inherit;
  transition: 0.3s;
  border: 1px solid var(--primary);
}

  .primaryButton:hover, .primaryButton:active {
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.15);
  }

.academy-template .primaryButton {
  background: var(--academy);
  color: white;
  border: 1px solid var(--academy);
}


.academy-template a.button, .academy-template .button {
  background: var(--academy);
  color: white;
  border: 1px solid var(--academy);
}

  .academy-template .button:hover {
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  }

  .academy-template .button:active {
    background: var(--white);
    color: var(--academy);
    border: 1px solid var(--academy);
  }

.academy-template .buttonPurpleOutline {
  background: var(--academy);
  color: white;
  border: 1px solid var(--academy);
}

  .academy-template .buttonPurpleOutline:focus {
    background: white;
    color: var(--academy);
    border: 1px solid var(--academy);
  }

.academy-template {
  background: white;
  color: white;
  border: 1px solid white;
}

.esd-template a.button {
  background: var(--esd);
  color: white;
  border: 1px solid var(--esd);
}

.esd-template .button {
  background: var(--esd);
  color: white;
  border: 1px solid var(--esd);
}

  .esd-template .button:active {
    background: white;
    color: var(--esd);
    border: 1px solid var(--esd);
  }


.mediaReleaseSection a.button {
  background: white;
  color: var(--secondary);
  border: 1px solid var(--secondary);
}

.foundation-template a.button {
  background: var(--foundation);
  color: white;
  border: 1px solid var(--foundation);
}


.foundation-template .button {
  background: var(--foundation);
  color: white;
  border: 1px solid var(--foundation);
}

  .foundation-template .button:active {
    background: white;
    color: var(--foundation);
    border: 1px solid var(--foundation);
  }

.foundation-template .buttonPurpleOutline {
  background: var(--foundation);
  color: white;
  border: 1px solid var(--foundation);
}

  .foundation-template .buttonPurpleOutline:active {
    background: white;
    color: var(--foundation);
    border: 1px solid var(--foundation);
  }

.foundation-template a.buttonWhite {
  background: white;
  color: var(--foundation);
  border: 1px solid var(--foundation);
}


  .foundation-template a.buttonWhite:active {
    background: white;
    color: var(--foundation);
    border: 1px solid var(--foundation);
  }

.button:hover {
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
}

.button {
  border-radius: 5px;
  padding: 20px 60px;
  min-width: 224px;
  background-color: var(--secondary);
  border-style: none;
  color: white;
  font-size: 18px;
  font-weight: 700;
  margin-top: 10px;
  flex-wrap: wrap;
  white-space: inherit;
  transition: 0.3s;
  border: 1px solid var(--primary);
}

  .button:active {
    background-color: white;
    border: 1px solid var(--secondary);
    color: var(--secondary);
  }

.buttonWhiteOutline {
  border-radius: 5px;
  padding: 20px 0;
  width: 308px;
  border: 2px solid var(--esd);
  background-color: var(--esd);
  color: white;
  font-size: 18px;
  font-weight: 700;
  margin: 30px 20px 0 20px;
  flex-wrap: wrap;
  white-space: inherit;
  transition: 0.3s;
}

  .buttonWhiteOutline:hover {
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  }

  .buttonWhiteOutline:active {
    border: 1px solid var(--esd);
    color: var(--esd);
    background-color: white;
  }

.buttonPurpleOutline {
  border-radius: 5px;
  padding: 20px 0;
  width: 308px;
  border: 2px solid var(--secondary);
  background-color: var(--secondary);
  color: var(--white);
  font-size: 18px;
  font-weight: 700;
  margin: 0px 20px 40px 20px;
  flex-wrap: wrap;
  white-space: inherit;
  transition: 0.3s;
}


  .buttonPurpleOutline:hover {
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  }

  .buttonPurpleOutline:active {
    border: 1px solid var(--secondary);
    color: var(--secondary);
    background-color: white;
  }

.buttonWhite {
  border-radius: 5px;
  padding: 20px 0;
  width: 224px;
  background-color: white;
  border: 1px solid var(--academy);
  color: var(--academy);
  font-size: 18px;
  font-weight: 700;
  margin: 30px 20px 0 20px;
  flex-wrap: wrap;
  white-space: inherit;
  transition: 0.3s;
}

  .buttonWhite:hover {
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  }

  .buttonWhite:active {
    border: 1px solid white;
    color: var(--academy);
    border: 1px solid var(--academy);
  }


a.buttonWhite:active {
  border: 1px solid white;
  color: var(--academy);
  border: 1px solid var(--academy);
}

.callToActionButtons {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

  .callToActionButtons a {
    margin: 15px 15px 0 15px;
  }

p a, h1 a, h2 a, h3 a, .moreinfo a, li a, .introLink a, .umb-grid a span {
  color: var(--text);
  border-bottom: 2px solid var(--text);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem;
  transition: 0.3s;
  letter-spacing: 0.5px;
  text-decoration: none !important;
}

a:hover {
}

.imageLinks {
  border-bottom: none;
}

ul, ol {
  font-family: var(--font-family-main);
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
  line-height: 26px;
  letter-spacing: var(--font-letter-spacing-normal);
  text-align: left;
}

td, th {
  padding: 10px;
  font-family: var(--font-family-main);
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  color: var(--text);
  line-height: 26px;
  letter-spacing: var(--font-letter-spacing-normal);
  margin-top: 0;
}

.CIfoundationProgrammes td, th {
  color: var(--text);
}

tr {
  border: 1px var(--primary) solid;
  overflow-wrap: anywhere;
}

th {
  color: white;
  background-color: var(--primary);
}

thead td {
  color: var(--white);
  background-color: var(--primary);
}

#pageBody li a span {
  line-height: 34px;
}

.anchor {
  display: block;
  height: 150px;
  margin-top: -150px;
  visibility: hidden;
}

/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  #pageBody iframe, .contentSection iframe {
    width: 80%;
  }

  #pageBody p img, #pageBody p img, .contentBody p img, .contentSection img {
    max-width: 88%;
    height: auto;
  }
}

/* On screens that are 768px or less*/
@media (max-width: 768px) {
  #pageBody iframe, .contentSection iframe {
    width: 100%;
  }

  .tableOverflow {
    overflow-x: auto;
  }
}

/****************************Headings****************************/
h1, .umb-grid h1 {
  font-family: var(--font-family-main);
  font-style: normal;
  font-size: 48px;
  font-weight: 700;
  color: var(--primary);
  margin: 50px 0 0 0;
  line-height: 55px;
}

.umb-grid h1 {
  margin: 0;
  margin-top: 15px;
}

/* On screens that are 1200px or less*/
@media (max-width: 1200px) {
  h1 {
    font-size: 26px;
    margin: 20px 0 0 0;
    line-height: 30px;
  }
}

h2 {
  font-size: 28px;
  font-weight: 400;
  margin: 0;
  color: var(--primary);
  margin-top: 15px;
}
/* On screens that are 1200px or less*/
@media (max-width: 1200px) {
  h2 {
    font-size: 17px;
  }
}

h3 {
  font-family: var(--font-family-main);
  font-style: normal;
  font-size: 26px;
  font-weight: 700;
  color: var(--primary);
  margin: 0;
}

h4 {
  font-family: var(--font-family-main);
  font-style: normal;
  font-size: 22px;
  font-weight: 700;
  color: var(--primary);
  margin: 0;
}

h5 {
  font-family: var(--font-family-main);
  font-style: normal;
  font-size: 16px;
  font-weight: 500;
  color: var(--primary);
  margin: 0;
}

h6 {
  font-size: 18px;
  font-weight: 700;
  color: var(--primary);
  margin: 0;
}

p {
  font-family: var(--font-family-main);
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: var(--font-letter-spacing-normal);
  color: var(--text);
  line-height: 26px;
  margin-top: 0;
}

a {
  text-decoration: none;
}

.footer p {
  color: var(--white);
  font-family: var(--font-family-main);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 0;
  text-align: left;
  transition: 0.3s;
  margin-bottom: 24px;
}

.footer h3 {
  font-family: var(--font-family-main);
  font-style: normal;
  font-size: 17px;
  margin: 18px 0 30px 0;
  text-align: center;
  transition: 0.3s;
  letter-spacing: var(--font-letter-spacing-normal);
  display: none;
}

.investorsList h2 {
  font-size: 26px;
  font-weight: 700;
  margin: 0;
  color: var(--primary);
}


/****************************href tags****************************/
.downloadIcons {
  border: none;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 19px !important;
}

.PDFIcon {
  background-image: url('../img/PDF.svg');
}

.XLSIcon {
  background-image: url('../img/XLS.svg');
}

.ZIPIcon {
  background-image: url('../img/ZIP.svg');
}

.DOCIcon {
  background-image: url('../img/DOC.svg');
}

.downloadIcons span {
  color: var(--white);
  border-bottom: 2px solid var(--white);
  font-weight: 400;
  letter-spacing: 0px;
  transition: 0.3s;
  font-size: 14px;
  margin-left: 24px;
}

/****************************Covid-19 Banner****************************/

.covid {
  text-align: center;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 5;
}

  .covid p {
    font-size: 12px;
  }

  .covid a {
    color: #F4044D;
  }

/* On screens that are 364px or less*/
@media (max-width: 364px) {
  .covid p, .covid p a {
    font-size: 10px;
  }

  #pageBody iframe {
    min-width: auto;
  }
}
/****************************NAVIGATION****************************/
.asisaNav {
  padding: 22px 0;
  background-color: var(--primary);
  overflow: hidden;
  position: fixed;
  top: 0;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  transition: height 0.5s;
  z-index: 5;
  box-shadow: 0 2px 50px rgba(0, 0, 0, 0.16);
}

.asisaNavTopBar .logo img {
  max-height: 32px;
}

.asisaNavTopBar {
  display: flex;
  padding-bottom: 15px;
  padding-left: 25px;
  padding-right: 25px;
}

.socialIcons {
  display: flex;
}

.socialIconsDropdown {
  display: none;
  justify-content: space-between;
}

.iconsBar {
  width: 100%;
  justify-content: flex-end;
}

.iconDropdown {
  padding-left: 20px;
  height: 18px;
}

.icon {
  padding-left: 20px;
  height: 18px;
  width: auto;
}

.asisaNavLinks a {
  color: #FFFFFF;
  font-size: 14px;
  grid-column-start: 1;
  grid-column-end: -1;
  transition: 0.3s;
  margin: 0;
  height: 18px;
  border-bottom: 2px solid var(--primary);
}

  .asisaNavLinks a:hover {
    color: #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
  }

  .asisaNavLinks a:active {
    color: #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
  }

.asisaNavLinks button {
  color: #58595B;
  margin: 0;
  font-size: 14px;
  grid-column-start: 1;
  grid-column-end: -1;
  border-bottom: 2px solid white;
  background-color: transparent;
  border: none;
}

.asisaNavLinks {
  padding-left: 25px;
  padding-right: 25px;
  flex-wrap: wrap;
}

.asisaNav.open {
  height: 100%;
}

.navHamburger-toggle {
  display: none;
}

/************Media queries for nav************/
/* On screens that are 1200px or less*/
@media screen and (max-width: 1200px) {
  .topnav .link {
    display: none;
  }

  .icon {
    display: none;
  }

  .asisaNav {
    height: 36px;
    padding-top: 25px;
    padding-bottom: 15px;
  }

  .topnav {
    display: none;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    margin-top: 25px;
    height: 85%;
  }

  .mobileNavDisplay {
    display: grid;
  }

  .navHamburger-toggle {
    display: block;
  }

  .socialIconsDropdown {
    display: flex;
    grid-column-start: 1;
    grid-column-end: -1;
    margin-top: 25px;
  }

    .socialIconsDropdown a {
      padding: 0;
    }

      .socialIconsDropdown a:hover {
        border-bottom: none;
      }

  .asisaNavTopBar .logo img {
    max-height: 40px;
  }

  .asisaNavTopBar {
    height: 42px;
  }
}
/****************************ENTITY COLORS****************************/
.esdTemplate a.button {
  background: var(--esd);
  color: var(--white);
  border: 1px solid var(--esd);
}

.academyTemplate a.button {
  background: var(--academy);
  color: var(--white);
  border: 1px solid var(--academy);
}

.foundationTemplate a.button {
  background: var(--foundation);
  color: var(--white);
  border: 1px solid var(--foundation);
}
/****************************BREADCRUMBS****************************/
.breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 179px;
}

  .breadcrumbs a {
    padding: 0 0 0 12px;
    text-transform: uppercase;
    display: flex;
    border-left: 1px solid var(--primary);
    margin-left: 10px;
  }

    .breadcrumbs a:first-of-type {
      border: none;
      margin: 0;
    }

.activeBreadcrumb h5 {
  font-weight: 700;
}

.breadcrumbs img {
  height: 15px;
  vertical-align: middle;
}

/* On screens that are 1300px or less*/
@media (max-width: 1300px) {
  .carouselContentPageWithQuickLinksPage .breadcrumbs {
    padding-right: 450px;
  }
}

/* On screens that are 1200px or less*/
@media (max-width: 1200px) {
  .breadcrumbs {
    margin-top: 90px;
    display: flex;
    flex-wrap: wrap;
    max-width: 1190px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
  }

  .iconsBar {
    margin-top: 0;
    align-items: center;
  }

  .breadcrumbs a {
    margin-top: 5px;
  }
}

/****************************ASISA INTRO COPY****************************/
.introImg img {
  width: 100%;
  object-fit: cover;
  margin: 62px 0 0 0;
}

.introImg {
  margin-bottom: 60px;
}

.introCopy {
  max-width: 570px;
  margin-right: 20px;
  margin-bottom: 40px;
}

.introLink {
  text-align: center;
  padding: 20px 0;
}

/************Media queries for Asisa intro copy************/
/* On screens that are 1200px or less*/
@media (max-width: 1200px) {
  .introCopy {
    margin-left: 20px;
  }

  .introImg {
    margin-right: 20px;
  }
}
/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .introImg {
    object-fit: cover;
    margin: 0px 20px 15px 20px;
  }

    .introImg img {
      margin-top: 0;
    }

  .introCopy {
    max-width: 100%;
  }
}

/****************************ASISA Carousel****************************/
.asisaCarouselbody {
  height: 554px;
  background-color: rgba(95, 51, 92, 0.3);
}

.asisaHomePageCarouselBackgroundImage {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.asisaCarousel {
  max-width: 980px;
  display: block;
  margin: 0 auto;
}

.asisaCarouselBlock {
  background-color: #FFFFFF;
  margin: 80px 15px;
  border: 1px solid white;
  border-radius: 5px;
  padding: 35px 30px;
}

.asisaCarouselContent {
  display: flex;
  justify-content: center;
  text-align: center;
}

.asisaCarouselContentButton {
  display: flex;
  justify-content: center;
  position: absolute;
  bottom: 110px;
  width: inherit;
}

.asisaCarouselSlider .asisaCarouselContentButton {
  margin-bottom: 20px;
}

.asisaCarouselContentButton .button {
  bottom: 10px;
}

.asisaCarouselContent h4 {
  margin-top: 30px;
  margin-bottom: 10px;
}

.asisaCarouselContent img {
  height: 80px;
}

.asisaCarouselContentButton a {
  display: flex;
  justify-content: center;
  position: absolute;
  transition: 0.3s;
  border-bottom-color: var(--primary);
}

.asisaCarouselContentButton a {
  border-bottom: 1px solid var(--primary);
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.asisaCarouselSection {
  font-family: Arial, sans-serif;
  width: 500px;
  display: block;
  margin: 0 auto;
}

.slick-prev:before {
  color: transparent;
  background-size: contain;
  background-image: url('../img/left_arrow.svg');
  font-size: 44px;
  background-repeat: no-repeat;
  background-position: center;
}

.slick-prev {
  left: -142px;
}

.slick-next:before {
  color: transparent;
  background-size: contain;
  background-image: url('../img/right_arrow.svg');
  font-size: 44px;
  background-repeat: no-repeat;
  background-position: center;
}

.slick-prev, .slick-next {
  width: auto;
  height: auto;
}

.slick-next {
  right: -98px;
}

.slick-dots li button:before {
  font-size: 6px;
  opacity: 1;
  color: #FFFFFF;
}

.slick-dots li.slick-active button:before {
  font-size: 10px;
  color: #FFFFFF;
}

.slick-track {
  display: flex;
}

.slick-slide {
  height: inherit;
}

.slick-dots {
  bottom: 12px;
  z-index: 1;
}

.asisaCarouselContentButton img {
  padding-left: 4px;
}

/************Media queries for Asisa carousel************/
/* On screens that are 1200px or less*/
@media (max-width: 1200px) {
  .asisaCarousel {
    max-width: 720px;
  }
}
/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .asisaCarousel {
    max-width: 445px;
  }

  .asisaCarouselContentButton {
    bottom: 75px;
  }

  .asisaCarouselBlock {
    margin: 30px 15px 50px 15px;
  }

  .asisaCarouselContentButton a {
    margin: 0;
  }
}
/* On screens that are 768px or less*/
@media (max-width: 768px) {
  .asisaCarousel {
    max-width: 468px;
  }
}
/* On screens that are 568px or less*/
@media (max-width: 568px) {
  .asisaCarousel {
    max-width: 468px;
  }

  .asisaCarouselBlock {
    margin: 40px 15px;
  }
}

/****************************FOSTER THE FUTURE CAROUSEL****************************/
.FTFCarousel {
  display: block;
  margin: 0 auto;
}

  .FTFCarousel .slick-dots {
    bottom: 70px;
    position: relative;
  }

.FTFCarouselSlider .AcademyFTFCarouselBlock {
  background-color: var(--academy);
}

.FTFCarouselSlider .FoundationFTFCarouselBlock {
  background-color: var(--foundation);
}

.FTFCarouselSlider .ESDFTFCarouselBlock {
  background-color: var(--esd);
}

.FTFCarouselBlock {
  height: 407px;
  display: flex;
  align-items: center;
  background-color: var(--primary);
  position: relative;
  overflow: hidden;
}

.FTFCarouselBlockOverlayColor {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(58, 38, 66, .7);
}

  .FTFCarouselBlockOverlayColor img {
    position: absolute;
    top: 0;
  }

.videosCarousel {
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100vw;
}

.youtubeVideosCarousel {
  top: 0;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0%);
  min-height: 56.25vw;
  width: 205vw;
}

.FTFCarouselBlock img {
  width: 100%;
}

.videosCarousel img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100vw;
}

.FTFCarouselContent {
  text-align: center;
  color: white;
  width: 70%;
  padding: 0 20px;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-55%);
  top: 50%;
  z-index: 1;
}

  .FTFCarouselContent h4 {
    margin-bottom: 30px;
    font-size: 1.375rem;
    color: var(--white);
  }

  .FTFCarouselContent p {
    color: var(--white);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem;
    margin: 0 10px;
  }

    .FTFCarouselContent p a {
      color: var(--white) !important;
      border-bottom: 2px solid var(--white) !important;
    }

  .FTFCarouselContent img {
    padding-left: 10px;
  }

.FTFCarouselSection {
  font-family: Arial, sans-serif;
  width: 500px;
  display: block;
  margin: 0 auto;
}

.FTFCarousel .slick-prev {
  left: 80px;
  z-index: 1;
  top: 45%;
}

.FTFCarousel .slick-next {
  right: 124px;
  z-index: 1;
  top: 45%;
}

.slick-dotted.slick-slider {
  margin-bottom: -30px;
}
/************Media queries for FTF carousel************/
/* On screens that are 1200 or less*/
@media (max-width: 1200px) {
  .FTFCarouselBlock img {
    width: unset;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
  }
}
/************Media queries for FTF carousel************/
/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .FTFCarousel .slick-dots {
    bottom: 60px;
  }

  .FTFCarouselContent h4 {
    margin-top: 50px;
    margin-bottom: 15px;
  }

  .asisaCarouselContentButton .button {
    bottom: 0px;
  }

  .FTFBlock {
    margin: 60px 15px 50px 15px;
  }
}
/*On screens that are 768px or less*/
@media (max-width: 768px) {

  .FTFCarousel .slick-dots {
    bottom: 60px;
  }

  .FTFCarouselContent h4 {
    margin-top: 10px;
  }

  .FTFCarouselContent {
    width: 85%;
  }
}
/* On screens that are 568px or less*/
@media (max-width: 568px) {
  .FTFCarouselBlock {
    height: 340px;
  }

  .videosCarousel {
    height: 100vh;
  }

  .FTFCarouselContent h4 {
    font-size: 24px;
    margin-bottom: 5px;
  }

  .FTFCarousel .slick-initialized .slick-slide {
    display: flex;
    align-items: center;
  }

  .FTFCarouselContent p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }

  .FTFCarouselContent {
    width: 100%;
  }

  .FTFCarouselButton .buttonWhite {
    margin: 15px 20px 0 20px;
  }

  .FTFCarousel .slick-dots {
    bottom: 40px;
  }
}
/****************************ASISA FOSTER THE FUTURE SECTION****************************/
.FTFBlock {
  -webkit-box-shadow: 0px 0px 50px rgba(0,0,0,0.06);
  -moz-box-shadow: 0px 0px 50px rgba(0,0,0,0.06);
  box-shadow: 0px 0px 50px rgba(0,0,0,0.06);
}

.asisaFTFCarouselSlider {
  margin: 0 25px;
}

  .asisaFTFCarouselSlider .slick-dots li button:before {
    font-size: 6px;
    opacity: 0.75;
    color: var(--primary);
  }

  .asisaFTFCarouselSlider .slick-dots li.slick-active button:before {
    font-size: 10px;
    color: var(--primary);
  }

.FTFBlock .asisaCarouselDescription {
  margin-bottom: 80px;
}

.FTFBlock .asisaCarouselContent img {
  height: 80px;
}

.asisaFTFCarouselSlider .slick-dots {
  margin-bottom: 30px;
}
/************Media queries for Asisa foster the future section************/
/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .FTFBlock {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
  }
}

/***************************FOSTER THE FUTURE INVESTORS****************************/
.investorsList {
  text-align: center;
  padding: 60px 20px 0 20px;
}

  .investorsList h2 {
    margin-bottom: 35px;
  }

  .investorsList p {
    margin-bottom: 25px;
  }

.accordion {
  transition: 0.4s;
}

.panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin: 40px 0;
}

.panelWithoutButton {
  margin: -60px 0 40px 0;
}

.panel img {
  max-width: 100px;
  max-height: 60px;
  padding: 20px 20px;
}

.panelWithoutButton img {
  max-width: 100px;
  max-height: 60px;
  padding: 20px 20px;
}


/***************************FOUNDATION BANNER INTRO****************************/

.bannerImage img {
  height: 630px;
  width: -webkit-fill-available;
  object-fit: cover;
  padding-top: 20px;
}

.bannerIntroButton a {
  position: absolute;
  top: 65%;
  left: 65%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  cursor: pointer;
  text-align: center;
}

.bannerIntroContainer {
  margin-bottom: 50px;
}

.RTEIntro {
  padding: 0 20px;
}

.foundationRTE {
  display: flex;
}

.subMenu {
  padding: 30px 0 0 0;
}

/* On screens that are 1024px or less*/
@media (max-width: 1024px) {

  .subMenu {
    padding: 30px 20px 0 20px;
  }
}
/************************/

.subMenu a {
  color: var(--primary);
  border-left: 1px solid var(--primary);
  margin-right: 10px;
  padding-left: 10px;
  margin-bottom: 5px;
  display: inline-block;
}

  .subMenu a:first-of-type {
    border: none;
    padding-left: 0;
  }

  .subMenu a:hover {
    text-decoration: underline;
  }

.subMenu .activeSubNav {
  text-decoration: underline;
}


/***********************/


/***************************FOUNDATION celebration page****************************/

.bannerImage img {
  height: 630px;
  width: -webkit-fill-available;
  object-fit: cover;
  padding-top: 20px;
}

.bannerIntroButton a {
  position: absolute;
  top: 68%;
  left: 74%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  cursor: pointer;
  text-align: center;
}

.bannerIntroContainer {
  margin-bottom: 50px;
  position: relative;
}

.RTEIntro {
  padding: 0 20px;
}

.foundationRTE img {
  padding-right: 20px;
}

.foundationRTE .paddingLeftimg img {
  padding-right: 20px;
}

.foundationRTE {
  display: flex;
}

.celebrationCarousel {
  background-color: var(--offWhite);
}

  .celebrationCarousel .asisaCarouselBlock {
    padding: 0px;
    margin-top: 40px;
  }

  .celebrationCarousel h1 {
    text-align: center;
    padding-top: 70px;
  }

  .celebrationCarousel .basicCarouselTitle, .celebrationCarousel .basicCarouselDescription {
    padding: 0 15px;
  }

  .celebrationCarousel .asisaCarouselContent {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

    .celebrationCarousel .asisaCarouselContent img {
      width: -webkit-fill-available;
      height: 156px;
      object-fit: cover;
      border-radius: 10px 10px 0 0;
    }

  .celebrationCarousel .basicCarouselTitle {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    min-height: 60px;
    padding-top: 30px;
  }

  .celebrationCarousel .asisaCarouselContent h4 {
    margin: 0px;
    align-self: center;
    text-align: center;
  }

  .celebrationCarousel .basicCarouselButton {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 15px;
  }


/* On screens that are 1280px or less*/
@media (max-width: 1280px) {
  .celebrationCarousel {
    padding-bottom: 40px;
  }
}

/* On screens that are 768px or less*/
@media (max-width: 768px) {
  .foundationRTE {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

  .bannerIntroButton a {
    top: 50%;
    left: 50%;
  }
}

/***************************FOSTER THE FUTURE CONTENT BLOCKS USED FOR BOTH****************************/
.FTFContentBlocksSection {
  background-color: var(--offWhite);
  padding: 65px 0 90px 0;
  justify-content: center;
}

.FTFcol {
  justify-content: space-between;
}

/***************************FOSTER THE FUTURE IMG CONTENT BLOCKS****************************/
.FTFImgContentBlock {
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  max-width: 500px;
  border-radius: 20px;
  margin: 0 50px;
  height: 86%;
}

.FTFImgContentBlockContent {
  text-align: center;
  padding: 0 30px 30px 30px;
}

.FTFImgContentBlock h3 {
  padding: 190px 30px 0px 30px;
  position: relative;
  z-index: 2;
  color: var(--white);
}

.FTFImgContentBlock p {
  color: white;
  font-weight: 500;
  margin: 20px 0 20px 0;
  position: relative;
  z-index: 2;
}

.FTFImgContentBlock .FTFCarouselBlockOverlayColor {
  border-radius: 5px;
}

.FTFImgContentBlockButton {
  display: flex;
  justify-content: center;
}

.backgroundImage0, .backgroundImage1 {
  position: relative;
}
/************Media queries for foster the future content blocks************/
/* On screens that are 1200px or less*/
@media (max-width: 1200px) {
  .FTFImgContentBlock {
    margin: 0 20px;
  }
}
/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .FTFImgContentBlock {
    margin: 0px 20px;
  }

    .FTFImgContentBlock h3 {
      padding: 20px 30px 0px 30px;
    }
}
/* On screens that are 768px or less*/
@media (max-width: 768px) {

  .FTFImgContentBlocksSection {
    padding: 65px 0 0 0;
  }

  .FTFcol {
    margin-bottom: 50px;
  }

  .FTFImgContentBlock {
    max-width: 100%;
    margin: 0px 60px;
  }
}
/* On screens that are 568px or less*/
@media (max-width: 568px) {
  .FTFImgContentBlockContent {
    padding: 0 5px 30px 5px;
  }

  .FTFImgContentBlock {
    max-width: 100%;
    margin: 0px 10px;
  }

  .buttonWhiteOutline {
    width: 270px;
    margin: 20px 20px 0 20px;
  }
}

/***************************FOSTER THE FUTURE WITHOUT IMG CONTENT BLOCKS****************************/
.FTFContentBlock {
  background-color: white;
  max-width: 500px;
  border-radius: 5px;
  margin: 0 50px;
  height: 100%;
  position: relative;
}

.FTFContentBlockContent {
  justify-content: center;
  text-align: center;
  padding: 0px 20px 120px 20px;
}

.FTFContentBlock h3 {
  padding: 70px 60px 20px 60px;
  color: var(--primary);
}

.FTFContentBlock p {
  margin: 20px 0 20px 0;
}

.FTFContentBlockButton {
  display: flex;
  justify-content: center;
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: translate(50%, 0%);
}

/************Media queries for foster the future content blocks************/
/* On screens that are 1200px or less*/
@media (max-width: 1200px) {
  .FTFContentBlock {
    margin: 0 20px;
  }

  .button {
    padding: 20px 20px;
    margin-top:40px;
  }
}
/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .FTFContentBlock {
    margin: 0px 20px;
  }

    .FTFContentBlock h3 {
      padding: 20px 30px 0px 30px;
    }
}
/* On screens that are 768px or less*/
@media (max-width: 768px) {

  .FTFContentBlocksSection {
    padding: 65px 0 20px 0;
  }

  .FTFContentBlock {
    max-width: 100%;
    margin: 0px 10px;
  }
}
/* On screens that are 568px or less*/
@media (max-width: 568px) {

  .FTFContentBlock {
    max-width: 100%;
  }

  .buttonPurpleOutline {
    width: 270px;
  }
}

/****************************ASISA FOOTER****************************/
.footer {
  background-color: var(--primary);
  padding: 30px 25px 0px 25px;
}

  .footer h3:hover {
    color: #F4044D;
  }

  .footer p:hover {
    color: var(--white);
    text-decoration: underline;
  }

.footerColum {
  padding: 20px 42px;
}

.footerLogo {
  height: 40px;
  display: flex;
  margin: 0;
  margin-bottom: 35px;
}

  .footerLogo img {
    margin: 0;
    display: block;
  }

.footerLinks {
  -webkit-columns: 2 150px;
  -moz-columns: 2 150px;
  columns: 2 150px;
  padding-bottom: 24px;
}

.copyRight {
  background: #780063;
  display: flex;
  gap: 6px;
  justify-content: center;
  transition: 0.3s;
  padding: 15px 10px;
}

  .copyRight p {
    margin: 0;
    color: #FFF;
    text-align: center;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
  }

  .copyRight a {
    margin: 0;
    border-bottom: 2px solid var(--secondary);
  }

    .copyRight a:hover {
      color: var(--red-energy);
      border-bottom: 2px solid var(--white);
    }

.embeditem {
  float: left;
  padding-right: 15px;
}

/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .footerColum {
    padding: 20px 20px;
  }
}
/* On screens that are 568px or less*/
@media (max-width: 568px) {
  .copyRight {
    flex-wrap: wrap;
    padding: 20px 20px;
  }

  .footerColum {
    padding: 5px 2px;
  }
}


/****************************CUSTOM SELECT****************************/
.select-container {
  position: relative;
  width: 224px;
  margin: 0 auto;
  height: 60px;
}

.custom-select {
  position: relative;
  cursor: pointer;
  height: 100%;
}

.select-trigger {
  background: white;
  border: 2px solid var(--secondary);
  border-radius: 5px;
  padding: 15px 20px;
  font-size: 18px;
  font-weight: 500;
  color: var(--secondary);
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.2s ease;
  user-select: none;
  height: 60px;
  box-sizing: border-box;
}

.select-trigger span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  margin-right: 10px;
}

  .select-trigger:hover {
    border-color: var(--secondary);
  }

.custom-select.open .select-trigger {
  border-color: var(--secondary);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.arrow {
  background-image: url('../img/downArrow.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease;
  border: none;
}

.custom-select.open .arrow {
  transform: rotate(180deg);
}

.options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 2px solid var(--secondary);
  border-top: none;
  border-radius: 0 0 5px 5px;
  max-height: 300px;
  overflow-y: auto;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.2s ease;
}

.custom-select.open .options {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.option {
  padding: 10px 20px;
  cursor: pointer;
  transition: background-color 0.15s ease;
  color: var(--secondary);
  font-size: 18px;
  font-weight: 500;
}

  .option:hover {
    background-color: var(--secondary);
    color: white;
  }

  .option.selected, .option.selected:hover {
    background-color: var(--offWhite);
    color: var(--secondary);
  }
/****************************LANDING PAGES QUICK LINKS****************************/
.quickLinksContainer {
  min-width: 260px;
  position: relative;
  background-color: var(--primary);
  border-radius: 5px;
  height: 100%;
  margin: 61px 0 50px 0px;
}

.quickLinksContainerFoundation ul li:hover, .quickLinksContainerFoundation .quickLinksDropDownMobileContainer .dropDown li a:hover {
  background-color: var(--foundation);
}

.quickLinksContainerESD ul li:hover, .quickLinksContainerESD .quickLinksDropDownMobileContainer .dropDown li a:hover {
  background-color: var(--esd);
}

.quickLinksContainerAcademy ul li:hover, .quickLinksContainerAcademy .quickLinksDropDownMobileContainer .dropDown li a:hover {
  background-color: var(--academy);
}

.QuickLinksTriangle {
  position: absolute;
  height: 40px;
  right: 6px;
  top: 8px;
}

.quickLinksContainer select {
  display: none;
}

.QuickLinksContent {
  padding: 70px 0;
}

.quickLinksContainer li {
  border-top: 0.5px solid var(--white);
  list-style: none;
  transition: 0.3s;
}

  .quickLinksContainer li:last-child {
    border-bottom: 0.5px solid var(--white);
  }

  .quickLinksContainer li a {
    color: white;
    font-family: var(--font-family-main);
    font-style: normal;
    font-weight: 700;
    line-height: 1.625rem;
    display: block;
    padding: 20px 25px;
    border-bottom: none;
  }

.QuickLinksContent li:hover {
  background-color: var(--red-energy);
}

.QuickLinksContent li:active {
  background-color: var(--red-energy);
}

.quickLinksDropDownMobileContainer {
  display: none;
  width: 224px;
}
/****************************LANDING PAGES CONTENT****************************/
.LandingPageContainer {
  display: flex;
}

.LandingPageContent {
  padding-left: 30px;
  margin-bottom: 50px;
}

  .LandingPageContent iframe {
    width: 100% !important;
  }

.quickLinksDropDownMobile {
  display: none;
}

/* On screens that are 1200 or less*/
@media (max-width: 1200px) {

  .LandingPageContent {
    margin-top: 24px;
  }
}
/* On screens that are 1024 or less*/
@media (max-width: 1024px) {

  .LandingPageContent {
    padding: 0 20px;
  }

  .quickLinksContainer select {
    display: inline-block;
  }

  .LandingPageContainer {
    display: block;
  }

  .quickLinksDropDownMobile {
    display: block;
  }
  /****************************NEW QUICKLNKS****************************/
  .quickLinksDropDownMobileContainer {
    display: none;
  }

  .dropDown li a {
    background: var(--primary);
    border-radius: 0px;
  }

  @media (max-width: 1024px) {
    .quickLinksDropDownMobileContainer {
      display: block;
    }

      .quickLinksDropDownMobileContainer ul li {
        padding: 5px 10px;
        z-index: 2;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
      }

        .quickLinksDropDownMobileContainer ul li:last-child {
          border-bottom: none;
        }
  }

  .quickLinksDropDownMobileContainer .firstOption {
    padding: 15px 20px;
    border: 2px solid var(--primary);
    color: var(--primary);
    width: 200px;
  }

    .quickLinksDropDownMobileContainer .firstOption span {
      background-image: url(../img/downArrow.svg);
      background-repeat: no-repeat;
      display: block;
      width: 24px;
      height: 14px;
      float: right;
      margin-top: 8px;
    }

  .foundationDropdown .firstOption {
    border: 2px solid var(--primary);
    color: var(--primary);
  }

    .foundationDropdown .firstOption span {
      background-image: url(../img/downArrow.svg);
    }

  .quickLinksDropDownMobileContainer li a {
    padding: 15px 20px;
    color: var(--white);
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border-bottom: none;
    white-space: normal;
    transition: 0s;
  }


  .quickLinksDropDownMobileContainer .pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
    display: none;
  }

  .quickLinksDropDownMobileContainer .pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-separator {
    zoom: 1;
    vertical-align: middle;
    width: 100%;
    padding: 0;
  }

  .quickLinksDropDownMobileContainer .pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link {
    background-color: none;
  }

    .quickLinksDropDownMobileContainer .pure-menu-active > .pure-menu-link, .pure-menu-link:focus, .pure-menu-link:hover {
      background-color: white;
    }

  .firstOptionActive {
    border: 2px solid var(--primary);
  }

  .foundationDropdown .firstOptionActive {
    border: 2px solid var(--primary);
  }

  .firstOptionActive {
    display: block;
  }

  .borderActive {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: none !important;
  }

  .pure-menu-horizontal .pure-menu-children {
    width: 240px;
  }

  .foundationDropdown .dropDown li a {
    color: white;
    background-color: var(--primary);
    border-radius: 0;
    transition: 0s;
    border-bottom: 1px solid #472644;
    border-top: 1px solid #7F5B7C;
  }

  .quickLinksDropDownMobileContainer .dropDown li a:hover {
    color: white;
    background-color: var(--red-energy);
    border-radius: 0;
    transition: 0s;
  }

  .arrowActive {
    transform: rotate(180deg);
  }
}

/*BOOTSTRAP USED form COLUM LAYOUT content LANDING PAGE*/
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 100%;
  }
}


.col-md-6 img {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 16 / 9; /* Maintain a consistent aspect ratio */
  border-radius: 8px;
}

.LandingPageContent *, ::after, ::before {
  box-sizing: border-box;
}

.quickLinksDropDownMobile {
  display: none;
}


/* On screens that are 1200px or less*/
@media (max-width: 1200px) {
  .quickLinksContainer {
    margin: 50px 0 50px 0px;
  }
}

/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .QuickLinksContent {
    display: none;
  }

  .quickLinksContainer select {
    display: inline-block;
  }

  .quickLinksContainer {
    background-color: white;
    display: flex;
    justify-content: center;
    margin: 20px 20px 50px 20px;
  }

  .QuickLinksTriangle {
    display: none;
  }

  .select2-results__option--highlighted,
  .select2-results__option:hover {
    background: var(--red-energy) !important;
    color: white;
  }

  .select2-results__option {
    color: #F4044D;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 20px;
  }

  .form-control {
    font-size: 18px;
    font-weight: 700;
    margin: 0px 20px 40px 20px;
    flex-wrap: wrap;
    white-space: inherit;
    transition: 0.3s;
  }

  .select2-container--default .select2-selection--single {
    border: 2px solid #F4044D;
    color: #F4044D;
    border-radius: 30px;
    height: 60px;
  }

  .select2-container {
    height: 60px;
  }

  .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }

  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 60px;
  }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      background-image: url('../img/downArrow.svg');
      background-repeat: no-repeat;
      height: 20px;
      width: 30px;
      top: 46%;
      left: -16px;
      border: none;
      right: 13px;
    }

  .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    background-image: url('../img/downArrow.svg');
    background-repeat: no-repeat;
    height: 20px;
    width: 30px;
    top: 33%;
    left: -24px;
    border: none;
    transform: rotate(180deg);
  }

  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 15px 20px;
    color: #F4044D;
    font-size: 18px;
    font-weight: 700;
  }

  .select2-dropdown--below {
    border: 2px solid var(--red-energy) !important;
    border-top: none !important;
  }

  .select2-container--default .select2-results > .select2-results__options {
    max-height: 300px;
  }
}


/*details PAGE*/
.DeatilsPageContent h2 {
  padding-top: 30px;
}

.DetailsPageContent {
  margin-bottom: 50px;
}

@media (max-width: 1024px) {

  .DetailsPageContent {
    padding: 0 20px;
  }
}

/****************************FAQ PAGES****************************/

.FAQAccordion {
  height: auto;
  margin: 0 auto;
  margin-top: 45px;
  margin-bottom: 50px;
}

.accordionHeading {
  padding-top: 15px;
}

.FAQquestion {
  width: 98px;
  height: 88px;
  background-color: var(--secondary);
  border-radius: 5px;
  z-index: 1;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  position: relative;
}

  .FAQquestion::after, .QuickLinksContent::after {
    content: '';
    position: absolute;
    top: 5px;
    right: -5px;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 18px solid var(--red-energy);
    transform: rotate(45deg);
  }

.QuickLinksContent::after {
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 25px solid var(--white);
  opacity: 0.8;
  top: 5px;
  right: -8px;
}

.programmesLandingPageContent .FAQquestion::after {
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 18px solid var(--white);
  opacity: 0.8;
}

.quickLinksContainerFoundation .QuickLinksContent::after {
  border-bottom: 25px solid var(--foundation);
  opacity: 1;
}

.quickLinksContainerAcademy .QuickLinksContent::after {
  border-bottom: 25px solid var(--academy);
  opacity: 1;
}

.quickLinksContainerESD .QuickLinksContent::after {
  border-bottom: 25px solid var(--esd);
  opacity: 1;
}

.quickLinksContainerASISA .QuickLinksContent::after {
  border-bottom: 25px solid var(--red-energy);
  opacity: 1;
}

.FAQquestion h1 {
  color: white;
  margin: 0;
  text-align: center;
  padding-top: 17px;
}

.accordionHeading p {
  display: block;
  background-color: var(--secondary);
  padding: 20px 50px 20px 30px;
  color: white;
  cursor: pointer;
  width: 100%;
  margin-bottom: 0;
  margin-left: -10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  background-image: url('../img/whiteDownArrow.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: 98%;
  flex-wrap: wrap;
  white-space: inherit;
  line-height: 1.5;
}

  .accordionHeading p.active {
    background-image: url('../img/whiteArrowUp.svg');
  }

.FAQtext {
  overflow: hidden;
  display: none;
  top: -35px;
  position: relative;
  margin-bottom: -20px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border: 1px solid var(--secondary);
  border-top: none;
  -webkit-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.15);
  box-shadow: 0px 5px 5px 1px rgba(0,0,0,0.15);
}

  .FAQtext table {
    padding-right: 25px
  }

  .FAQtext p {
    padding: 17px 25px 20px 0px;
    margin: 0;
  }

  .FAQtext h1 {
    padding-left: 25px;
  }

td a {
  color: var(--text);
  font-weight: bold;
  text-decoration: underline;
}

.accordionToggle {
  display: flex;
  transition: background .3s ease;
}

.FQAEntitiesLinks {
  text-align: center;
  margin-bottom: 70px;
}

@media (min-width: 1200px) {
  .accordionHeading p {
    height: 24px;
  }

  .FAQtext div:first-child {
    width: 8.3333%;
  }

  .FAQtext div:nth-child(2) {
    width: 91.6667%;
  }
}

@media (max-width: 1200px) {
  .FAQquestion {
    display: none;
  }

  .accordionHeading p {
    border-radius: 5px;
    margin-left: 0;
  }

  .FAQtext {
    margin-bottom: -20px;
    border-radius: 10px;
    top: -20px;
  }

    .FAQtext h1 {
      display: none;
    }

    .FAQtext p {
      padding: 5px 15px 8px 15px;
      margin: 0;
    }

  .FAQAccordion {
    margin-top: 15px;
    margin-bottom: 35px;
  }

  .FQAEntitiesLinks {
    margin-bottom: 60px;
  }

  .FAQtext div:nth-child(2) {
    width: 100%;
  }
}

/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .accordionHeading p {
    padding: 15px 50px 15px 10px;
    background-position-x: 98%;
  }
}
/* On screens that are 768px or less*/
@media (max-width: 768px) {
  .FAQContainer {
    padding: 0 20px 0 20px;
  }

  .accordionHeading p {
    background-position-x: 97%;
  }
}



/****************************CONTACT US PAGES****************************/
.contactUsDetailsContainer {
  display: flex;
  background-color: rgba(95, 51, 92, 0.3);
  padding: 65px 0 90px 0;
  justify-content: center;
}

.contactUsDetails {
  padding: 60px 40px;
  color: red;
}

  .contactUsDetails a, .contactUsContentBlock #pageBody p a span {
    color: var(--white);
    filter: brightness(0) invert(1);
    border-bottom: 2px solid var(--white);
  }

.contactUsContentBlock #pageBody p a span {
  border-bottom: none;
}

.contactUsIntroParagraph {
  margin-top: 40px;
}

.contactUsDetailsHeading {
  text-align: center;
}

  .contactUsDetailsHeading h2 {
    font-family: var(--font-family-main);
    font-size: 41px;
    font-weight: 700;
    color: white;
    position: relative;
    z-index: 2;
    overflow-wrap: break-word;
  }

  .contactUsDetailsHeading p {
    font-weight: 700;
    margin-bottom: 50px;
  }

.contactUsDetails p {
  color: white;
  font-size: 1.125rem; /* 18px */
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: var(--font-letter-spacing-wide);
  margin: -10px 0 20px 0;
  position: relative;
  z-index: 2;
}

.contactUsContentBlock {
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 500px;
  min-width: 320px;
  border-radius: 5px;
  margin: 0 auto;
  height: 100%;
}

  .contactUsContentBlock .FTFCarouselBlockOverlayColor {
    border-radius: 5px;
  }

.contactUsHeading {
  margin-bottom: 50px;
}

.contactUsBlocksSection {
  background-color: #F8F6F5;
  padding: 60px 20px 60px 20px;
}

.contactUsContainer h4 {
  text-align: center;
  font-size: 26px;
  margin-top: 50px;
  margin-bottom: 30px;
}

.contactUsFor2 .map {
  height: 470px;
}

.map2 {
  margin-left: 25px;
}

.map1 {
  margin-right: 25px;
}

.contactUsBlocksSectionFor1 .contactUsContentBlock {
  max-width: 100%;
  border-radius: 0;
}

.contactUsBlocksSectionFor1 .contactUsDetails {
  max-width: 1190px;
  margin-left: auto;
  margin-right: auto;
}

.contactUsBlocksSectionFor1 h2 {
  font-weight: 300;
  font-size: 44px;
}

.contactUsBlocksSectionFor1 .contactUsDetailsHeading {
  text-align: left;
}

.contactUsBlocksSectionFor1 .contactUsContentBlock .FTFCarouselBlockOverlayColor {
  border-radius: 0px;
}

.contactUsBlocksSectionFor1 .map {
  height: 550px;
  border: 1px solid black;
}

.map iframe {
  width: 100%;
  height: 100%;
}

.contactUsViewMapMobile {
  display: none;
}
/* On screens that are 1200 or less*/
@media (max-width: 1200px) {
  .contactUsFor2 .contactUsContentBlock {
    margin: 0 10px;
  }

  .contactUsDetails {
    padding: 30px 15px;
  }

  .contactUsDetailsHeading h2 {
    font-size: 39px;
  }
}

@media (max-width: 1024px) {
  .contactUsHeading {
    padding: 0 20px;
  }

  .contactUsIntroParagraph {
    margin-top: -10px;
  }
}
/* On screens that are 768px or less*/
@media (max-width: 767px) {
  .contactUsBlocksSection {
    background-color: white;
    padding: 0;
  }

  .contactUsFor2 .contactUsContentBlock {
    margin: 0 auto;
    border-radius: 0;
  }

  .contactUsHeading {
    margin-bottom: 30px;
  }

  .contactUsBlocksSection .FTFcol {
    margin-bottom: 30px;
  }

  .contactUsMap {
    display: none;
  }

  .contactUsViewMapMobile {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
  }

  .contactUsContentBlock .FTFCarouselBlockOverlayColor {
    border-radius: 0px;
  }

  .contactUsBlocksSectionFor1 .contactUsDetails {
    margin-bottom: 25px;
  }
}


/****************************TEAM MEMEBERS PAGES****************************/

.memberSection {
  text-align: center;
}

.members {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.member {
  padding: 0 30px 40px 30px;
  width: 200px;
}

.memberSection img {
  border-radius: 50%;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  height: 150px;
  width: 150px;
  object-fit: cover;
}

.teamMemberContainer h2 {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 50px;
}

.teamMemberContainer .introParagraph {
  text-align: center;
}

.teamMemberContainer h1 {
  margin-bottom: 50px;
}

.teamButtons {
  text-align: center;
  background-color: var(--offWhite);
}

  .teamButtons .buttonPurpleOutline.teamButtonActive {
    border: 1px solid var(--secondary);
    background-color: var(--secondary);
    color: white;
  }

  .teamButtons .buttonPurpleOutline {
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: white;
    color: var(--secondary);
  }



.member h4 {
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 4px;
}

.member p {
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
  letter-spacing: var(--font-letter-spacing-wide);
  margin-bottom: 0;
}

.teamMemberHeading {
  padding: 0 20px;
}

.memberSection {
  padding: 0 20px;
}
/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .teamMemberContainer h2 {
    margin-bottom: 30px;
    margin-top: 25px;
    font-size: 20px;
  }
}
/* On screens that are 768px or less*/
@media (max-width: 768px) {
  .teamMemberContainer h1 {
    margin-bottom: 25px;
  }

  .teamButtons .buttonPurpleOutline {
    margin: 8px 0;
  }

  .teamButtons {
    padding: 8px 0;
  }

  .member {
    padding: 0 20px 6px 20px;
  }
}

/****************************VIDEO LIBRARY PAGES****************************/
.videoLibraryHeading {
  display: flex;
  justify-content: space-between;
}

.selectBoxContainer {
  margin-top: 60px;
}

.videoLibrarySection {
  margin-top: 35px;
}

.videos {
  margin-top: 15px;
  margin-bottom: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.videoInfo {
  margin-bottom: 20px;
}

  .videoInfo p {
    margin: 0 0 -8px 0;
  }

.videoSubHeading {
  font-weight: 700;
  color: var(--text);
}

.video {
  display: block;
  width: 556px;
  min-height: 315px;
}

  .video p {
    font-size: 13px;
  }

.programmesButton {
  margin-bottom: 50px;
  text-align: center;
}

.video iframe {
  width: 100%;
  height: 315px;
}

.videoOverlayImg {
  position: absolute;
  z-index: 1;
  width: 556px;
  height: 315px;
  object-fit: cover;
}

.videoOverlayPlayButton {
  position: absolute;
  z-index: 2;
  width: 556px;
  height: 315px;
  text-align: center;
}

  .videoOverlayPlayButton img {
    opacity: 0.6;
    width: 100px;
  }

.video button {
  position: absolute;
  z-index: 3;
  width: 556px;
  height: 315px;
  background-color: transparent;
  border: none;
}

.select2-results__option--highlighted,
.select2-results__option:hover {
  background: var(--secondary) !important;
  color: white;
}

.select2-results__option {
  color: var(--secondary);
  font-size: 18px;
  font-weight: 500;
  padding: 5px 20px;
}

.form-control {
  font-size: 18px;
  font-weight: 700;
  margin: 0px 20px 40px 20px;
  flex-wrap: wrap;
  white-space: inherit;
  transition: 0.3s;
}

.select2-container--default .select2-selection--single {
  border: 2px solid var(--secondary);
  color: var(--secondary);
  border-radius: 5px;
  height: 60px;
}

.select2-container {
  height: 60px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 60px;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--offWhite) !important;
  color: var(--secondary);
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  background-image: url('../img/downArrow.svg');
  background-repeat: no-repeat;
  height: 10px;
  width: 20px;
  top: 46%;
  left: -16px;
  border: none;
  right: 13px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  background-image: url('../img/downArrow.svg');
  background-repeat: no-repeat;
  height: 10px;
  width: 20px;
  top: 46%;
  left: -16px;
  border: none;
  transform: rotate(180deg);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 15px 40px 15px 20px;
  color: var(--secondary);
  font-size: 18px;
  font-weight: 500;
}

.select2-dropdown--below {
  border: 2px solid var(--secondary) !important;
  border-top: none !important;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 300px;
}

/* On screens that are 1200 or less*/
@media (max-width: 1200px) {
  .videoLibraryHeading {
    display: block;
    text-align: center;
  }

  .selectBoxContainer {
    margin-top: 30px;
  }

  .video {
    padding: 0px 40px;
  }

  .videos {
    justify-content: center;
  }

  .videoLibrarySection h4 {
  text-align: center;
  }

  .videoLibrary {
    padding: 0 20px;
  }
}
/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
}
/* On screens that are 600 or less*/
@media (max-width: 600px) {
  .videoOverlayPlayButton, .videoOverlayImg, .video iframe, .video button {
    width: 280px;
    height: 155px;
    display: inline-block;
  }

  .video {
    padding: 0px;
  }
}
/****************************PROGRAMMES PAGES****************************/
.programmeIntro {
  width: 630px;
}

.programme {
  background-color: var(--offWhite);
  max-width: 360px;
  padding: 30px;
  margin-top: 30px;
  flex: 0 0 50%;
}

  .programme h4 {
    font-weight: 700;
    line-height: 25px;
    min-height: 45px;
  }

  .programme p {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.125rem;
  }

.programmesyHeading {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.programme img {
  width: 360px;
  height: 90px;
  border-radius: 5px;
  margin: 10px 0 !important;
  object-fit: cover;
}

.programme a {
  font-weight: 700;
  text-decoration: underline;
  color: var(--text-primary);
  font-size: 12px;
}

.programmeInfo {
  margin-top: 10px;
}

.Onlyprogrammes {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 80px;
  max-width: 900px;
}

.programePicture {
  text-align: center;
}

.ProgrammesLandingPageContainer .quickLinksContainer {
  margin-right: 30px;
}

.ProgrammesLandingPageContainer h1 {
  text-align: left;
}

.programmesLandingPageContent {
  width: 100%;
}

.programmeIntroMobile {
  display: none;
}
/* On screens that are 1200 or less*/
@media (max-width: 1200px) {
  .programmesLandingPageContent {
    margin-top: 24px;
  }
}
/* On screens that are 1200 or less*/
@media (max-width: 1200px) {
  .programmes {
    justify-content: center;
    padding: 0;
  }

  .programme:nth-child(2n) {
    margin-left: 10px;
  }

  .programme {
    max-width: 100%;
  }

    .programme:nth-child(2n) {
      background-color: white;
    }

  .programmeIntro {
    margin-top: 15px;
  }

  .programmeIntroMobile {
    display: block;
  }

  .programmeIntro {
    display: none;
  }

  .programmesyHeading {
    padding: 0 20px;
    display: block;
  }

  .programmesButton {
    text-align: center;
  }

  .programmesselectBoxContainer {
    text-align: center;
  }

  .Onlyprogrammes {
    display: block;
    max-width: 100%;
  }

  .programmeCategoryHeading h4 {
    padding: 0 20px;
  }

  .categoryName {
    padding: 0 20px;
  }

  .ProgrammesLandingPageContainer h1 {
    text-align: center;
  }
}
/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .programme {
    margin: 20px 0 0 0;
  }

  .programmesLandingPageContent {
    padding: 0;
  }

  .programmeIntro, .programmesButtonMobile {
    padding: 0 20px;
  }

  .ProgrammesLandingPageContainer h1 {
    padding: 0 20px;
  }

  .programmeIntroMobile {
    padding: 0 20px;
  }
}
/* On screens that are 768 or less*/
@media (max-width: 768px) {
  .programme img {
    width: 260px;
  }
}


/****************************MEDIA RELEASE PAGES****************************/
.mediaReleaseSection {
  background-color: var(--primary);
  padding-top: 4px;
  padding-bottom: 60px;
  margin-bottom: 10px;
}

.mediaReleaseIntroHeading h1 {
  color: white;
}

.mediaReleaseIntroHeading {
  text-align: left;
  display: block;
  padding: 0;
}

.mediaReleaseIntro .asisaCarouselContent {
  display: block;
  text-align: left;
}

.mediaReleaseSection .asisaCarouselBlock {
  background-color: var(--offWhite);
  border: none;
  box-shadow: none;
  padding: 0px;
  margin: 0;
  width: 32%;
}

  .mediaReleaseSection .asisaCarouselBlock p, .mediaReleaseSection .asisaCarouselBlock ul, .mediaReleaseSection .asisaCarouselBlock ol {
    color: var(--text);
  }

.mediaReleaseSection .FTFBlock .asisaCarouselDescription {
  margin-bottom: 0;
}

.mediaReleaseSection .asisaFTFCarouselSlider {
  margin: 0 auto;
  padding: 0;
}

.mediaReleaseIntro .asisaCarouselContent {
  position: relative;
  padding-right: 30px;
}

  .mediaReleaseIntro .asisaCarouselContent::after {
    content: '';
    position: absolute;
    top: 0px;
    right: -10px;
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-bottom: 18px solid var(--red-energy);
    transform: rotate(45deg);
  }


/* On screens that are 1200 or less*/
@media (max-width: 1200px) {
  .mediaReleaseSection .asisaFTFCarouselSlider {
    margin: 0 20px;
  }

  .mediaReleaseButton {
    text-align: center;
  }

  .mediaReleaseSection .asisaCarouselBlock:not(:first-child) {
    border-left: none;
  }

  .mediaReleaseSection .asisaFTFCarouselSlider .slick-dots li button:before {
    color: white;
  }

  .mediaReleaseSection .asisaFTFCarouselSlider .slick-dots {
    margin-bottom: 0;
  }

  .mediaReleaseIntroHeading {
    margin: 0 20px;
    padding: 0;
  }
}

.mediaReleaseSection .asisaFTFCarouselSlider .slick-dots li button:before {
  color: white;
}


.mediaLandingPageMediaSection, .mediaReleasesArchiveContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 55px 20px;
  margin-top: 55px;
  margin-bottom: 55px;
}

.mediaReleaseIntro {
  padding: 0 20px;
}

.mediaReleasesArchiveContainer .slick-prev, .mediaReleaseCarousel .slick-prev {
  left: 80px;
}

.mediaReleasesArchiveContainer .slick-next, .mediaReleaseCarousel .slick-next {
  right: 80px;
}

.mediaReleasesArchiveContainer .slick-arrow, .mediaReleaseCarousel .slick-arrow {
  top: 112%;
}
/* On screens that are 1200 or less*/
@media (max-width: 1200px) {
  .mediaReleaseSection .asisaFTFCarouselSlider {
    margin: 0 20px;
  }

  .mediaReleaseButton {
    text-align: center;
    margin-top: 110px;
  }

  .mediaReleaseSection {
    padding-bottom: 90px;
  }

    .mediaReleaseSection .asisaCarouselBlock:not(:first-child) {
      border-left: none;
    }

    .mediaReleaseSection .asisaCarouselBlock:nth-child(3n+2), .mediaReleaseSection .asisaCarouselBlock:nth-child(3n+3) {
      padding-left: 0px;
    }

    .mediaReleaseSection:nth-child(2n) .asisaFTFCarouselSlider .slick-dots li button:before {
      color: var(--primary);
    }

    .mediaReleaseSection .asisaFTFCarouselSlider .slick-dots {
      margin-bottom: 0;
    }

  .mediaReleaseIntroHeading {
    margin: 0 20px;
    padding: 0;
  }

  .mediaReleaseSection .asisaCarouselBlock {
    margin: 0 20px;
  }

  .viewAllDropDown {
    display: none;
  }

  .mediaReleaseArchiveIntro {
    padding: 0 20px;
  }
}

.mediaReleaseSection .slick-dots {
  bottom: 0;
  z-index: 1;
}


/****************************CI foundation programmes PAGES****************************/
.CIfoundationProgrammes p {
  color: var(--text);
}

.CIfoundationProgrammes li {
  color: var(--text);
}

.foundationProgrammesPage h2 {
  font-weight: 700;
}

.foundationProgrammesContent ul, .carouselContentPageWithQuickLinksPage ul, .rteContentPageWithIntroPage ul, .rteContentPageWithQuickLinksPage ul, .FAQAccordion ul {
  list-style: none;
}

.foundationProgrammesContent {
  text-align: left;
}

.CIfoundationProgrammes ul li::before {
  content: "\2022";
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.CIfoundationProgrammes ol li::before {
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

/* On screens that are 1200 or less*/
@media (max-width: 1200px) {

  .foundationProgrammesPage {
    padding: 0 20px;
  }
}
/****************************ARCHIVED MEDIA RELEASE PAGES****************************/

.mediaReleaseSectionArchived:nth-child(2n+1) {
  background-color: white;
}


  .mediaReleaseSectionArchived:nth-child(2n+1) .mediaReleasesArchiveContainer .slick-arrow {
    background: var(--primary);
  }

.mediaReleaseSectionArchived .mediaReleasesArchiveContainer .slick-arrow, .mediaReleaseCarousel .slick-arrow {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  margin-top: 40px
}

.mediaReleasesArchiveContainer .mediaReleaseIntro {
  padding: 0 20px;
}


.viewAllDropDownSection {
  float: right;
}

.viewAllDropDown {
  color: white;
  font-size: 22px;
  font-weight: 700;
  border: none;
  background-color: transparent;
}

.viewallArrow {
  background-image: url('../img/viewMoreWhite.svg');
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  width: 30px;
  height: 30px;
  position: absolute;
}

.viewLessArrow {
  transform: rotate(180deg);
}

.hidden {
  display: none;
}

.mediaReleaseSectionArchived:nth-child(2n+1) .viewallArrow {
  background-image: url('../img/viewMorePurple.svg');
}

.mediaReleaseSectionArchived:nth-child(2n+1) .viewAllDropDown {
  color: var(--primary);
}

.mediaReleaseSectionArchived:nth-child(2n+1) h1 {
  color: var(--primary);
}

.mediaReleasesArchiveContainer {
  display: flex;
  flex-wrap: wrap;
}

.mediaReleasesArchive {
  border: none;
}

.mediaViewAll {
  display: flex;
  flex-wrap: wrap;
}
/* On screens that are 1200 or less*/
@media (max-width: 1200px) {
  .mediaReleaseSectionArchived:nth-child(2n+1) .asisaCarouselBlock:not(:first-child) {
    border-left: none;
    padding-left: 0px;
  }

  .mediaReleaseSectionArchived:nth-child(2n) .asisaCarouselBlock:nth-child(3n+2), .mediaReleaseSectionArchived:nth-child(2n) .asisaCarouselBlock:nth-child(3n+3) {
    border-left: none;
    padding-left: 0px;
  }

  .viewAllDropDownSection {
    display: none;
  }

  .mediaIntroHeading {
    padding: 0 20px;
  }
}

/* ----------------The Search Modal --------------------- */
.modal {
  display: none;
  position: fixed;
  z-index: 6;
  padding-top: 40px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background: rgba(73, 0, 55, 0.90);
}

/* Modal Content */
.modalContent {
  background-color: #fefefe;
  margin: 0 20px;
  padding: 0px 130px;
  border: 1px solid #888;
}

/* The Close Button */
.searchClose {
  float: right;
  margin-top: 50px;
  margin-right: -80px;
}

  .searchClose:hover,
  .searchClose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

.socialIcons button, .socialIconsDropdown button {
  background-color: transparent;
  border: none;
}

.modalContent input {
  margin-top: 30px;
  margin-bottom: 15px;
  box-sizing: border-box;
  width: 100%;
  height: 60px;
  border: 2px solid var(--primary);
  padding-left: 15px;
}


.modalContent h2 {
  border-bottom: 2px solid var(--primary);
  font-weight: 700;
  font-size: 38px;
  color: var(--primary)
}

.modalContent h4 {
  font-size: 24px;
  font-weight: 300;
  font-style: italic;
}

.searchResults .pure-u-1-2 {
  padding-bottom: 60px;
}

.searchResults h5 {
  color: var(--text);
  font-size: 23px;
  font-weight: 700;
  margin-bottom: 15px;
}

.searchResults h3 {
  font-size: 31px;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 25px;
  margin-top: 50px;
}

.searchResults .button {
  margin-top: 60px;
  background-color: var(--secondary);
}

  .searchResults .button:active {
    margin-top: 60px;
    background-color: white;
    border: 1px solid var(--secondary);
    color: var(--secondary);
  }

.searchResaultsNames {
  border-right: 2px solid var(--primary);
  box-sizing: border-box;
  width: 40%;
  margin-right: 40px;
  overflow: scroll;
  max-height: calc(92vh - 300px);
}

.showSearchModal {
  display: block;
}

.searchResaultsNames div {
  padding: 30px;
}

  .searchResaultsNames div:hover {
    background-color: var(--secondary);
  }

    .searchResaultsNames div:hover h5, .searchResaultsNames div:hover p {
      color: white;
    }

.searchResaultsNamesActive {
  background-color: var(--secondary);
}

  .searchResaultsNamesActive h5, .searchResaultsNamesActive p {
    color: white;
  }

#search-preview {
  padding-top: 30px;
}


.searchResaultsNames::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
}

.searchResaultsNames::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
  z-index: 5;
}


/* On screens that are 1024px or less*/
@media (max-width: 1024px) {
  .modalContent {
    padding: 0px 25px;
    margin: -30px 0px;
  }

  .searchClose {
    margin-top: 20px;
    margin-right: 0px;
    width: 24px;
    height: 24px;
  }

  .modalContent input {
    height: 44px;
    font-size: 14px;
  }

  .modalContent h2 {
    font-size: 21px;
    border: none;
    padding-bottom: 10px;
  }

  .searchResaultsNames {
    border-right: none;
    width: 97%;
    margin-right: 0px;
  }

    .searchResaultsNames div {
      padding: 15px;
      padding-right: 40px;
    }

  #search-preview {
    display: none;
  }

  .searchResaultsNamesActive {
    background-image: url('../img/whiteChevNext.svg') !important;
  }

  .searchResaultsNames div {
    background-image: url('../img/purpleChevNext.svg');
    background-repeat: no-repeat;
    background-position: 96% 50%;
  }

  .modalContent h4 {
    font-size: 14px;
  }

  .searchResults h5 {
    font-size: 20px;
  }

  .searchResults p {
    font-size: 14px;
  }
}

.fullstack p {
  color: #FFF;
  text-align: center;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.fullstack img {
  height: 20px;
  padding: 0 5px;
}

.fullstack a {
  color: var(--primary);
  display: flex;
  align-items: center;
}


.quick-link-logo {
  height: 35px;
}

.programme-logo {
  margin-top: 0px !important;
  height: 44px !important;
  width: auto !important;
  border-radius: 0px !important;
}

.foundationProgrammesPage .carouselBlock {
  margin-top: 20px;
}

.foundationProgrammesPage .informationBlock .FTFBlock {
  border-radius: 20px;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06);
  padding: 50px;
}

.foundationProgrammesPage .informationBlock .asisaCarouselContent p {
  line-height: 26px;
  text-align: left;
  color: var(--text);
  font-size: 16px;
}

.foundationProgrammesPage .informationBlock .asisaCarouselContent {
  margin-top: 15px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.foundationProgrammesPage .informationBlock {
  margin-bottom: 80px;
  margin-top: 50px;
}

  .foundationProgrammesPage .informationBlock .asisaCarouselContent h4 {
    margin-top: 7px;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
  }

.foundationProgrammesPage .eventBlock {
  text-align: center;
}

  .foundationProgrammesPage .eventBlock .eventTitle {
    margin-top: 50px;
    margin-bottom: 30px;
  }

  .foundationProgrammesPage .eventBlock .blocks {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    width: 100%;
    margin-bottom: 30px;
  }

  .foundationProgrammesPage .eventBlock .block {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 30%;
    min-width: 300px;
    margin-left: 30px;
    margin-top: 30px;
    border-radius: 5px;
  }

  .foundationProgrammesPage .eventBlock .blockImage {
    flex-grow: 2;
    width: 100%;
  }

  .foundationProgrammesPage .eventBlock .blockTitle {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    flex-grow: 1;
  }

  .foundationProgrammesPage .eventBlock .blockDescription {
    margin: 20px;
    flex-grow: 2;
  }

    .foundationProgrammesPage .eventBlock .blockDescription p {
      line-height: 16px;
      color: rgba(88, 89, 91, 1);
    }

  .foundationProgrammesPage .eventBlock .blockFooter {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    flex-grow: 1;
    font-weight: 700;
  }

  .foundationProgrammesPage .eventBlock .block img {
    height: 200px;
    width: 100%;
    object-fit: cover;
  }

  .foundationProgrammesPage .eventBlock .block a {
    text-decoration: underline;
  }

  .foundationProgrammesPage .eventBlock .block .eventFooter {
    align-self: flex-start;
  }

.foundationProgrammesPage .FTFCarouselSlider h1 {
  font-family: var(--font-family-main);
  font-size: 3.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.25rem;
  letter-spacing: var(--font-letter-spacing-widest);
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
}

.foundationProgrammesPage .FTFCarouselSlider p {
  font-style: normal;
  letter-spacing: 0.00px;
  margin-bottom: 10px;
}

.contentLogo {
  height: 142px;
  width: 400px;
  margin-left: 40px;
  object-fit: contain;
  max-width: 65%;
}

.contentLogoContainer {
  height: 130px;
  width: 450px;
  position: absolute;
  top: 100px;
  right: 0px;
  z-index: 2;
  border-bottom-left-radius: 15px;
  background-color: rgba(255,255,255,1.0);
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
  box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.15);
}

.foundationProgrammesPage .video iframe {
  width: 100%;
  height: 200px;
  min-height: 200px;
}

.foundationProgrammesPage .video button {
  height: 200px;
  min-height: 200px;
  width: 300px;
}

.foundationProgrammesPage .video {
  width: 100%;
  height: 200px;
  padding: 0px;
  min-height: 200px;
}

.foundationProgrammesPage .summaryBlock .summaryBlockHeading {
  margin-bottom: 50px;
}

/* On screens that are 1200px or less*/
@media (max-width: 1200px) {
  .contentLogoContainer {
    right: 20px;
    top: 76px;
  }

  .foundationProgrammesPage .FTFCarouselbody {
    margin-bottom: 50px;
  }
}

/*On screens that are 1028px or less*/
@media (max-width: 1028px) {
  .foundationProgrammesPage .breadcrumbs {
    margin-top: 220px;
  }
}

.foundationProgrammesPage .carouselBarContainer {
  width: 100%;
  position: absolute;
  bottom: 0px;
}

.foundationProgrammesPage .FTFCarouselbody {
  position: relative;
}

.foundationProgrammesPage .slick-prev:before {
  background-image: url('../img/left_arrow.svg');
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 47px;
}

.foundationProgrammesPage .slick-next:before {
  background-image: url('../img/right_arrow.svg');
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 47px;
}

.foundationProgrammesPage .FTFCarouselSlider {
  height: 456px;
}

/* On screens that are 568px or less*/
@media (max-width: 568px) {
  .foundationProgrammesPage .FTFCarouselSlider {
    height: 389px;
  }

    .foundationProgrammesPage .FTFCarouselSlider h1 {
      font-size: 2.25rem;
      line-height: 2.75rem;
    }

}

.CTAcontainer {
  text-align: center;
  margin-bottom: 50px;
}

.foundationProgrammesPage .carouselRectangle {
  height: 54px;
  width: 100%;
  margin-top: -10px;
}

.rteContentPageWithIntroPage .container .heading {
  margin-bottom: 35px;
}

.rteContentPageWithQuickLinksPage .topContent {
  display: flex;
  flex-direction: row;
}

.rteContentPageWithQuickLinksPage .foundationProgrammesSections .sectionHeading {
  margin-top: 0px;
  margin-bottom: 35px;
}

/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .rteContentPageWithQuickLinksPage .topContent {
    flex-direction: column;
  }

  .rteContentPageWithQuickLinksPage .quickLinksContainer {
    margin-bottom: 0px;
  }
}

/* On screens that are 1200 or less*/
@media (max-width: 1200px) {
  .rteContentPageWithQuickLinksPage .breadcrumbs, .rteContentPageWithIntroPage .breadcrumbs, .carouselContentPageWithQuickLinksPage .breadcrumbs {
    margin-top: 220px;
  }
}

.rteContentPageWithQuickLinksPage .pageSummaryContainer {
  margin-top: 30px;
}

.rteContentPageWithQuickLinksPage .topContent .quickLinksContainer {
  margin-right: 50px;
}

/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .rteContentPageWithIntroPage, .rteContentPageWithQuickLinksPage {
    padding-left: 20px;
    padding-right: 20px;
  }

    .rteContentPageWithQuickLinksPage .pageSummaryContainer {
      margin-left: 0px;
    }
}

.rteContentPageWithQuickLinksPage .CIfoundationProgrammes {
  margin-top: 20px;
}

.rteContentPageWithQuickLinksPage .foundationProgrammesSections .sectionHeading {
  padding-bottom: 15px;
}

.rteContentPageWithQuickLinksPage .pageSummaryContainer .subheading {
  padding-bottom: 10px;
  margin-top: 0px;
}

.rteContentPageWithQuickLinksPage .summary {
  margin-bottom: 15px;
}

.scrollToTopContainer {
  background-color: transparent;
  height: 55px;
  right: 20px;
  position: fixed;
  bottom: 100px;
  width: 55px;
}

#scrollToTop {
  cursor: pointer;
}

.carouselContentPageWithQuickLinksPage .multipleCarousel .asisaCarouselBlock, .carouselContentPageWithQuickLinksPage .singleCarousel .asisaCarouselBlock {
  border: 0px;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.06);
  Colors Hex Hex Background colors #FFFFFF
}

.carouselContentPageWithQuickLinksPage .multipleCarousel .asisaCarouselBlock, .carouselContentPageWithQuickLinksPage .singleCarousel .asisaCarouselBlock {
  width: 100%;
  border-radius: 0px;
  padding: 27.5px 30px;
  display: flex;
  flex-direction: column;
}

.carouselContentPageWithQuickLinksPage .multipleCarousel .basicCarouselImage, .carouselContentPageWithQuickLinksPage .singleCarousel .basicCarouselImage {
  padding-left: 0px;
  margin-left: 0px;
}

  .carouselContentPageWithQuickLinksPage .multipleCarousel .basicCarouselImage img, .carouselContentPageWithQuickLinksPage .singleCarousel .basicCarouselImage img {
    width: 100%;
    flex-grow: 1;
  }

  .carouselContentPageWithQuickLinksPage .singleCarousel .basicCarouselImage img {
    height: 300px;
  }

  .carouselContentPageWithQuickLinksPage .multipleCarousel .basicCarouselImage img {
    height: 200px;
    object-fit: cover;
  }

@media (max-width: 566px) {
  .carouselContentPageWithQuickLinksPage .multipleCarousel .basicCarouselImage img, .carouselContentPageWithQuickLinksPage .singleCarousel .basicCarouselImage img {
    height: 200px;
  }
}

.carouselContentPageWithQuickLinksPage .multipleCarousel .basicCarouselDescription, .carouselContentPageWithQuickLinksPage .singleCarousel .basicCarouselDescription {
  flex-grow: 2;
  text-align: left;
  padding: 15px;
  display: flex;
  flex-direction: column;
}

  .carouselContentPageWithQuickLinksPage .multipleCarousel .basicCarouselDescription p, .carouselContentPageWithQuickLinksPage .singleCarousel .basicCarouselDescription p {
    color: var(--text);
    text-align: center;
  }

.carouselContentPageWithQuickLinksPage .multipleCarousel .basicCarouselDescription, .carouselContentPageWithQuickLinksPage .singleCarousel .basicCarouselDescription {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.carouselContentPageWithQuickLinksPage .multipleCarousel .basicCarouselTitle, .carouselContentPageWithQuickLinksPage .singleCarousel .basicCarouselTitle {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  min-height: 80px;
}

.carouselContentPageWithQuickLinksPage .multipleCarousel .basicCarouselButton, .carouselContentPageWithQuickLinksPage .singleCarousel .basicCarouselButton {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.carouselContentPageWithQuickLinksPage .multipleCarousel .asisaCarouselContent h4, .carouselContentPageWithQuickLinksPage .singleCarousel .asisaCarouselContent h4 {
  margin: 0px;
  align-self: flex-start;
  width: 100%;
  text-align: center;
}

.carouselContentPageWithQuickLinksPage .multipleCarousel.backgroundColour {
  padding-top: 5px;
  text-align: left;
}

.carouselContentPageWithQuickLinksPage .faqSection {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  margin-bottom: 40px;
}

  .carouselContentPageWithQuickLinksPage .faqSection .faqHeading {
    text-align: left;
    margin: 0px 0px 50px 0px;
  }

  .carouselContentPageWithQuickLinksPage .faqSection .faqSummary {
    text-align: left;
  }

    .carouselContentPageWithQuickLinksPage .faqSection .faqSummary p {
      color: rgba(88,89,91,1.0);
    }

  .carouselContentPageWithQuickLinksPage .faqSection .faqButton {
    align-self: center;
    font-size: 17px;
  }

.carouselContentPageWithQuickLinksPage .topContent {
  display: flex;
  flex-direction: row;
}

.carouselContentPageWithQuickLinksPage .pageSummary {
  display: flex;
  flex-flow: column wrap;
}

.carouselContentPageWithQuickLinksPage .topContent .quickLinksContainer {
  margin-right: 50px;
}

.carouselContentPageWithQuickLinksPage .pageSummary .CIfoundationProgrammes p, .carouselContentPageWithQuickLinksPage .contentText p {
  color: rgba(88,89,91,1.0);
}

.carouselContentPageWithQuickLinksPage .pageSummary h1 {
  margin-bottom: 30px;
}

.carouselContentPageWithQuickLinksPage .singleCarousel .asisaCarousel {
  max-width: 600px;
}

.carouselContentPageWithQuickLinksPage .slick-next {
  right: -90px;
}

.carouselContentPageWithQuickLinksPage .slick-prev {
  left: -90px;
}

.carouselContentPageWithQuickLinksPage .contentTextHeading {
  margin-bottom: 50px;
}

/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .carouselContentPageWithQuickLinksPage .topContent {
    flex-direction: column;
  }
}

/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .carouselContentPageWithQuickLinksPage .container {
    padding: 0px 20px;
  }
}


.carouselContentPageWithQuickLinksPage .singleCarousel .basicCarouselButton a {
  font-weight: 700;
  padding: 0px;
  background: none;
  min-width: 0px;
  border: none;
  box-shadow: none;
}

.carouselContentPageWithQuickLinksPage .singleCarousel .basicCarouselButton {
  align-self: flex-start;
  padding: 15px;
  text-decoration: underline;
}

/* On screens that are 1200px or less*/
@media (max-width: 1200px) {
  .carouselContentPageWithQuickLinksPage .singleCarousel .asisaCarousel {
    max-width: 500px;
  }
}

/* On screens that are 568px or less*/
@media (max-width: 568px) {
  .carouselContentPageWithQuickLinksPage .singleCarousel .asisaCarousel {
    max-width: 350px;
  }
}

@media (max-width: 1024px) {
  .foundationFAQPage {
    padding: 0px 20px;
  }
}

@media (max-width: 1279px) {
  .carouselContentPageWithQuickLinksPage .multipleCarousel .asisaCarousel {
    max-width: 445px;
  }
}

.carouselContentPageWithQuickLinksPage .CTAcontainer {
  margin-top: 50px;
}

@media (min-width: 1200px) {
  .foundationFAQPage .accordionHeading p {
    height: 100%;
  }
}

.foundationFAQPage .accordionHeading p {
  border-bottom-left-radius: 15px;
}

.foundationFAQPage {
  margin-top: 20px;
}

.breadcrumbs.foundationFAQPageBreadcrumbs {
  max-width: 900px;
  flex-wrap: wrap;
}

@media (max-width: 1200px) {
  .breadcrumbs.foundationFAQPageBreadcrumbs {
    margin-left: 0px;
    margin-right: 0px;
  }
}

/* On screens that are 1280px or less*/
@media (max-width: 1280px) {
  .carouselContentPageWithQuickLinksPage .multipleCarousel, .carouselContentPageWithQuickLinksPage .singleCarousel {
    padding-bottom: 50px;
  }
}

/* On screens that are 500px or less*/
@media (max-width: 500px) {
  .foundationProgrammesPage .informationBlock .asisaCarouselContent h4 {
    min-width: 200px;
    font-size: 24px;
    word-break: break-word;
  }

  .contentLogoContainer {
    width: 300px;
    height: 87px;
  }

  .contentLogo {
    width: 250px;
    height: 89px;
  }

  .rteContentPageWithQuickLinksPage .breadcrumbs, .rteContentPageWithIntroPage .breadcrumbs, .carouselContentPageWithQuickLinksPage .breadcrumbs, .foundationProgrammesPage .breadcrumbs, .breadcrumbs.foundationFAQPageBreadcrumbs {
    margin-top: 170px;
  }
}

/* On screens that are 350px or less*/
@media (max-width: 350px) {
  .foundationProgrammesPage .informationBlock .asisaCarouselContent h4 {
    min-width: 100px;
  }
}

/* ----------------ASISA Statistics Portal --------------------- */

.containerASISAStats {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 20px;
}
/* On screens that are 1024 or less*/
@media (max-width: 1024px) {
  .containerASISAStats {
    padding: 0;
  }
}

/* CSS for table*/
.asisastatstbl {
  border-collapse: collapse;
  border-style: hidden;
  font-family: var(--font-family-main);
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
}

  .asisastatstbl th {
    border: hidden;
    border-inline: 1px solid;
    border-inline-color: #CFC1D0;
    background-color: #D6D6D6;
    color: var(--primary);
    font-family: var(--font-family-main);
    font-style: normal;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    min-width: 100px;
  }

  .asisastatstbl td {
    border: hidden;
    border-inline: 1px solid;
    border-inline-color: #CFC1D0;
    padding: 15px;
  }

  .asisastatstbl tr:nth-child(even) {
    background-color: #ebe9eb;
  }

  .asisastatstbl tr td {
    font-size: 10px;
    line-height: 15px;
    text-align: center;
  }

.footerStats {
  background-color: var(--primary);
  padding: 5px 25px 1px 25px;
}

  .footerStats p {
    color: #FFFFFF;
    font-size: 14px;
    font-family: var(--font-family-main);
    font-style: normal;
    margin-top: 0;
    text-align: center;
    transition: 0.3s;
    margin-bottom: 10px;
  }

  .footerStats h3 {
    font-family: var(--font-family-main);
    font-style: normal;
    font-size: 17px;
    margin: 18px 0 30px 0;
    text-align: center;
    transition: 0.3s;
    letter-spacing: var(--font-letter-spacing-normal);
  }

.asisastatsdocumentstbl {
  /*border-collapse: collapse;*/
  border-style: hidden;
  font-family: var(--font-family-main);
  font-style: normal;
  font-size: 12px;
  font-weight: 400;
}

  .asisastatsdocumentstbl th {
    border: hidden;
    border-inline: 1px dotted black;
    background-color: #D6D6D6;
    color: var(--primary);
    font-family: var(--font-family-main);
    font-style: normal;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    min-width: 100px;
  }

  .asisastatsdocumentstbl td {
    border: hidden;
    border-inline: 1px solid #D6D6D6;
    padding: 15px;
  }

  .asisastatsdocumentstbl tr td {
    font-size: 14px;
    line-height: 15px;
  }

  .asisastatsdocumentstbl tr:nth-child(even) {
    background-color: #ebe9eb;
  }

.asisastatsselect {
  border-block-color: var(--primary);
  outline: 30px;
  padding: 5px;
  border-width: 2px !important;
  appearance: none;
  background: url(/img/arrow-drop-down.svg);
  color: var(--primary);
  background-size: 14px;
  background-position: calc(100% - 10px) 11px;
  background-repeat: no-repeat;
}

.asisastatsbuttons {
  margin-right: 10px;
  padding: 20px 60px;
}

.asisastatsportalbuttons {
  width: 125px;
  font-size: 16px;
  margin-right: 10px;
  padding: 10px 30px;
  border-radius: 112px;
  background-color: #F4044D;
  border-style: none;
  color: white;
  font-weight: 700;
  margin-top: 10px;
  flex-wrap: wrap;
  white-space: inherit;
  transition: 0.3s;
  border: 1px solid #F4044D;
}

.asisastatsselectables {
  border-block-color: var(--primary);
  appearance: none;
  background: url(/img/arrow-drop-down.svg);
  background-color: white;
  color: var(--primary);
  background-size: 12px;
  background-position: calc(100% - 8px) 10px;
  background-repeat: no-repeat;
  text-align: left;
  padding-left: 5px;
  font-size: 12px;
}

.asisaStatsSubSite a {
  color: var(--primary);
  font-family: var(--font-family-main);
  font-style: normal;
  font-size: 16px;
  grid-column-start: 1;
  grid-column-end: -1;
  border-bottom: 2px solid white;
  transition: 0.3s;
  margin: 0;
  line-height: 26px;
  letter-spacing: var(--font-letter-spacing-normal);
}

  .asisaStatsSubSite a:hover {
    color: #F4044D;
    border-bottom: 2px solid var(--primary);
  }

  .asisaStatsSubSite a:active {
    color: #F4044D;
    border-bottom: 2px solid var(--primary);
  }

.file-upload-btns input {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  color: var(--primary);
}

input::-webkit-file-upload-button {
  color: var(--primary);
  border: 1px solid var(--primary);
  padding: 2px 10px 2px 10px;
}

.rdf-upload-btn {
  color: var(--primary);
  border: 1px solid var(--primary);
  padding: 2px 10px 2px 10px;
}

/* iOS Select2 Fixes */
@supports (-webkit-touch-callout: none) {
  /* iOS Safari specific styles */
  .select2-container .select2-selection--single {
    -webkit-appearance: none !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
  }
  
  /* Hide the original select element completely on iOS */
  select.allSelectBoxDropdown {
    opacity: 0 !important;
    position: absolute !important;
    pointer-events: none !important;
    z-index: -1 !important;
  }
  
  /* Ensure Select2 container is clickable on iOS */
  .select2-container {
    -webkit-touch-callout: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }
}

@media (max-width: 600px) {
  #pageBody table {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    height: 100% !important;
    border: 0;
  }

  #pageBody .foundationRTE table {
    white-space: normal;
    border: none;
  }
}