@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*  Variables  */ :root {
  --font-family: "Montserrat", sans-serif;
  --colour-novum-steel: #435569;
  --colour-novum-orange: #ed7d31;
  --colour-novum-dark-blue: #0e2330;
  --colour-novum-light-blue: #929cb8;
  --colour-novum-brown: #7a6d58;
  --colour-novum-red: #ab494e;
  --colour-novum-rose: #885e6f;
  --colour-novum-slate: #668283;
}
/* Colours */
/* backgrounds */
.colour-novum-steel-bg {
  background: var(--colour-novum-steel) !important;
  background-color: var(--colour-novum-steel) !important;
  color: white;
}
.colour-novum-orange-bg {
  background: var(--colour-novum-orange) !important;
  background-color: var(--colour-novum-orange) !important;
  color: white;
}
.colour-novum-dark-blue-bg {
  background: var(--colour-novum-dark-blue) !important;
  background-color: var(--colour-novum-dark-blue) !important;
  color: white;
}
.colour-novum-light-blue-bg {
  background: var(--colour-novum-light-blue) !important;
  background-color: var(--colour-novum-light-blue) !important;
  color: white;
}
.colour-novum-brown-bg {
  background: var(--colour-novum-brown) !important;
  background-color: var(--colour-novum-brown) !important;
  color: white;
}
.colour-novum-red-bg {
  background: var(--colour-novum-red) !important;
  background-color: var(--colour-novum-red) !important;
  color: white;
}
.colour-novum-rose-bg {
  background: var(--colour-novum-rose) !important;
  background-color: var(--colour-novum-rose) !important;
  color: white;
}
.colour-novum-slate-bg {
  background: var(--colour-novum-slate) !important;
  background-color: var(--colour-novum-slate) !important;
  color: white;
}
.colour-novum-steel-bg a, .colour-novum-orange-bg a, .colour-novum-dark-blue-bg a, .colour-novum-light-blue-bg a, .colour-novum-brown-bg a, .colour-novum-red-bg a, .colour-novum-rose-bg a, .colour-novum-slate-bg a {
  color: white !important;
}
.colour-novum-steel-bg a:hover, .colour-novum-orange-bg a:hover, .colour-novum-dark-blue-bg a:hover, .colour-novum-light-blue-bg a:hover, .colour-novum-brown-bg a:hover, .colour-novum-red-bg a:hover, .colour-novum-rose-bg a:hover, .colour-novum-slate-bg a:hover {
  color: rgba(255, 255, 255, .7) !important
}
header .dropdown a {
  color: var(--bs-dropdown-link-color)  !important;
}
header .dropdown a:hover {
  color: var(--bs-dropdown-link-hover-color) !important;
}
/* Text colours */
.gradient-text {
  background-color: var(--colour-novum-orange);
  background-image: linear-gradient(90deg, var(--colour-novum-steel), var(--colour-novum-orange));
  background-size: 100%;
  background-repeat: repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
  -moz-text-fill-color: transparent;
}
.colour-novum-steel {
  color: var(--colour-novum-steel)
}
header a.colour-novum-orange,
.colour-novum-orange {
  color: var(--colour-novum-orange) !important
}
.colour-novum-dark-blue {
  color: var(--colour-novum-dark-blue)
}
.colour-novum-light-blue {
  color: var(--colour-novum-light-blue)
}
.colour-novum-brown {
  color: var(--colour-novum-brown)
}
.colour-novum-red {
  color: var(--colour-novum-red)
}
.colour-novum-rose {
  color: var(--colour-novum-rose)
}
.colour-novum-slate {
  color: var(--colour-novum-slate)
}
/* Fonts */
* {
  font-family: var(--font-family) !important;
}
/* Bootsrap overwrites */
.text-secondary {
  color: var(--colour-novum-orange) !important;
}
/* Buttons */
.btn-novum-orange {
  background-color: var(--colour-novum-orange);
  color: white;
}
.btn-novum-steel {
  background-color: var(--colour-novum-steel);
  color: white;
}
.btn-novum-dark-blue {
  background-color: var(--colour-novum-dark-blue);
  color: white;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel-item {
  height: 50vh !important;
}
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */
/* Featurettes
------------------------- */
.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
  letter-spacing: -.05rem;
}
/* rtl:end:remove */
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
  .featurette-heading {
    font-size: 50px;
  }
}
@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}