/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 18 September 2026 10:40:14
*/


.blue-card-text {
  padding: 16px 24px;
}
@media (min-width: 1200px) {
  .blue-card-text {
    padding: 32px;
  }
}
.page-section h2 {
  margin-bottom: 0;
}
.blue-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 1200px) {
  .blue-container {
    grid-template-columns: 1fr 1fr;
  }
}
.blue-card {
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 8px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .blue-card {
    grid-template-columns: 2fr 3fr;
  }
}
.blue-card-text {
  padding: 16px;
}
@media (min-width: 768px) {
  .blue-card-text {
    padding: 32px;
  }
}
.blue-card-image {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 250px;
}
@media (min-width: 1200px) {
  .blue-card-image {
    min-height: auto;
  }
}
.blue-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blue-card-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #ffffff 5%, rgba(255, 255, 255, 0.5) 20%, rgba(255, 255, 255, 0.1) 35%, rgba(255, 255, 255, 0) 50%);
}
@media (min-width: 1200px) {
  .blue-card-image::after {
    background: linear-gradient(90deg, #ffffff 11.54%, rgba(255, 255, 255, 0.5) 40.38%, rgba(255, 255, 255, 0.1) 100%);
    pointer-events: none;
  }
}
.blue-section {
  background: #231F58;
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 32px 0;
}
@media (min-width: 1200px) {
  .blue-section {
    padding: 64px 0;
  }
}
.white-section {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.page-section h2 {
  margin-bottom: 0;
}
.white-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 32px;
}
@media (min-width: 1200px) {
  .white-container {
    grid-template-columns: 1fr 1fr;
  }
}
.white-card {
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 8px;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .white-card {
    grid-template-columns: 2fr 3fr;
  }
}
.white-card-text {
  padding: 16px;
}
@media (min-width: 768px) {
  .white-card-text {
    padding: 32px;
  }
}
.white-card-image {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 250px;
}
@media (min-width: 1200px) {
  .white-card-image {
    min-height: auto;
  }
}
.white-card-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.white-card-image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #231F58 5%, rgba(35, 31, 88, 0.5) 20%, rgba(35, 31, 88, 0.1) 35%, rgba(35, 31, 88, 0) 50%);
}
@media (min-width: 1200px) {
  .white-card-image::after {
    background: linear-gradient(90deg, #231F58 11.54%, rgba(35, 31, 88, 0.5) 40.38%, rgba(35, 31, 88, 0.1) 100%);
    pointer-events: none;
  }
}
