/** MIXINS are functions or partial styles shared across many comonents*/
/** Grid breakpoint alias*/
/**Pages**/
/** MIXINS are functions or partial styles shared across many comonents*/
/** Grid breakpoint alias*/
.cp-service__buttons {
  margin-bottom: 1rem;
}
.cp-service__buttons button {
  margin: 5px 0;
}

#page-start {
  padding: 0 5rem;
  background-color: var(--bg-blenrep);
  display: flex;
}
#page-start h1, #page-start h2, #page-start h3, #page-start h4 {
  color: var(--heading-blue);
}
#page-start .content-block--callout .content-block__inner {
  background-color: #4976C4;
  /*custom*/
  margin: 10px !important;
  border-radius: 1rem;
}
#page-start .content-block--callout .content-block__inner h3 {
  margin-top: 0;
}
#page-start .content-block--callout .content-block__inner p {
  display: flex;
}
#page-start .content-block--callout .content-block__inner .btn-secondary {
  --bs-btn-bg: white;
  --bs-btn-color: black;
  width: 40%;
  --bs-btn-hover-bg: var(--site-blue);
  margin: 10px 5px !important;
}
#page-start #main {
  width: 55%;
}
#page-start #main button {
  display: block !important;
  margin: 10px 0;
  width: 100%;
  max-width: 580px;
}
#page-start #main .close {
  display: none !important;
}
#page-start #main .content-block {
  margin: 20px 0;
}
#page-start #main .content-block:has(button) {
  margin: 50px 0 !important;
}
#page-start #aside {
  width: 45%;
}
@media screen and (max-width: 991px) {
  #page-start {
    padding: 0 1.5rem;
    flex-direction: column-reverse;
  }
  #page-start #main .content-block--wide {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
  #page-start:after {
    min-height: 300px;
  }
  #page-start #main, #page-start #aside {
    width: 100%;
  }
  #page-start #Login .modal-content.modal-content {
    width: 100% !important;
  }
  #page-start #Login .modal-content.modal-content h2 {
    color: var(--heading-blue);
  }
}
@media screen and (min-width: 992px) {
  #page-start #main-content {
    margin-top: 5rem;
    width: 40%;
  }
}
#page-start #main-content .content-block {
  color: var(--bs-teal);
}
#page-start #main-content .content-block .btn {
  width: 100%;
}
@media screen and (max-width: 991px) {
  #page-start #main-content .content-block {
    max-width: unset;
  }
  #page-start #main-content .content-block .btn-secondary {
    float: unset;
  }
}

.axsvc-login .modal-content {
  max-width: 710px;
  margin: auto !important;
}
.axsvc-login .modal-content h1 {
  color: var(--site-red) !important;
  margin-top: 2rem;
}
.axsvc-login .modal-content form p a {
  color: var(--card-link-color);
  text-decoration: none;
}
.axsvc-login .modal-content #signin-btn:hover {
  background-color: var(--btn-hover-color1);
}
.axsvc-login .modal-content form p a:hover {
  color: var(--btn-hover-color1);
}

#layout-base:has(#page-start) footer.global-footer {
  padding: 0 10px;
}

:root {
  --teal-rgb:0,99,115;
  --bs-teal: #4976C4;
  font-family: "Open Sans", sans-serif !important;
  --bs-nav-link-color: rgba(73, 118, 196, 1);
  --bs-navbar-active-color: rgba(238, 65, 77, 1);
  --bs-nav-link-font-weight: 700;
  --card-bgcolor: rgb(227 223 223 / 31%);
  --card-link-color: rgba(239, 65, 77, 1);
  --border-link-color: rgba(239, 65, 77, 1);
  --card-title-color: black;
  --btn-color1: rgb(118, 163, 241);
  --btn-hover-color1: rgb(19, 33, 56);
  --btn-color-red: rgba(239, 65, 77, 1);
  --heading-text-blue: rgba(73, 118, 196, 1);
  --bs-grey: rgba(217, 217, 217, 1);
}

@media screen and (max-width: 991px) {
  #layout-base div[data-service-embed] {
    background-color: white;
    padding: 1rem;
  }
  #layout-base .global-header__navbar {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }
}
@media (min-width: 1400px) {
  body {
    overflow-x: hidden;
  }

  .container,
.container-fluid {
    max-width: var(--bs-container-max-width);
    margin-inline: auto;
  }
}
/* master layout width for all pages smaller than laptop*/
.container-md {
  --bs-gutter-x: 5rem;
  --bs-gutter-y: 0;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-width: unset;
}

.img-fluid {
  width: 100%;
}

.text-red {
  color: var(--heading-colour) !important;
}

#page-general, #page-home {
  word-wrap: break-word;
}
#page-general .content-block:has(#contact-us), #page-home .content-block:has(#contact-us) {
  padding: 30px;
}

#page-general {
  padding: 0 10px;
}

@media screen and (max-width: 991px) {
  #page-general, #page-home {
    padding: 0 1rem;
  }

  label.has-tooltip {
    display: inline;
  }
}
.pre-footer {
  margin-top: 100px;
}

.pre-footer:empty {
  display: none;
}

#redirect-external {
  color: #02215B;
  text-decoration: underline;
  cursor: pointer;
}

#redirect-external:hover {
  color: #902326 !important;
}

.card-container {
  display: flex;
  gap: 24px;
  padding: 24px;
  flex-wrap: wrap;
}

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