@import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
:root {
  --vsm-white: 255, 255, 255;
  --vsm-black: 0, 0, 0;
  --vsm-body-copy-colour: 0, 34, 98;
  --vsm-accent-colour: 249, 65, 81;
  --vsm-primary-colour: 229, 24, 48;
  --vsm-secondary-colour: 62, 149, 246;
  --vsm-tertiary-colour: 24, 47, 89;
  --vsm-quaternary-colour: 234, 237, 238;
  --vsm-quinary-colour: 234, 237, 238;
}

:root {
  --vsm-mobile-padding-top: 30px;
  --vsm-mobile-padding-bottom: 30px;
  --vsm-tablet-padding-top: 50px;
  --vsm-tablet-padding-bottom: 50px;
  --vsm-desktop-padding-top: 80px;
  --vsm-desktop-padding-bottom: 80px;
}

/* **** EXTRA WIDE CONTAINER **** */
.container.wide {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container.wide {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container.wide {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container.wide {
    width: 100%;
    max-width: 90%;
  }
}
/* NO GUTTERS */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.row.no-gutters > [class^=col-],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

/* ------------------------------
Icons
--------------------------------*/
/* ------------------------------
Typography
--------------------------------*/
html,
body {
  height: 100% !important;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  font-size: 16px;
}
@media (min-width: 768px) {
  html,
  body {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  html,
  body {
    font-size: 16px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: rgba(var(--vsm-body-copy-colour), 1);
}

ul,
ol,
dd,
p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
}
ul strong,
ol strong,
dd strong,
p strong {
  font-weight: 600;
}

a {
  color: #e51830;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
  color: #3e95f6;
}

.heading {
  font-size: 3.125rem; /*50px*/
}
@media (min-width: 1024px) {
  .heading {
    font-size: 4rem;
  }
}

.md-heading {
  font-size: 2.25rem; /*36px*/
}
@media (min-width: 1024px) {
  .md-heading {
    font-size: 2.5rem; /*40px*/
  }
}

.sm-heading {
  font-size: 1.75rem; /*30px*/
}
@media (min-width: 1024px) {
  .sm-heading {
    font-size: 1.875rem; /*30px*/
  }
}

.xs-heading {
  color: rgba(var(--vsm-accent-colour), 1);
  font-size: 1.1rem; /*17.6px*/
}
@media (min-width: 1024px) {
  .xs-heading {
    font-size: 1.125rem; /*18px*/
  }
}

.xxs-heading {
  color: rgba(var(--vsm-accent-colour), 1);
  font-size: 0.75rem; /*12px*/
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 1024px) {
  .xxs-heading {
    font-size: 0.75rem; /*12px*/
  }
}

.sub-heading {
  font-size: 1.1rem; /*17.6px*/
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (min-width: 1024px) {
  .sub-heading {
    font-size: 1.125rem; /*20px*/
  }
}

/* ------------------------------
Buttons
--------------------------------*/
.btn {
  background-color: rgba(var(--vsm-secondary-colour), 1);
  border: 0.163rem solid rgba(var(--vsm-white), 1);
}
.btn:hover {
  background-color: rgba(var(--vsm-tertiary-colour), 1);
  border: 0.163rem solid rgba(var(--vsm-white), 1);
}
.btn .btn-primary {
  background-color: rgba(var(--vsm-secondary-colour), 1);
}
.btn .btn-secondary {
  background-color: rgba(var(--vsm-primary-colour), 1);
}

/* ------------------------------
Forms
--------------------------------*/
/* ***** FORM VALIDATION MESSAGES ****** */
.field-validation-error,
.field-validation-valid,
.validation-summary-errors {
  /* DEFAULT STYLES FOR VALIDATION MESSAGES - CLASS BASED ON DEV REQUIREMENTS */
}

/* ---------------------------------------
 Hidden items 
 -----------------------------------------*/
/* --------------------------------------
end hidden items
------------------------------------------*/
/* ------------------------------
Theme
--------------------------------*/
.rte ul {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}
.rte ul li::before {
  color: rgba(var(--vsm-secondary-colour), 1);
  content: "\f054";
  display: inline-block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  padding: 0 10px 0 0;
}
.rte ul li ul li {
  padding-left: 1rem;
}
.rte blockquote {
  left: 2rem;
  color: rgba(var(--vsm-primary-colour), 1);
  font-weight: 700;
  font-size: 1.4rem;
  position: relative;
  line-height: 1.2;
}
@media (max-width: 768px) {
  .rte blockquote {
    position: relative;
    left: 0px;
  }
}

.media {
  border-radius: 0.625rem;
}

/* ---------------------------------
Global backgrounds
-----------------------------*/
div[data-section].bg-sky-blue .bg {
  background: rgba(var(--vsm-secondary-colour), 1);
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: rgba(var(--vsm-white), 1);
}

.plyr__control--overlaid {
  background: rgba(var(--vsm-white), 1);
  padding: calc(var(--plyr-control-spacing, 12px) * 2.5);
}
.plyr__control--overlaid:hover {
  cursor: pointer;
  border: 5px solid rgba(var(--vsm-primary-colour), 1);
  color: rgba(var(--vsm-white), 1);
  background: rgba(var(--vsm-white), 1);
}

.plyr__control svg {
  color: rgba(var(--vsm-primary-colour), 1);
}

/* ------------------------------
Scrollbar
-------------------------------*/
::-moz-selection {
  background-color: #000000;
  color: #EAEDEE;
}

::selection {
  background-color: #000000;
  color: #EAEDEE;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000000;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#EAEDEE));
  background: linear-gradient(to bottom, #000000 0%, #EAEDEE 100%);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000000;
}

html {
  scrollbar-color: #EAEDEE #000000;
}

/* --------------------------
Forms
---------------------------*/
.custom-file {
  overflow: hidden;
}

/* --------------------------
VSM Content in image 50-50
---------------------------*/
.vsm-content-in-image-50-50 .vsm-header {
  margin-bottom: 2rem;
}
.vsm-content-in-image-50-50 .vsm-header .sm-heading {
  font-size: 2.25rem;
  /*36px*/
}
@media (min-width: 1024px) {
  .vsm-content-in-image-50-50 .vsm-header .sm-heading {
    font-size: 2.5rem;
    /*40px*/
  }
}
.vsm-content-in-image-50-50 .vsm-body .container {
  max-width: 100%;
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
.vsm-content-in-image-50-50 .vsm-body .row {
  justify-content: center;
}
.vsm-content-in-image-50-50 .vsm-body .row .col {
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .vsm-content-in-image-50-50 .vsm-body .row .col {
    flex: 1 0 33%;
  }
}
@media (min-width: 1400px) {
  .vsm-content-in-image-50-50 .vsm-body .row .col {
    flex: 1 0 33%;
  }
}
.vsm-content-in-image-50-50 .vsm-body .row .col .content-in-image {
  height: 100%;
  border-radius: 0.625rem;
}
.vsm-content-in-image-50-50 .vsm-body .row .col .content-in-image .media::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: normal;
}
.vsm-content-in-image-50-50 .vsm-body .row .col .content-in-image .content .rte,
.vsm-content-in-image-50-50 .vsm-body .row .col .content-in-image .content .rte h1,
.vsm-content-in-image-50-50 .vsm-body .row .col .content-in-image .content .rte h2,
.vsm-content-in-image-50-50 .vsm-body .row .col .content-in-image .content .rte h3,
.vsm-content-in-image-50-50 .vsm-body .row .col .content-in-image .content .rte p {
  color: #ffffff;
}
.vsm-content-in-image-50-50 .vsm-body .row .col:nth-child(1) .content-in-image .media::before {
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(236, 92, 19) 100%);
  opacity: 0.15;
}
.vsm-content-in-image-50-50 .vsm-body .row .col:nth-child(2) .content-in-image .media::before {
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(112, 157, 0) 100%);
  opacity: 0.15;
}
.vsm-content-in-image-50-50 .vsm-body .row .col:nth-child(3) .content-in-image .media::before {
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(11, 160, 219) 100%);
  opacity: 0.15;
}
.vsm-content-in-image-50-50 .vsm-body .row .col:nth-child(4) .content-in-image .media::before {
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(139, 54, 189) 100%);
  opacity: 0.15;
}
.vsm-content-in-image-50-50 .vsm-body .row .col:nth-child(5) .content-in-image .media::before {
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(218, 36, 68) 100%);
  opacity: 0.15;
}
.vsm-content-in-image-50-50 .vsm-body .row .col:nth-child(6) .content-in-image .media::before {
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(230, 0, 144) 100%);
  opacity: 0.15;
}
.vsm-content-in-image-50-50 .vsm-body .row .col:nth-child(7) .content-in-image .media::before {
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(252, 176, 75) 100%);
  opacity: 0.15;
}
.vsm-content-in-image-50-50 .vsm-body .row .col:nth-child(8) .content-in-image .media::before {
  background: rgb(2, 0, 36);
  background: linear-gradient(0deg, rgb(2, 0, 36) 0%, rgb(123, 123, 123) 100%);
  opacity: 0.15;
}

/* --------------------------
End VSM Content in image 50-50
---------------------------*/
/*-------------------------------
  VSM Default Signoff
-------------------------------*/
.vsm-default-signoff .signoff-links {
  font-size: 0.75rem;
}
.vsm-default-signoff .signoff-links .copyright {
  font-size: 0.75rem;
}
.vsm-default-signoff .signoff-links li {
  font-size: 0.75rem;
}

/*-------------------------------
  End VSM Default Signoff
-------------------------------*/
/*-------------------------------
  VSM Navigation
-------------------------------*/
.slide-menu {
  background: rgba(var(--vsm-tertiary-colour), 1) !important;
}

.slide-menu ul li > a {
  color: rgba(var(--vsm-white), 1);
}

.menu-open .vsm-top.switch-fixed {
  background: rgba(var(--vsm-tertiary-colour), 1) !important;
}
.menu-open .vsm-top.switch-fixed.fixed {
  background: rgba(var(--vsm-tertiary-colour), 1) !important;
}
.menu-open .vsm-top .navigation {
  background: rgba(var(--vsm-tertiary-colour), 1) !important;
}
.menu-open .vsm-top .navigation .more-nav ul li a {
  color: rgba(var(--vsm-white), 1);
}
.menu-open .vsm-top .navigation .more-nav ul li a:hover {
  color: rgba(var(--vsm-primary-colour), 1);
}
.menu-open .vsm-top .navigation .more-nav ul li .burger-menu:hover span {
  background: rgba(var(--vsm-primary-colour), 1);
}
.menu-open .vsm-top .navigation .more-nav ul li .burger-menu:hover span::before, .menu-open .vsm-top .navigation .more-nav ul li .burger-menu:hover span::after {
  background: rgba(var(--vsm-primary-colour), 1);
}
.menu-open .vsm-top .navigation .more-nav ul li .burger-menu span {
  background: rgba(var(--vsm-white), 1);
}
.menu-open .vsm-top .navigation .more-nav ul li .burger-menu span::before, .menu-open .vsm-top .navigation .more-nav ul li .burger-menu span::after {
  background: rgba(var(--vsm-white), 1);
}
.menu-open .vsm-top .navigation .primary-nav ul li a {
  color: rgba(var(--vsm-white), 1);
}
.menu-open .vsm-top .navigation .primary-nav ul li.dropdown > a:hover {
  color: rgba(var(--vsm-black), 1);
}
.menu-open .vsm-top .navigation .primary-nav ul li.dropdown > a:hover a {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.menu-open .vsm-top .navigation .primary-nav ul li.dropdown > a:hover::after {
  color: rgba(var(--vsm-black), 1);
}
.menu-open .vsm-top .navigation .primary-nav ul li.dropdown > a::after {
  color: rgba(var(--vsm-white), 1);
}

.vsm-top {
  background: rgba(var(--vsm-tertiary-colour), 1);
}
.vsm-top .navigation.search-open {
  background: transparent;
}
.vsm-top .navigation.search-open .brand .logo-2 {
  display: none;
}
.vsm-top .navigation.search-open .more-nav ul li.show-mobile {
  display: none;
}
.vsm-top .navigation .search-bar .btn span:hover {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top .navigation .search-bar .btn:hover {
  border: 0.063rem solid rgba(var(--vsm-secondary-colour), 1);
  background-color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-top .navigation .brand {
  position: relative;
}
.vsm-top .navigation .brand img {
  height: 2rem;
}
@media (min-width: 1400px) {
  .vsm-top .navigation .brand img {
    height: 4.5rem;
  }
}
@media (max-width: 768px) {
  .vsm-top .navigation .brand::after {
    content: "";
    position: relative;
    padding: 0.625rem 0.938rem;
    background: url("../img/X-icon.svg") no-repeat center center/cover;
  }
  .vsm-top .navigation .brand img {
    display: none !important;
  }
}
.vsm-top .navigation .primary-nav ul li ul {
  width: fit-content;
  min-width: 10em;
}
.vsm-top .navigation .primary-nav ul li a {
  color: rgba(var(--vsm-white), 1);
  font-weight: bold;
  position: relative;
}
.vsm-top .navigation .primary-nav ul li a:hover {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top .navigation .primary-nav ul li a:hover::before {
  content: "";
  height: 8px;
  width: 8px;
  background-color: rgba(var(--vsm-primary-colour), 1);
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 50%;
}
.vsm-top .navigation .primary-nav ul li.dropdown {
  color: rgba(var(--vsm-black), 1);
  position: relative;
}
.vsm-top .navigation .primary-nav ul li.dropdown:hover a {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top .navigation .primary-nav ul li.dropdown:hover a::after {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top .navigation .primary-nav ul li.dropdown:hover a::before {
  display: none;
}
.vsm-top .navigation .primary-nav ul li.dropdown:hover ul li:hover::before {
  display: none;
}
.vsm-top .navigation .primary-nav ul li.dropdown:hover ul li:hover a {
  background: rgba(var(--vsm-primary-colour), 0.5);
  color: rgba(var(--vsm-black), 1);
}
.vsm-top .navigation .primary-nav ul li.dropdown a:hover {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top .navigation .primary-nav ul li.dropdown a:hover a {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-top .navigation .primary-nav ul li.dropdown a:hover::after {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top .navigation .primary-nav ul li.dropdown a::after {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top .navigation .primary-nav .mega-menu {
  overflow: scroll;
  height: 70vh;
  background: rgba(0, 0, 0, 0);
  box-shadow: 0 1.875rem 1.875rem 0 rgba(0, 0, 0, 0);
  overflow: visible;
  height: auto;
}
.vsm-top .navigation .primary-nav .mega-menu > .container {
  background: rgb(255, 255, 255);
  box-shadow: 0 1.875rem 1.875rem 0 rgba(0, 0, 0, 0.05);
  border-radius: 0.3125rem;
  overflow: scroll;
  height: 70vh;
}
.vsm-top .navigation .primary-nav .mega-menu .col nav {
  grid-auto-flow: row;
}
.vsm-top .navigation .primary-nav .mega-menu .col:nth-child(1) {
  width: 25%;
}
.vsm-top .navigation .primary-nav .mega-menu .col:nth-child(2) {
  width: 25%;
}
.vsm-top .navigation .primary-nav .mega-menu .col:nth-child(3) {
  width: 25%;
  border-right: 0.063rem solid rgba(0, 0, 0, 0.1);
}
.vsm-top .navigation .primary-nav .mega-menu .col:nth-child(4) {
  width: 25%;
}
.vsm-top .navigation .more-nav ul li.ajax-login {
  margin: 0 0 0 0rem;
}
.vsm-top .navigation .more-nav ul li.lang {
  margin: 0 0 0 0rem;
}
.vsm-top .navigation .more-nav ul li.lang .toggle-drop span {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top .navigation .more-nav ul li.lang .toggle-drop span i {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top .navigation .more-nav ul li.lang .toggle-drop:hover span {
  color: rgba(var(--vsm-white), 0.7);
}
.vsm-top .navigation .more-nav ul li.lang .toggle-drop:hover span i {
  color: rgba(var(--vsm-white), 0.7);
}
.vsm-top .navigation .more-nav ul li.lang .toggle-drop:hover span::after {
  display: none;
}
.vsm-top .navigation .more-nav ul li.lang .toggle-drop .menu-dropdown {
  border-top-left-radius: 0.313rem;
  width: min-content;
  min-width: 2rem;
}
.vsm-top .navigation .more-nav ul li.lang .toggle-drop .menu-dropdown ul li a span {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top .navigation .more-nav ul li.lang .toggle-drop .menu-dropdown ul li a span:hover {
  color: rgba(var(--vsm-black), 0.5);
}
.vsm-top .navigation .more-nav ul li a {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top .navigation .more-nav ul li a:hover {
  color: rgba(var(--vsm-white), 0.7);
}
.vsm-top .navigation .more-nav ul li a i {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top .navigation .more-nav ul li a i:hover {
  color: rgba(var(--vsm-white), 0.7);
}
.vsm-top .navigation .more-nav ul li .burger-menu:hover span {
  background: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top .navigation .more-nav ul li .burger-menu:hover span::before, .vsm-top .navigation .more-nav ul li .burger-menu:hover span::after {
  background: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top .navigation .more-nav ul li .burger-menu span {
  background: rgba(var(--vsm-white), 1);
}
.vsm-top .navigation .more-nav ul li .burger-menu span::before, .vsm-top .navigation .more-nav ul li .burger-menu span::after {
  background: rgba(var(--vsm-white), 1);
}
.vsm-top.fixed {
  background: rgba(var(--vsm-tertiary-colour), 1);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.vsm-top.fixed .navigation .more-nav ul li a {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top.fixed .navigation .more-nav ul li a:hover {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top.fixed .navigation .more-nav ul li .burger-menu:hover span {
  background: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top.fixed .navigation .more-nav ul li .burger-menu:hover span::before, .vsm-top.fixed .navigation .more-nav ul li .burger-menu:hover span::after {
  background: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top.fixed .navigation .more-nav ul li .burger-menu span {
  background: rgba(var(--vsm-white), 1);
}
.vsm-top.fixed .navigation .more-nav ul li .burger-menu span::before, .vsm-top.fixed .navigation .more-nav ul li .burger-menu span::after {
  background: rgba(var(--vsm-white), 1);
}
.vsm-top.fixed .navigation .primary-nav ul li:hover a {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top.fixed .navigation .primary-nav ul li a {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top.fixed .navigation .primary-nav ul li.dropdown {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.fixed .navigation .primary-nav ul li.dropdown:hover > a {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.fixed .navigation .primary-nav ul li.dropdown:hover > a::after {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.fixed .navigation .primary-nav ul li.dropdown a:hover {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.fixed .navigation .primary-nav ul li.dropdown a:hover a {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-top.fixed .navigation .primary-nav ul li.dropdown a:hover::after {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.fixed .navigation .primary-nav ul li.dropdown a::after {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top.switch-fixed {
  background: rgba(var(--vsm-tertiary-colour), 0);
}
.vsm-top.switch-fixed .navigation .more-nav ul li a {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top.switch-fixed .navigation .more-nav ul li a:hover {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.switch-fixed .navigation .more-nav ul li .burger-menu:hover span {
  background: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top.switch-fixed .navigation .more-nav ul li .burger-menu:hover span::before, .vsm-top.switch-fixed .navigation .more-nav ul li .burger-menu:hover span::after {
  background: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top.switch-fixed .navigation .more-nav ul li .burger-menu span {
  background: rgba(var(--vsm-white), 1);
}
.vsm-top.switch-fixed .navigation .more-nav ul li .burger-menu span::before, .vsm-top.switch-fixed .navigation .more-nav ul li .burger-menu span::after {
  background: rgba(var(--vsm-white), 1);
}
.vsm-top.switch-fixed .navigation .primary-nav ul li a {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top.switch-fixed .navigation .primary-nav ul li a:hover {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top.switch-fixed .navigation .primary-nav ul li.dropdown {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.switch-fixed .navigation .primary-nav ul li.dropdown:hover > a {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.switch-fixed .navigation .primary-nav ul li.dropdown:hover > a::after {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.switch-fixed .navigation .primary-nav ul li.dropdown a:hover {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.switch-fixed .navigation .primary-nav ul li.dropdown a:hover a {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-top.switch-fixed .navigation .primary-nav ul li.dropdown a:hover::after {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.switch-fixed .navigation .primary-nav ul li.dropdown a::after {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top.switch-fixed.fixed {
  background: rgba(var(--vsm-tertiary-colour), 1);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.vsm-top.switch-fixed.fixed .navigation .more-nav ul li a {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top.switch-fixed.fixed .navigation .more-nav ul li a:hover {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top.switch-fixed.fixed .navigation .more-nav ul li .burger-menu:hover span {
  background: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top.switch-fixed.fixed .navigation .more-nav ul li .burger-menu:hover span::before, .vsm-top.switch-fixed.fixed .navigation .more-nav ul li .burger-menu:hover span::after {
  background: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top.switch-fixed.fixed .navigation .more-nav ul li .burger-menu span {
  background: rgba(var(--vsm-white), 1);
}
.vsm-top.switch-fixed.fixed .navigation .more-nav ul li .burger-menu span::before, .vsm-top.switch-fixed.fixed .navigation .more-nav ul li .burger-menu span::after {
  background: rgba(var(--vsm-white), 1);
}
.vsm-top.switch-fixed.fixed .navigation .primary-nav ul li a {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top.switch-fixed.fixed .navigation .primary-nav ul li a:hover {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top.switch-fixed.fixed .navigation .primary-nav ul li.dropdown {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.switch-fixed.fixed .navigation .primary-nav ul li.dropdown:hover > a {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.switch-fixed.fixed .navigation .primary-nav ul li.dropdown:hover > a::before {
  display: none;
}
.vsm-top.switch-fixed.fixed .navigation .primary-nav ul li.dropdown:hover > a::after {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.switch-fixed.fixed .navigation .primary-nav ul li.dropdown a:hover {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.switch-fixed.fixed .navigation .primary-nav ul li.dropdown a:hover a {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-top.switch-fixed.fixed .navigation .primary-nav ul li.dropdown a:hover::after {
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.switch-fixed.fixed .navigation .primary-nav ul li.dropdown a::after {
  color: rgba(var(--vsm-white), 1);
}

.vsm-responsive-nav {
  background: rgba(255, 255, 255, 0.8) !important;
  backdrop-filter: blur(15px);
}

/*-------------------------------
  End VSM Navigation
-------------------------------*/
/*-------------------------------
  VSM Hero Slider
-------------------------------*/
.vsm-hero-slider.single-message-search-bar .overlay-content .xs-heading {
  color: rgba(var(--vsm-white), 1);
}
.vsm-hero-slider .swiper-wrapper {
  position: relative;
}
.vsm-hero-slider .swiper-container.disabled {
  pointer-events: auto !important;
}
.vsm-hero-slider .bg {
  position: relative;
}
.vsm-hero-slider .bg::before {
  background: rgb(0 0 0 / 10%);
}
.vsm-hero-slider.colour_on .bg::before {
  content: "";
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(var(--vsm-secondary-colour), 1);
  opacity: 0.65;
}
.vsm-hero-slider.overlay_on .bg::after {
  z-index: 1;
  background-image: url(../img/X-icon.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  pointer-events: none;
  mix-blend-mode: hue;
}
.vsm-hero-slider .overlay-content {
  position: relative;
}
.vsm-hero-slider .overlay-content::before {
  content: "";
  z-index: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000000;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#182f59));
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 70%, #182f59 100%);
  background-size: auto;
  mix-blend-mode: normal;
}
.vsm-hero-slider .overlay-content .container .row {
  position: inherit;
  z-index: 3;
}
.vsm-hero-slider .overlay-content .heading {
  color: rgba(var(--vsm-white), 1);
}
.vsm-hero-slider .overlay-content .btn {
  border-radius: 0;
  border: 0.125rem solid rgba(var(--vsm-white), 1);
  background: rgba(var(--vsm-secondary-colour), 1);
  color: rgba(var(--vsm-white), 1);
}
.vsm-hero-slider .overlay-content .btn:hover {
  border: 0.125rem solid rgba(var(--vsm-white), 1);
  background: rgba(var(--vsm-tertiary-colour), 1);
  color: rgba(var(--vsm-white), 1);
}
.vsm-hero-slider .overlay-content .btn:hover::after {
  display: none;
}

/*-------------------------------
 End VSM Hero Slider
-------------------------------*/
/*-------------------------------
  VSM Default Internal Hero 
-------------------------------*/
.vsm-default-internal-hero.primary-bg .bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(var(--vsm-secondary-colour), 0.5);
  mix-blend-mode: multiply;
}
.vsm-default-internal-hero .bg {
  min-height: 22rem;
  background-color: #182f59;
}
.vsm-default-internal-hero .bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  mix-blend-mode: multiply;
}
.vsm-default-internal-hero .component-wrapper {
  position: inherit;
  z-index: 3;
}
.vsm-default-internal-hero .form-holder .btn {
  border-radius: 0;
  border: 0.125rem solid rgba(var(--vsm-white), 1);
  background: transparent;
  color: rgba(var(--vsm-white), 1);
}
.vsm-default-internal-hero .form-holder .btn:hover {
  border: 0.125rem solid rgba(var(--vsm-white), 1);
  background: rgba(var(--vsm-primary-colour), 1);
  color: rgba(var(--vsm-white), 1);
}
.vsm-default-internal-hero .form-holder .btn:hover::after {
  display: none;
}

/*-------------------------------
End  VSM Default Internal Hero 
-------------------------------*/
/*---------------------------------
  VSM Default Single Media Hero
---------------------------------*/
.vsm-default-single-media-hero .bg {
  overflow: hidden;
}

/*---------------------------------
  End VSM Default Single Media Hero
---------------------------------*/
/*-------------------------------------
  VSM Accordion Mixed Content 50-50
--------------------------------------*/
.vsm-accordion-mixed-content-50-50 .accordion .accordion-item .accordion-header {
  cursor: pointer;
}

/*---------------------------------------
  End VSM Accordion Mixed Content 50-50
---------------------------------------*/
/*-------------------------------------
  VSM Job details
--------------------------------------*/
.vsm-job-details ul.job-data-highlights {
  padding: 0 0 0 0.75rem;
}

/*-------------------------------------
  End VSM Job details
--------------------------------------*/
/*-------------------------------------
  VSM Full Width Fixed Media BG
--------------------------------------*/
.vsm-full-width-fixed-media-bg .bg {
  overflow: hidden;
}

/*-------------------------------------
  End VSM Full Width Fixed Media BG
--------------------------------------*/
/* --------------------------------------
VSM Split Content 50-50
---------------------------------------*/
.vsm-split-content-50-50 .media {
  border-radius: 0.35rem;
  margin-bottom: 1rem;
}
.vsm-split-content-50-50 .media img {
  width: 100%;
  height: 16rem;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: center;
}

/* --------------------------------------
End VSM Split Content 50-50
---------------------------------------*/
/*--------------------------------
 VSM Split Content 25-25-25-25 
 -------------------------------*/
.vsm-split-content-25-25-25-25 .vsm-body .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}
@media (min-width: 768px) {
  .vsm-split-content-25-25-25-25 .vsm-body .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
  }
}

/*--------------------------------
 End VSM Split Content 25-25-25-25 
 -------------------------------*/
/*--------------------------------
 VSM Short Content 33-33-33 
 -------------------------------*/
.vsm-short-content-33-33-33 .component-wrapper .content .feature .media {
  background: #e51830;
  border-radius: 100%;
  padding: 0.95rem;
  margin-right: 2rem;
}
.vsm-short-content-33-33-33 .component-wrapper .content .feature .media img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  max-width: 100%;
  max-height: 4rem;
}

/*--------------------------------
 End VSM Short Content 33-33-33 
 -------------------------------*/
/* --------------------------------------
VSM Split Content 50-50
---------------------------------------*/
.vsm-split-content-33-33-33 .media {
  border-radius: 0.35rem;
  margin-bottom: 1rem;
}
.vsm-split-content-33-33-33 .media img {
  width: 100%;
  height: 12.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: center;
}

/* --------------------------------------
End VSM Split Content 50-50
---------------------------------------*/
/* --------------------------------------
VSM Single Accordion
---------------------------------------*/
.vsm-single-accordion .accordion .accordion-item {
  border-radius: 0;
}
.vsm-single-accordion .accordion .accordion-item .accordion-header {
  cursor: pointer;
}

/* --------------------------------------
End VSM Single Accordion
---------------------------------------*/
/* --------------------------------------
VSM Accordion Mixed Content 50 -50
---------------------------------------*/
.vsm-accordion-mixed-content-50-50 .accordion .accordion-item {
  border-radius: 0;
}
.vsm-accordion-mixed-content-50-50 .accordion .accordion-item .accordion-header {
  cursor: pointer;
}

/* --------------------------------------
End VSM Accordion Mixed Content 50 -50
---------------------------------------*/
/* ---------------------------------
VSM Job Search Filters
----------------------------------*/
.job-search-filters .filter .label {
  cursor: pointer;
}

/* ---------------------------------
End VSM Job Search Filters
----------------------------------*/
/*-------------------------------
 VSM Full Width Call To Action
-------------------------------*/
.vsm-full-width-call-to-action .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .vsm-full-width-call-to-action .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}
.vsm-full-width-call-to-action .bg {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-position: center;
  overflow: hidden;
  position: relative;
  background-color: rgba(var(--vsm-tertiary-colour), 1);
}
.vsm-full-width-call-to-action .bg.without-overlay::before {
  display: none;
}
.vsm-full-width-call-to-action .bg.without-gradient::after {
  display: none;
}
.vsm-full-width-call-to-action .bg::before {
  z-index: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(var(--vsm-tertiary-colour), 0.3);
  background-blend-mode: multiply;
  mix-blend-mode: multiply;
  top: 0;
  left: 0;
}
.vsm-full-width-call-to-action .bg::after {
  z-index: 1;
  background-image: url(../img/X-icon.svg);
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  mix-blend-mode: normal;
  opacity: 0.25;
}
.vsm-full-width-call-to-action .bg .container {
  z-index: 2;
  position: inherit;
}
.vsm-full-width-call-to-action .bg .component-wrapper {
  z-index: 1;
  position: inherit;
}
.vsm-full-width-call-to-action .bg .component-wrapper .content {
  padding: 0rem 2rem;
}
.vsm-full-width-call-to-action .bg .btn {
  border: 0.163rem solid rgba(var(--vsm-white), 1);
  background: transparent;
}
.vsm-full-width-call-to-action .bg .btn:hover {
  background-color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-full-width-call-to-action .bg .rte p {
  font-size: 1.5rem;
}

/*-------------------------------
End VSM Full Width Call To Action
-------------------------------*/
/*-------------------------------------
End VSM Split Get in touch form content
--------------------------------------*/
.vsm-split-get-in-touch-form-content .form-holder .element.submit .btn {
  border: rgba(var(--vsm-primary-colour), 1);
  background: rgba(var(--vsm-primary-colour), 1);
}
.vsm-split-get-in-touch-form-content .form-holder .element.submit .btn:hover {
  border: rgba(var(--vsm-black), 1);
  background: rgba(var(--vsm-black), 1);
  color: rgba(var(--vsm-white), 1);
}

/*-------------------------------------
End VSM Split Get in touch form content
--------------------------------------*/
/*--------------------------------
 VSM Full Width Call To Action Alt
---------------------------------*/
.vsm-full-width-call-to-action-alt .btn {
  margin-top: 2rem;
  border: 0.163rem solid rgba(var(--vsm-white), 1);
  background: transparent;
}
.vsm-full-width-call-to-action-alt .btn:hover {
  background-color: black;
}
.vsm-full-width-call-to-action-alt .rte a {
  color: #002262;
}

/*--------------------------------
 VSM Full Width Call To Action Alt
---------------------------------*/
/*----------------------------------------
CV Dropoff
-------------------------------------------*/
#cv-dropoff .modal-content {
  border-radius: 0;
  background: rgba(var(--vsm-white), 1);
}
#cv-dropoff .modal-body {
  padding: 2rem 1rem;
}
@media (min-width: 1024px) {
  #cv-dropoff .modal-body {
    padding: 4rem;
  }
}
#cv-dropoff .modal-body .form-holder .element.submit .btn {
  border: rgba(var(--vsm-primary-colour), 1);
  background: rgba(var(--vsm-primary-colour), 1);
}
#cv-dropoff .modal-body .form-holder .element.submit .btn:hover {
  border: rgba(var(--vsm-black), 1);
  background: rgba(var(--vsm-black), 1);
  color: rgba(var(--vsm-white), 1);
}
#cv-dropoff .modal-body .form-holder .element.select .field::before {
  color: rgba(var(--vsm-primary-colour), 1);
}

/*----------------------------------------
End CV Dropoff
-------------------------------------------*/
/*----------------------------------------
VSM 404 Page
-------------------------------------------*/
.vsm-404-page .bg::before {
  z-index: 0;
  background-image: url(../img/JMC-outlined.svg);
  background-repeat: repeat;
  background-position: left;
  background-size: contain;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  pointer-events: none;
  mix-blend-mode: color-burn;
}
.vsm-404-page .bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(var(--vsm-primary-colour), 1);
  mix-blend-mode: multiply;
  top: 0;
  left: 0;
  z-index: 0;
}
.vsm-404-page .rte {
  color: white;
}
.vsm-404-page .rte p,
.vsm-404-page .rte ul,
.vsm-404-page .rte li {
  color: white;
}
.vsm-404-page .rte a {
  color: white;
}
.vsm-404-page .rte a:hover {
  color: rgba(255, 255, 255, 0.5);
}

/*----------------------------------------
VSM 404 Page
-------------------------------------------*/
/*----------------------------------------
footer
-------------------------------------------*/
footer.vsm-default-footer {
  background: rgba(var(--vsm-tertiary-colour), 1);
  background: linear-gradient(180deg, rgba(var(--vsm-tertiary-colour), 1) 0%, #000000 100%);
}
footer.vsm-default-footer .social li a i {
  font-size: 1.65rem;
}
footer .newsletter-signup p {
  font-size: 16px;
  font-size: 1rem;
}
footer .newsletter-signup input {
  border: 2px solid rgba(var(--vsm-accent-colour), 1);
  border-radius: 0.25rem;
}
footer .newsletter-signup .btn {
  border-radius: 0;
  border: 0.125rem solid rgba(var(--vsm-white), 1);
  background: rgba(var(--vsm-white), 1);
  color: rgba(var(--vsm-black), 1);
}
footer .newsletter-signup .btn:hover {
  border: 0.125rem solid rgba(var(--vsm-white), 1);
  color: rgba(var(--vsm-primary-colour), 1);
}
footer .newsletter-signup .btn:hover::after {
  display: none;
}
footer .newsletter-signup .form-holder .input-group {
  margin-top: 1rem;
}
footer .newsletter-signup .form-holder .input-group label span {
  font-size: 0.9rem;
}
footer .newsletter-signup .form-holder .input-group label span a {
  color: rgba(var(--vsm-white), 0.7);
}
footer .newsletter-signup .form-holder .input-group label span a:hover {
  color: rgba(var(--vsm-white), 1);
}

/*----------------------------------------
VSM Default Signoff
-------------------------------------------*/
.vsm-default-signoff {
  background: black;
}
.vsm-default-signoff a:hover {
  color: rgba(var(--vsm-primary-colour), 1);
}

/*----------------------------------------
End VSM Default Signoff
-------------------------------------------*/
/*-------------------------------------
  VSM Stats Count Up
--------------------------------------*/
.vsm-stats-count-up .stat .description {
  font-weight: bold;
}

/*-------------------------------------
  End VSM Stats Count Up
--------------------------------------*/
/*-------------------------------------
  VSM Latest Featured
--------------------------------------*/
.vsm-latest-featured {
  position: relative;
}
.vsm-latest-featured .vsm-header {
  margin-bottom: 2rem;
}
.vsm-latest-featured .media {
  margin-bottom: 2rem;
}
.vsm-latest-featured .subtitle {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-latest-featured .xs-heading {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-latest-featured .content-card .media img {
  aspect-ratio: 1/1;
}
.vsm-latest-featured .content-card .content {
  text-align: left;
}
.vsm-latest-featured .content-card .content .subtitle {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
  font-weight: bold;
}
.vsm-latest-featured .content-card .content .xs-heading {
  font-size: 1.7rem;
  color: rgba(var(--vsm-body-copy-colour), 1);
}

/*-------------------------------------
 End VSM Latest Featured
--------------------------------------*/
/*----------------------------------------
VSM Media Hub
-------------------------------------------*/
.vsm-media-hub .newsletter-signup .btn:hover {
  color: rgba(var(--vsm-white), 1);
}
.vsm-media-hub .newsletter-signup .form-holder .form-group .input-group {
  padding-bottom: 1.5rem;
}
.vsm-media-hub .newsletter-signup .form-holder .form-group .input-group label span {
  font-size: 1rem;
}
/*-------------------------------------
  VSM Job Carousel
--------------------------------------*/
.vsm-job-carousel {
  position: relative;
}
.vsm-job-carousel .bg {
  padding-top: var(--vsm-mobile-padding-top);
  padding-bottom: var(--vsm-mobile-padding-bottom);
}
@media (min-width: 768px) {
  .vsm-job-carousel .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-job-carousel .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-job-carousel .bg .container {
  position: relative;
  z-index: 1;
}
.vsm-job-carousel.bg-sky-blue .btn {
  border: 0.163rem solid rgba(var(--vsm-white), 1);
  background: transparent;
}
.vsm-job-carousel.bg-sky-blue .btn:hover {
  background-color: rgba(var(--vsm-tertiary-colour), 1);
}
.vsm-job-carousel.bg-sky-blue .swiper-slide {
  border-radius: 0.625rem;
  background-color: rgba(var(--vsm-white), 1);
}
.vsm-job-carousel.bg-sky-blue .swiper-button-next i::before,
.vsm-job-carousel.bg-sky-blue .swiper-button-prev i::before {
  color: rgba(var(--vsm-white), 1);
}
.vsm-job-carousel.bg-sky-blue .xs-heading,
.vsm-job-carousel.bg-sky-blue .md-heading {
  color: rgba(var(--vsm-white), 1);
}

/*-------------------------------------
  End VSM Job Carousel
--------------------------------------*/
.vsm-content-carousel .vsm-body .swiper-slide .col:nth-child(2) {
  display: none;
}
.vsm-content-carousel .vsm-body .media {
  background-color: #EAEDEE;
}
.vsm-content-carousel .vsm-body .media img {
  max-width: 100%;
}

/* ---------------------------------
VSM Profile Cards
----------------------------------*/
.vsm-profile-cards .paging-information {
  margin-bottom: 1rem;
}
.vsm-profile-cards .paging-information .row {
  justify-content: space-between;
}
.vsm-profile-cards .vsm-body .col {
  height: auto;
  margin-bottom: 1rem;
  background: none;
  justify-content: stretch;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (min-width: 768px) {
  .vsm-profile-cards .vsm-body .col {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .vsm-profile-cards .vsm-body .col {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.vsm-profile-cards .vsm-body .col .profile {
  border-radius: 0.625rem;
  box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.1);
  z-index: 0;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.vsm-profile-cards .vsm-body .col .profile:before {
  border-radius: 0.625rem;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 0;
  background: rgba(var(--vsm-white), 1);
}
.vsm-profile-cards .vsm-body .col .profile .media {
  position: relative;
  z-index: 1;
  width: 11.25rem;
  height: 11.25rem;
}
.vsm-profile-cards .vsm-body .col .profile .media[data-initials]:before {
  width: 11.25rem;
  height: 11.25rem;
  line-height: 11.25rem;
}
.vsm-profile-cards .vsm-body .col .profile .media img {
  border: 2px solid rgba(var(--vsm-white), 1);
}
.vsm-profile-cards .vsm-body .col .profile .content {
  position: relative;
  z-index: 1;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}
.vsm-profile-cards .vsm-body .col .profile .content > h4 {
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-profile-cards .vsm-body .col .profile .content > h4 a {
  color: rgba(var(--vsm-secondary-colour), 1);
  text-decoration: none;
}
.vsm-profile-cards .vsm-body .col .profile .content > p {
  color: rgba(var(--vsm-body-copy-colour), 1);
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
}
.vsm-profile-cards .vsm-body .col .profile .content > p .rte p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 100;
}
.vsm-profile-cards .vsm-body .col .profile .content .social a {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-profile-cards .vsm-body .col .profile .content .social a i::before {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-profile-cards .vsm-body .col .profile .content .social a i:hover::before {
  color: rgba(var(--vsm-primary-colour), 1);
}

.vsm-profile-details .contacts li .btn {
  border: 0.1rem solid rgba(var(--vsm-body-copy-colour), 1) !important;
  background: rgba(var(--vsm-white), 1);
}
.vsm-profile-details .contacts li .btn span {
  color: rgba(var(--vsm-body-copy-colour), 1);
}
.vsm-profile-details .contacts li .btn i {
  color: rgba(var(--vsm-body-copy-colour), 1) !important;
}
.vsm-profile-details .contacts li .btn:hover {
  border: 0.1rem solid rgba(var(--vsm-secondary-colour), 1) !important;
  background-color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-profile-details .contacts li .btn:hover span {
  color: rgba(var(--vsm-white), 1);
}
.vsm-profile-details .contacts li .btn:hover i {
  color: rgba(var(--vsm-white), 1);
}
.vsm-profile-details .contacts li .btn.ico-btn {
  background: rgba(var(--vsm-white), 1);
  border: 0.1rem solid rgba(var(--vsm-body-copy-colour), 1) !important;
}
.vsm-profile-details .contacts li .btn.ico-btn span {
  color: rgba(var(--vsm-body-copy-colour), 1);
}
.vsm-profile-details .contacts li .btn.ico-btn i {
  color: rgba(var(--vsm-body-copy-colour), 1) !important;
}
.vsm-profile-details .contacts li .btn.ico-btn:hover {
  border: 0.1rem solid rgba(var(--vsm-secondary-colour), 1) !important;
  background-color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-profile-details .contacts li .btn.ico-btn:hover span {
  color: rgba(var(--vsm-white), 1) !important;
}
.vsm-profile-details .contacts li .btn.ico-btn:hover i {
  color: rgba(var(--vsm-white), 1) !important;
}
.vsm-profile-details .contacts li:nth-child(3) .btn {
  width: 100%;
  background: rgba(var(--vsm-white), 1) !important;
  border: 0.1rem solid rgba(var(--vsm-body-copy-colour), 1) !important;
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-profile-details .contacts li:nth-child(3) .btn span {
  color: rgba(var(--vsm-body-copy-colour), 1);
}
.vsm-profile-details .contacts li:nth-child(3) .btn i {
  color: rgba(var(--vsm-body-copy-colour), 1) !important;
  margin-right: 0.5rem;
}
.vsm-profile-details .contacts li:nth-child(3) .btn:hover {
  border: 0.1rem solid rgba(var(--vsm-secondary-colour), 1);
  background-color: rgba(var(--vsm-secondary-colour), 1) !important;
}
.vsm-profile-details .contacts li:nth-child(3) .btn:hover span {
  color: rgba(var(--vsm-white), 1) !important;
}
.vsm-profile-details .contacts li:nth-child(3) .btn:hover i {
  color: rgba(var(--vsm-white), 1);
}
.vsm-profile-details .contacts li:nth-child(4) .btn {
  width: 100%;
  background: rgba(var(--vsm-primary-colour), 1);
  border: 0.1rem solid rgba(var(--vsm-primary-colour), 1) !important;
  color: rgba(var(--vsm-white-colour), 1);
}
.vsm-profile-details .contacts li:nth-child(4) .btn span {
  color: rgba(var(--vsm-white), 1);
}
.vsm-profile-details .contacts li:nth-child(4) .btn i {
  color: rgba(var(--vsm-body-copy-colour), 1);
  margin-right: 0.5rem;
}
.vsm-profile-details .contacts li:nth-child(4) .btn:hover {
  border: 0.1rem solid rgba(var(--vsm-secondary-colour), 1);
  background-color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-profile-details .contacts li:nth-child(4) .btn:hover span {
  color: rgba(var(--vsm-white), 1);
}
.vsm-profile-details .contacts li:nth-child(4) .btn:hover i {
  color: rgba(var(--vsm-white), 1);
}
.vsm-profile-details .contacts li:nth-child(5) .btn {
  width: 100%;
  background: rgba(var(--vsm-primary-colour), 1);
  border: 0.1rem solid rgba(var(--vsm-primary-colour), 1) !important;
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-profile-details .contacts li:nth-child(5) .btn span {
  color: rgba(var(--vsm-white), 1);
}
.vsm-profile-details .contacts li:nth-child(5) .btn i {
  color: rgba(var(--vsm-white), 1);
  margin-right: 0.5rem;
}
.vsm-profile-details .contacts li:nth-child(5) .btn:hover {
  border: 0.1rem solid rgba(var(--vsm-secondary-colour), 1) !important;
  background-color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-profile-details .contacts li:nth-child(5) .btn:hover span {
  color: rgba(var(--vsm-body-copy-colour), 1);
}
.vsm-profile-details .contacts li:nth-child(5) .btn:hover i {
  color: rgba(var(--vsm-white), 1);
}

/* ---------------------------------
End VSM Profile Cards
----------------------------------*/
/*---------------------------------------
  VSM Drop Off Your CV
  ---------------------------------------*/
.vsm-drop-off-your-cv {
  position: relative;
}
@media (min-width: 1024px) {
  .vsm-drop-off-your-cv .container > .row > .col:nth-child(1) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
}
@media (min-width: 1024px) {
  .vsm-drop-off-your-cv .container > .row > .col:nth-child(2) {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66%;
  }
}
.vsm-drop-off-your-cv .bg {
  background: #000000;
  padding-top: var(--vsm-mobile-padding-top);
  padding-bottom: var(--vsm-mobile-padding-bottom);
}
@media (min-width: 768px) {
  .vsm-drop-off-your-cv .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-drop-off-your-cv .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-drop-off-your-cv .rte p a {
  color: rgba(var(--vsm-white), 1);
}
.vsm-drop-off-your-cv .rte p a:hover {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-drop-off-your-cv a {
  color: rgba(var(--vsm-white), 1);
}
.vsm-drop-off-your-cv a:hover {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-drop-off-your-cv .form-holder .error {
  color: rgba(var(--vsm-accent-colour), 1);
}
.vsm-drop-off-your-cv .form-holder .element.submit .btn {
  border-radius: 0;
  border: 0.125rem solid rgba(var(--vsm-white), 1);
  background: transparent;
  color: rgba(var(--vsm-white), 1);
}
.vsm-drop-off-your-cv .form-holder .element.submit .btn:hover {
  border: 0.125rem solid rgba(var(--vsm-white), 1);
  background: rgba(var(--vsm-primary-colour), 1);
  color: rgba(var(--vsm-white), 1);
}
.vsm-drop-off-your-cv .form-holder .element.submit .btn:hover::after {
  display: none;
}
.vsm-drop-off-your-cv .form-holder .element.select option {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select option.placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select option:-moz-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select option::-moz-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select option:-ms-input-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select option::-webkit-input-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select select {
  font-weight: 700;
  background-color: rgba(var(--vsm-white), 1);
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select select option {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select select option.placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select select option:-moz-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select select option::-moz-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select select option:-ms-input-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select select option::-webkit-input-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select select.placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select select:-moz-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select select::-moz-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select select:-ms-input-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.select select::-webkit-input-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder .element.text input {
  background-color: rgba(var(--vsm-white), 1);
  color: rgba(var(--vsm-body-copy-colour), 1);
}
.vsm-drop-off-your-cv .form-holder .element.text input.placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
  font-weight: 700;
}
.vsm-drop-off-your-cv .form-holder .element.text input:-moz-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
  font-weight: 700;
}
.vsm-drop-off-your-cv .form-holder .element.text input::-moz-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
  font-weight: 700;
}
.vsm-drop-off-your-cv .form-holder .element.text input:-ms-input-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
  font-weight: 700;
}
.vsm-drop-off-your-cv .form-holder .element.text input::-webkit-input-placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
  font-weight: 700;
}
.vsm-drop-off-your-cv .form-holder .element.file .custom-file-label::after {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-drop-off-your-cv .form-holder .element.file .custom-file label {
  border-radius: 0;
  background: rgba(var(--vsm-white), 1);
}
.vsm-drop-off-your-cv .form-holder .element.file .custom-file label span {
  color: rgba(var(--vsm-body-copy-colour), 0.5);
}
.vsm-drop-off-your-cv .form-holder label {
  color: rgba(var(--vsm-white), 1);
}
.vsm-drop-off-your-cv .custom-file {
  position: relative;
}
.vsm-drop-off-your-cv .custom-file input {
  position: absolute;
}
.vsm-drop-off-your-cv .custom-file .element.file .custom-file-label {
  background: rgba(var(--vsm-white), 1);
  color: rgba(var(--vsm-body-copy-colour), 1);
}
.vsm-drop-off-your-cv .custom-file .element.file .custom-file-label::after {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-drop-off-your-cv .custom-file-label {
  position: relative;
}
.vsm-drop-off-your-cv .custom-file-label label {
  position: relative;
}
.vsm-drop-off-your-cv .custom-file-label::after {
  position: absolute;
  top: 0.938rem;
  right: 0.625rem;
  bottom: 0;
  z-index: 3;
  display: block;
  content: "\f382";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  color: rgba(var(--vsm-primary-colour), 1);
}

/*---------------------------------------
 End VSM Drop Off Your CV
 ---------------------------------------*/
/* -----------------------------------
Cm filter bar
--------------------------------------*/
.cm-filter-bar .cm-header {
  margin-bottom: 2rem;
}
.cm-filter-bar .element.submit .btn {
  height: auto;
  line-height: 1.7;
}
.cm-filter-bar .element.text label {
  display: none;
}
.cm-filter-bar .element.text input {
  opacity: 1;
  background-color: rgba(var(--vsm-quinary-colour), 1);
}
.cm-filter-bar .element.text input::placeholder {
  opacity: 1;
  color: rgba(var(--vsm-body-copy-colour), 1);
}
.cm-filter-bar .element.select label {
  display: none;
}
.cm-filter-bar .element.select select {
  color: rgba(var(--vsm-body-copy-colour), 1);
  background-color: rgba(var(--vsm-quinary-colour), 1);
}
.cm-filter-bar .element.select select::placeholder {
  color: rgba(var(--vsm-body-copy-colour), 1);
}

.vsm-office-locations .location-card {
  border-radius: 0.625rem;
}
.vsm-office-locations .location-card:hover .content .details a {
  color: white;
  font-weight: 600;
}
.vsm-office-locations .location-card .content {
  background: rgba(24, 47, 89, 0.8);
}

li.lang .toggle-drop span {
  font-size: 25px !important;
}

.vsm-default-internal-hero.overlay_on .bg::after {
  z-index: 1;
  background-image: url(../img/X-icon.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: contain;
  content: "";
  position: absolute;
  width: 40%;
  height: 100%;
  right: 0;
  bottom: 0;
  pointer-events: none;
  mix-blend-mode: soft-light;
}