/* breakpoints */

.container {
  max-width: 1251px;
}

.on-this-page {
  padding-top: 4rem;
  padding-bottom: 4rem;
  margin-top: 8rem;
  position: relative;
  border-top: 4px solid #f4f4f4;
  border-bottom: 4px solid #f4f4f4;
}

.on-this-page__title {
  font-family: 'Open Sans';
  font-size: 3.3rem;
  font-weight: 300;
  color: #000;
  font-style: normal;
  margin-bottom: 2rem;
  margin-top: 4rem;
  padding-right: 2.5rem;
  position: absolute;
  --bg-opacity: 1;
  background-color: #fff;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  top: -2rem;
}

.on-this-page ul {
  margin-left: 0;
}

.on-this-page ul > li {
  margin-left: 0;
  list-style-type: none;
  margin-top: 1.5rem;
}

.on-this-page ul > li > span > a {
  padding-left: 0;
  font-size: 1.6rem;
  --text-opacity: 1;
  color: #004987;
  color: rgba(0, 73, 135, var(--text-opacity));
  font-family: Open Sans;
  font-weight: 500;
  text-decoration: none;
  border-bottom-width: 1px;
  border-style: dashed;
  --border-opacity: 1;
  border-color: #004987;
  border-color: rgba(0, 73, 135, var(--border-opacity));
  padding-bottom: 0.2rem;
}

.on-this-page ul > li > span > a:hover {
  --text-opacity: 1;
  color: #004987;
  color: rgba(0, 73, 135, var(--text-opacity));
}

.on-this-page__heading.title {
  font-family: 'Open Sans';
  font-size: 3.3rem;
  font-weight: 300;
  color: #000;
  font-style: normal;
  margin-bottom: 2rem;
  margin-top: 4rem;
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
  line-height: 3.96rem;
}

@media only screen and (min-width: 992px) {
  .on-this-page__heading.title {
    margin-top: 5rem !important;
    margin-bottom: 2.5rem !important;
  }
}

.on-this-page__content {
  letter-spacing: 0.025em;
  line-height: 2;
  font-size: 1.6rem;
  font-family: 'Open Sans';
  font-weight: 100;
  text-align: left;
  color: rgba(0, 0, 0, 0.8);
}

.on-this-page__content sup {
  font-size: 75%;
}

.on-this-page__content table {
  border: none;
}

.on-this-page__content table tr td {
  border: none;
}

.on-this-page__content p > a {
  --text-opacity: 1 !important;
  color: #004987 !important;
  color: rgba(0, 73, 135, var(--text-opacity)) !important;
}

.on-this-page__content p > a:hover {
  color: #007bff !important;
}

.on-this-page__content ul {
  margin-left: 2rem;
}

.on-this-page__content ul li {
  list-style-position: outside;
}

.on-this-page__content ul li > ul > li {
  list-style: circle !important;
}

.on-this-page__content li {
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

.on-this-page__content li img {
  float: right;
}

.on-this-page__content li > a {
  --text-opacity: 1 !important;
  color: #004987 !important;
  color: rgba(0, 73, 135, var(--text-opacity)) !important;
}

.on-this-page__content li > a:hover {
  color: #007bff !important;
}

@media only screen and (max-width: 375px) {
  body.contact-us .component.content.col-12 {
    padding-right: 0px;
    padding-left: 0px;
  }
}

@media only screen and (min-width: 768px) {
  body.contact-us .component.content.col-12 {
    padding-right: 0px;
    padding-left: 0px;
  }
}

@media only screen and (min-width: 768px) {
  body.contact-us .component.content.col-12 section {
    padding-right: 30px;
    padding-left: 30px;
  }
}

@media only screen and (max-width: 375px) {
  body.contact-us .component.content.col-12 section {
    padding: 0 20px;
  }
}

body.contact-us .page-header {
  padding-left: 40px;
  padding-right: 40px;
}

@media only screen and (max-width: 375px) {
  body.contact-us .page-header {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

body.contact-us .on-this-page__content {
  margin-bottom: 5.2rem !important;
}

@media only screen and (min-width: 768px) {
  body.contact-us .on-this-page__heading.title {
    margin-top: 0rem !important;
    margin-bottom: 3rem !important;
  }
}

@media only screen and (max-width: 375px) {
  body.contact-us .on-this-page__heading.title {
    margin-top: 0rem !important;
  }
}

body.contact-us div[id="General enquiries"] {
  height: 10rem;
}
