.unreset {
  line-height: 1.2; }
  .unreset body {
    margin: 8px; }
  .unreset th {
    font-weight: bold;
    text-align: center; }
  .unreset caption {
    text-align: center; }
  .unreset h1 {
    font-size: 2em;
    margin: .67em 0; }
  .unreset h2 {
    font-size: 1.5em;
    margin: .75em 0; }
  .unreset h3 {
    font-size: 1.17em;
    margin: .83em 0; }
  .unreset h4, .unreset p,
  .unreset blockquote, .unreset ul,
  .unreset fieldset, .unreset form,
  .unreset ol, .unreset dl, .unreset dir,
  .unreset menu {
    margin: 1.12em 0; }
  .unreset h5 {
    font-size: .83em;
    margin: 1.5em 0; }
  .unreset h6 {
    font-size: .75em;
    margin: 1.67em 0; }
  .unreset h1, .unreset h2, .unreset h3, .unreset h4,
  .unreset h5, .unreset h6, .unreset b,
  .unreset strong {
    font-weight: bold; }
  .unreset blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    font-style: italic;
    padding: 2px 0;
    border-style: solid;
    border-color: #ccc;
    border-width: 0;
    padding-left: 20px;
    padding-right: 8px;
    border-left-width: 5px; }
  .unreset i, .unreset cite, .unreset em,
  .unreset var, .unreset address {
    font-style: italic; }
  .unreset pre, .unreset tt, .unreset code,
  .unreset kbd, .unreset samp {
    font-family: monospace; }
  .unreset pre {
    white-space: pre; }
  .unreset big {
    font-size: 1.17em; }
  .unreset small, .unreset sub, .unreset sup {
    font-size: .83em; }
  .unreset sub {
    vertical-align: sub; }
  .unreset sup {
    vertical-align: super; }
  .unreset table {
    border-spacing: 2px;
    border-collapse: separate; }
  .unreset thead, .unreset tbody,
  .unreset tfoot {
    vertical-align: middle; }
  .unreset td, .unreset th, .unreset tr {
    vertical-align: inherit; }
  .unreset s, .unreset strike, .unreset del {
    text-decoration: line-through; }
  .unreset hr {
    border: 1px inset; }
  .unreset ol, .unreset ul, .unreset dir,
  .unreset menu, .unreset dd {
    margin-left: 40px; }
  .unreset ol {
    list-style-type: decimal; }
  .unreset ul {
    list-style-type: disc; }
  .unreset ol ul, .unreset ul ol,
  .unreset ul ul, .unreset ol ol {
    margin-top: 0;
    margin-bottom: 0; }
  .unreset figure {
    margin: 1em 40px; }

.content-style-list ul {
  list-style: initial;
  padding-left: 30px; }

.content-style-list ol {
  list-style: decimal;
  padding-left: 30px; }

.content-style-list ul, .content-style-list ol {
  margin-bottom: 12px; }
  .content-style-list ul li:last-child, .content-style-list ol li:last-child {
    margin-bottom: 0; }
  .content-style-list ul ul, .content-style-list ol ul {
    list-style: circle;
    margin-bottom: 0; }

.content-style-list li, .content-style-list p {
  margin-bottom: 10px; }

.content-style-list li {
  margin-bottom: 2px; }

.content-style-list table {
  width: 100% !important;
  margin-bottom: 12px; }

.content-style-list h3, .content-style-list h4, .content-style-list h5, .content-style-list h6 {
  margin-bottom: 12px;
  font-weight: bold;
  color: #000; }

.content-style-list h1, .content-style-list h2 {
  color: var(--gipps-navy);
  margin-bottom: 12px;
  font-weight: bold; }
  .content-style-list h1 *, .content-style-list h2 * {
    color: inherit !important; }

.content-style-list h1 {
  font-size: 32px; }

.content-style-list h2 {
  font-size: 28px; }

.content-style-list h3 {
  font-size: 16px; }

.content-style-list h4 {
  font-size: 14px; }

.content-style-list a[href] {
  color: #000;
  cursor: pointer;
  text-decoration: none; }

.content-style-list a[href]:hover {
  color: var(--gipps-navy);
  text-decoration: underline; }

.content-style-list blockquote {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 40px;
  margin-inline-end: 40px;
  font-style: italic;
  padding: 2px 0;
  border-style: solid;
  border-color: #ccc;
  border-width: 0;
  padding-left: 20px;
  padding-right: 8px;
  border-left-width: 5px;
  margin-bottom: 12px; }

.content-style-list figure {
  margin: 12px 40px; }

.content-style-list img {
  display: block; }

.content-style-list strong {
  color: var(--gipps-navy); }

/*-----------------------------------------------*/
/* PAGE */
/*-----------------------------------------------*/
.section-banner-hero {
  position: relative;
  padding: 0 !important;
  --height: 1144;
  --weight: 2730; }
  .section-banner-hero .s-box-svg {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 4; }
    .section-banner-hero .s-box-svg .parallaxonde > use {
      animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; }
      .section-banner-hero .s-box-svg .parallaxonde > use:nth-child(1) {
        animation-delay: -2s;
        animation-duration: 7s; }
      .section-banner-hero .s-box-svg .parallaxonde > use:nth-child(2) {
        animation-delay: -3s;
        animation-duration: 10s; }
      .section-banner-hero .s-box-svg .parallaxonde > use:nth-child(3) {
        animation-delay: -4s;
        animation-duration: 13s; }
      .section-banner-hero .s-box-svg .parallaxonde > use:nth-child(4) {
        animation-delay: -5s;
        animation-duration: 20s; }
    .section-banner-hero .s-box-svg.onde svg {
      width: 100%;
      height: 40px;
      min-height: 40px; }
    @media (min-width: 768px) {
      .section-banner-hero .s-box-svg.onde svg {
        height: 60px;
        min-height: 100px;
        max-height: 150px; } }
  .section-banner-hero .s-banner {
    position: relative;
    overflow: hidden;
    padding-bottom: calc((var(--height)/var(--weight)) * 100%); }
    .section-banner-hero .s-banner img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .section-banner-hero .s-banner .s-banner--text {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 40px 16px;
      text-align: center; }
      .section-banner-hero .s-banner .s-banner--text h1 {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 0;
        color: #fff; }
  @media (min-width: 1024px) {
    .section-banner-hero .s-banner .s-banner--text h1 {
      font-size: 40px; } }

.layout-page .s-inner {
  margin: auto; }

.layout-page .body-text a[href] {
  color: #000;
  cursor: pointer;
  text-decoration: none; }

.layout-page .body-text a[href]:hover {
  color: var(--gipps-navy);
  text-decoration: underline; }

.layout-page .section-infocontact {
  padding: 60px 0;
  text-align: center; }

.layout-page .section-info {
  padding: 60px 0; }

@media (min-width: 1024px) {
  .layout-page .s-inner {
    max-width: 80%; } }

@media (min-width: 1640px) {
  .layout-page .s-inner {
    max-width: 1440px; } }

/*-----------------------------------------------*/
/* PAGE ABOUT */
/*-----------------------------------------------*/
.light-blue-bg {
  background: var(--gradient-light-blue); }

.coral-bg {
  background: var(--gradient-coral); }

.yellow-bg {
  background: var(--gradient-yellow); }

.section-info-slider {
  padding: 50px 0;
  text-align: center;
  position: relative;
  z-index: 10;
  background: linear-gradient(360deg, #f2f6db, rgba(211, 246, 191, 0)); }
  .section-info-slider .about-text {
    width: calc(70% + 30px);
    margin: 0 auto 60px; }
    .section-info-slider .about-text .body-icon {
      text-align: center; }
      .section-info-slider .about-text .body-icon img {
        width: 92px;
        margin: auto; }
    .section-info-slider .about-text .body-text {
      margin-bottom: 60px; }
    .section-info-slider .about-text .body-text a {
      text-decoration: underline; }
  .section-info-slider .desc {
    width: calc(70% + 30px);
    margin: 0 auto; }
  .section-info-slider .s-content {
    --color-btn-swiper: #ffffff;
    --bg-btn-swiper: #0151A3;
    position: relative; }
    .section-info-slider .s-content .slide-wrapper {
      width: calc(80% + 30px);
      margin: 0 auto; }
    .section-info-slider .s-content .swiper {
      padding: 60px 0;
      overflow: visible; }
    .section-info-slider .s-content .swiper-slide {
      width: 525px; }
    .section-info-slider .s-content .swiper-slide .slide {
      padding: 0;
      background-color: rgba(255, 255, 255, 0);
      box-shadow: 0 0 rgba(100, 144, 75, 0);
      transition: all .1s ease-out; }
      .section-info-slider .s-content .swiper-slide .slide .slide-text {
        height: 0;
        opacity: 0;
        text-align: center;
        transition: all .1s ease-out; }
        .section-info-slider .s-content .swiper-slide .slide .slide-text h6 {
          color: var(--gipps-navy);
          font-weight: 500;
          font-size: 24px;
          line-height: 30px;
          margin-top: 10px;
          margin-bottom: 5px; }
        .section-info-slider .s-content .swiper-slide .slide .slide-text p {
          font-size: 18px;
          line-height: 26px;
          font-optical-sizing: auto;
          font-style: normal;
          font-size: 16px; }
    .section-info-slider .s-content .swiper-slide-active .slide {
      padding: 30px;
      background-color: #fff;
      box-shadow: 0 10px 60px rgba(100, 144, 75, 0.3);
      transition: all .5s ease-out; }
      .section-info-slider .s-content .swiper-slide-active .slide .slide-text {
        opacity: 1;
        height: auto;
        transition: all .5s ease-out; }
    .section-info-slider .s-content .swiper-navcontrol {
      display: none; }
  @media (min-width: 1024px) {
    .section-info-slider {
      margin-top: 50px;
      padding: 50px 0 90px; }
      .section-info-slider .about-text, .section-info-slider .desc {
        width: 800px; }
      .section-info-slider .s-content .slide-wrapper {
        width: 100%;
        transform: scale(0.9); }
      .section-info-slider .s-content .swiper {
        overflow: hidden; }
      .section-info-slider .s-content .swiper-navcontrol {
        display: block; }
      .section-info-slider .s-content .swiper-button-prev {
        left: 40%;
        transform: translateX(-100%); }
      .section-info-slider .s-content .swiper-button-next {
        right: 40%;
        transform: translateX(100%); } }

.section-intro {
  padding: 40px 0;
  position: relative;
  overflow: hidden; }
  .section-intro .info-block {
    display: flex;
    margin: 40px auto;
    flex-direction: column;
    position: relative;
    gap: 70px 45px;
    max-width: calc(80% + 30px); }
    .section-intro .info-block .text-block {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
      .section-intro .info-block .text-block .box {
        display: flex;
        flex-direction: column;
        gap: 30px; }
    .section-intro .info-block .image-block {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%; }
      .section-intro .info-block .image-block .aspect-ratio {
        position: relative;
        overflow: hidden;
        padding-bottom: 100%;
        z-index: 2; }
        .section-intro .info-block .image-block .aspect-ratio img {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; }
      .section-intro .info-block .image-block .box {
        max-width: 500px;
        margin: auto; }
    .section-intro .info-block .circle {
      display: none;
      height: 172%;
      max-width: max-content;
      position: absolute;
      right: -17%;
      top: -37%;
      animation: spin 25s infinite linear; }
  .section-intro .info-pattern {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .section-intro .info-pattern img {
      width: 27%;
      position: absolute;
      left: 0;
      top: 0; }
  @media (min-width: 1024px) {
    .section-intro .info-block {
      align-items: center;
      flex-direction: row;
      max-width: 1160px; }
      .section-intro .info-block .text-block {
        -ms-flex: 0 0 calc(49.5% - 45px);
        flex: 0 0 calc(49.5% - 45px);
        max-width: calc(49.5% - 45px); }
      .section-intro .info-block .image-block {
        -ms-flex: 0 0 51.1%;
        flex: 0 0 51.1%;
        max-width: 51.1%; }
      .section-intro .info-block .image-block .box {
        max-width: 100%; }
      .section-intro .info-block .circle {
        display: block; } }

.section-history {
  padding: 40px 0;
  position: relative;
  overflow: hidden;
  --color-btn-swiper: #ffffff;
  --bg-btn-swiper: #0151A3; }
  .section-history .s-heading {
    text-align: center;
    width: 70%;
    margin: auto; }
  .section-history .s-content {
    padding: 60px 0 50px; }
  .section-history .s-action {
    text-align: center; }
  .section-history .history-wrapper {
    position: relative; }
  .section-history .history-item {
    height: 100%; }
    .section-history .history-item .box {
      display: flex;
      flex-direction: column;
      gap: 20px; }
      .section-history .history-item .box > div {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%; }
    .section-history .history-item .thumb {
      padding-right: 15px; }
      .section-history .history-item .thumb .aspect-ratio {
        position: relative;
        overflow: hidden;
        padding-bottom: calc(3/4 * 100%); }
      .section-history .history-item .thumb .aspect-ratio img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        object-fit: cover; }
    .section-history .history-item .info {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding-right: 15px;
      aspect-ratio: 4 / 2.85; }
      .section-history .history-item .info strong {
        font-weight: 700; }
      .section-history .history-item .info .text {
        font-size: 14px; }
      .section-history .history-item .info .year {
        color: var(--gipps-navy);
        font-family: var(--skin-header-font);
        font-size: 22px;
        font-weight: 600; }
  .section-history .swiper:not(.swiper-initialized) .swiper-wrapper {
    display: -ms-flex;
    display: -webkit-flex;
    display: flex;
    column-gap: 15px;
    overflow-x: scroll;
    overflow-y: hidden; }
    .section-history .swiper:not(.swiper-initialized) .swiper-wrapper::-webkit-scrollbar {
      display: none; }
  .section-history .swiper:not(.swiper-initialized) .swiper-slide {
    -webkit-flex: 0 0 calc(300px - 15px);
    flex: 0 0 calc(300px - 15px);
    max-width: calc(300px - 15px); }
  .section-history .swiper .swiper-slide {
    height: auto; }
  .section-history .swiper .swiper-slide:nth-child(even) .history-item .box {
    flex-direction: column-reverse; }
  .section-history .swiper .swiper-slide:nth-child(even) .history-item .info {
    justify-content: flex-end; }
  @media (min-width: 768px) {
    .section-history .swiper:not(.swiper-initialized) .swiper-slide {
      -webkit-flex: 0 0 calc(38% - 15px);
      flex: 0 0 calc(38% - 15px);
      max-width: calc(38% - 15px); }
    .section-history .history-item .info {
      aspect-ratio: 4 / 2.695; } }
  @media (min-width: 1024px) {
    .section-history .s-heading {
      width: 100%; }
    .section-history .s-content {
      padding: 50px 0; }
    .section-history .history-wrapper {
      width: 1060px;
      margin: 0 auto; }
    .section-history .swiper:not(.swiper-initialized) .swiper-wrapper {
      overflow: hidden;
      column-gap: 15px; }
    .section-history .swiper:not(.swiper-initialized) .swiper-slide {
      -webkit-flex: 0 0 calc((100% - (15px*2)) / 3);
      flex: 0 0 calc((100% - (15px*2)) / 3);
      max-width: calc((100% - (15px*2)) / 3); }
    .section-history .swiper-button-prev, .section-history .swiper-button-next {
      top: 54%;
      transform: translateY(-54%); }
    .section-history .history-item .thumb {
      padding-right: 35px; }
    .section-history .history-item .info {
      padding-right: 35px;
      aspect-ratio: 4 / 2.695; }
      .section-history .history-item .info .text {
        font-size: 16px; }
      .section-history .history-item .info .year {
        font-size: 32px; } }

/*-----------------------------------------------*/
/* PAGE Accreditation */
/*-----------------------------------------------*/
.section-achievements {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #f7d0bd 49.52%, rgba(255, 255, 255, 0)); }