/* @import url("https://use.typekit.net/mro1jyb.css"); */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@300;400;500;600;700;800;900&display=swap');

:root {
  --vsm-white: 255, 255, 255;
  --vsm-black: 9, 9, 9;
  --vsm-body-copy-colour: 8, 8, 8;
  --vsm-accent-colour: 198, 20, 142;
  --vsm-primary-colour: 18, 16, 16;
  --vsm-secondary-colour: 22, 145, 145;
  --vsm-tertiary-colour: 18, 16, 16;
  --vsm-quaternary-colour: 248, 248, 248;
  --vsm-quinary-colour: 214, 218, 213;
}

:root {
  --vsm-heading: 4rem;
  --vsm-md-heading: 2.75rem;
  --vsm-sm-heading: 1.375rem;
  --vsm-xs-heading: 1.125rem;
  --vsm-xxs-heading: 0.75rem;
  --vsm-text-size: 1rem;
  --vsm-button-text-size: 1rem;
  --vsm-intro-text-size: 1.5rem;
  --vsm-oversized-text-size: 1.875rem;
}

@media only screen and (min-width: 125rem) {
  :root {
    font-size: 120%;
  }
}
: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: 'Red Hat Display', sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 300;
  font-style: normal;
  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 {
  color: rgba(var(--vsm-primary-colour), 1);
}

h1,
h2,
h3,
h4 {
font-family: 'Red Hat Display', sans-serif;
  font-weight: 800;
}

h5,
h6 {
font-family: 'Red Hat Display', sans-serif;
  font-weight: 400;
}

ul,
ol,
dd,
p {
font-family: 'Red Hat Display', sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
}
ul strong,
ol strong,
dd strong,
p strong {
  font-weight: 600;
}

a {
  color: #121010;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #C6148E;
}

@media (min-width: 768px) {
  .heading {
    font-size: 3rem;
  }
  .md-heading {
    font-size: 2.75rem;
  }
  .sm-heading {
    font-size: 1.375rem;
  }
  .xs-heading {
    font-size: 1rem;
  }
  .xxs-heading {
    font-size: 16px;
    font-size: 1rem;
   font-family: 'Red Hat Display', sans-serif;
  }
  .sub-heading {
    font-size: 20px;
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}
@media (min-width: 1200px) {
  .heading {
    font-size: 5rem;
  }
  .md-heading {
    font-size: 3rem;
  }
  .sm-heading {
    font-size: 1.75rem;
  }
  .xs-heading {
    font-size: 1.65rem;
  }
  .xxs-heading {
    font-size: 16px;
    font-size: 1rem;
font-family: 'Red Hat Display', sans-serif;
  }
  .sub-heading {
    font-size: 20px;
    font-size: 1.25rem;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}
/* ------------------------------
Buttons
--------------------------------*/
.btn {
  position: relative;
  background-color: #169191;
  border: #169191;
  color: #ffffff;
  padding: 0.625rem 2.5rem;
  transition: 0.6s;
  overflow: hidden;
  border-radius: 0 !important;
    /* clip-path: polygon(9% 0, 100% 0, 100% 68%, 91% 100%, 0 100%, 0 31%); */
}
.btn:hover {
  color: #ffffff;
  background-color: #C6148E;
  border: #169191;
}
.btn span {
  color: #ffffff;
}
.btn.btn-primary {
  background-color: rgba(var(--vsm-secondary-colour), 1);
  border: #169191;
  border-radius: 0.2rem;
  color: #ffffff;
}
.btn.btn-primary:hover {
  color: #ffffff;
  background-color: #169191;
  border: #169191;
}
.btn.btn-primary:hover span {
  color: #ffffff;
}
.btn.btn-primary span {
  color: #ffffff;
}
.btn.btn-secondary {
  margin-left: 1rem;
  background-color: rgba(var(--vsm-tertiary-colour), 1);
  border: rgba(var(--vsm-tertiary-colour), 1);
}
.btn.btn-secondary:hover {
  background-color: #169191;
  border: #169191;
}

.btn-ghost-primary {
  background-color: transparent;
  border: 2px solid #121010;
  border-radius: 0.2rem;
}
.btn-ghost-primary span {
  color: #121010;
}
.btn-ghost-primary:hover {
  background-color: transparent;
  border: 2px solid #169191;
  border-radius: 0.2rem;
}
.btn-ghost-primary:hover span {
  color: #169191;
}

/* ------------------------------
Forms
--------------------------------*/
/* ***** FORM VALIDATION MESSAGES ****** */
.field-validation-error,
.field-validation-valid,
.validation-summary-errors {
  /* DEFAULT STYLES FOR VALIDATION MESSAGES - CLASS BASED ON DEV REQUIREMENTS */
}

/* -----------------------------
Dashboard
-------------------------------*/
@media (min-width: 1024px) {
  .wrapper {
    overflow: hidden;
  }
  .wrapper .side-menu {
    overflow: hidden;
  }
}
/* ------------------------------
Theme
--------------------------------*/
.rte {
  margin-bottom: 2.5rem;
}
.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;
  }
}

/* ------------------------------
Scrollbar
-------------------------------*/
::-moz-selection {
  background-color: #121010;
  color: #ffffff;
}

::selection {
  background-color: #121010;
  color: #ffffff;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #121010;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: -webkit-gradient(linear, left top, left bottom, from(#169191), to(#C6148E));
  background: linear-gradient(to bottom, #169191 0%, #C6148E 100%);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #169191;
}

html {
  scrollbar-color: #169191 #121010;
}

/*-------------------------------------
Hidden
--------------------------------------*/
.vsm-job-details .form-holder {
  background: #fff;
  border: 2px solid #009996;
}


.vsm-job-details .form-holder .btn {
  margin: 2rem 0;
  background: #C6148E;
}

.vsm-job-details .form-holder .btn:hover{
  background: #009996;
}

.vsm-job-details .notice {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid #000;
}
.vsm-job-details .notice p {
  margin-top: 0;
}
.vsm-job-details .btn {
  border-radius: 1rem;
}
.vsm-job-details .consultant {
  display: none;
}

/*-------------------------------------
FORMS
--------------------------------------*/
#cv-dropoff .modal-body {
  padding: 4rem 1.5rem;
}
@media (min-width: 1024px) {
  #cv-dropoff .modal-body {
    padding: 4rem 4rem;
  }
}
#cv-dropoff .modal-body .form-holder .element.submit .btn {
  margin-top: 2.063rem;
  background: rgba(var(--vsm-secondary-colour), 1);
  width: 100%;
}

.element label {
  font-weight: 600;
}

.element.checkbox label p {
  font-size: 0.75rem;
}

.element.text input {
    border-radius: 0;

  border: 0.063rem solid #009996;
  background: #fff;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.625rem;
}

.element.textarea textarea {
   border-radius: 0;

    border: 0.063rem solid #009996;

  background: #fff;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.625rem;
}

.icheck-primary > input:first-child:checked + input[type=hidden] + label::before,
.icheck-primary > input:first-child:checked + label::before {
  background-color: rgba(var(--vsm-secondary-colour), 1);
  border: 0.063rem solid rgba(var(--vsm-primary-colour), 1);
}

[class*=icheck-] > input:first-child:checked + input[type=hidden] + label::after,
[class*=icheck-] > input:first-child:checked + label::after {
  border-color: rgba(var(--vsm-white), 1);
  border-width: 0.188rem;
}

[class*=icheck-] > input:first-child + input[type=hidden] + label::before,
[class*=icheck-] > input:first-child + label::before {
  border: 0.063rem solid rgba(var(--vsm-primary-colour), 1);
  background-color: rgba(var(--vsm-white), 1);
}

.icheck-primary label a {
  color: rgba(var(--vsm-secondary-colour), 1);
}

#cv-dropoff .modal-content {
  border-radius: 0rem;
  border: 5px solid #009996;
  background: #f8f8f8;
  filter: drop-shadow(0 0 0.75rem rgba(var(--vsm-white), 1));
}

.element.select select {
  background-image: none;
    border: 0.063rem solid #009996;

  border-radius: 0;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.625rem;
  color: rgba(var(--vsm-primary-colour), 0.7);
}

.custom-file {
  overflow: hidden;
}

.custom-file-label {
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(2.286em + 0.75rem + 2px);
  padding: 0.59rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 0.063rem solid #009996;
    border-radius: 0;

  width: 100%;
}

[class*=icheck-] > input:first-child + input[type=hidden] + label::before,
[class*=icheck-] > input:first-child + label::before {
  border: 0.063rem solid rgba(var(--vsm-primary-colour), 1);
  background-color: rgba(var(--vsm-white), 1);
    border-radius: 0;

}

.icheck-primary > input:first-child:checked + input[type=hidden] + label::before,
.icheck-primary > input:first-child:checked + label::before {
  background-color: rgba(var(--vsm-primary-colour), 1);
  border: 0.063rem solid rgba(var(--vsm-secondary-colour), 1);
}

[class*=icheck-] > input[type=radio]:first-child:checked + label::after {
  border-color: rgba(var(--vsm-secondary-colour), 1);
  background: #C6148E;
}

.form-control:focus,
.form-select:focus {
  border-color: rgba(var(--vsm-primary-colour), 0);
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--vsm-secondary-colour), 0.1);
  box-shadow: 0 0 0 0.25rem rgba(var(--vsm-secondary-colour), 0.1);
}

/*-----------------------------------
BUTTONS
------------------------------------------*/
.vsm-media-hub .back-to-link,
.vsm-media-hub-search-results .back-to-link,
.vsm-job-details .back-to-link {
  color: #C6148E;
}

.vsm-media-hub.vsm-insight-article .hero-bg .container .btn:hover {
    background: #c6148e;
}

.inline-link a {
  color: #169191;
}
.inline-link span {
  color: #169191;
}
.inline-link::after {
  color: #169191;
}



/*-----------------------------------
swiper buttons
------------------------------------------*/
.swiper-navigation div {
  margin: 0 0 0 1rem;
  left: 0;
  right: 0;
}

.swiper-button-prev {
  font-size: 30px;
  font-size: 1.875rem;
  color: rgba(var(--vsm-white), 1);
  position: relative;
  top: 0;
  background-color: #169191;
  border: none;
  border-radius: 0.1em;
  width: 3rem;
  height: 3rem;
}
.swiper-button-prev i {
  color: rgba(var(--vsm-white), 1);
}
.swiper-button-prev:after {
  content: "";
}

.swiper-button-next {
  font-size: 30px;
  font-size: 1.875rem;
  color: rgba(var(--vsm-white), 1);
  position: relative;
  top: 0;
  background-color: #169191;
  border: none;
  border-radius: 0.1em;
  width: 3rem;
  height: 3rem;
}
.swiper-button-next i {
  color: rgba(var(--vsm-white), 1);
}
.swiper-button-next:after {
  content: "";
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

/* ------------------------------
VSM  navigation
-------------------------------*/
.menu-open .vsm-top {
  background: #000;
}
.menu-open .vsm-top .more-nav ul li .burger-menu span {
  background: white !important;
}
.menu-open .vsm-top .more-nav ul li .burger-menu span::before {
  background: white !important;
}
.menu-open .vsm-top .more-nav ul li .burger-menu span::after {
  background: white !important;
}
.menu-open .vsm-top.switch-fixed .navigation .brand .logo-1 {
  display: none;
}
.menu-open .vsm-top.switch-fixed .navigation .brand .logo-2 {
  display: block;
}
.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li {
  margin: 0rem;
  height: 2rem;
  position: relative;
}
.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li:nth-child(1)::after {
  width: 1px;
  height: 100%;
  border-right: 1px solid #fff;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  color: #121010;
}
.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li.ajax-login::after {
  display: none;
}
.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li.lang::after {
  width: 1px;
  height: 100%;
  border-right: 1px solid #fff;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  color: #121010;
}
.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop {
  margin: 0 0.3rem;
  padding: 0 1rem;
}
.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop .menu-dropdown ul li a {
  padding: 0.3125rem 1rem;
}
.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop .menu-dropdown ul li a span {
  padding: 0px 3px;
}
.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop .menu-dropdown ul li::after {
  display: none;
}
.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop span {
  display: inline-flex;
  font-weight: 400;
}
.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop span i {
  margin-top: 0.4rem;
  color: #fff;
}
.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop span i::before {
  color: rgba(var(--vsm-primary-color), 1);
}
.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop span span {
  color: #121010;
}
.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li a {
  display: block;
  padding: 0.3rem 0.938rem;
  text-decoration: none;
  font-weight: 400;
  color: rgba(var(--vsm-black), 1);
}

/* MAIN NAV */

body.home .vsm-top.switch-fixed  {
  background: transparent;
}


.vsm-top .primary-nav nav ul li.dropdown a {
  color: #fff;
}
.vsm-top.switch-fixed .navigation .more-nav nav ul li a {
  color: rgba(var(--vsm-white), 1);
}

/* body.menu-open .vsm-top.switch-fixed .navigation .more-nav nav ul li a {
  color: black !important;
} */

.vsm-top.switch-fixed .navigation .more-nav nav ul li a:hover {
  color: rgba(var(--vsm-white), 0.6);
}
.vsm-top.switch-fixed .navigation .more-nav nav ul li:nth-child(1)::after {
  width: 1px;
  height: 100%;
  border-right: 1px solid #ffffff;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  color: #ffffff;
}
.vsm-top.switch-fixed .navigation .more-nav nav ul li.lang::after {
  width: 1px;
  height: 100%;
  border-right: 1px solid #ffffff;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  color: #ffffff;
}
.vsm-top.switch-fixed .navigation .more-nav nav ul li.lang.ajax-login:nth-child(1) li::after {
  display: none;
}
.vsm-top.switch-fixed .navigation .more-nav nav ul li.lang.ajax-login:nth-child(1)::after {
  display: none;
}
.vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop:hover {
  background: #ffffff;
}
.vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop:hover span {
  color: rgba(var(--vsm-primary-color), 1);
}
.vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop:hover span i {
  color: rgba(var(--vsm-primary-color), 1);
}
.vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop:hover span span {
  padding: 3px 6px;
  color: rgba(var(--vsm-primary-color), 1);
}
.vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop span {
  display: inline-flex;
  padding: 3px 0px;
  font-weight: 400;
  color: rgba(var(--vsm-white), 1);
}
.vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop span i {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop span span {
  padding: 3px 6px;
  color: rgba(var(--vsm-white), 1);
}
.vsm-top.switch-fixed .navigation .more-nav nav ul li.lang .toggle-drop .menu-dropdown ul li a {
  color: rgba(var(--vsm-primary-color), 1);
}
.vsm-top.switch-fixed .navigation .primary-nav ul li.dropdown a:hover {
  color: rgba(var(--vsm-primary-color), 1);
}
.vsm-top.switch-fixed .navigation .primary-nav ul li.dropdown:hover {
  color: rgba(var(--vsm-primary-color), 1);
}
.vsm-top.switch-fixed .navigation .primary-nav ul li a:hover {
  /* color: rgba(var(--vsm-white), 0.6); */
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu {
  height: 2.2rem;
}

.vsm-top.switch-fixed .navigation .primary-nav ul li a {
  color: rgb(255, 255, 255);
}

.vsm-top.switch-fixed .navigation .primary-nav li.meganav .sub-list h4>a {
  color: black;
}

.vsm-top.switch-fixed .navigation .primary-nav ul li a:hover {
  color: rgb(99, 99, 99) !important;
}

.vsm-top.switch-fixed.fixed .navigation .burger-menu .d-flex {
  flex-direction: column;
  align-items: flex-end;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .brand img {
  height: 4.8 rem;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .more-nav nav ul li {
  margin: 0rem;
  height: 2rem;
  position: relative;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .more-nav nav ul li:nth-child(1)::after {
  width: 1px;
  height: 100%;
  border-right: 1px solid #000;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  color: #121010;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .more-nav nav ul li.ajax-login::after {
  display: none;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .more-nav nav ul li.lang::after {
  width: 1px;
  height: 100%;
  border-right: 1px solid #000;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  color: #121010;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .more-nav nav ul li.lang .toggle-drop {
  margin: 0 0.3rem;
  padding: 0 1rem;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .more-nav nav ul li.lang .toggle-drop .menu-dropdown ul li a {
  padding: 0.3125rem 1rem;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .more-nav nav ul li.lang .toggle-drop .menu-dropdown ul li a span {
  padding: 0px 3px;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .more-nav nav ul li.lang .toggle-drop .menu-dropdown ul li::after {
  display: none;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .more-nav nav ul li.lang .toggle-drop span {
  display: inline-flex;
  font-weight: 400;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .more-nav nav ul li.lang .toggle-drop span i {
  margin-top: 0.4rem;
  color: #000034;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .more-nav nav ul li.lang .toggle-drop span i::before {
  color: rgba(var(--vsm-primary-color), 1);
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .more-nav nav ul li.lang .toggle-drop span span {
  color: #121010;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .more-nav nav ul li a {
  display: block;
  padding: 0.3rem 0.938rem;
  text-decoration: none;
  font-weight: 400;
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .primary-nav {
  width: auto;
  order: 2;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .primary-nav ul li ul {
  width: max-content;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .primary-nav ul li a {
  display: block;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .primary-nav ul li a:hover {
  color: rgba(var(--vsm-primary-color), 0.6);
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .primary-nav nav {
  margin-top: 1rem;
}
.vsm-top.switch-fixed.fixed .navigation .burger-menu .primary-nav nav ul li .btn {
  color: rgba(var(--vsm-white), 1);
}
body.home .vsm-top.switch-fixed.fixed {
  background-color: rgb(0, 0, 0);
}
.vsm-top.fixed {
  background: rgb(0, 0, 0);
}
.vsm-top.fixed .more-nav ul li a {
  color: #fff !important;
}
.vsm-top.fixed .more-nav ul li a:hover {
  color: #FC3333 !important;
}
.vsm-top.fixed .primary-nav nav ul li.dropdown a {
  color: #FFF;
}
.vsm-top.fixed .primary-nav nav ul li.dropdown a::after {
  color: #fff !important;
}
.vsm-top.fixed .primary-nav nav ul li.dropdown:hover a {
  color: #000;
}
.vsm-top.fixed .primary-nav nav ul li.dropdown:hover a::after {
  color: #000 !important;
}
.vsm-top .primary-nav nav ul li.dropdown:hover a::after {
  color: #000 !important;
}
.vsm-top .navigation .more-nav nav ul li a {
  color: #fff !important;
}

.vsm-top .navigation .more-nav nav ul li a:hover {
  color: rgb(87, 87, 87) !important;
}
.vsm-top .navigation .burger-menu {
  height: 2.2rem;
}

@media (max-width:768px){
  .vsm-top .navigation .burger-menu{
    padding-top: 0;
  }
}
.vsm-top .navigation .burger-menu:hover span {
  background: #fff;
}
.vsm-top .navigation .burger-menu:hover span::before {
  background: #fff;
}
.vsm-top .navigation .burger-menu:hover span::after {
  background: #fff;
}
.vsm-top .navigation .burger-menu span {
  background: #fff;
}
.vsm-top .navigation .burger-menu span::before {
  background: #fff;
}
.vsm-top .navigation .burger-menu span::after {
  background: #fff;
}
.vsm-top .navigation .d-flex {
  flex-direction: column;
  align-items: flex-end;
}


@media (max-width:768px){
  .vsm-top .navigation .d-flex{
    padding-left: 0;
    padding-right: 0;
  }
}
.vsm-top .navigation .brand img {
  height: 4.06rem;
}
.vsm-top .navigation .more-nav nav ul li {
  margin: 0rem;
  height: 2rem;
  position: relative;
}
.vsm-top .navigation .more-nav nav ul li:nth-child(1)::after {
  width: 1px;
  height: 100%;
  border-right: 1px solid #fff;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  color: #121010;
}
.vsm-top .navigation .more-nav nav ul li:nth-child(3) li::after {
  display: none;
}
.vsm-top .navigation .more-nav nav ul li:nth-child(3)::after {
  display: none;
}
.vsm-top .navigation .more-nav nav ul li.ajax-login::after {
  display: none;
}
.vsm-top .navigation .more-nav nav ul li.lang::after {
  width: 1px;
  height: 100%;
  border-right: 1px solid #fff;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  color: #121010;
}
.vsm-top .navigation .more-nav nav ul li.lang .toggle-drop {
  margin: 0 0.3rem;
  padding: 0 1rem;
}
.vsm-top .navigation .more-nav nav ul li.lang .toggle-drop:hover span {
  color: #FFF;
}
.vsm-top .navigation .more-nav nav ul li.lang .toggle-drop:hover .menu-dropdown ul li a span {
  color: #000;
}
.vsm-top .navigation .more-nav nav ul li.lang .toggle-drop .menu-dropdown {
  z-index: 1;
}
.vsm-top .navigation .more-nav nav ul li.lang .toggle-drop .menu-dropdown ul li a {
  padding: 0.3125rem 1rem;
}
.vsm-top .navigation .more-nav nav ul li.lang .toggle-drop .menu-dropdown ul li a span {
  padding: 0px 3px;
}
.vsm-top .navigation .more-nav nav ul li.lang .toggle-drop .menu-dropdown ul li::after {
  display: none;
}
.vsm-top .navigation .more-nav nav ul li.lang .toggle-drop span {
  color: #FFF;
  display: inline-flex;
  font-weight: 400;
  font-size: 1rem;
}
.vsm-top .navigation .more-nav nav ul li.lang .toggle-drop span i {
  margin-top: 0.4rem;
  color: #FFF;
}
.vsm-top .navigation .more-nav nav ul li.lang .toggle-drop span img {
  display: inline-block;
  width: 26px;
}
.vsm-top .navigation .more-nav nav ul li a {
  display: block;
  padding: 0.3rem 0.938rem;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 400;
  color: rgba(var(--vsm-black), 1);
}
.vsm-top.fixed .navigation .more-nav ul li .burger-menu span {
  background: #fff !important;
}
.vsm-top.fixed .navigation .more-nav ul li .burger-menu span::before {
  background: #fff !important;
}
.vsm-top.fixed .navigation .more-nav ul li .burger-menu span::after {
  background: #fff !important;
}

/* 
@media (max-width:768px){
  .vsm-top .navigation .more-nav ul .ajax-login a{
  padding-right: 0 !important;
  }
} */

.vsm-top .navigation .primary-nav ul li a {
  /* color: white !important; */
}


.vsm-top .navigation .primary-nav ul .dropdown a:hover {
  color: rgb(0, 0, 0) !important;
}


.vsm-top .navigation .primary-nav ul li a::after {
  color: #fff !important;
}

.vsm-top{
  background: rgba(var(--vsm-black), 1);
}


.vsm-top.fixed .navigation .primary-nav ul li a {
  color: white;
}

.vsm-top.fixed .navigation .primary-nav ul li a:hover {
  color:rgb(0, 0, 0);
}

.vsm-top.switch-fixed.fixed .navigation .primary-nav ul li a {
  color:rgb(255, 255, 255);
}

.vsm-top.fixed .navigation .primary-nav ul li a::after {
  color: #fff !important;
}

.vsm-top .navigation .primary-nav ul li.meganav:hover a::after {
  color: black !important;
}

.vsm-top.fixed .navigation .primary-nav ul li.meganav:hover a::after {
  color: black !important;
}

@media (min-width: 992px) {
  .vsm-top .navigation {
    padding: 0.7rem 0;
  }
  .vsm-top .navigation .primary-nav {
    width: auto;
    order: 2;
  }
  .vsm-top .navigation .primary-nav ul li.dropdown a::after {
    color: rgba(var(--vsm-primary-color), 1);
  }
  .vsm-top .navigation .primary-nav ul li.dropdown ul li a {
    font-size: 1rem;
    color: black !important
  }

.vsm-top .navigation .primary-nav .mega-menu {
  background: #ffffff;
  max-height: 32.5rem;
  overflow: auto;
  height: 80vh;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 {
  display: flex;
  flex-direction: row;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 h4 {
  margin-bottom: 1.25rem;
  font-size: 20px;
  font-size: 1.25rem;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .list,
.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list {
  display: flex;
  flex-direction: column;
  flex: 0 0 50%;
  overflow: hidden;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .list:hover h4:after,
.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list:hover h4:after {
  width: 100%;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .list h4,
.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list h4 {
  position: relative;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .list h4:after,
.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list h4:after {
  content: "";
  background: rgba(var(--vsm-primary-colour), 1);
  width: 100%;
  height: 0.1875rem;
  display: block;
  margin-top: 0.625rem;
  transition: width 1s ease-in-out;
  position: relative;
  z-index: 1;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav,
.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list nav {
  display: flex;
  flex-direction: column;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a,
.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list nav a {
  padding: 0;
  margin-bottom: 0.625rem;
  font-weight: 400;
  color: rgba(var(--vsm-primary-color), 1);
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .list {
  max-width: calc(50% - 30px);
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a {
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  border-bottom: 0.0625rem solid rgba(var(--vsm-body-copy-colour), 0.2);
  margin-bottom: 0;
  padding: 0.3125rem 0;
  align-items: center;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a:hover {
  background: none;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a.active {
  color: rgba(var(--vsm-secondary-colour), 1);
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .list nav a.has-child:after {
  content: "\f0da";
  position: relative;
  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;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list {
  margin-left: 1.875rem;
  display: none;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list nav a {
  margin-bottom: 0;
  padding: 0.3125rem 0;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .sub-list nav a:hover {
  background: none;
  text-decoration: underline;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts {
  width: 100%;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts h4 {
  position: relative;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts h4 a {
  position: absolute;
  right: 0;
  top: 0;
  font-size: inherit;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts h4 a:hover {
  color: rgba(var(--vsm-primary-colour), 1);
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts h4:after {
  content: "";
  background: rgba(var(--vsm-primary-colour), 1);
  width: 100%;
  height: 0.1875rem;
  display: block;
  margin-top: 0.625rem;
  transition: width 1s ease-in-out;
  position: relative;
  z-index: 1;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .inserts {
  width: 100%;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .col {
  border: 0;
  flex: 1 0 50%;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert {
  flex: 1 0 50%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  min-height: 18.75rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert:hover h5:after {
  width: 100%;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert h5 {
  position: relative;
  color: rgba(var(--vsm-white), 1);
  font-size: 20px;
  font-size: 1.25rem;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert h5:after {
  content: "";
  background: rgba(var(--vsm-white), 1);
  width: 100%;
  height: 0.1875rem;
  display: block;
  margin-top: 0.625rem;
  transition: width 1s ease-in-out;
  position: relative;
  z-index: 1;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert .faux-link {
  font-weight: 700;
  color: rgba(var(--vsm-white), 1);
  position: relative;
  text-decoration: none;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert .faux-link:after {
  content: "\f0da";
  position: relative;
  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;
  left: 0.625rem;
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts .insert::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0rem;
  right: 0;
  width: 100%;
  height: 100%;
  background: white;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}

.vsm-top .navigation .primary-nav .mega-menu > .container > .row > .col-md-6 .nav-inserts:hover h4:after {
  width: 100%;
}

  .vsm-top .navigation .primary-nav ul li.dropdown:hover {
    font-size: 1rem;
  }
  .vsm-top .navigation .primary-nav ul li.dropdown:hover ul li a {
    font-size: 1rem;
  }

  .vsm-top .navigation .primary-nav ul li.meganav .mega-menu .container .row .col nav a {
    font-size: 1rem;
    color: black !important
  }

  .vsm-top .navigation .primary-nav ul li.meganav .mega-menu .container .row .col h4 a {
    font-size: 1rem;
    color: black !important
  }

  .vsm-top.switch-fixed.fixed .meganav:hover a {
    font-size: 1rem;
    color: black !important;
  }

  .vsm-top .navigation .primary-nav ul li ul {
    width: max-content;
  }
  .vsm-top .navigation .primary-nav ul li a {
    color: white;
    font-size: 1rem;
    display: block;
    padding: 0.7rem 1.1rem;
  }
  .vsm-top .navigation .primary-nav ul li a:hover {
    color: grey !important;
  }

  .vsm-top.fixed .navigation .primary-nav ul li a:hover {
    color: grey !important;
  }
  .vsm-top .navigation .primary-nav nav {
    margin-top: 1rem;
  }
  
  .vsm-top .navigation .primary-nav nav ul li .btn {
    color: rgba(var(--vsm-white), 1);
    background: #c6148e;
    border-radius: 1rem;
    border: 1px solid #c6148e;
    padding: 0.5rem 1.5rem;
    margin-left: 1.3rem;
  }
  
.vsm-top .navigation .primary-nav nav ul li .btn:hover{
    background: #009996;
    border: 1px solid #009996;
    color: white !important;
}
  .vsm-top .navigation .primary-nav nav ul li .btn::before {
    display: none;
  }
  .vsm-top .navigation .primary-nav nav ul li .btn::after {
    display: none;
  }
  .vsm-top .navigation .more-nav {
    width: auto;
    order: 1;
  }
  .vsm-top .navigation .more-nav nav ul li a {
    color: #fff;
  }
  .vsm-top .navigation .more-nav nav ul li a:hover {
    color: #FC3333;
  }
  .vsm-top .navigation .more-nav nav ul.lang .toggle-drop:hover .menu-dropdown ul li span:hover {
    color: #FC3333;
  }
  .vsm-top .navigation .more-nav nav ul.lang .toggle-drop span {
    color: rgba(var(--vsm-primary-color), 1);
  }
  .vsm-top .navigation .more-nav nav ul.lang .toggle-drop .menu-dropdown ul li a span:hover {
    color: rgba(var(--vsm-primary-colour), 0.5);
  }
  .vsm-top .navigation .more-nav nav ul:nth-child(1)::after {
    width: 1px;
    height: 100%;
    border-right: 1px solid rgba(var(--vsm-primary-color), 1);
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    color: rgba(var(--vsm-primary-color), 1);
  }
  .vsm-top .navigation .more-nav nav ul a {
    color: rgba(var(--vsm-primary-color), 1);
  }
  .vsm-top .navigation .more-nav nav ul a::after {
    color: rgba(var(--vsm-primary-color), 1);
  }
}
.vsm-top .signed-in-bar {
  background: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top .signed-in-bar .signed-as {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top .signed-in-bar .signed-as a {
  color: rgba(var(--vsm-white), 1);
}
.vsm-top .signed-in-bar .signed-as a:hover {
  color: rgba(var(--vsm-white), 0.5);
}


/* ------------------------------
CUSTOM 
-------------------------------*/
/*-------------------------------
CM-Hero
-------------------------------*/
.CM-hero {
  position: relative;
  background: #080808;
}
.CM-hero .animated-image {
  position: absolute;
  z-index: 2;
  right: 4rem;
  top: 6rem;
  opacity: 0;
  display: none;
}
.CM-hero .content {
  z-index: 3;
  position: relative;
}

@media (min-width: 1200px) {
  .CM-hero::before {
    right: 16rem;
  }
}
.CM-hero.hero {
  position: relative;
  height: calc(100vh - 0px);
}

.CM-hero .col-lg-8 {
  padding-top: 4rem;
}

.CM-hero.hero .gallery-top {
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 4;
}
.CM-hero.hero .gallery-top .swiper-slide {
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 150px;
  position: relative;
  align-items: center;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 0;
}
.CM-hero.hero .gallery-top .swiper-slide::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0%;
  width: 100%;
  height: 100%;
  /* background: #080808; */
  z-index: 2;
}
.CM-hero.hero .gallery-top .swiper-slide .container {
  z-index: 3;
}
@media (min-width: 768px) {
  .CM-hero.hero .gallery-top .swiper-slide .container .h-100 {
    width: 101%;
  }
}
@media (min-width: 1024px) {
  .CM-hero.hero .gallery-top .swiper-slide .container .h-100 {
    width: 120%;
  }
}
@media (min-width: 1200px) {
  .CM-hero.hero .gallery-top .swiper-slide .container .h-100 {
    width: 109%;
  }
}
.CM-hero.hero .gallery-top .swiper-slide .container .heading {
  position: relative;
  font-weight: 800;
  color: #ffffff;
  font-size: 2.5rem;
  margin-bottom: 3rem;
  width: 20rem;
}
.CM-hero.hero .gallery-top .swiper-slide .container .heading span {
  position: relative;
  z-index: 1;
  color: #009996;
}
@media (min-width: 768px) {
  .CM-hero.hero .gallery-top .swiper-slide .container .heading {
    /* letter-spacing: -4.2px; */
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .CM-hero.hero .gallery-top .swiper-slide .container .heading {
    /* letter-spacing: -4.2px; */
    font-size: 3.5rem;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .CM-hero.hero .gallery-top .swiper-slide .container .heading {
    font-size: 4.5rem;
    margin-bottom: 3rem;
    letter-spacing: -4.2px;
    width: 100%;
  }
}
.CM-hero.hero .gallery-top .swiper-slide .container .md-heading {
  margin-bottom: 2rem;
  color: #ffffff;
  text-shadow: 1px 2px 10px #000000;
}
.CM-hero.hero .gallery-top .swiper-slide .container .md-heading a {
  font-size: 50px;
  font-size: 3.125rem;
font-family: 'Red Hat Display', sans-serif;
  font-weight: 700;
  letter-spacing: -2px;
}
.CM-hero.hero .gallery-top .swiper-slide .container .md-heading a:hover {
  text-decoration: none;
}
.CM-hero.hero .gallery-top .swiper-slide .container .sub-heading {
  color: #ffffff;
  text-shadow: 1px 2px 10px #000000;
}
.CM-hero.hero .gallery-top .swiper-slide .container .sub-heading a {
  font-size: 50px;
  font-size: 3.125rem;
font-family: 'Red Hat Display', sans-serif;
  font-weight: 700;
  letter-spacing: -2px;
}
.CM-hero.hero .gallery-top .swiper-slide .container .sub-heading a:hover {
  text-decoration: none;
}
.CM-hero.hero .gallery-top .swiper-slide .container a {
  color: #ffffff;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}
.CM-hero.hero .gallery-top .swiper-slide .container a i {
  margin-left: 10px;
  color: #009996;
}
.CM-hero.hero .gallery-top .swiper-slide .video {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  /* display: none; */
}
.CM-hero.hero .gallery-top .swiper-slide .video video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  min-height: 50%;
  min-width: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 320px) {
  .CM-hero.hero .gallery-top .swiper-slide .search-bar {
    width: 28rem;
    display: table-cell;
  }
}
@media (min-width: 768px) {
  .CM-hero.hero .gallery-top .swiper-slide .search-bar {
    width: 32rem;
  }
}
@media (min-width: 1200px) {
  .CM-hero.hero .gallery-top .swiper-slide .search-bar {
    width: 41rem;
  }
}
.CM-hero.hero .gallery-top .swiper-slide .search-bar .input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-bottom: 0.15rem solid #C6148E;
  border-left: none;
  border-radius: 0rem;
}
.CM-hero.hero .gallery-top .swiper-slide .search-bar .form-control {
  margin-right: 1rem;
  background-color: transparent;
  border-bottom: 0.15rem solid #C6148E;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  color: #ffffff;
}
.CM-hero.hero .gallery-top .swiper-slide .search-bar .form-control::placeholder {
  color: #ffffff;
}
.CM-hero.hero .gallery-top .swiper-slide .search-bar .form-control:focus {
  color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.CM-hero.hero .gallery-top .swiper-slide .search-bar .form-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.CM-hero.hero .gallery-top .swiper-slide .search-bar .input-group .btn {
  position: relative;
  border-radius: 1rem;
  border: 2px solid #C6148E;
  background-color: transparent;
}
.CM-hero.hero .gallery-top .swiper-slide .search-bar .input-group .btn:hover {
  background-color: #C6148E;
  box-shadow: none;
}
.CM-hero.hero .controller {
  position: absolute;
  bottom: 0;
  height: 130px;
  z-index: 4;
  width: 100%;
}
.CM-hero.hero .controller .gallery-thumbs {
  box-sizing: border-box;
  padding: 0px 0;
  border-top: 1px solid #ffffff;
}
.CM-hero.hero .controller .gallery-thumbs .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: start;
  background: rgba(255, 255, 255, 0.1);
}
.CM-hero.hero .controller .gallery-thumbs .swiper-slide:hover {
  background: rgba(255, 255, 255, 0.2);
  opacity: 1;
  z-index: 1;
}
.CM-hero.hero .controller .gallery-thumbs .snippet {
  cursor: pointer;
  width: 100%;
  /* display: none; */
  padding: 0px 10px 0px 10px;
  color: #ffffff;
}
.CM-hero.hero .controller .gallery-thumbs .snippet p {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 0px;
  padding-left: 1rem;
}
.CM-hero.hero .controller .gallery-thumbs .snippet p a {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 0px;
  font-weight: 600;
  text-decoration: none;
}
@media (min-width: 768px) {
  .CM-hero.hero .controller .gallery-thumbs .snippet {
    display: block;
    /*  width: 50%;*/
  }
}
@media (min-width: 992px) {
  .CM-hero.hero .controller .gallery-thumbs .snippet {
    display: block;
    width: 50%;
  }
}
.CM-hero.hero .controller .gallery-thumbs a {
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 0px;
}
.CM-hero.hero .controller .gallery-thumbs .mobile-text {
  z-index: 1;
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 0px;
  top: 3rem;
  left: 2rem;
}
@media (min-width: 768px) {
  .CM-hero.hero .controller .gallery-thumbs .mobile-text {
    display: none;
  }
}
.CM-hero.hero .controller .gallery-thumbs .img {
  position: relative;
  cursor: pointer;
  z-index: 0;
  padding: 15px 0 15px 10px;
  width: 100%;
  height: 130px;
  z-index: -1;
}
@media (min-width: 768px) {
  .CM-hero.hero .controller .gallery-thumbs .img {
    width: 170px;
  }
}
.CM-hero.hero .controller .gallery-thumbs .img img {
  border: 2px solid #ffffff;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.CM-hero.hero .controller .swiper-slide-thumb-active {
  opacity: 1;
}
.CM-hero.hero .controller .swiper-button.disabled {
  display: none;
}
.CM-hero.hero .controller .swiper-horizontal > .swiper-pagination-progressbar,
.CM-hero.hero .controller .swiper-pagination-progressbar.swiper-pagination-horizontal,
.CM-hero.hero .controller .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.CM-hero.hero .controller .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  bottom: 0;
}
.CM-hero.hero .controller element {
  transform: translate3d(0px, 0px, 0px) scaleX(0.5) scaleY(1);
  transition-duration: 300ms;
}
.CM-hero.hero .controller .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  width: 100%;
  position: absolute;
  background: #009996;
  height: 4px;
  left: 0;
  bottom: 0;
}
.CM-hero.hero .controller .swiper-pagination-progressbar-fill {
  background: #009996;
}
.CM-hero.hero .controller .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  left: 0;
  bottom: 0 !important;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left bottom !important;
}

/*-------------------------------
End CM Hero
-------------------------------*/
/* ------------------------------
CM-content-cards-33-33-33
--------------------------------*/
.CM-content-cards-33-33-33 {
  background: #080808;
}
.CM-content-cards-33-33-33 .bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 320px) {
  .CM-content-cards-33-33-33 .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .CM-content-cards-33-33-33 .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .CM-content-cards-33-33-33 .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.CM-content-cards-33-33-33.white {
  background: #fff;
  overflow: hidden;
}
.CM-content-cards-33-33-33.white .col-md-5 {
  position: relative;
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media (min-width: 1200px) {
  .CM-content-cards-33-33-33.white .col-md-5::before {
    content: url("/img/cyberneticoverlay.svg");
    position: absolute;
    top: -3rem;
    right: 0;
    height: 100%;
    opacity: 0.2;
    z-index: 0;
  }
}
.CM-content-cards-33-33-33.white .col-md-5 .content {
  height: 100%;
  align-items: stretch;
}
.CM-content-cards-33-33-33.white .col-md-5 .content .md-heading {
  font-weight: 800;
  color: #171717 !important;
}
@media (min-width: 768px) {
  .CM-content-cards-33-33-33.white .col-md-5 .content .md-heading {
    font-size: 4rem;
  }
}
@media (min-width: 1024px) {
  .CM-content-cards-33-33-33.white .col-md-5 .content .md-heading {
    font-size: 4rem;
  }
}
@media (min-width: 1200px) {
  .CM-content-cards-33-33-33.white .col-md-5 .content .md-heading {
    font-size: 4.3rem;
  }
}
.CM-content-cards-33-33-33.white .col-md-5 .content p {
  margin-bottom: 1.5rem;
  color: #171717 !important;
}
.CM-content-cards-33-33-33.white .col-md-5 .content .col {
  height: 100%;
  align-content: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .CM-content-cards-33-33-33.white .col-md-5 .content .col {
    width: 15rem;
  }
}
@media (min-width: 1024px) {
  .CM-content-cards-33-33-33.white .col-md-5 .content .col {
    width: 20rem;
  }
}
@media (min-width: 1200px) {
  .CM-content-cards-33-33-33.white .col-md-5 .content .col {
    width: 24rem;
  }
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-5 {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-5 .content {
  height: 100%;
  align-items: stretch;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-5 .content .md-heading {
  font-weight: 800;
  color: #F7F7F7;
}
@media (min-width: 768px) {
  .CM-content-cards-33-33-33 .component-wrapper .col-md-5 .content .md-heading {
    font-size: 4rem;
  }
}
@media (min-width: 1024px) {
  .CM-content-cards-33-33-33 .component-wrapper .col-md-5 .content .md-heading {
    font-size: 4rem;
  }
}
@media (min-width: 1200px) {
  .CM-content-cards-33-33-33 .component-wrapper .col-md-5 .content .md-heading {
    font-size: 4.3rem;
  }
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-5 .content p {
  margin-bottom: 1.5rem;
  color: #F7F7F7;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-5 .content .col {
  height: 100%;
  align-content: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .CM-content-cards-33-33-33 .component-wrapper .col-md-5 .content .col {
    width: 15rem;
  }
}
@media (min-width: 1024px) {
  .CM-content-cards-33-33-33 .component-wrapper .col-md-5 .content .col {
    width: 20rem;
  }
}
@media (min-width: 1200px) {
  .CM-content-cards-33-33-33 .component-wrapper .col-md-5 .content .col {
    width: 24rem;
  }
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .CM-content-cards-33-33-33 .component-wrapper .col-md-7 {
    margin-top: 0rem;
  }
  .CM-content-cards-33-33-33 .component-wrapper .col-md-7 .row {
    margin-right: calc(var(--bs-gutter-x) * 1.5);
  }
}
@media (min-width: 1200px) {
  .CM-content-cards-33-33-33 .component-wrapper .col-md-7 .row {
    margin-right: calc(var(--bs-gutter-x) * 1.5);
  }
}
@media (min-width: 768px) {
  .CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col {
    flex: 1 0 50%;
  }
}
@media (min-width: 1024px) {
  .CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col {
    flex: 1 0 33%;
    grid-row-gap: 1rem;
  }
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col a {
  text-align: center;
  text-decoration: none;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col a:hover .feature {
  background: #009996;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col a:hover .feature .media .image {
  display: none;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col a:hover .feature .media .image-hover {
  display: block;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col a:hover .feature .description {
  flex: 1;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col a:hover .feature .description .xxs-heading {
  color: #fff;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col a .feature {
  height: 9rem;
  display: flex;
  align-items: center;
  width: 100%;
  background: #212121;
  padding: 1rem;
  margin: 0.938rem 0rem 0.4rem 0rem;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col a .feature .xxs-heading {
  color: #fff;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col a .feature .media {
  flex: 1;
  min-width: 5rem;
  overflow: hidden;
  display: flex;
  align-content: center;
  justify-content: center;
  text-align: center;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col a .feature .media .image {
  display: block;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col a .feature .media .image-hover {
  display: none;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col a .feature .media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 2.9rem;
}
.CM-content-cards-33-33-33 .component-wrapper .col-md-7 .col a .feature .description {
  flex: 1;
  color: #fff;
}

/* ------------------------------
End CM-content-cards-33-33-33
--------------------------------*/
/* ------------------------------
cm-content-image-50-70
--------------------------------*/
.cm-content-image-50-70 .bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding-bottom: 3rem;
  position: relative;
}

@media (min-width: 768px) {
  .cm-content-image-50-70 .bg::before {
    top: -64px;
    width: 50%;
    content: " ";
    background: #364042;
    position: absolute;
    right: 0;
    height: 40px;
    display: none;
    border-bottom: 64px solid #fff;
    border-left: 87px solid #000;
  }
}
@media (min-width: 1024px) {
  .cm-content-image-50-70 .bg::before {
    top: -64px;
  }
}
@media (min-width: 1200px) {
  .cm-content-image-50-70 .bg::before {
    top: -64px;
    width: 70%;
    content: " ";
    background: #364042;
    position: absolute;
    right: 0;
    height: 40px;
    display: none;
    border-bottom: 64px solid #fff;
    border-left: 87px solid #000;
  }
}
@media (min-width: 768px) {
  .cm-content-image-50-70 .bg::after {
    bottom: -114px;
    width: 40%;
    content: " ";
    /* background: #000; */
    position: absolute;
    right: 0;
    height: 40px;
    display: none;
    border-top: 64px solid #fff;
    border-left: 87px solid #000;
  }
}
@media (min-width: 1024px) {
  .cm-content-image-50-70 .bg::after {
    bottom: -144px;
  }
}
@media (min-width: 1200px) {
  .cm-content-image-50-70 .bg::after {
    bottom: -144px;
    width: 40%;
    content: " ";
    background: #000;
    position: absolute;
    right: 0;
    height: 40px;
    display: none;
    border-top: 64px solid #fff;
    border-left: 87px solid transparent;
  }
}

/* and Right*/

.cm-content-image-50-70.right .bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
  padding-bottom: 3rem;
  position: relative;
}

@media (min-width: 768px) {
  .cm-content-image-50-70.right .bg::before {
    top: -64px;
    width: 50%;
    content: " ";
    background: #364042;
    position: absolute;
    right: 0;
    height: 40px;
    display: block;
    border-bottom: 64px solid #fff;
    border-left: 87px solid #000;
  }
}
@media (min-width: 1024px) {
  .cm-content-image-50-70.right .bg::before {
    top: -64px;
  }
}
@media (min-width: 1200px) {
  .cm-content-image-50-70.right .bg::before {
    top: -64px;
    width: 70%;
    content: " ";
    background: #364042;
    position: absolute;
    right: 0;
    height: 40px;
    display: block;
    border-bottom: 64px solid #fff;
    border-left: 87px solid #000;
  }
}
@media (min-width: 768px) {
  .cm-content-image-50-70.right .bg::after {
    bottom: -114px;
    width: 40%;
    content: " ";
    /* background: #000; */
    position: absolute;
    right: 0;
    height: 40px;
    display: block;
    border-top: 64px solid #fff;
    border-left: 87px solid rgba(0, 0, 0, 0);
  }
}
@media (min-width: 1024px) {
  .cm-content-image-50-70.right .bg::after {
    bottom: -144px;
  }
}
@media (min-width: 1200px) {
  .cm-content-image-50-70.right .bg::after {
    bottom: -144px;
    width: 40%;
    content: " ";
    background: #000;
    position: absolute;
    right: 0;
    height: 40px;
    display: block;
    border-top: 64px solid #fff;
    border-left: 87px solid transparent;
  }
}

/* @media (min-width: 320px) {
  .cm-content-image-50-70 .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .cm-content-image-50-70 .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .cm-content-image-50-70 .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
} */
.cm-content-image-50-70 .bg .col-md-5 {
  position: relative;
}

.cm-content-image-50-70 .bg .col-md-7 .content .rte {
  color:white !important;
}

@media(max-width: 768px) {
  .cm-content-image-50-70 .bg .col-md-7 .content .rte .columns {
    columns: auto;
  }
}

.cm-content-image-50-70 .bg .col-md-5 .md-heading {
  font-weight: 800;
  color:white !important;
}
.cm-content-image-50-70 .bg .col-md-7 {
  position: relative;
  padding-right: 3rem;
}
@media (min-width: 768px) {
  .cm-content-image-50-70 .bg .col-md-7 {
    padding-right: 2rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-image-50-70 .bg .col-md-7 {
    padding-right: 6rem;
  }
}
.cm-content-image-50-70 .bg .col-md-7 .content {
  z-index: 1;
  position: relative;
}
.cm-content-image-50-70 .bg .col-md-7 .content .rte p {
  color: #000000;
}
.cm-content-image-50-70 .bg .col-md-7 .content .rte p span {
  color: white;
}
.cm-content-image-50-70 .bg .col-md-7 .content .rte ul li span {
  color: white;
}
.cm-content-image-50-70 .bg .col-md-7 .content .rte ul li {
  color: #000000;
}
.cm-content-image-50-70 .bg .col-md-7 .content .rte ul li::before {
  color: #C6148E;
}
.cm-content-image-50-70 .bg .col-md-7 .btn {
  background: #009996;
  border: 1px solid #009996;
  /* clip-path: polygon(9% 0, 100% 0, 100% 68%, 91% 100%, 0 100%, 0 31%); */
}
.cm-content-image-50-70 .bg .col-md-7 .btn span {
  color: #fff;
}
.cm-content-image-50-70 .bg .col-md-7 .btn:hover {
  background: #C6148E;
  border: 1px solid #C6148E;
}
.cm-content-image-50-70 .bg .bg-inner .component-wrapper {
  padding-bottom: calc(30px + 0.5rem);
  padding-top: calc(30px + 0.5rem);
  position: relative;
  z-index: 3;
  color: rgba(var(--vsm-white), 1);
}
@media (min-width: 1024px) {
  .cm-content-image-50-70 .bg .bg-inner .component-wrapper {
    padding-bottom: calc(50px + 0.5rem);
    padding-top: calc(50px + 0.5rem);
  }
}
@media (min-width: 768px) {
  .cm-content-image-50-70 .bg .bg-inner .component-wrapper {
    padding-bottom: calc(80px + 0.5rem);
    padding-top: calc(80px + 0.5rem);
  }
}
.cm-content-image-50-70 .bg .bg-inner .component-wrapper .largecontent {
  z-index: 1;
  position: relative;
}
@media (min-width: 768px) {
  .cm-content-image-50-70 .bg .bg-inner .component-wrapper .largecontent {
    padding-right: 2rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-image-50-70 .bg .bg-inner .component-wrapper .largecontent {
    padding-right: 4rem;
  }
}
@media (min-width: 1200px) {
  .cm-content-image-50-70 .bg .bg-inner .component-wrapper .largecontent {
    padding-right: 6rem;
  }
}
.cm-content-image-50-70 .bg .bg-inner .xs-heading,
.cm-content-image-50-70 .bg .bg-inner .sm-heading,
.cm-content-image-50-70 .bg .bg-inner .md-heading {
  color: black !important;
}
@media(max-width: 768px) {
  .cm-content-image-50-70 .bg .bg-inner .md-heading {
    font-size: 2rem;
  }
}
.cm-content-image-50-70 .bg .bg-inner .xs-heading span,
.cm-content-image-50-70 .bg .bg-inner .sm-heading span,
.cm-content-image-50-70 .bg .bg-inner .md-heading span {
  color: white !important;
}

.cm-content-image-50-70.right .bg .col-md-7 .content .rte {
  color:black !important;
}

.cm-content-image-50-70.right .bg .col-md-7 .content .rte span {
  color:white !important;
}

.cm-content-image-50-70.right .bg .col-md-5 .md-heading {
  font-weight: 800;
  color:black !important;
}
.cm-content-image-50-70.right .bg .col-md-7 .content .rte p {
  color: black;
}
.cm-content-image-50-70.right .bg .col-md-7 .content .rte ul li {
  color: black;
}

.cm-content-image-50-70.dark-background-theme .bg .col-md-7 .content .rte p {
  color: white;
}

.cm-content-image-50-70.dark-background-theme .bg .col-md-7 .content .rte a {
  color: white;
  text-decoration: underline;
  transition: all 0.3s ease-in-out;
}

.cm-content-image-50-70.dark-background-theme .bg .col-md-7 .content .rte a:hover {
  color: #C6148E;
}

.cm-content-image-50-70.dark-background-theme .bg .col-md-7 .content .rte ul li {
  color: white;
}

.cm-content-image-50-70.dark-background-theme .bg::after {
  display: none;
}

.cm-content-image-50-70.light-background-theme .bg .col-md-5 .largecontent .md-heading span {
  color: black !important;
}

/* ------------------------------
End cm-content-image-50-70
--------------------------------*/
/* ------------------------------
cm-content-logos-50-50
--------------------------------*/

.cm-content-logos-50-50 .content{
  text-align: start;
}

/* @media (min-width: 320px) {
  .cm-content-logos-50-50 .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .cm-content-logos-50-50 .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 1024px) {
  .cm-content-logos-50-50 .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: 10rem !important;
  }
} */
.cm-content-logos-50-50.background .md-heading {
  font-weight: 800;
  font-size: 3.3rem;
  color: #fff !important;
  margin-bottom: 2rem;
}
/* @media (min-width: 768px) {
  .cm-content-logos-50-50.background .md-heading {
    padding-right: 6rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-logos-50-50.background .md-heading {
    padding-right: 10rem;
  }
}
@media (min-width: 1200px) {
  .cm-content-logos-50-50.background .md-heading {
    padding-right: 15rem;
  }
} */
.cm-content-logos-50-50.background p {
  padding: 0.5rem 0;
  color: #fff !important;
}
.cm-content-logos-50-50.background a:hover .feature {
  background: #009996 !important;
}
.cm-content-logos-50-50.background .cm-header .md-heading {
  font-size: 3rem;
font-family: 'Red Hat Display', sans-serif;
  font-weight: 600;
  margin-bottom: 2rem;
}
.cm-content-logos-50-50.background .cm-body .row .col-md-6.order-md-2 {
  display: flex;
}
@media (min-width: 768px) {
  .cm-content-logos-50-50.background .col-md-6 .content {
    width: 19rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-logos-50-50.background .col-md-6 .content {
    width: 23rem;
  }
}
@media (min-width: 1200px) {
  .cm-content-logos-50-50.background .col-md-6 .content {
    width: 31rem;
  }
}
.cm-content-logos-50-50.background .col-md-6 .md-heading {
  font-weight: 800;
  font-size: 3.3rem;
  color: #000;
  margin-bottom: 2rem;
}
/* @media (min-width: 768px) {
  .cm-content-logos-50-50.background .col-md-6 .md-heading {
    padding-right: 6rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-logos-50-50.background .col-md-6 .md-heading {
    padding-right: 10rem;
  }
}
@media (min-width: 1200px) {
  .cm-content-logos-50-50.background .col-md-6 .md-heading {
    padding-right: 15rem;
  }
} */
.cm-content-logos-50-50.background .col-md-6 p {
  padding: 0.5rem 0;
  color: #000;
}
.cm-content-logos-50-50.background .col-md-6 .btn:hover {
  background: #C6148E;
}
.cm-content-logos-50-50.background .col-md-6 .btn.btn-secondary {
  margin-left: 0;
  /* margin-top: 1rem; */
  background: #C6148E !important;
  border: 1px solid #C6148E;
}
@media (min-width: 768px) {
  .cm-content-logos-50-50.background .col-md-6 .btn.btn-secondary {
    margin-left: 0;
    margin-top: 1rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-logos-50-50.background .col-md-6 .btn.btn-secondary {
    margin-left: 1rem;
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .cm-content-logos-50-50.background .col-md-6 .btn.btn-secondary {
    margin-left: 1rem;
    margin-top: 0;
  }
}
.cm-content-logos-50-50.background .col-md-6 .btn.btn-secondary:hover {
  background: #009996 !important;
  border-color: #009996;
}
.cm-content-logos-50-50.background .col-md-6 .btn.btn-secondary:hover span {
  color: #fff;
}
.cm-content-logos-50-50.background .col-md-6 .btn.btn-secondary span {
  color: #fff;
}
.cm-content-logos-50-50.background .col-md-6 .col {
  flex: 1 0 50%;
}
.cm-content-logos-50-50.background .col-md-6 .col a {
  text-align: center;
  text-decoration: none;
  margin-right: 2rem;
}
@media(max-width: 768px) {
  .cm-content-logos-50-50.background .col-md-6 .col a {
    margin-right: 0;
  }
}
.cm-content-logos-50-50.background .col-md-6 .col a:hover .feature {
  background: #009996;
  border-color: #009996;
}

.cm-content-logos-50-50.background .col-md-6 .col a:hover .feature .media .image-hover {
  display: block;
}
.cm-content-logos-50-50.background .col-md-6 .col a:hover .feature .description {
  flex: 1;
}
.cm-content-logos-50-50.background .col-md-6 .col a:hover .feature .description .xxs-heading {
  color: #000;
}
.cm-content-logos-50-50.background .col-md-6 .col a .feature {
  border: 1px solid rgba(255, 255, 255, 0.358);
  height: 9rem;
  display: inline-grid;
  width: 100%;
  background: transparent;
  padding: 1rem;
  margin: 0.938rem 0rem 0.4rem 0rem;
}
.cm-content-logos-50-50.background .col-md-6 .col a .feature .xxs-heading {
  color: #fff;
}
.cm-content-logos-50-50.background .col-md-6 .col a .feature .media {
  flex: 1;
  min-width: 5rem;
  min-height: 3.25rem;
  overflow: hidden;
  display: flex;
  align-content: center;
  justify-content: center;
  text-align: center;
}
.cm-content-logos-50-50.background .col-md-6 .col a .feature .media .image {
  display: block;
}
.cm-content-logos-50-50.background .col-md-6 .col a .feature .media .image-hover {
  display: none;
}
.cm-content-logos-50-50.background .col-md-6 .col a .feature .media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 1.7rem;
}
.cm-content-logos-50-50.background .col-md-6 .col a .feature .description {
  flex: 1;
  color: #fff;
}
.cm-content-logos-50-50 .bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* @media (min-width: 320px) {
  .cm-content-logos-50-50 .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .cm-content-logos-50-50 .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .cm-content-logos-50-50 .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
} */
.cm-content-logos-50-50 .component-wrapper {
  position: relative;
  z-index: 3;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .cm-content-logos-50-50 .component-wrapper .col-md-6 {
    margin-top: 0rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-logos-50-50 .component-wrapper {
    margin-top: 0rem;
  }
}
.cm-content-logos-50-50.left .order-md-1 {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.cm-content-logos-50-50.left .bg .container {
  padding-top: 9rem;
  padding-bottom: 9rem;
}
.cm-content-logos-50-50.left .bg {
  position: relative;
}
.cm-content-logos.left .bg::after {
    bottom: -144px;
    width: 40%;
    content: " ";
    background: rgb(255, 255, 255);
    position: absolute;
    right: left;
    height: 40px;
    display: block;
    border-top: 64px solid #fff;
    border-left: 87px solid transparent;
}
@media (max-width: 768px) {
  .cm-content-logos-50-50.left .bg .container {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}
@media (min-width: 768px) {
  .cm-content-logos-50-50.left .order-md-1 .content {
    margin-right: calc(var(--bs-gutter-x) * 2.5);
  }
}
@media (min-width: 1200px) {
  .cm-content-logos-50-50.left .order-md-1 .content {
    margin-right: calc(var(--bs-gutter-x) * 3.5);
  }
}
.cm-content-logos-50-50.right .order-md-2 {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
@media (min-width: 768px) {
  .cm-content-logos-50-50.right .order-md-2 .content {
    margin-left: calc(var(--bs-gutter-x) * 2.5);
  }
}
@media (min-width: 1200px) {
  .cm-content-logos-50-50.right .order-md-2 .content {
    margin-left: calc(var(--bs-gutter-x) * 3.5);
  }
}
.cm-content-logos-50-50.three-alt .bg {
  position: relative;
}

.cm-content-logos-50-50.three-alt .cm-header .md-heading {
  font-size: 3rem;
 font-family: 'Red Hat Display', sans-serif;
  font-weight: 800;
  margin-bottom: 2rem;
}
.cm-content-logos-50-50.three-alt .cm-body .row .col-md-6.order-md-2 {
  display: flex;
}
@media (min-width: 768px) {
  .cm-content-logos-50-50.three-alt .col-md-6 .content {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .cm-content-logos-50-50.three-alt .col-md-6 .content {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .cm-content-logos-50-50.three-alt .col-md-6 .content {
    width: 100%;
  }
}
.cm-content-logos-50-50.three-alt .col-md-6 .md-heading {
  font-weight: 800;
  font-size: 3.3rem;
  color: #000;
  margin-bottom: 2rem;
}

.cm-content-logos-50-50.three-alt .col-md-6 p {
  display: block;
}

.cm-content-logos-50-50.three-alt .col-md-6 .btn {
  display: block;
}
.cm-content-logos-50-50.three-alt .col-md-6 .btn:hover {
  background: #C6148E;
}
.cm-content-logos-50-50.three-alt .col-md-6 .btn.btn-secondary {
  margin-left: 0;
  margin-top: 1rem;
  background: #C6148E !important;
  border: 1px solid #C6148E;
}
@media (min-width: 768px) {
  .cm-content-logos-50-50.three-alt .col-md-6 .btn.btn-secondary {
    margin-left: 0;
    margin-top: 1rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-logos-50-50.three-alt .col-md-6 .btn.btn-secondary {
    margin-left: 1rem;
    margin-top: 0;
  }
}
.cm-content-logos-50-50.left .btn.btn-secondary {
    /* width: 100%; */
    margin-left: 0 !important;
    /* margin-top: 1rem !important; */
  }
@media (min-width: 1200px) {
  .cm-content-logos-50-50.three-alt .col-md-6 .btn.btn-secondary {
    margin-left: 1rem;
    margin-top: 0;
  }
}
.cm-content-logos-50-50.three-alt .col-md-6 .btn.btn-secondary:hover {
  background: #009996 !important;
}
.cm-content-logos-50-50.three-alt .col-md-6 .btn.btn-secondary:hover span {
  color: #fff;
}
.cm-content-logos-50-50.three-alt .col-md-6 .btn.btn-secondary span {
  color: #fff;
}
.cm-content-logos-50-50.three-alt .col-md-6 .col {
  flex: 1 0 33%;
}
.cm-content-logos-50-50.three-alt .col-md-6 .col a {
  text-align: center;
  text-decoration: none;
}
.cm-content-logos-50-50.three-alt .col-md-6 .col a .feature {
  background: rgba(0, 153, 150, 0.185);
}
.cm-content-logos-50-50.three-alt .col-md-6 .col a:hover .feature {
  background: #00999657 !important;
  border-color: #009996 !important;
}
/* .cm-content-logos-50-50.three-alt .col-md-6 .col a:hover .feature .media .image {
  display: none;
} */
.cm-content-logos-50-50.three-alt .col-md-6 .col a:hover .feature .media .image-hover {
  display: block;
}
.cm-content-logos-50-50.three-alt .col-md-6 .col a:hover .feature .description {
  flex: 1;
}
.cm-content-logos-50-50.three-alt .col-md-6 .col a:hover .feature .description .xxs-heading {
  color: #000;
}
.cm-content-logos-50-50.three-alt .col-md-6 .col a .feature {
  height: 9rem;
  display: inline-grid;
  width: 100%;
  padding: 1rem;
  margin: 0.938rem 0rem 0.4rem 0rem;
}
.cm-content-logos-50-50.three-alt .col-md-6 .col a .feature .xxs-heading {
  color: #fff;
}
.cm-content-logos-50-50.three-alt .col-md-6 .col a .feature .media {
  flex: 1;
  min-width: 5rem;
  min-height: 3.25rem;
  overflow: hidden;
  display: flex;
  align-content: center;
  justify-content: center;
  text-align: center;
}
.cm-content-logos-50-50.three-alt .col-md-6 .col a .feature .media .image {
  display: block;
}
.cm-content-logos-50-50.three-alt .col-md-6 .col a .feature .media .image-hover {
  display: none;
}
.cm-content-logos-50-50.three-alt .col-md-6 .col a .feature .media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 1.7rem;
}
.cm-content-logos-50-50.three-alt .col-md-6 .col a .feature .description {
  flex: 1;
  color: #fff;
}
.cm-content-logos-50-50.three-alt .col-md-6 {
  width: 100%;
}
.cm-content-logos-50-50.three-alt .col {
  flex: 1 0 33%;
}
.cm-content-logos-50-50.two-across .cm-header .md-heading {
  font-size: 3rem;
 font-family: 'Red Hat Display', sans-serif;
  font-weight: 600;
  margin-bottom: 2rem;
}
.cm-content-logos-50-50.two-across .cm-body .row .col-md-6.order-md-2 {
  display: flex;
}
.cm-content-logos-50-50.two-across .feature {
  background: rgba(0, 153, 150, 0.185) !important;
}
@media (min-width: 768px) {
  .cm-content-logos-50-50.two-across .col-md-6 .content {
    width: 19rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-logos-50-50.two-across .col-md-6 .content {
    width: 23rem;
  }
}
@media (min-width: 1200px) {
  .cm-content-logos-50-50.two-across .col-md-6 .content {
    width: 31rem;
  }
}
.cm-content-logos-50-50.two-across .col-md-6 .md-heading {
  font-weight: 800;
  font-size: 3.3rem;
  color: #000;
  margin-bottom: 2rem;
}
/* @media (min-width: 768px) {
  .cm-content-logos-50-50.two-across .col-md-6 .md-heading {
    padding-right: 6rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-logos-50-50.two-across .col-md-6 .md-heading {
    padding-right: 10rem;
  }
}
@media (min-width: 1200px) {
  .cm-content-logos-50-50.two-across .col-md-6 .md-heading {
    padding-right: 15rem;
  }
} */
.cm-content-logos-50-50.two-across .col-md-6 p {
  padding: 0.5rem 0;
  color: #000;
}
.cm-content-logos-50-50.two-across .col-md-6 .btn:hover {
  background: #C6148E;
}
.cm-content-logos-50-50.two-across .col-md-6 .btn.btn-secondary {
  margin-left: 0;
  margin-top: 1rem;
  background: #C6148E !important;
  border: 1px solid #C6148E;
}
@media (min-width: 768px) {
  .cm-content-logos-50-50.two-across .col-md-6 .btn.btn-secondary {
    margin-left: 0;
    margin-top: 1rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-logos-50-50.two-across .col-md-6 .btn.btn-secondary {
    margin-left: 1rem;
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .cm-content-logos-50-50.two-across .col-md-6 .btn.btn-secondary {
    margin-left: 1rem;
    margin-top: 0;
  }
}
.cm-content-logos-50-50.two-across .col-md-6 .btn.btn-secondary:hover {
  background: #009996 !important;
}
.cm-content-logos-50-50.two-across .col-md-6 .btn.btn-secondary:hover span {
  color: #fff;
}
.cm-content-logos-50-50.two-across .col-md-6 .btn.btn-secondary span {
  color: #fff;
}
.cm-content-logos-50-50.two-across .col-md-6 .col {
  flex: 1 0 50%;
}
.cm-content-logos-50-50.two-across .col-md-6 .col a {
  text-align: center;
  text-decoration: none;
}
.cm-content-logos-50-50.two-across .col-md-6 .col a:hover .feature {
  background: #00999657 !important;
  border-color: #009996 !important;
}
/* .cm-content-logos-50-50.two-across .col-md-6 .col a:hover .feature .media .image {
  display: none;
} */
.cm-content-logos-50-50.two-across .col-md-6 .col a:hover .feature .media .image-hover {
  display: block;
}
.cm-content-logos-50-50.two-across .col-md-6 .col a:hover .feature .description {
  flex: 1;
}
.cm-content-logos-50-50.two-across .col-md-6 .col a:hover .feature .description .xxs-heading {
  color: #000;
}
.cm-content-logos-50-50.two-across .col-md-6 .col a .feature {
  border: 1px solid #171717;
  height: 9rem;
  display: inline-grid;
  width: 100%;
  background: transparent !important;
  padding: 1rem;
  margin: 0.938rem 0rem 0.4rem 0rem;
}
.cm-content-logos-50-50.two-across .col-md-6 .col a .feature .xxs-heading {
  color: #fff;
}
.cm-content-logos-50-50.two-across .col-md-6 .col a .feature .media {
  flex: 1;
  min-width: 5rem;
  min-height: 3.25rem;
  overflow: hidden;
  display: flex;
  align-content: center;
  justify-content: center;
  text-align: center;
}
.cm-content-logos-50-50.two-across .col-md-6 .col a .feature .media .image {
  display: block;
}
.cm-content-logos-50-50.two-across .col-md-6 .col a .feature .media .image-hover {
  display: none;
}
.cm-content-logos-50-50.two-across .col-md-6 .col a .feature .media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 1.7rem;
}
.cm-content-logos-50-50.two-across .col-md-6 .col a .feature .description {
  flex: 1;
  color: #fff;
}
.cm-content-logos-50-50.three-across .col-md-6 .col {
  flex: 1 0 50%;
  text-decoration: none;
}
@media (min-width: 768px) {
  .cm-content-logos-50-50.three-across .col-md-6 .col {
    flex: 1 0 33%;
  }
}
.cm-content-logos-50-50.three-across .col-md-6 .col:hover .feature {
  background: #ffffff;
}
.cm-content-logos-50-50.three-across .col-md-6 .col .feature {
  text-align: center;
  background: #ffffff;
  padding: 1rem;
  margin: 0.938rem 0rem 0.4rem 0rem;
}
@media (min-width: 1024px) {
  .cm-content-logos-50-50.three-across .col-md-6 .col .feature {
    height: 125px;
    display: flex;
  }
}
.cm-content-logos-50-50.three-across .col-md-6 .col .feature .media {
  flex: 1;
  overflow: hidden;
  align-content: center;
  justify-content: center;
  text-align: center;
}
.cm-content-logos-50-50.three-across .col-md-6 .col .feature .media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 9rem;
}

/* ------------------------------
End cm-content-logos-50-50
--------------------------------*/
/* ------------------------------
CM content data slider
--------------------------------*/
.cm-content-data-slider {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #121010;
}
.cm-content-data-slider .bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 320px) {
  .cm-content-data-slider .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .cm-content-data-slider .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .cm-content-data-slider .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.cm-content-data-slider .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.cm-content-data-slider .container-fluid .btn {
  pointer-events: visible;
  margin-bottom: 2rem;
}
.cm-content-data-slider .plyr--video .plyr__controls {
  position: absolute;
  z-index: 9999;
}
.cm-content-data-slider .swiper-slide {
  clip-path: polygon(25% 0, 100% 0, 100% 83%, 82% 100%, 0 100%, 0 17%);
}
.cm-content-data-slider .swiper-slide .media {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1200px) {
  .cm-content-data-slider .swiper-slide .media {
    width: inherit;
    /* max-width: 41rem; */
    height: 39rem;
    max-height: 39rem;
  }
}
.cm-content-data-slider .swiper-slide .media .video {
  width: 100%;
  height: auto;
}
.cm-content-data-slider .swiper-slide .media .plyr--video {
  width: 100%;
  height: auto;
}
.cm-content-data-slider .swiper-slide .media img {
  border-radius: 1rem;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.cm-content-data-slider .row .order-md-1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cm-content-data-slider .row .order-md-2 {
  padding: 2rem;
  z-index: 0;
}
.cm-content-data-slider .row.overlay {
  height: 100%;
  z-index: 3;
  pointer-events: none;
  margin-top: 2rem;
}
.cm-content-data-slider .row.overlay .btn {
  pointer-events: visible;
}

/* @media (min-width:768px){
  .cm-content-data-slider .row.overlay .content{
  left: 6rem;
  }
} */

@media (min-width:768px){
  .cm-content-data-slider .row.overlay .content .description{
        padding-right: 3rem;
  }
}

/* @media (min-width:1200px){
.cm-content-data-slider .row.overlay .content{
    left: 8rem !important;
  }
} */

.cm-content-data-slider .row.overlay .content{
  z-index: 1;
  position: relative;
}
.cm-content-data-slider .row.overlay .md-heading {
  margin-bottom: 1rem;
  position: relative;
  text-align: left;
  font-size: 3rem;
  color: #fff !important;
  font-weight: 800;
  line-height: 4rem;
}
.cm-content-data-slider .row.overlay .description {
  margin: 2rem 0;
}
.cm-content-data-slider .row.overlay .description p {
  color: #FFF;
}
@media (min-width: 768px) {
  .cm-content-data-slider .container {
    z-index: 1;
  }
  .cm-content-data-slider .container .row .order-md-2 {
    padding: 0;
    padding-left: 1rem;
  }
  .cm-content-data-slider .container .row.overlay {
    height: 100%;
    z-index: 3;
    pointer-events: none;
    margin-top: 2rem;
  }
  .cm-content-data-slider .container .row.overlay .btn {
    pointer-events: visible;
  }
  .cm-content-data-slider .container .row.overlay .md-heading {
    margin-bottom: 1rem;
    position: relative;
    padding-right: 0;
    text-align: left;
    font-size: 3rem;
    color: #000;
    font-weight: 800;
  }
}
@media (min-width: 1024px) {
  .cm-content-data-slider .container {
    z-index: 1;
  }
  .cm-content-data-slider .container .row .order-md-2 {
    padding: 0 2rem;
  }
  .cm-content-data-slider .container .row.overlay {
    height: 100%;
    z-index: 3;
    pointer-events: none;
    margin-top: 2rem;
  }
  .cm-content-data-slider .container .row.overlay .btn {
    pointer-events: visible;
  }
  .cm-content-data-slider .container .row.overlay .md-heading {
    margin-bottom: 1rem;
    position: relative;
    padding-right: 0rem;
    text-align: left;
    font-size: 3rem;
    color: #000;
    font-weight: 800;
  }
  .cm-content-data-slider .container .row.overlay p {
    padding-right: 5rem;
  }
}
@media (min-width: 1200px) {
  .cm-content-data-slider .container {
    z-index: 1;
  }
  .cm-content-data-slider .container .row .order-md-2 {
    padding: 2rem;
  }
  .cm-content-data-slider .container .row.overlay {
    height: 100%;
    z-index: 3;
    pointer-events: none;
    margin-top: 2rem;
  }
  .cm-content-data-slider .container .row.overlay .btn {
    pointer-events: visible;
  }
  .cm-content-data-slider .container .row.overlay .md-heading {
    margin-bottom: 1rem;
    position: relative;
    padding-right: 0rem;
    text-align: left;
    font-size: 3rem;
    color: #000;
    font-weight: 800;
  }
  .cm-content-data-slider .container .row.overlay p {
    padding-right: 5rem;
  }
}
.cm-content-data-slider .cm-data-slider {
  position: relative;
  z-index: 2;
}
.cm-content-data-slider .cm-data-slider .bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 670px;
  align-items: center;
  display: flex;
  position: relative;
}
.cm-content-data-slider .cm-data-slider .bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  mix-blend-mode: multiply;
}
.cm-content-data-slider .cm-data-slider .bg .video {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.cm-content-data-slider .cm-data-slider .bg .video video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  min-height: 50%;
  min-width: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.cm-content-data-slider .cm-data-slider .progressbar .swiper-pagination {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0px;
  width: 100%;
  height: 0.25rem;
}
.cm-content-data-slider .cm-data-slider .progressbar .swiper-navigation {
  display: flex;
}
.cm-content-data-slider .cm-data-slider .swiper-container {
  position: relative;
}
.cm-content-data-slider .cm-data-slider .swiper-container .swiper-navigation {
  position: absolute;
  display: none;
  width: 100%;
  justify-content: center;
}
.cm-content-data-slider .cm-data-slider .swiper-container .swiper-navigation div {
  margin: 0 1.25rem 0 0px;
  left: 0;
  right: 0;
}
.cm-content-data-slider .cm-data-slider .swiper-container .swiper-container-horizontal > .swiper-pagination-progressbar,
.cm-content-data-slider .cm-data-slider .swiper-container .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: auto;
  top: 85% !important;
}
.cm-content-data-slider .cm-data-slider .swiper-container .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0.75rem;
  margin-bottom: 0px;
}
.cm-content-data-slider .cm-data-slider .swiper-container .swiper-pagination {
  position: absolute !important;
  z-index: 9999 !important;
}
.cm-content-data-slider .cm-data-slider .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  display: inline-block;
  border-radius: 50%;
  margin-bottom: 0.5rem;
  background-color: rgba(var(--vsm-white), 0.7);
}
.cm-content-data-slider .cm-data-slider .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
  background-color: rgba(var(--vsm-white), 1);
}
.cm-content-data-slider .cm-data-slider .swiper-container .swiper-pagination-progressbar {
  background-color: rgba(var(--vsm-primary-colour), 0);
}
.cm-content-data-slider .cm-data-slider .swiper-container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: rgba(var(--vsm-primary-colour), 1);
}
.cm-content-data-slider .cm-data-slider .swiper-container-horizontal > .swiper-pagination-progressbar,
.cm-content-data-slider .cm-data-slider .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 1rem;
  left: 0;
  top: 80%;
  bottom: 0;
}
.cm-content-data-slider .cm-data-slider .swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
}

/* -----------------------------
CM Full Width Call to Action
--------------------------------*/
.cm-full-width-call-to-action {
  position: relative;
}
.cm-full-width-call-to-action .bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  align-items: center;
  display: flex;
  position: relative;
}
@media (min-width: 320px) {
  .cm-full-width-call-to-action .bg {
    padding-top: var(--vsm-mobile-padding-top);
  }
}
@media (min-width: 768px) {
  .cm-full-width-call-to-action .bg {
    padding-top: var(--vsm-tablet-padding-top);
  }
}
@media (min-width: 1024px) {
  .cm-full-width-call-to-action .bg {
    padding-top: var(--vsm-desktop-padding-top);
  }
}
.cm-full-width-call-to-action .bg::before {
  background: rgba(198, 20, 142, 0.923);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: hue;
}
.cm-full-width-call-to-action .col {
  position: relative;
}
.cm-full-width-call-to-action .col:nth-child(1) .btn {
  background: #009996;
}
.cm-full-width-call-to-action .col:nth-child(1) .btn span {
  color: #fff;
}
.cm-full-width-call-to-action .col:nth-child(1) .btn:hover {
  background: #C6148E;
}
.cm-full-width-call-to-action .col:nth-child(1) .btn:hover span {
  color: #FFF;
}
.cm-full-width-call-to-action .col:nth-child(2) .btn {
  background: #C6148E;
}
.cm-full-width-call-to-action .col:nth-child(2) .btn span {
  color: #fff;
}
.cm-full-width-call-to-action .col:nth-child(2) .btn:hover {
  background: #009996;
}
.cm-full-width-call-to-action .col:nth-child(2) .btn:hover span {
  color: #FFF;
}
.cm-full-width-call-to-action .content {
  color: rgba(var(--vsm-white), 1);
}
.cm-full-width-call-to-action .md-heading {
  color: rgba(var(--vsm-white), 1);
  position: relative;
  margin-bottom: 2rem;
}
.cm-full-width-call-to-action .rte {
  width: 64%;
}
.cm-full-width-call-to-action .rte p {
  font-size: 1.5rem;
}
@media (min-width: 320px) {
  .cm-full-width-call-to-action .bg {
    position: relative;
    background-image: none;
    background-color: rgba(var(--vsm-primary-colour), 1);
    z-index: 1;
  }
  .cm-full-width-call-to-action .bg .container {
    padding: 6rem 0;
  }
  .cm-full-width-call-to-action .bg .container .content .btn {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1024px) {
  .cm-full-width-call-to-action .bg {
    position: relative;
    z-index: 1;
    background-color: rgba(var(--vsm-primary-colour), 1);
    background-image: inherit;
    display: block;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .cm-full-width-call-to-action .bg::after {
    display: none;
  }
}
.cm-full-width-call-to-action .container {
  padding: 6rem 1rem;
}
.cm-full-width-call-to-action .row .col {
  position: relative;
  flex: 1 0 100%;
  justify-items: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 768px) {
  .cm-full-width-call-to-action .row .col {
    flex: 1 0 50%;
    max-width: 50%;
  }
}
/* ------------------------------
End CM Full Width Call to Action
--------------------------------*/
/* ------------------------------
CM Filter Bar
--------------------------------*/
.cm-filter-bar {
  background: #000;
  padding-bottom: 4.375rem;
}
@media (min-width: 320px) {
  .cm-filter-bar .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .cm-filter-bar .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .cm-filter-bar .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.cm-filter-bar .cm-header {
  margin-bottom: 1.875rem;
  color: #ffffff;
}
.cm-filter-bar .sm-heading {
  color: #ffffff;
}
.cm-filter-bar .cm-header .md-heading {
  color: #ffffff;
  font-size: 1.6rem;
}
.cm-filter-bar .element.select select {
  background: rgba(204, 12, 102, 0.452);
  background-image: none;
  border: 0.063rem solid #C6148E;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.625rem;
  color: rgba(var(--vsm-white), 1);
}
.cm-filter-bar .element.select select option {
  background-color: rgba(var(--vsm-primary-colour), 1);
}
.cm-filter-bar .element.select .field::before {
  color: rgba(var(--vsm-white), 1);
}
.cm-filter-bar .element.text input {
  background: rgba(204, 12, 102, 0.452);
  border: 0.063rem solid #C6148E;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.625rem;
  color: #ffffff;
}
.cm-filter-bar .element.text input::placeholder {
  color: #ffffff;
}
.cm-filter-bar .element .btn {
  background: #C6148E;
}
.cm-filter-bar .element .btn:hover {
  background: #009996;
}

/* ------------------------------
End CM Filter Bar
--------------------------------*/
/* ------------------------------
CM Content Button Links
--------------------------------*/
.cm-content-button-links {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}
@media (min-width:992px){
  .cm-content-button-links::before {
  content: "";
  background-image: url("/img/globe.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -5rem;
  right: -12rem;
  width: 44rem;
  height: 58rem;
  }
}
.cm-content-button-links.black {
  background: #080808;
}
.cm-content-button-links.black .bg::before {
  display: none;
}
.cm-content-button-links.black .left-col .content .md-heading {
  color: #fff;
}
.cm-content-button-links.black .left-col .content .rte p {
  color: #fff;
}
.cm-content-button-links.black .right-col .data .btn span {
  color: #fff !important;
}
.cm-content-button-links .bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 320px) {
  .cm-content-button-links .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .cm-content-button-links .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .cm-content-button-links .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.cm-content-button-links .bg {
  position: relative;
}
@media (min-width: 768px) {
  .cm-content-button-links.white .bg::before {
    top: -10.2rem;
    width: 50%;
    content: " ";
    background: #364042;
    position: absolute;
    left: 0;
    height: 40px;
    display: block;
    border-bottom: 64px solid #fff;
    border-right: 87px solid #000;
    border-top: 0;
    border-left: 0;
  }
}
@media (min-width: 1024px) {
  .cm-content-button-links.white .bg::before {
    top: -14rem;
  }
}
@media (min-width: 1200px) {
  .cm-content-button-links.white .bg::before {
    top: -14rem;
    width: 70%;
    content: " ";
    background: #364042;
    position: absolute;
    left: 0;
    height: 40px;
    display: block;
    border-bottom: 64px solid #fff;
    border-right: 87px solid #000;
    border-top: 0;
    border-left: 0;
  }
}
@media (min-width: 768px) {
  .cm-content-button-links.white .bg::after {
    bottom: -7.1rem;
    width: 30%;
    content: " ";
    background: #121010;
    position: absolute;
    left: 0;
    height: 60px;
    display: block;
    border-top: 64px solid #fff;
    border-right: 87px solid transparent;
    border-bottom: 0;
    border-left: 0;
    z-index: 2;
  }
}
@media (min-width: 1024px) {
  .cm-content-button-links.white .bg::after {
    bottom: -9rem;
    z-index: 2;
  }
}

@media (min-width:2000px){
  .cm-content-button-links.white .bg:before{
    top: -11.67rem;
  }
}

@media (min-width:2000px){
  .cm-content-button-links.white .bg:after{
  bottom: -7.5rem;
  }
}

.cm-content-button-links.black .bg{
  position: relative;
}


@media (min-width: 1024px) {
  .cm-content-button-links.black .bg::before {
    top: -14rem;
  }
}
@media (min-width: 1200px) {
  .cm-content-button-links.black .bg::before {
    top: -5rem;
    width: 29%;
    content: " ";
    background: #364042;
    position: absolute;
    right: 0 !important;
    height: 40px;
    display: block;
    border-top: 64px solid #fff;
    border-left: 87px solid #000;
    border-bottom: 0;
    border-right: 0;
  }
}

@media (min-width: 1024px) {
  .cm-content-button-links.black .bg::after {
    bottom: -5rem;
    width: 65%;
    content: " ";
    background: #121010;
    position: absolute;
    right: 0;
    height: 60px;
    display: block;
    border-bottom: 64px solid #fff;
    border-left: 87px solid #000;
    border-top: 0;
    border-right: 0;
    z-index: 2;
  }
}

@media (min-width: 2000px) {
  .cm-content-button-links.black .bg::after {
    bottom: -4.2rem;
    z-index: 2;
  }
}

@media (min-width:2000px){
  .cm-content-button-links.black .bg:before{
    top: -4.2rem;
  }
}
.cm-content-button-links .cm-body {
  overflow: hidden;
}
.cm-content-button-links .component-wrapper {
  position: relative;
}
.cm-content-button-links .component-wrapper .container {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .cm-content-button-links .component-wrapper .container {
    position: absolute;
  }
}
.cm-content-button-links .container {
  overflow: visible;
}
.cm-content-button-links .right-col {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  z-index: 1;
}
@media (min-width: 768px) {
  .cm-content-button-links .right-col {
    max-width: 100%;
    
    padding-right: 0;
    padding-left: 0;
    right: 0;
    bottom: 0;
    top: 0;
  }
}
.cm-content-button-links .right-col .data {
  position: relative;
  height: 30rem;
}
@media (min-width: 768px) {
  .cm-content-button-links .right-col .data {
    height: 26rem;
    overflow: hidden;
  }
}
@media (min-width: 1024px) {
  .cm-content-button-links .right-col .data {
    height: 26rem;
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .cm-content-button-links .right-col .data {
    height: 21rem;
    overflow: hidden;
  }
}
@media (min-width: 1400px) {
  .cm-content-button-links .right-col .data {
    height: 21rem;
    overflow: hidden;
  }
}
.cm-content-button-links .right-col .data .button-links {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .cm-content-button-links .right-col .data .button-links {
    margin-top: 0rem;
  }
}
.cm-content-button-links .right-col .data .button-links ul {
  margin: 0px;
  padding: 0px;
}
.cm-content-button-links.white .right-col .data .button-links ul li {
  background: #009996;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-clip-path: polygon(-24px 36px, 37px -15px, 100% 0px, 100% calc(100% - 17px), calc(100% - 16px) 100%, -2px 100%, 0px 36px);
          clip-path: polygon(-24px 36px, 37px -15px, 100% 0px, 100% calc(100% - 17px), calc(100% - 16px) 100%, -2px 100%, 0px 36px);
  margin: 0.3rem;
  list-style: none;
  display: inline-block;
}

.cm-content-button-links.white .right-col .data .button-links ul li .btn {
 background-color: #fff;
  outline: none;
  box-shadow: none;
  border: none;
  overflow: hidden;
  background: #fff;
  -webkit-clip-path: polygon(2px 17px, 20px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 18px), calc(100% - 17px) calc(100% - 2px), 2px calc(100% - 2px), 2px 36px);
          clip-path: polygon(2px 17px, 20px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 18px), calc(100% - 17px) calc(100% - 2px), 2px calc(100% - 2px), 2px 36px);
}

.cm-content-button-links.black .right-col .data .button-links ul li {
  background: #009996;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-clip-path: polygon(-24px 36px, 37px -15px, 100% 0px, 100% calc(100% - 17px), calc(100% - 16px) 100%, -2px 100%, 0px 36px);
          clip-path: polygon(-24px 36px, 37px -15px, 100% 0px, 100% calc(100% - 17px), calc(100% - 16px) 100%, -2px 100%, 0px 36px);
  margin: 0.8rem;
  list-style: none;
  display: inline-block;
}

.cm-content-button-links.black .right-col .data .button-links ul li .btn {
 background-color: #000;
  outline: none;
  box-shadow: none;
  border: none;
  overflow: hidden;
  background: #000;
  -webkit-clip-path: polygon(2px 17px, 20px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 18px), calc(100% - 17px) calc(100% - 2px), 2px calc(100% - 2px), 2px 36px);
          clip-path: polygon(2px 17px, 20px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 18px), calc(100% - 17px) calc(100% - 2px), 2px calc(100% - 2px), 2px 36px);
}

@media (min-width: 768px) {
  .cm-content-button-links .right-col .data .button-links ul li:nth-child(1) {
    margin-left: 3rem;
  }
  .cm-content-button-links .right-col .data .button-links ul li:nth-child(7) {
    margin-left: 5rem;
  }
  .cm-content-button-links .right-col .data .button-links ul li:nth-child(12) {
    margin-left: 3rem;
  }
}

.cm-content-button-links .right-col .data .button-links ul li .btn:hover {
  color: #ffffff;
  background-color: #169191;
  border: 1px solid #169191;
  box-shadow: none;
}
.cm-content-button-links .right-col .data .button-links ul li .btn:hover span {
  color: #ffffff;
}
.cm-content-button-links .right-col .data .button-links ul li .btn span {
  color: #009996;
}

.cm-content-button-links .left-col .content {
  position: relative;
  overflow: visible;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 2;
}
.cm-content-button-links .left-col .content .rte {
  padding-top: 1rem;
  width: 24rem;
}
@media (min-width: 768px) {
  .cm-content-button-links .left-col .content .rte {
    width: 18rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-button-links .left-col .content .rte {
    width: 20rem;
  }
}
@media (min-width: 1200px) {
  .cm-content-button-links .left-col .content .rte {
    width: 24rem;
  }
}
.cm-content-button-links .left-col .content .md-heading {
  position: relative;
  overflow: visible;
  padding-bottom: 1rem;
  font-weight: 800;
  width: 22rem;
}
@media (min-width: 768px) {
  .cm-content-button-links .left-col .content .md-heading {
    width: 22rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-button-links .left-col .content .md-heading {
    width: 23rem;
  }
}
@media (min-width: 1200px) {
  .cm-content-button-links .left-col .content .md-heading {
    width: 26rem;
  }
}

@media (min-width: 2000px) {
  .cm-content-button-links .bg:after {
    bottom: -7.5rem;
  }
}
.cm-content-button-links .bg {
  position: relative;
}



.cm-content-button-links .left-col {
  position: relative;
}

.cm-content-button-links .cm-body {
  overflow: hidden;
}
.cm-content-button-links .component-wrapper {
  position: relative;
}
.cm-content-button-links .component-wrapper .container {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .cm-content-button-links .component-wrapper .container {
    position: absolute;
  }
}
.cm-content-button-links .container {
  overflow: visible;
}
.cm-content-button-links .right-col {
  position: relative;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  z-index: 1;
}
@media (min-width: 768px) {
  .cm-content-button-links .right-col {
    max-width: 100%;
    right: 0;
    padding-right: 0;
    padding-left: 0;
    bottom: 0;
    top: 0;
  }
}
.cm-content-button-links .right-col .data {
  position: relative;
  min-height: 80vh;
}
@media (min-width: 768px) {
  .cm-content-button-links .right-col .data {
    min-height: 80vh;
    width: calc(50% - 0.75rem);
    overflow: hidden;
  }
}
@media (min-width: 1024px) {
  .cm-content-button-links .right-col .data {
    min-height: 70vh;
    width: calc(50% - 0.75rem);
    overflow: hidden;
  }
}
@media (min-width: 1200px) {
  .cm-content-button-links .right-col .data {
    min-height: 65vh;
    width: calc(50% - 0.75rem);
    overflow: hidden;
  }
}
@media (min-width: 1400px) {
  .cm-content-button-links .right-col .data {
    min-height: 60vh;
    width: calc(50% - 0.75rem);
    overflow: hidden;
  }
}
.cm-content-button-links .right-col .data .button-links {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: hidden;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .cm-content-button-links .right-col .data .button-links {
    margin-top: 0rem;
  }
}
.cm-content-button-links .right-col .data .button-links ul {
  margin: 0px;
  padding: 0px;
}
.cm-content-button-links .right-col .data .button-links ul li {
  margin: 0.3rem;
  list-style: none;
  display: inline-block;
  clip-path: polygon(-24px 36px, 37px -15px, 100% 0px, 100% calc(100% - 17px), calc(100% - 16px) 100%, -2px 100%, 0px 36px);
  background: #009996;
}

.cm-content-button-links .right-col .data .button-links ul li .btn {
  position: relative;
  background-color: #ffffff;
  color: #ffffff;
  padding: 0.625rem 2.5rem;
  transition: 0.6s;
  overflow: hidden;
  border-radius: 0 !important;
  clip-path: polygon(2px 17px, 20px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 18px), calc(100% - 17px) calc(100% - 2px), 2px calc(100% - 2px), 2px 36px);
}

@media (min-width: 768px) {
  .cm-content-button-links .right-col .data .button-links ul li:nth-child(1) {
    margin-left: 3rem;
  }
  .cm-content-button-links .right-col .data .button-links ul li:nth-child(7) {
    margin-left: 5rem;
  }
  .cm-content-button-links .right-col .data .button-links ul li:nth-child(12) {
    margin-left: 3rem;
  }

  .cm-content-button-links .left-col{
  position: absolute;
  right: 0;
}
}

.cm-content-button-links .right-col .data .button-links ul li .btn:hover {
  color: #ffffff;
  background-color: #169191;
  border: 1px solid #169191;
  box-shadow: none;
}
.cm-content-button-links .right-col .data .button-links ul li .btn:hover span {
  color: #ffffff;
}
.cm-content-button-links .right-col .data .button-links ul li .btn span {
  color: black;
}



.cm-content-button-links .left-col .content {
  position: relative;
  overflow: visible;
  width: 100%;
  top: 0;
  height: 100%;
}
.cm-content-button-links .left-col .content .rte {
  padding-top: 1rem;
  width: 24rem;
}
@media (min-width: 768px) {
  .cm-content-button-links .left-col .content .rte {
    width: 18rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-button-links .left-col .content .rte {
    width: 20rem;
  }
}
@media (min-width: 1200px) {
  .cm-content-button-links .left-col .content .rte {
    width: 24rem;
  }
}
.cm-content-button-links .left-col .content .md-heading {
  position: relative;
  overflow: visible;
  padding-bottom: 1rem;
  font-weight: 800;
  width: 22rem;
}
@media (min-width: 768px) {
  .cm-content-button-links .left-col .content .md-heading {
    width: 22rem;
  }
}
@media (min-width: 1024px) {
  .cm-content-button-links .left-col .content .md-heading {
    width: 23rem;
  }
}
@media (min-width: 1200px) {
  .cm-content-button-links .left-col .content .md-heading {
    width: 26rem;
  }
}

/* ------------------------------
End Content Button Links
--------------------------------*/
/*-------------------------------------------
cm Tabbed Content
-------------------------------------------*/
@media (min-width: 320px) {
  .cm-tabbed-content .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .cm-tabbed-content .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .cm-tabbed-content .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.cm-tabbed-content .cm-body .flex-item-1 {
  background-color: #f8f8f8;
  margin-right: 1rem;
}
@media (max-width: 768px) {
  .cm-tabbed-content .cm-body .flex-item-1 {
    margin-right: 0;
  }
}
.cm-tabbed-content.side-nav {
  position: relative;
  overflow: hidden;
}
.cm-tabbed-content.side-nav .bg {
  position: relative;
  overflow: visible;
}
.cm-tabbed-content.side-nav .bg .component-wrapper {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
  max-width: 540px;
}
@media (min-width: 768px) {
  .cm-tabbed-content.side-nav .bg .component-wrapper {
    max-width: 720px;
  }
}
@media (min-width: 1024px) {
  .cm-tabbed-content.side-nav .bg .component-wrapper {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .cm-tabbed-content.side-nav .bg .component-wrapper {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .cm-tabbed-content.side-nav .bg .component-wrapper {
    max-width: 1320px;
  }
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-header {
  margin-bottom: 1.875rem;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 768px) {
  .cm-tabbed-content.side-nav .bg .component-wrapper .cm-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item .map-holder {
  width: 100%;
  height: 21.875rem;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item .container .row .col-md-4 {
  padding-top: 2rem;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item .container .row .col {
  background-color: #f8f8f8;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item .container .row .col .title {
  padding: 1.5rem 1rem 1rem 1rem;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item:first-child .row .col:first-child {
  max-width: 100%;
  margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
  .cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item:first-child .row .col:first-child {
    max-width: 100%;
    padding: 0px;
    margin-bottom: 0;
  }
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item:nth-child(1) {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}
@media (min-width: 768px) {
  .cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item:nth-child(1) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33.33333%;
    flex: 1 0 33%;
  }
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item:nth-child(2) {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}
@media (min-width: 768px) {
  .cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item:nth-child(2) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 66.66%;
    flex: 1 0 66.66%;
  }
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item:nth-child(2) .content .rte {
  font-size: 1rem;
  font-weight: bold;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item:nth-child(2) .content .rte a {
  text-decoration: none;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item:nth-child(2) .content .rte a:hover {
  text-decoration: underline;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item:nth-child(2) .content .rte address {
  font-size: 1rem;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item:nth-child(2) .content .rte address p {
  font-size: 1rem;
  font-weight: bold;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .flex-item:nth-child(2) .content .rte ul {
  font-size: 1rem;
  list-style: none;
  padding: 0 0 0 0;
  margin: 0 0 0.9375rem 0;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .nav {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .nav li {
  font-weight: 600;
  color: rgba(var(--vsm-primary-colour), 1);
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .nav li:first-child {
  border-top: 0.0625rem solid rgba(var(--vsm-primary-colour), 0.1);
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .nav li:not::last-child {
  border-bottom: 0.0625rem solid rgba(var(--vsm-primary-colour), 0.1);
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .nav li a {
  text-decoration: none;
  margin-right: 0rem;
  position: relative;
  display: block;
  color: rgba(var(--vsm-primary-colour), 1);
  font-weight: 600;
  font-size: 18px;
  font-size: 1.125rem;
  padding: 1.25rem 1rem;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .nav li a:after {
  content: "\f105";
  color: #C6148E;
  position: absolute;
  right: 1rem;
  top: 0.4375rem;
  display: inline-block;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 2.5rem;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .nav li a:hover {
  background-color: rgba(var(--vsm-primary-colour), 1);
  color: rgba(var(--vsm-white), 1);
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .nav li a:hover:after {
  color: #C6148E;
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .nav li a.active {
  background-color: #080808;
  color: rgba(var(--vsm-white), 1);
}
.cm-tabbed-content.side-nav .bg .component-wrapper .cm-body .nav li a.active:after {
  color: #C6148E;
}

/* ------------------------------
End cm Tabbed Content
--------------------------------*/
/* ------------------------------
End cm multi-forms
--------------------------------*/
@media (min-width: 320px) {
  .cm-multi-forms .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .cm-multi-forms .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .cm-multi-forms .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}


@media (max-width:768px){
  .cm-multi-forms .bg .forms .row .col .row .col{
flex:1 0 51%;
}
}

.cm-multi-forms .bg .forms {
  position: relative;
  z-index: 0;
  margin: 0rem;
  padding: 3.75rem 2rem;
}
.cm-multi-forms .bg .forms .element .custom-file .custom-file-label {
  border-color: #009996;
}
.cm-multi-forms .bg .forms .element .custom-file .custom-file-label:after {
  color: #C6148E;
}
.cm-multi-forms .bg .forms .element textarea {
  border-color: #009996;
}
.cm-multi-forms .bg .forms .element input {
  border-color: #009996;
  border-radius: 0 !important;
}
@media (min-width: 768px) {
  .cm-multi-forms .sm-heading {
    font-size: 2.75rem;
  }
}
@media (min-width: 1200px) {
  .cm-multi-forms .sm-heading {
    font-size: 3rem;
  }
}
.cm-multi-forms .back-to-link {
  margin-bottom: 1.875rem;
  display: inline-block;
}

.cm-multi-forms .options li{
    background: #C6148E;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-clip-path: polygon(-24px 36px, 37px -15px, 100% 0px, 100% calc(100% - 17px), calc(100% - 16px) 100%, -2px 100%, 0px 36px);
    clip-path: polygon(-24px 36px, 37px -15px, 100% 0px, 100% calc(100% - 17px), calc(100% - 16px) 100%, -2px 100%, 0px 36px);
    margin: 0.8rem;
    list-style: none;
    display: inline-block;
}

.cm-multi-forms .options li:hover{
  background: #009996;
}

.cm-multi-forms .options a.btn {
    background-color: #fff;
    outline: none;
    box-shadow: none;
    border: none;
    overflow: hidden;
    background: #fff;
    -webkit-clip-path: polygon(2px 17px, 20px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 18px), calc(100% - 17px) calc(100% - 2px), 2px calc(100% - 2px), 2px 36px);
    clip-path: polygon(2px 17px, 20px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 18px), calc(100% - 17px) calc(100% - 2px), 2px calc(100% - 2px), 2px 36px);
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
}

.cm-multi-forms .options a.btn span {
  color: #000;
  font-weight: 500;
}
.cm-multi-forms .options a.btn:hover {
  background: rgba(var(--vsm-secondary-colour), 1);
  border-color: #009996;
}
.cm-multi-forms .options a.btn:hover span {
  color: white;
}
.cm-multi-forms .options .select-options .row:nth-child(1) .col {
  margin: 0 0 1.875rem 0;
}

/* ------------------------------
End cm multi-forms
--------------------------------*/
/* ------------------------------
cm media hub
--------------------------------*/
.cm-media-hub-50-50 {
  background: #121010;
}
.cm-media-hub-50-50 .bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 320px) {
  .cm-media-hub-50-50 .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .cm-media-hub-50-50 .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .cm-media-hub-50-50 .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.cm-media-hub-50-50 .inline-link::after {
  content: "\f054";
  position: relative;
  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.5;
  left: 0.625rem;
}
.cm-media-hub-50-50 .cm-header {
  padding: 2.5rem 0;
}
.cm-media-hub-50-50 .cm-header .md-heading {
  font-weight: 800;
  color: #FFF;
}
@media (min-width: 1200px) {
  .cm-media-hub-50-50 .cm-header .md-heading {
    padding-right: 3rem;
  }
}
@media (min-width: 1200px) {
  .cm-media-hub-50-50 .col-lg-6:nth-child(2) .media {
    position: relative;
  }
  .cm-media-hub-50-50 .col-lg-6:nth-child(2) .media::before {
    content: "";
    background-image: url("/img/cm-media.svg");
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    right: -4.7rem;
    width: 100%;
    height: 3rem;
  }
  .cm-media-hub-50-50 .col-lg-6:nth-child(2) .media img::before {
    content: "";
    position: absolute;
    object-fit: cover;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgb(198, 20, 142);
    background: -moz-linear-gradient(0deg, rgb(198, 20, 142) 0%, rgba(0, 0, 0, 0.5303308824) 100%);
    background: -webkit-linear-gradient(0deg, rgb(198, 20, 142) 0%, rgba(0, 0, 0, 0.5303308824) 100%);
    background: linear-gradient(0deg, rgb(198, 20, 142) 0%, rgba(0, 0, 0, 0.5303308824) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c6148e",endColorstr="#000000",GradientType=1);
  }
}
.cm-media-hub-50-50 .col-lg-6:nth-child(1) {
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .cm-media-hub-50-50 .col-lg-6:nth-child(1) {
    margin-bottom: 0rem;
  }
}
.cm-media-hub-50-50 .col-lg-6:nth-child(2) .row {
  margin-right: calc(var(--bs-gutter-x) * 0);
  margin-left: calc(var(--bs-gutter-x) * 0);
}
.cm-media-hub-50-50 .col-lg-6:nth-child(2) .row:nth-child(1) {
  margin-bottom: 2rem;
  height: 19rem;
  background: #fff;
}
.cm-media-hub-50-50 .col-lg-6:nth-child(2) .row:nth-child(1) .media {
  padding: 1.2rem;
}
@media (min-width: 1024px) {
  .cm-media-hub-50-50 .col-lg-6:nth-child(2) .row:nth-child(1) {
    height: 23rem;
  }
}
.cm-media-hub-50-50 .col-lg-6:nth-child(2) .row:nth-child(2) {
  background: #fff;
}
.cm-media-hub-50-50 .col-lg-6:nth-child(2) .row:nth-child(2) .media {
  padding: 1.2rem;
}
.cm-media-hub-50-50 .col-lg-6:nth-child(2) .row .col:nth-child(1) {
  padding-left: 0;
  padding-right: 0;
  flex: 1 0 35%;
  width: 35%;
}
.cm-media-hub-50-50 .col-lg-6:nth-child(2) .row .col:nth-child(1) img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: center;
  height: 16rem;
}

.cm-media-hub-50-50 .col-lg-6:nth-child(2) .row .col:nth-child(2){
  padding-top: 2rem;
}

@media (min-width: 1024px) {
  .cm-media-hub-50-50 .col-lg-6:nth-child(2) .row .col:nth-child(1) img {
    height: 20rem;
  }
}
.cm-media-hub-50-50 .col-lg-6:nth-child(2) .row .col:nth-child(2) {
  flex: 1 0 65%;
  width: 65%;
}
.cm-media-hub-50-50 .col-lg-6:nth-child(2) .row .col:nth-child(2) .post {
  padding: 1rem 1rem 0rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 90%;
}
@media (max-width: 768px) {
  .cm-media-hub-50-50 .col-lg-6:nth-child(2) .row .col:nth-child(2) .post {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .cm-media-hub-50-50 .col-lg-6:nth-child(2) .row .col:nth-child(1) {
    padding-left: 0;
    flex: 1 0 50%;
    width: 50%;
  }
  .cm-media-hub-50-50 .col-lg-6:nth-child(2) .row .col:nth-child(1) img {
    object-position: center;
    height: 20rem;
    width: 100%;
    object-fit: cover;
    -o-object-fit: cover;
  }
  .cm-media-hub-50-50 .col-lg-6:nth-child(2) .row .col:nth-child(2) {
    flex: 1 0 50%;
    width: 50%;
  }
  .cm-media-hub-50-50 .col-lg-6:nth-child(2) .row .col:nth-child(2) img {
    object-position: center;
  }
}
.cm-media-hub-50-50 .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  width: 50%;
}
.cm-media-hub-50-50 .col:nth-child(1) .post-title {
  font-size: 30px;
  font-size: 1.875rem;
}
.cm-media-hub-50-50 .col:nth-child(2) .col {
  padding: 1rem 2rem;
  height: 50%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 48%;
  flex: 1 0 48%;
  width: 48%;
  margin-bottom: 1.7rem;
}
.cm-media-hub-50-50 .col:nth-child(2) .col .post {
  padding: 2rem;
}
.cm-media-hub-50-50 .col:nth-child(2) .col .post-title {
  font-size: 18px;
  font-size: 2.125rem;
  font-weight: 700;
}
@media (min-width: 768px) {
  .cm-media-hub-50-50 .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    width: 50%;
  }
}
.cm-media-hub-50-50 .post {
  position: relative;
}
.cm-media-hub-50-50 .post .inline-link span {
  color: #fff;
}
.cm-media-hub-50-50 .post .inline-link::after {
  color: #fff;
}
.cm-media-hub-50-50 .post a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.cm-media-hub-50-50 .post a.tag {
  font-weight: 600;
  color: #C6148E;
  /* margin-top: 0.938rem; */
  font-size: 12px;
  font-size: 0.75rem;
  text-decoration: none;
}
.cm-media-hub-50-50 .post a.post-title {
  font-weight: 700;
  color: rgba(var(--vsm-primary-color), 1);
  margin-top: 0.238rem;
  margin-bottom: 0.238rem;
  font-size: 1.2rem;
  line-height: 1.9rem;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .cm-media-hub-50-50 .post a.post-title {
    font-size: 1.5rem;
  }
}
.cm-media-hub-50-50 .post a.post-title:hover {
  color: rgba(var(--vsm-primary-colour), 1);
}
.cm-media-hub-50-50 .post .post-date {
  font-weight: 400;
  color: rgba(var(--vsm-body-copy-colour), 1);
  margin-bottom: 0px;
  margin-top: 0.938rem;
  font-size: 12px;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .cm-media-hub-50-50 .post .author {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.cm-media-hub-50-50 .post .author {
  margin-top: 0.938rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .cm-media-hub-50-50 .post .author .media + .media {
    margin-left: -1.25rem;
  }
}
.cm-media-hub-50-50 .post .author .media + .media {
  margin-left: -0.75rem;
}
.cm-media-hub-50-50 .post .author .author-details {
  margin: 10px 0;
}
.cm-media-hub-50-50 .post .author .author-details .post-date:before {
  content: ", ";
}
.cm-media-hub-50-50 .post .author .author-details .title {
  font-weight: 300;
  color: rgba(var(--vsm-black), 1);
  margin-bottom: 0.188rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
}
.cm-media-hub-50-50 .post .author .author-details .title a {
  display: inline;
  font-weight: 300;
  color: rgba(var(--vsm-black), 1);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  text-decoration: none;
}
.cm-media-hub-50-50 .post .author .author-details .title a:hover {
  color: rgba(var(--vsm-primary-colour), 1);
}
.cm-media-hub-50-50 .post .author .author-details .subtitle {
  font-weight: 400;
  color: rgba(var(--vsm-body-copy-colour), 1);
  margin-bottom: 0px;
  font-size: 12px;
  font-size: 0.75rem;
}
.cm-media-hub-50-50 .post .author .media[data-initials]:before {
  width: 2.125rem;
  height: 2.125rem;
  min-width: 2.125rem;
  line-height: 2.125rem;
  font-size: 12px;
  font-size: 0.75rem;
}
.cm-media-hub-50-50 .post .author .media {
  width: 2.125rem;
  height: 2.125rem;
  min-width: 2.125rem;
  overflow: hidden;
  border-radius: 100em;
  margin-right: 0.311rem;
}
.cm-media-hub-50-50 .post .author .media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.cm-media-hub-50-50 .post.bg-image {
  width: 100%;
  height: 47.3rem;
  position: relative;
}
.cm-media-hub-50-50 .post.bg-image .media {
  height: 100%;
  z-index: 0;
}
.cm-media-hub-50-50 .post.bg-image .media img {
  object-fit: cover;
  width: 100%;
}
.cm-media-hub-50-50 .post.bg-image .post-details {
  padding: 4rem 4rem;
  padding-top: 5.2rem;
  z-index: 1;
  position: absolute;
  bottom: 0px;
}
.cm-media-hub-50-50 .post.bg-image .post-details::before {
  content: "";
  background-image: url("/img/cm-media-bg.svg");
  
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.cm-media-hub-50-50 .post.bg-image .post-details .post-snippet {
  color: rgba(var(--vsm-white), 1);
  z-index: 1;
  position: relative;
}
.cm-media-hub-50-50 .post.bg-image a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.cm-media-hub-50-50 .post.bg-image a.tag {
  z-index: 1;
  position: relative;
  font-weight: 600;
  color: rgba(var(--vsm-white), 1);
  margin-top: 0.938rem;
  font-size: 12px;
  font-size: 0.75rem;
  text-decoration: none;
}
.cm-media-hub-50-50 .post.bg-image a.post-title {
  z-index: 1;
  position: relative;
  font-weight: 700;
  color: rgba(var(--vsm-white), 1);
  margin-top: 0.238rem;
  font-size: 18px;
  font-size: 2.125rem;
  line-height: 1.15;
  text-decoration: none;
}
.cm-media-hub-50-50 .post.bg-image a.post-title:hover {
  color: rgba(var(--vsm-white), 0.5);
}
.cm-media-hub-50-50 .post.bg-image .author {
  z-index: 1;
  position: relative;
}
.cm-media-hub-50-50 .post.bg-image .author .author-details .title {
  color: rgba(var(--vsm-white), 1);
}
.cm-media-hub-50-50 .post.bg-image .author .author-details .title .post-date {
  color: rgba(var(--vsm-white), 1);
}
.cm-media-hub-50-50 .post.bg-image .author .media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* ------------------------------
End cm media hub
--------------------------------*/
/* ------------------------------
End Customs
--------------------------------*/
/*-------------------------------
Media Hub
--------------------------------*/

.vsm-media-hub .rte a {
  color: #C6148E !important;
}
.vsm-media-hub-category-latest-carousel .rte a {
  color: #C6148E !important;
}
.vsm-media-hub-category-latest-carousel .swiper-navigation .swiper-button-next, .vsm-media-hub-category-latest-carousel .swiper-navigation .swiper-button-prev {
  border-radius: 1rem;
  background: #009996;
}

.vsm-media-hub-category-latest-carousel .swiper-container{
  overflow: hidden;
}
.vsm-media-hub-category-latest-carousel .category .col:nth-child(1) .post-title:hover {
  color: rgba(var(--vsm-primary-colour), 1);
}

.vsm-media-hub-category-latest-carousel .category .post .post-title {
  color: rgba(var(--vsm-primary-colour), 1);
}

.vsm-media-hub-featured-section .vsm-body .container .row .col:nth-child(2) .row .col .post .tag {
  color: rgba(var(--vsm-secondary-colour), 1);
}

.vsm-media-hub-featured-section .vsm-body .post a.tag {
  color: rgba(var(--vsm-secondary-colour), 1);
}

.vsm-responsive-nav {
  background: #212121;;
}

.vsm-responsive-nav .more-nav li .submenu li a {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-responsive-nav .more-nav li .submenu li a:hover {
  color: #C6148E !important;
}
.vsm-responsive-nav .more-nav li span {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-responsive-nav .more-nav li span i {
  margin-left: 0.25rem;
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-responsive-nav .search-bar .input-group {
  padding: 1px;
  border: 1px solid #C6148E;
  background: rgba(198, 20, 142, 0.25);
  border-radius: 0.2rem;
}

.vsm-responsive-nav .search-bar .input-group input{
  background: transparent;
  color: #fff;
}

.vsm-responsive-nav .search-bar .input-group input::placeholder{
  color: #fff;
}

.vsm-responsive-nav .search-bar .input-group{
  color: #fff;
}

.vsm-responsive-nav .search-bar .input-group .btn{
    background: transparent;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%) !important;

}

.vsm-responsive-nav .search-bar .input-group .btn span {
  color: #fff !important;
}
.vsm-responsive-nav .search-bar .btn:hover {
  box-shadow: none;
}
.vsm-responsive-nav .search-bar .btn i {
  color: #fff;
}
.vsm-responsive-nav .displayed-nav li a {
  color: #fff;
}
.vsm-responsive-nav .displayed-nav li a:hover {
  color: #C6148E;
}

.vsm-media-hub-featured-section .post-snippet {
  display: none;
}
.vsm-media-hub-featured-section .sm-heading {
  color: #000034 !important;
}
.vsm-media-hub-featured-section .bg {
  background: rgba(var(--vsm-quaternary-colour), 1);
}
.vsm-media-hub-featured-section .author .media[data-initials]::before {
  background: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-media-hub-featured-section .media span.media-info i {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-media-hub-featured-section .vsm-body .post a.tag {
  font-weight: 600;
  color: rgba(var(--vsm-secondary-colour), 1);
  margin-top: 0.938rem;
  font-size: 12px;
  font-size: 0.75rem;
  text-decoration: none;
  display: inline-block;
}

.vsm-media-hub-category-latest-carousel .category .col:nth-child(2) a {
  color: rgba(var(--vsm-secondary-colour), 1);
}

.vsm-media-hub-category-latest-carousel .category .col a:hover {
  color: #C6148E !important;
}

.vsm-media-hub-extra-row .media span.media-info i {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-media-hub-extra-row .post a.tag {
  color: rgba(var(--vsm-secondary-colour), 1);
  font-weight: 700;
}
.vsm-media-hub-extra-row .post a.post-title {
  color: rgba(var(--vsm-primary-colour), 1);
}

.vsm-media-hub-more-row .post a.tag {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-media-hub-more-row .post a.post-title {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-media-hub-more-row .post a.post-title:hover {
  color: #C6148E;
}
.vsm-media-hub-more-row .author .author-details .title {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-media-hub-more-row .author .media[data-initials]::before {
  background: rgba(var(--vsm-secondary-colour), 1);
}

.vsm-media-hub .tag {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-media-hub .share dl dt {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-media-hub .share dl dd a {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-media-hub .newsletter-signup .sm-heading {
  font-weight: 600;
}
.vsm-media-hub .newsletter-signup .form-control {
  color: rgba(var(--vsm-primary-colour), 1);
  border: 1px solid rgba(var(--vsm-primary-colour), 1);
}
.vsm-media-hub .newsletter-signup .btn {
  color: #ffffff;
  background-color: #C6148E !important;
  border: #C6148E !important;
}
.vsm-media-hub .newsletter-signup .btn:hover {
  color: #ffffff;
  background-color: #009996;
  border: #169191;
  box-shadow: none;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
  margin-left:0;
}

.newsletter-signup .sm-heading {
  font-weight: 600;
}
.newsletter-signup input {
  border: 2px solid #C6148E;
}
.newsletter-signup input::placeholder {
  color: #000034;
}
.newsletter-signup .btn {
  color: #ffffff;
  background-color: #C6148E !important;
  border: #C6148E !important;
}

.vsm-event-article .date-time-location .date-time .date-info span.day {
  background: rgba(var(--vsm-secondary-colour), 1);
}

.vsm-profile-header .bg {
  background-color: rgba(var(--vsm-quaternary-colour), 1);
}
.vsm-profile-header .author .author-details .social dt {
  color: rgba(var(--vsm-secondary-colour), 1);
}

/* ------------------------------
VSM Media Hub Search Results 
--------------------------------*/
.vsm-media-hub-search-results .side-filters dl dd a {
  font-size: 1rem;
}
.vsm-media-hub-search-results .side-filters dl dd a span {
  color: #C6148E;
}
.vsm-media-hub-search-results .search-results li .post a.tag {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-media-hub-search-results .search-results li .post a.post-title {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-media-hub-search-results .author .media[data-initials]::before {
  background: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-media-hub-search-results .media span.media-info i {
  color: rgba(var(--vsm-secondary-colour), 1);
}

/* ------------------------------
VSM Job Data Highlight 
--------------------------------*/
.job-data-highlights li i {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.job-data-highlights li i::before {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.job-data-highlights li .icon:before {
  color: #C6148E;
}
.job-data-highlights span {
  font-weight: 300;
  min-width: 5rem;
}

.job-data-highlights li .icon.calendar::before {
content: "\f073";
}

.icon::before {
  display: inline-block;
}

.vsm-job-details p {
  margin-top: 1rem;
}

.vsm-job-details .vsm-body .job-data .row .col-auto {
  display: flex;
  align-items: center;
}

.vsm-job-details .md-heading {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.1);
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}
.vsm-job-details .post-date {
  /* border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  padding-bottom: 1rem; */
  display: none;
}
.vsm-job-details .form-holder a {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-job-details .job-data-highlights {
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.vsm-job-details .job-data-highlights i {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-job-details .job-data-highlights i::before {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-job-details .job-data-highlights .icon:before {
  color: rgba(var(--vsm-secondary-colour), 1);
  display: flex;
  justify-content: center;
  align-items: center;
}
.vsm-job-details ul.job-data-highlights {
  margin: 0;
  display: block;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
}
@media (min-width: 768px) {
  .vsm-job-details .vsm-body .container > .row > .col:nth-child(1) {
    width: 100%;
  }
}
.vsm-job-details ul.job-data-highlights li {
  align-items: center;
}
/* ------------------------------
VSM Job Search Results Listings 
--------------------------------*/

.vsm-job-search-results-listings .filter-apply .element.submit{
    background: #169191;
    width: -webkit-fit-content;
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-clip-path: polygon(-24px 36px, 37px -15px, 100% 0px, 100% calc(100% - 17px), calc(100% - 16px) 100%, -2px 100%, 0px 36px);
    clip-path: polygon(-24px 36px, 37px -15px, 100% 0px, 100% calc(100% - 17px), calc(100% - 16px) 100%, -2px 100%, 0px 36px);
    list-style: none;
    display: inline-block;
}

.vsm-job-search-results-listings .filter-apply .element.submit:hover{
    background: #C6148E;
}

.vsm-job-search-results-listings .filter-apply .btn:hover{
  background: #C6148E;
}

.vsm-job-search-results-listings .filter-apply .btn {
    background-color: #009996;
    outline: none;
    box-shadow: none;
    border: none;
    overflow: hidden;
    background: #169191;
    -webkit-clip-path: polygon(2px 17px, 20px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 18px), calc(100% - 17px) calc(100% - 2px), 2px calc(100% - 2px), 2px 36px);
    clip-path: polygon(2px 17px, 20px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 18px), calc(100% - 17px) calc(100% - 2px), 2px calc(100% - 2px), 2px 36px);
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
}

.vsm-job-search-results-listings .filter-apply .btn {
  background-color: rgba(var(--vsm-secondary-colour), 1);
  border: 1px solid #169191;
  border-radius: 0.2rem;
  color: #ffffff;
}

.vsm-job-search-results-listings .filter-apply .btn:hover span {
  color: #ffffff;
}
.vsm-job-search-results-listings .filter-apply .btn span {
  color: #ffffff;
}

.vsm-job-search-results-listings .filter-clear .element.submit{
    background: #C6148E;
    width: -webkit-fit-content;
 width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-clip-path: polygon(-24px 36px, 37px -15px, 100% 0px, 100% calc(100% - 17px), calc(100% - 16px) 100%, -2px 100%, 0px 36px);
    clip-path: polygon(-24px 36px, 37px -15px, 100% 0px, 100% calc(100% - 17px), calc(100% - 16px) 100%, -2px 100%, 0px 36px);
    list-style: none;
    display: inline-block;
}

.vsm-job-search-results-listings .filter-clear .element.submit:hover{
    background: #009996;
}

.vsm-job-search-results-listings .filter-clear .btn:hover{
  background: #009996;
}

.cm-multi-forms .options li:hover{
  background: #009996;
}

.vsm-job-search-results-listings .filter-clear .btn {
    background-color: #fff;
    outline: none;
    box-shadow: none;
    border: none;
    overflow: hidden;
    background: #fff;
    -webkit-clip-path: polygon(2px 17px, 20px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 18px), calc(100% - 17px) calc(100% - 2px), 2px calc(100% - 2px), 2px 36px);
    clip-path: polygon(2px 17px, 20px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 18px), calc(100% - 17px) calc(100% - 2px), 2px calc(100% - 2px), 2px 36px);
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
}

.vsm-job-search-results-listings .filter-clear .btn:hover {
  color: #ffffff;
  background-color: #169191;
  border: 1px solid #169191;
}
.vsm-job-search-results-listings .filter-clear .btn:hover span {
  color: #ffffff;
}
.vsm-job-search-results-listings .filter-clear .btn span {
  color:  #C6148E;
}
.vsm-job-search-results-listings .btn.btn-primary {
  background-color: rgba(var(--vsm-secondary-colour), 1);
  border: 1px solid #169191;
  color: #ffffff;
}
@media(max-width: 768px) {
  .vsm-job-search-results-listings .btn.btn-primary {
    padding: 1rem 1rem;
  }
}
.vsm-job-search-results-listings .btn.btn-primary:hover {
  color: #ffffff;
  background-color:#C6148E;
  border: 1px solid #C6148E;
}
.vsm-job-search-results-listings .btn.btn-primary:hover span {
  color: #ffffff;
}
.vsm-job-search-results-listings .btn.btn-primary span {
  color: #ffffff;
}

.vsm-job-search-results-listings .btn.btn-secondary:hover span {
  color: #ffffff;
}
.vsm-job-search-results-listings .btn.btn-secondary span {
  color: #C6148E;
}

.vsm-job-search-results-listings .secondary{
    background: #C6148E;
    width: -webkit-fit-content;
 width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-clip-path: polygon(-24px 36px, 37px -15px, 100% 0px, 100% calc(100% - 17px), calc(100% - 16px) 100%, -2px 100%, 0px 36px);
    clip-path: polygon(-24px 36px, 37px -15px, 100% 0px, 100% calc(100% - 17px), calc(100% - 16px) 100%, -2px 100%, 0px 36px);
    list-style: none;
    display: inline-block;
}

.vsm-job-search-results-listings .secondary:hover{
    background: #009996;
}

.vsm-job-search-results-listings .btn.btn-secondary:hover{
  background: #009996;
}

.vsm-job-search-results-listings .btn.btn-secondary {
    background-color: #fff;
    outline: none;
    box-shadow: none;
    border: none;
    overflow: hidden;
    background: #fff;
    /* -webkit-clip-path: polygon(2px 17px, 20px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 18px), calc(100% - 17px) calc(100% - 2px), 2px calc(100% - 2px), 2px 36px);
    clip-path: polygon(2px 17px, 20px 2px, calc(100% - 2px) 2px, calc(100% - 2px) calc(100% - 18px), calc(100% - 17px) calc(100% - 2px), 2px calc(100% - 2px), 2px 36px); */
    /* padding-left: 1.5625rem;
    padding-right: 1.5625rem; */
}
@media(max-width: 768px) {
  .vsm-job-search-results-listings .btn.btn-secondary {
    padding: 1rem 1rem;
  }
}

.vsm-job-search-results-listings .vsm-body .container .row .col:nth-child(2) {
  padding-left: 4rem;
}
@media (max-width: 768px) {
  .vsm-job-search-results-listings .vsm-body .container .row .col:nth-child(2) {
    padding: 1rem;
  }
}

/* ------------------------------
VSM Data Capture 
--------------------------------*/
.vsm-data-capture-alt .rte p {
  color: rgba(var(--vsm-body-copy-colour), 1);
}

.vsm-data-capture .form-preview {
  position: relative;
  height: 100%;
}
.vsm-data-capture .form-preview img {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 29rem;
  object-fit: cover;
  z-index: 0;
}
@media (min-width: 1200px) {
  .vsm-data-capture .form-preview img {
    min-height: 32rem;
  }
}
.vsm-data-capture .form-preview .rte p {
 font-family: 'Red Hat Display', sans-serif;
  font-weight: 800;
  font-size: 1.6rem;
}
.vsm-data-capture .form-preview .details {
  display: flex;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  -webkit-box-pack: end;
  justify-content: flex-end;
}
.vsm-data-capture .form-preview .details::before {
  display: none;
}
.vsm-data-capture .form-preview .details i.icon {
  font-size: 2rem;
}
.vsm-data-capture .form-preview .details i.icon::before {
  color: #C6148E;
}
.vsm-data-capture .form-holder {
  padding: 8.33%;
}
.vsm-data-capture .form-holder .rte h1,
.vsm-data-capture .form-holder .rte h2,
.vsm-data-capture .form-holder .rte h3,
.vsm-data-capture .form-holder .rte h4 {
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 800;
}
.vsm-data-capture .form-holder .rte h2,
.vsm-data-capture .form-holder .rte h3 {
  font-size: 1.6rem;
  font-weight: 800;
}
.vsm-data-capture .form-holder .rte p {
 font-family: 'Red Hat Display', sans-serif;
}

.vsm-data-capture .form-holder .btn{
  background: #C6148E;
}

.vsm-data-capture .form-holder .btn:hover{
  background: #009996;
}

/* ------------------------------
End VSM Data Capture
--------------------------------*/
/* ------------------------------
vsm-large-short-quote
--------------------------------*/
.vsm-large-short-quote .bg {
  background: #009996;
  padding: 3rem 0;
}
.vsm-large-short-quote .container {
  border-radius: 1rem;
}
.vsm-large-short-quote .content p {
  font-size: 2.9rem;
 font-family: 'Red Hat Display', sans-serif;
  margin-bottom: 1rem;
}
.vsm-large-short-quote .ico i {
  font-size: 40px;
  font-size: 1.75rem;
  color: rgba(var(--vsm-white), 1);
  margin-top: 2rem;
}

/* ------------------------------
End vsm-large-short-quote
--------------------------------*/
/* ------------------------------
VSM Full Width Call to Action
--------------------------------*/
.vsm-full-width-call-to-action .bg {
  position: relative;
}
.vsm-full-width-call-to-action .bg::before {
  content: "";
  background: rgb(0, 0, 0);
  background: -moz-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}
.vsm-full-width-call-to-action .content {
  color: #F7F7F7;
}
.vsm-full-width-call-to-action .content .rte p {
  font-weight: 300;
}
.vsm-full-width-call-to-action .md-heading {
  color: #FFF;
  font-weight: 800;
}
.vsm-full-width-call-to-action .bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(var(--vsm-quaternary-colour), 1);
  padding: 2.5rem 0;
}
@media (min-width: 1024px) {
  .vsm-full-width-call-to-action .bg {
    padding: 5rem 0;
  }
}
.vsm-full-width-call-to-action .col {
  position: relative;
  flex: 1 0 100%;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .vsm-full-width-call-to-action .col {
    flex: 1 0 100%;
    max-width: 100%;
  }
}
/* ------------------------------
End VSM Full Width Call to Action
--------------------------------*/
/* ------------------------------
VSM Content image 100
--------------------------------*/
.vsm-content-in-image-100 {
  background: #121010;
}
.vsm-content-in-image-100 .vsm-body .content-in-image .heading {
  font-weight: 800;
  font-size: 3rem;
}
@media(max-width: 768px) {
  .vsm-content-in-image-100 .vsm-body .content-in-image .heading {
    font-size: 2rem;
  }
}
@media (min-width: 320px) {
  .vsm-content-in-image-100 .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-content-in-image-100 .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-content-in-image-100 .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-content-in-image-100.white-bg {
  background: #fff;
}
.vsm-content-in-image-100 .row {
  text-align: center;
}
.vsm-content-in-image-100 .content-in-image .media::before {
  background: transparent;
}
.vsm-content-in-image-100 .content-in-image .content .xs-heading {
  color: #121010;
}
.vsm-content-in-image-100 .content-in-image .content .md-heading {
  color: #121010;
  background: transparent !important;
}
.vsm-content-in-image-100 .content-in-image .content .rte p {
  color: #121010;
  font-size: 1.5rem;
}
.vsm-content-in-image-100 .content-in-image .content .col-auto .btn {
  background: #C6148E;
}
.vsm-content-in-image-100 .content-in-image .content .col-auto .btn:hover {
  background: #009996;
}



/* ------------------------------
END VSM Content image 100
--------------------------------*/
/* ------------------------------
VSM Full content image 50-50 ALT
--------------------------------*/
/* @media (min-width: 320px) {
  .vsm-content-image-50-50 .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-content-image-50-50 .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-content-image-50-50 .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
} */

.vsm-content-image-50-50 .media{
  width: 100%;
}
.vsm-content-image-50-50 .col-md-6.order-md-2 .md-heading {
  font-size: 3.5rem;
  font-weight: 800;
}
@media(max-width: 768px) {
  .vsm-content-image-50-50 .col-md-6.order-md-2 .md-heading {
  font-size: 3rem;
  }
}
.vsm-content-image-50-50 .col-md-6.order-md-2 .md-heading span {
  color: rgb(22, 145, 145);
}
.vsm-content-image-50-50 .col-md-6.order-md-2 .rte p {
  margin-top: 1.4rem;
  font-size: 18px;
  font-weight: 300;
}
@media (min-width: 1200px) {
  .vsm-content-image-50-50 .col-md-6.order-md-2 .rte p {
    padding-right: 1.5rem;
  }
}
.vsm-content-image-50-50 .col-md-6.order-md-1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.vsm-content-image-50-50.left .rte p {
  margin-top: 1.4rem;
  font-size: 18px;
  font-weight: 300;
}
.vsm-content-image-50-50.alt {
  overflow: hidden;
  background: #212121;
}
.vsm-content-image-50-50.alt .md-heading {
  font-weight: 800;
  color: #fff;
}

.vsm-content-image-50-50.black-header .col .md-heading {
  padding-left: 8.333%;
  padding-right: 15%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background: #171717;
  color: #ffffff;
  z-index: 2;
  position: relative;
}

.vsm-content-image-50-50.black-header .col .rte {
  padding-top: 3rem;
}
@media (max-width: 768px) {
  .vsm-content-image-50-50.black-header .col .rte {
  padding-top: 0;
  padding-left: 10px;
  }
}

@media (min-width: 1200px) {
  .vsm-content-image-50-50.black-header .col .md-heading {
    right: 26.6667%;
    padding-left: 12.333%;
    padding-right: 40%;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (min-width: 1200px) {
  .vsm-content-image-50-50.black-header .col .md-heading {
    width: 127%;
  }
  .vsm-content-image-50-50.black-header .col .md-heading::before {
    top: 0;
    width: 35%;
    content: " ";
    background: #364042;
    position: absolute;
    right: 0;
    height: 40px;
    display: block;
    border-top: 64px solid #fff;
    border-left: 87px solid #171717;
  }
}
@media (min-width: 1024px) {
  .vsm-content-image-50-50.black-header .col .md-heading::after {
    bottom: -4rem;
    width: 35%;
    content: " ";
    background: #364042;
    position: absolute;
    left: 0;
    height: 0rem;
    display: block;
    border-top: 64px solid #171717;
    border-right: 87px solid #fff;
  }
}

@media (min-width: 2000px) {
  .vsm-content-image-50-50.black-header .col .md-heading::after {
    bottom: -3.3rem;
  }
}
.vsm-content-image-50-50.alt .xs-heading {
  color: #fff;
}
.vsm-content-image-50-50.alt .rte p {
  color: #fff;
}
.vsm-content-image-50-50.alt .col-md-4 {
  position: relative;
}
.vsm-content-image-50-50.alt .col-md-4 .media {
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .vsm-content-image-50-50.alt .col-md-4 .media {
    width: 18rem;
    height: 18rem;
  }
}
@media (min-width: 1024px) {
  .vsm-content-image-50-50.alt .col-md-4 .media {
    width: 22rem;
    height: 22rem;
  }
}
@media (min-width: 1200px) {
  .vsm-content-image-50-50.alt .col-md-4 .media {
    width: 22rem;
    height: 22rem;
  }
}

/* ------------------------------
END VSM Full content image 50-50 ALT
--------------------------------*/
/* ------------------------------
VSM Full Width Call to Action Alt
--------------------------------*/
.vsm-full-width-call-to-action-alt .bg {
  position: relative;
}
@media (min-width: 320px) {
  .vsm-full-width-call-to-action-alt .bg {
    padding-top: var(--vsm-mobile-padding-top);
  }
}
@media (min-width: 768px) {
  .vsm-full-width-call-to-action-alt .bg {
    padding-top: var(--vsm-tablet-padding-top);
  }
}
@media (min-width: 1024px) {
  .vsm-full-width-call-to-action-alt .bg {
    padding-top: var(--vsm-desktop-padding-top);
  }
}
.vsm-full-width-call-to-action-alt .bg::before {
  content: "";
  background: rgb(175, 66, 122);
  background: -moz-linear-gradient(273deg, rgba(175, 66, 122, 0.4808517157) 0%, rgb(0, 0, 0) 100%);
  background: -webkit-linear-gradient(273deg, rgba(175, 66, 122, 0.4808517157) 0%, rgb(0, 0, 0) 100%);
  background: linear-gradient(273deg, rgba(175, 66, 122, 0.4808517157) 0%, rgb(0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#af427a",endColorstr="#000000",GradientType=1);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}
.vsm-full-width-call-to-action-alt .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .vsm-full-width-call-to-action-alt .col {
    -ms-flex: 1 0 70%;
    flex: 1 0 70%;
    max-width: 70%;
  }
}
.vsm-full-width-call-to-action-alt .col .content {
  text-align: center;
}
.vsm-full-width-call-to-action-alt .col .content .rte {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.vsm-full-width-call-to-action-alt .col .content .md-heading {
  padding: 1rem 1rem;
  text-align: center;
  color: #fff;
  display: inline;
}
@media(max-width: 768px) {
  .vsm-full-width-call-to-action-alt .col .content .md-heading {
    font-size: 2rem;
  }
}
.vsm-full-width-call-to-action-alt .col .content .btn {
  background: #C6148E;
  border-color: #C6148E;
}
.vsm-full-width-call-to-action-alt .col .content .btn:hover {
  background: #009996;
  border-color: #009996;
}

/* ------------------------------
End VSM Full Width Call to Action Alt
--------------------------------*/
/* ------------------------------
VSM Default Internal Hero
--------------------------------*/
.vsm-default-internal-hero {
  position: relative;
  overflow: visible;
}

.vsm-default-internal-hero .bg {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

@media (min-width:992px){
  .vsm-default-internal-hero .bg:after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 60rem;
  height: 70px;
  background: #fff;
  background: radial-gradient(circle at top left, transparent 40px, #fff 0) no-repeat;
  border-radius: 0;
  background: linear-gradient(-135deg, transparent 50px, #fff 0);
}
}



@media (min-width:1550px){
  .vsm-default-internal-hero .bg:after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 89rem;
  height: 70px;
  background: #fff;
  background: radial-gradient(circle at top left, transparent 40px, #fff 0) no-repeat;
  border-radius: 0;
  background: linear-gradient(-135deg, transparent 50px, #fff 0);
}
}

@media (min-width:992px){
  .vsm-default-internal-hero.meet .bg:after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 60rem;
  height: 70px;
  background: #000;
  background: radial-gradient(circle at top left, transparent 40px, #000 0) no-repeat;
  border-radius: 0;
  background: linear-gradient(-135deg, transparent 50px, #000 0);
}
}



@media (min-width:1550px){
  .vsm-default-internal-hero.meet .bg:after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 89rem;
  height: 70px;
  background: #000;
  background: radial-gradient(circle at top left, transparent 40px, #000 0) no-repeat;
  border-radius: 0;
  background: linear-gradient(-135deg, transparent 50px, #000 0);
}
}

  .vsm-default-internal-hero.small-hero .bg::after{
     display: none;
  }


.vsm-default-internal-hero .bg:before {
  background: rgb(22, 145, 145);
  background: -moz-linear-gradient(0deg, rgb(22, 145, 145) 0%, rgba(0, 0, 0, 0.4136248249) 100%);
  background: -webkit-linear-gradient(0deg, rgb(22, 145, 145) 0%, rgba(0, 0, 0, 0.4136248249) 100%);
  background: linear-gradient(0deg, rgb(22, 145, 145) 0%, rgba(0, 0, 0, 0.4136248249) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#169191",endColorstr="#000000",GradientType=1);
}
.vsm-default-internal-hero .content .heading {
  color: rgba(var(--vsm-white), 1);
}
@media(max-width: 768px) {
  .vsm-default-internal-hero .content .heading {
    font-size: 2.5rem;
  }
}
.vsm-default-internal-hero.small-hero .bg {
  padding: 10rem 0 4.375rem 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  align-items: center;
  display: flex;
  align-items: center;
  position: relative;
}

.vsm-default-internal-hero.small-hero .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
  margin-left: 1px;
}

.vsm-default-internal-hero.small-hero{
  background: #080808;
}

.vsm-default-internal-hero.small-hero .bg::before{
  background: transparent;
}

.vsm-default-internal-hero .bg {
  padding: 12rem 0 12rem 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  align-items: center;
  display: flex;
  align-items: center;
  position: relative;
}

@media(max-width: 768px) {
  .vsm-default-internal-hero .bg {
    padding: 12rem 0 8rem 0;
  }
}
.vsm-default-internal-hero .bg:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: normal;
}

/* ------------------------------
End VSM Default Internal Hero
--------------------------------*/
/* ------------------------------
VSM Intro Content 40/60
--------------------------------*/

.vsm-intro-content-40-60 .bg{
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.vsm-intro-content-40-60 .vsm-body .rte.larger-text p {
  font-size: 18px !important;
}

.vsm-intro-content-40-60.slant .bg:before{
  top: 30.9rem;
  width: 35%;
  content: " ";
  background: #364042;
  position: absolute;
  right: 0;
  height: 40px;
  display: block;
  border-top: 64px solid #fff;
  z-index: 1;
  border-left: 87px solid #000;
}

@media (min-width: 1200px) {
   .vsm-intro-content-40-60.slant .bg:before{
       top: 29.4rem;
  }
}
@media (min-width:2000px){
  .vsm-intro-content-40-60.slant .bg:before{
    top: 27.76rem;
  }
}
.vsm-intro-content-40-60 .content {
  margin-bottom: 1.875rem;
  color: #121010;
}
@media (min-width: 1200px) {
  .vsm-intro-content-40-60 .content .rte.larger-text p {
    font-size: 18px;
  }
}
.vsm-intro-content-40-60 .vsm-header {
  color: #121010;
}
.vsm-intro-content-40-60 .vsm-header .md-heading {
  color: #121010;
  font-weight: 800;
}
@media(max-width: 768px) {
  .vsm-intro-content-40-60 .vsm-header .md-heading {
    font-size: 2rem;
  }
}
@media (min-width: 1024px) {
  .vsm-intro-content-40-60 .vsm-header .md-heading {
    font-size: 2.5rem;
  }
}

/* ------------------------------
End VSM Intro Content 40/60
--------------------------------*/
/* ------------------------------
VSM Content Image 100
--------------------------------*/
.vsm-content-in-image-100 .content-in-image {
  min-height: 300px;
  justify-content: center;
}
.vsm-content-in-image-100 .content-in-image .content {
  padding: 3.875rem 0rem;
}
.vsm-content-in-image-100 .col .content {
  -ms-flex: 1 0 95%;
  flex: 1 0 95%;
  max-width: 95%;
  text-align: center;
}
@media (min-width: 1024px) {
  .vsm-content-in-image-100 .col .content {
    -ms-flex: 1 0 82%;
    flex: 1 0 82%;
    max-width: 82%;
  }
}


/* ------------------------------
END VSM Content Image 100
--------------------------------*/
.vsm-full-width-call-to-action.video .bg {
  position: relative;
  background: rgb(252, 102, 51);
  background: -moz-linear-gradient(0deg, rgb(252, 102, 51) 0%, rgb(252, 51, 51) 100%);
  background: -webkit-linear-gradient(0deg, rgb(252, 102, 51) 0%, rgb(252, 51, 51) 100%);
  background: linear-gradient(0deg, rgb(252, 102, 51) 0%, rgb(252, 51, 51) 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc6633",endColorstr="#fc3333",GradientType=1);
  overflow: hidden;
}
.vsm-full-width-call-to-action.video .video {
  width: 100%;
  height: 100%;
}
.vsm-full-width-call-to-action.video .video video {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.vsm-full-width-call-to-action.video .md-heading {
  color: #FFF;
}
.vsm-full-width-call-to-action.video .rte p {
  color: #FFF;
  margin-top: 2rem;
}
.vsm-full-width-call-to-action.video .btn {
  background: #fff;
}
.vsm-full-width-call-to-action.video .btn span {
  color: #FC3333;
}

/* ------------------------------
VSM Content & Image 50/50 (Left, Right)
--------------------------------*/
.vsm-content-image-50-50 {
  /* padding-top: 1rem;
  padding-bottom: 1rem; */
  position: relative;
}
/* @media (min-width: 320px) {
  .vsm-content-image-50-50 .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-content-image-50-50 .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-content-image-50-50 .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
} */

@media (min-width: 1024px) {
  .vsm-content-image-50-50 .md-heading {
    font-size: 3.5rem;
  }
}
.vsm-content-image-50-50 .container-fluid {
  width: 100%;
  padding-left: 0rem;
  overflow: hidden;
}
.vsm-content-image-50-50.blue-bg {
  background: #121010;
}
@media (min-width: 1024px) {
  .vsm-content-image-50-50.blue-bg .md-heading {
    font-size: 2.5rem;
  }
}
.vsm-content-image-50-50.blue-bg .col {
  color: #ffffff;
}
.vsm-content-image-50-50.blue-bg .media {
  overflow: hidden;
  width: 100%;
  align-items: center;
  height: 100%;
  padding: 0 3rem;
}
.vsm-content-image-50-50.blue-bg .media::after {
  display: none;
}
.vsm-content-image-50-50.blue-bg .media img {
  -o-object-fit: contain;
  object-fit: contain;
}
.vsm-content-image-50-50.with-background-image .bg {
  position: relative;
  z-index: 1;
  padding: 7rem 0rem;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}
.vsm-content-image-50-50.with-background-image .bg .container {
  position: inherit;
  z-index: 3;
}
@media (min-width: 768px) {
  .vsm-content-image-50-50.with-background-image.right .order-md-2 .content {
    padding-left: 8.333%;
  }
}
.vsm-content-image-50-50.blue-header .col-md-6 {
  padding-left: 0rem;
  padding-right: 0rem;
  z-index: 0;
}
@media (min-width: 768px) {
  .vsm-content-image-50-50.blue-header .col.right .order-md-2 .content {
    padding: 0;
  }
}
.vsm-content-image-50-50.blue-header .col.align-self-center {
  align-self: auto !important;
}
.vsm-content-image-50-50.blue-header .col .md-heading {
  padding-left: 8.333%;
  padding-right: 15%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background: #171717;
  color: #ffffff;
  z-index: 2;
  position: relative;
}
@media (min-width: 768px) {
  .vsm-content-image-50-50.blue-header .col .md-heading {
    font-size: 44px;
    font-size: 2.75rem;
  }
}
@media (min-width: 1024px) {
  .vsm-content-image-50-50.blue-header .col .md-heading {
    font-size: 56px;
    font-size: 3.5rem;
  }
}
.vsm-content-image-50-50.blue-header .col .rte {
  padding-left: 8.333%;
  padding-right: 15%;
  padding-top: 2rem;
  font-size: var(--vsm-text-size);
}
.vsm-content-image-50-50.blue-header .col .rte li,
.vsm-content-image-50-50.blue-header .col .rte p,
.vsm-content-image-50-50.blue-header .col .rte dd,
.vsm-content-image-50-50.blue-header .col .rte a {
  font-size: var(--vsm-text-size);
}
.vsm-content-image-50-50.blue-header .col .rte.larger-text {
  font-size: var(--vsm-intro-text-size);
}
.vsm-content-image-50-50.blue-header .col .rte.larger-text li,
.vsm-content-image-50-50.blue-header .col .rte.larger-text p,
.vsm-content-image-50-50.blue-header .col .rte.larger-text dd,
.vsm-content-image-50-50.blue-header .col .rte.larger-text a {
  font-size: var(--vsm-intro-text-size);
}
.vsm-content-image-50-50.blue-header .btn {
  margin-top: 1rem;
  margin-left: 8.333%;
}
.vsm-content-image-50-50.black-bg.pink-btn .btn {
  background: #C6148E !important;
  border-color: #C6148E !important;
}
.vsm-content-image-50-50.black-bg.pink-btn .btn:hover {
  background: #009996 !important;
  border-color: #009996 !important;
}
.vsm-content-image-50-50.black-bg .container {
  background-color: #171717;
  padding: 1.5rem 2rem;
}
.vsm-content-image-50-50.black-bg .container .content .md-heading {
  color: #FFF;
  font-weight: 800;
}
.vsm-content-image-50-50.black-bg .container .content .rte p {
  color: #FFF;
}
.vsm-content-image-50-50.black-bg .container .content .btn {
  background: #009996;
  border: 1px solid #009996;
}
.vsm-content-image-50-50.black-bg .container .content .btn span {
  color: #fff !important;
}
.vsm-content-image-50-50.black-bg .container .content .btn:hover {
  background: #C6148E;
  border-color: #C6148E;
}
.vsm-content-image-50-50.black-bg .container .content .btn:hover span {
  color: #FFF;
}
.vsm-content-image-50-50.black-bg .container .content .btn span {
  color: #FC3333;
}

/* ------------------------------
End VSM Content & Image 50/50 (Left, Right)
--------------------------------*/
/* ------------------------------
VSM Split Content 50-50
--------------------------------*/
.vsm-split-content-50-50 .bg {
  position: relative;
}
@media (min-width: 320px) {
  .vsm-split-content-50-50 .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-split-content-50-50 .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-split-content-50-50 .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}

@media (min-width: 1200px) {
  .vsm-split-content-50-50 .bg::before {
    top: -7rem;
  }
}
.vsm-split-content-50-50 .row {
  z-index: 3;
  position: relative;
}
.vsm-split-content-50-50 .content {
  margin-bottom: 1.875rem;
}
.vsm-split-content-50-50 .media {
  overflow: hidden;
}
.vsm-split-content-50-50 .sm-heading {
  font-size: var(--vsm-sm-heading);
  font-weight: 800;
  color: #121010;
}
.vsm-split-content-50-50 .btn {
  background: #FFF;
  border: 2px solid #C6148E;
  position: relative;
  transition: all 0.5s ease;
}

.vsm-split-content-50-50 .btn:hover {
  background: #FFF;
  border: 2px solid #009996;
  position: relative;
}

.vsm-split-content-50-50 .btn::after {
  content: '';
  width: 100%;
  height: 100%;
  border: #C6148E 2px solid;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.5s ease;
  /* border: 2px solid #C6148E; */
}

.vsm-split-content-50-50 .btn:hover {
  background: #C6148E;
}
.vsm-split-content-50-50 .btn:hover span {
  color: #FFF;
}
.vsm-split-content-50-50 .btn span {
  color: #000;
}

/* ------------------------------
End VSM Split Content 50-50
--------------------------*/
/* ------------------------------
VSM The Team
--------------------------*/
/* @media (min-width: 320px) {
  .vsm-the-team .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-the-team .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-the-team .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
} */
@media (min-width: 768px) {
  .vsm-the-team .vsm-header .col .content {
    text-align: left;
    width: 50%;
  }
  .vsm-the-team .vsm-header .col .content .md-heading {
    font-weight: 800;
  }
}
.vsm-the-team .vsm-body .col {
  flex-grow: 0;
}
.vsm-the-team .person {
  display: flex;
  margin: 0.938rem 0px;
  align-items: center;
  background-color: #171717;
}
.vsm-the-team .person h4 a {
  color: #FFF;
}
.vsm-the-team .person p {
  color: #FFF;
}
.vsm-the-team .person:hover {
  background: #009996;
  cursor: pointer;
}
.vsm-the-team .person:hover h4 a {
  color: #FFF;
}
.vsm-the-team .person:hover p {
  color: #FFF;
}
.vsm-the-team .person .media {
  flex: 1;
  width: 10rem;
  flex-grow: 0;
  height: 4rem;
  min-width: 7rem;
  min-height: 5rem;
  border-radius: 0;
  overflow: hidden;
  margin-right: 0.938rem;
  position: relative;
}
@media (min-width: 768px) {
  .vsm-the-team .person .media {
    width: 5rem;
    height: 5rem;
  }
}
@media (min-width: 1024px) {
  .vsm-the-team .person .media {
    width: 7.813rem;
    height: 7.813rem;
    aspect-ratio: 1/1;
  }
}
.vsm-the-team .person .media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  z-index: 1;
  border-radius: 0;
  overflow: hidden;
}
.vsm-the-team .person .media[data-initials]:before {
  background: rgba(var(--vsm-primary-colour), 1);
  color: rgba(var(--vsm-white), 1);
  opacity: 1;
  content: attr(data-initials);
  display: inline-block;
  font-weight: 600;
  border-radius: 0px;
  vertical-align: middle;
  margin-right: 0;
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}
.vsm-the-team .person .description {
  flex: 1;
}
.vsm-the-team .person .description h4,
.vsm-the-team .person .description p {
  color: #fff;
  margin: 0;
  line-height: 1;
}
.vsm-the-team .person .description h4 {
  font-size: 18px;
  font-size: 1.125rem;
  margin-bottom: 0.313rem;
}
.vsm-the-team .person .description p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2;
}
.vsm-the-team .justify-content-center {
  justify-content: start !important;
  margin-top: 1.3rem;
}

/* ------------------------------
End VSM The Team
--------------------------*/
/* ------------------------------
VSM Oversized Statement Block
--------------------------------*/
.vsm-oversized-statement-block {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.vsm-oversized-statement-block .bg{
  position: relative;
}

.vsm-oversized-statement-block .bg::after{
    bottom: -10.5rem;
    width: 35%;
    content: " ";
    background: #364042;
    position: absolute;
    right: 0;
    height: 40px;
    display: none;
    border-top: 64px solid #fff;
    z-index: 1;
    border-left: 87px solid #000;
}


@media (min-width: 320px) {
  .vsm-oversized-statement-block .bg .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-oversized-statement-block .bg .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-oversized-statement-block .bg .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-botton: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-oversized-statement-block .rte {
  font-size: var(--vsm-oversized-text-size);
  font-weight: 300;
}
.vsm-oversized-statement-block .rte li,
.vsm-oversized-statement-block .rte p,
.vsm-oversized-statement-block .rte dd,
.vsm-oversized-statement-block .rte a {
  font-family: 'Red Hat Display', sans-serif;
  font-weight: 300;
  font-size: var(--vsm-oversized-text-size);
}
.vsm-oversized-statement-block .rte strong {
  font-weight: 500;
}

@media (max-width: 768px) {
  .vsm-oversized-statement-block.padding-bottom .rte p {
    text-align: left !important;
  }
}


/* ------------------------------
End VSM Oversized Statement Block
--------------------------------*/
/* ------------------------------
VSM Wide Content
--------------------------------*/
@media (min-width: 320px) {
  .vsm-wide-content .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-wide-content .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-wide-content .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-wide-content .md-heading {
  font-weight: 800;
  margin-bottom: 2rem;
}
.vsm-wide-content blockquote {
  font-size: 1.8rem;
  line-height: 3rem;
}
@media (min-width: 1024px) {
  .vsm-wide-content .md-heading {
    font-size: 2.5rem;
  }
}
.vsm-wide-content .rte ul li::before {
  color: #C6148E;
}

/* ------------------------------
End Wide Content
--------------------------------*/
/* ------------------------------
VSM Accordion Mixed Content 50/50
--------------------------------*/
.vsm-accordion-mixed-content-50-50 {
  overflow: hidden;
}
@media (min-width: 320px) {
  .vsm-accordion-mixed-content-50-50 .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-accordion-mixed-content-50-50 .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-accordion-mixed-content-50-50 .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-accordion-mixed-content-50-50 .component-wrapper {
  position: relative;
}
.vsm-accordion-mixed-content-50-50 .component-wrapper .container {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 1024px) {
  .vsm-accordion-mixed-content-50-50 .component-wrapper .container {
    position: absolute;
  }
}
.vsm-accordion-mixed-content-50-50 .media {
  margin-bottom: 0rem;
}
@media (min-width: 1024px) {
  .vsm-accordion-mixed-content-50-50 .left-col {
    width: 51%;
  }
}
.vsm-accordion-mixed-content-50-50 .left-col .content .sm-heading {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 1rem;
  font-weight: 800;
}
.vsm-accordion-mixed-content-50-50 .left-col .content .rte {
  padding-right: 3.5rem;
  padding-bottom: 1.5rem;
  position: relative;
}
.vsm-accordion-mixed-content-50-50 .left-col .content .accordion {
  background-color: #ffffff;
}
.vsm-accordion-mixed-content-50-50 .left-col .content .accordion .accordion-item .content {
  background-color: #ffffff;
}
.vsm-accordion-mixed-content-50-50 .left-col .media {
  position: relative;
  overflow: hidden;
  padding-top: 100%;
  margin-bottom: 0.938rem;
  width: 100%;
  top: 0;
}
@media (min-width: 768px) {
  .vsm-accordion-mixed-content-50-50 .left-col .media {
    padding-top: 130%;
  }
}
.vsm-accordion-mixed-content-50-50 .left-col .media .content {
  background-color: #f8f8f8;
  padding-top: 1.5rem;
}
.vsm-accordion-mixed-content-50-50 .left-col .media .content .rte {
  padding-right: 1.5rem;
}
.vsm-accordion-mixed-content-50-50 .left-col .media .accordion {
  background-color: #ffffff;
}
.vsm-accordion-mixed-content-50-50 .left-col .media .accordion .accordion-item .content {
  background-color: #ffffff;
}
.vsm-accordion-mixed-content-50-50 .left-col .media .sm-heading,
.vsm-accordion-mixed-content-50-50 .left-col .media .rte,
.vsm-accordion-mixed-content-50-50 .left-col .media .accordion-item {
  padding-left: 20%;
}
.vsm-accordion-mixed-content-50-50 .left-col .accordion-item {
  border: 0;
  padding-right: 1.5rem;
  border-radius: 0;
  border-top: 0.063rem solid rgba(0, 0, 0, 0.7);
}
.vsm-accordion-mixed-content-50-50 .left-col .accordion-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.25rem 0;
  font-weight: 800;
}
@media (min-width: 768px) {
  .vsm-accordion-mixed-content-50-50 .left-col .accordion-header {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.vsm-accordion-mixed-content-50-50 .left-col .accordion-header:after {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
  content: "\f107";
  transform: rotate(270deg);
  font-size: 1.5rem !important;
  font-size: 16px;
  font-size: 1rem;
  display: flex;
  position: relative;
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  color: #C6148E;
}
.vsm-accordion-mixed-content-50-50 .left-col .accordion-header.collapsed:after {
  content: "\f107";
  transform: rotate(0deg);
}
.vsm-accordion-mixed-content-50-50 .right-col {
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .vsm-accordion-mixed-content-50-50 .right-col {
    max-width: 100%;
    left: calc(50% + 0.75rem);
    padding-right: 0;
    padding-left: 0;
    right: 0;
    bottom: 0;
    top: 0;
  }
}
.vsm-accordion-mixed-content-50-50 .right-col .media {
  width: 100%;
  padding-top: 60%;
  position: relative;
}
@media (min-width: 768px) {
  .vsm-accordion-mixed-content-50-50 .right-col .media {
    width: 100%;
    overflow: hidden;
    margin-left: 2rem;
  }
}
@media (min-width: 1024px) {
  .vsm-accordion-mixed-content-50-50 .right-col .media {
    padding-top: 40%;
    width: calc(50% - 0.75rem);
    overflow: hidden;
    margin-left: 2rem;
  }
}
@media (min-width: 1400px) {
  .vsm-accordion-mixed-content-50-50 .right-col .media {
    padding-top: 30%;
    width: calc(50% - 0.75rem);
    overflow: hidden;
    margin-left: 2rem;
  }
}
.vsm-accordion-mixed-content-50-50 .right-col .media img,
.vsm-accordion-mixed-content-50-50 .right-col .media .video {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  height: 100%;
  overflow: hidden;
}

/* ------------------------------
End VSM Accordion Mixed Content 50/50
--------------------------------*/
/* ------------------------------
VSM Stats Count Up
--------------------------------*/
@media (min-width: 320px) {
  .vsm-stats-count-up .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-stats-count-up .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-stats-count-up .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
@media (min-width: 320px) {
  .vsm-stats-count-up .bg {
    height: 50%;
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
  .vsm-stats-count-up .col {
    margin-bottom: 1rem;
  }
  .vsm-stats-count-up .col .stat .media {
    height: 6rem;
  }
}
@media (min-width: 1024px) {
  .vsm-stats-count-up .bg {
    height: 50%;
    padding-bottom: 2rem;
    padding-top: 2rem;
  }
}
.vsm-stats-count-up .col:nth-child(2) .stat {
  position: relative;
}
.vsm-stats-count-up .col:nth-child(3) .stat {
  position: relative;
}

.vsm-stats-count-up .row {
  column-gap: 1rem;
}

.vsm-stats-count-up .row .col {
  background: #171717;
}
.vsm-stats-count-up .col .stat {
  background-color: #171717;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.vsm-stats-count-up .col .stat:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-right: none;
  width: 100%;
  height: 100%;
}
.vsm-stats-count-up .col .stat .media {
  flex: 1;
  width: 10rem;
  height: 10rem;
  min-width: 5rem;
  min-height: 5rem;
  border-radius: 0;
  margin: 0 auto 0.938rem auto;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .vsm-stats-count-up .col .stat .media {
    width: 5rem;
    height: 5rem;
  }
}
@media (min-width: 1024px) {
  .vsm-stats-count-up .col .stat .media {
    width: 5rem;
    height: 5rem;
  }
}
.vsm-stats-count-up .col .stat .media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 3.125rem;
  margin: 0 auto;
}
.vsm-stats-count-up .col .stat .count {
  margin: 0 auto 0.938rem auto;
  text-align: center;
  font-size: 60px;
  font-size: 3.75rem;
  line-height: 1;
  font-weight: 700;
  color: #fff;
 font-family: 'Red Hat Display', sans-serif;
}
.vsm-stats-count-up .col .stat .count span {
  font-weight: 800;
}
.vsm-stats-count-up .col .stat .description {
  color: #fff;
  font-weight: 700;
  margin: 0 auto 0.938rem auto;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}

/* ------------------------------
End VSM Stats Count Up
--------------------------------*/
/* ------------------------------
VSM Split Content 33-33-33
--------------------------------*/
.vsm-split-content-33-33-33 .bg {
  background-position: center;
  background-size: inherit;
  background-repeat: no-repeat;
  align-items: center;
  display: flex;
  position: relative;
}
.vsm-split-content-33-33-33 .vsm-header .md-heading {
  font-weight: 800;
}

.vsm-split-content-33-33-33 .vsm-body .col-md-4 {
  margin-bottom: 2rem;
  min-height: 12rem;
}
.vsm-split-content-33-33-33 .vsm-body .col-md-4 .content {
  height: 90%;
}
.vsm-split-content-33-33-33 .vsm-body .col-md-4 .content .flex-container {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.vsm-split-content-33-33-33 .vsm-body .col-md-4 .content .flex-container .rte {
  margin-bottom: 0;
}
.vsm-split-content-33-33-33 .vsm-body .col-md-4 .content .flex-container a.btn {
  max-width: 60%;
}

@media(max-width:768px) {
  .vsm-split-content-33-33-33 .vsm-body .col-md-4 .content .flex-container a.btn {
    max-width: 100%;
  }
}

.vsm-split-content-33-33-33.bg-image {
  background: #000;
}

.vsm-split-content-33-33-33.bg-image .bg {
  background-size: cover;
}

@media (min-width: 320px) {
  .vsm-split-content-33-33-33 .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-split-content-33-33-33 .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-split-content-33-33-33 .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-split-content-33-33-33.bg-image .vsm-header {
  z-index: 2;
  position: relative;
  display: flex;
  justify-content: center;
}
.vsm-split-content-33-33-33.bg-image .vsm-header .col-10 {
  width: 100%;
}
.vsm-split-content-33-33-33.bg-image .vsm-header .md-heading {
  font-weight: 800;
  color: #fff;
}
.vsm-split-content-33-33-33.bg-image .content {
  z-index: 2;
  position: relative;
  /* margin-bottom: 1.675rem; */
  padding: 1rem 0;
}
/* .vsm-split-content-33-33-33.bg-image .content:hover {
  background: #171717;
  padding: 1rem;
} */
.vsm-split-content-33-33-33.bg-image .content:hover .sm-heading {
  color: #fff;
}
.vsm-split-content-33-33-33.bg-image .content:hover .rte p {
  color: #fff;
}
.vsm-split-content-33-33-33.bg-image .content .sm-heading {
  font-weight: 700;
  font-size: 1.8rem;
  color: #fff;
}

.vsm-split-content-33-33-33.bg-image .content .rte p {
  color: #fff;
}
.vsm-split-content-33-33-33.white-bg {
  position: relative;
}
.vsm-split-content-33-33-33.white-bg::after {
  content: "";
  background-image: url("/img/globe.svg");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: -29rem;
  bottom: 0;
  right: 0;
  height: 100%;
}
.vsm-split-content-33-33-33.white-bg .vsm-header {
  z-index: 2;
  position: relative;
}
.vsm-split-content-33-33-33.white-bg .vsm-header .md-heading {
  font-weight: 800;
  color: #000;
}
.vsm-split-content-33-33-33.white-bg .content {
  z-index: 2;
  position: relative;
  margin-bottom: 1.675rem;
  border: 1px solid #000;
  padding: 1rem 2rem;
  min-height: 19rem;
  background-color: #fff;
}
.vsm-split-content-33-33-33.white-bg .content:hover {
  background: #171717;
}
.vsm-split-content-33-33-33.white-bg .content:hover .sm-heading {
  color: #fff;
}
.vsm-split-content-33-33-33.white-bg .content:hover .rte p {
  color: #fff;
}
.vsm-split-content-33-33-33.white-bg .content .sm-heading {
  font-weight: 700;
  font-size: 1.8rem;
  color: #000;
}
.vsm-split-content-33-33-33.white-bg .content .rte p {
  color: #000;
}
.vsm-split-content-33-33-33.white-bg .col-10 {
  flex: 0 0 auto;
  width: 100%;
  text-align: left;
}
.vsm-split-content-33-33-33.white-bg .vsm-header {
  text-align: left;
  margin-bottom: 4rem;
}
.vsm-split-content-33-33-33.white-bg .col-md-4 {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}
.vsm-split-content-33-33-33.white-bg .content {
  margin-bottom: 1.875rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}
.vsm-split-content-33-33-33.white-bg .sm-heading {
  font-size: var(--vsm-sm-heading);
  font-weight: 800;
  margin-bottom: 2rem;
}
.vsm-split-content-33-33-33.white-bg .btn {
  max-width: 50%;
  display: flex;
  justify-content: center;
  border: 2px solid #C6148E;
  background-color: #C6148E;
}
@media(max-width: 768px) {
  .vsm-split-content-33-33-33.white-bg .btn {
    max-width: 100%;
  }
}
.vsm-split-content-33-33-33.white-bg .btn span {
  color: #fff;
}
.vsm-split-content-33-33-33.white-bg .btn:hover {
  background-color: #009996;
  border-color: #009996;
}
.vsm-split-content-33-33-33.white-bg .btn:hover span {
  color: #fff;
}

/* ------------------------------
End VSM Split Content 33-33-33
--------------------------------*/
/* ------------------------------
VSM Aligned title intro text
--------------------------------*/
@media (min-width: 320px) {
  .vsm-aligned-title-intro-text .bg {
    padding-top: var(--vsm-mobile-padding-top);
  }
}
@media (min-width: 768px) {
  .vsm-aligned-title-intro-text .bg {
    padding-top: var(--vsm-tablet-padding-top);
  }
}
@media (min-width: 1024px) {
  .vsm-aligned-title-intro-text .bg {
    padding-top: var(--vsm-desktop-padding-top);
  }
}
.vsm-aligned-title-intro-text .md-heading {
  font-weight: 800;
  margin-bottom: 2rem;
}
.vsm-aligned-title-intro-text .content .xs-heading {
  margin-bottom: 2rem;
}
.vsm-aligned-title-intro-text .content .media {
  border-radius: 1rem;
}
.vsm-aligned-title-intro-text .content .media img {
  border-radius: 1rem;
}

/* ------------------------------
End VSM Aligned title intro text
--------------------------------*/
/* ------------------------------
VSM Split Content 25-25-25-25
--------------------------------*/
@media (min-width: 320px) {
  .vsm-split-content-25-25-25-25 .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-split-content-25-25-25-25 .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-split-content-25-25-25-25 .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-split-content-25-25-25-25 .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .vsm-split-content-25-25-25-25 .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1024px) {
  .vsm-split-content-25-25-25-25 .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    max-width: 25%;
  }
}

@media(max-width: 768px) {
  .vsm-split-content-25-25-25-25 .media {
    margin-bottom: 0;
  }
}
.vsm-split-content-25-25-25-25 .media {
  height: 9.375rem;
  margin-bottom: 2rem;
}
.vsm-split-content-25-25-25-25 .media:after {
  content: "";
  background-image: url(/img/smallangle.svg);
  background-position: center;
  background-size: cover;
  position: absolute;
  bottom: -1rem;
  left: -5rem;
  width: 100%;
  height: 3rem;
}
.vsm-split-content-25-25-25-25 .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vsm-split-content-25-25-25-25 .xs-heading {
  font-size: 1.85rem;
}
@media (min-width: 1200px) {
  .vsm-split-content-25-25-25-25 .xs-heading {
    padding-right: 2.2rem;
  }
}
.vsm-split-content-25-25-25-25 .inline-link {
  color: #C6148E;
}
.vsm-split-content-25-25-25-25 .inline-link span {
  color: #C6148E;
}
.vsm-split-content-25-25-25-25 .inline-link::after {
  color: #C6148E;
}

.vsm-split-content-25-25-25-25 .col {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}
.vsm-split-content-25-25-25-25 .col .content {
  display: flex;
  flex-direction: column;
  flex: 1;
  /* justify-content: space-between; */
}

@media (max-width: 768px) {
    .vsm-split-content-25-25-25-25 .col .content .rte {
      margin-bottom: 0;
  }
}


/* ------------------------------
End VSM Split Content 25-25-25-25
--------------------------------*/
/* ------------------------------
VSM Full Width Featured Columns Carousel 
--------------------------------*/

.vsm-full-width-featured-columns-carousel .bg {
  position: relative;
}

.vsm-full-width-featured-columns-carousel .component-wrapper.outer-variable-slides-0 {
  position: relative;
  padding-bottom: 4.5rem;
}



@media (min-width: 320px) {
  .vsm-full-width-featured-columns-carousel .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-full-width-featured-columns-carousel .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-full-width-featured-columns-carousel .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }

    .vsm-full-width-featured-columns-carousel .bg:before{
      bottom: 0;
      width: 68%;
      content: " ";
      background: rgba(54, 64, 66, 0);
      position: absolute;
      left: 0;
      height: 40px;
      display: block;
      border-bottom: 64px solid #fff;
      z-index: 1;
      border-right: 87px solid rgba(0, 0, 0, 0);
    }
}
.vsm-full-width-featured-columns-carousel .vsm-header {
  margin-bottom: 5rem;
}
.vsm-full-width-featured-columns-carousel .vsm-header .md-heading {
  color: #fff;
  font-weight: 800;
}
@media (min-width: 768px) {
  .vsm-full-width-featured-columns-carousel .vsm-header .col:nth-child(1) {
    max-width: 80%;
  }

  .vsm-full-width-featured-columns-carousel .vsm-body .col .rte {
    padding-right: 1rem;
  }

}

.vsm-full-width-featured-columns-carousel .vsm-body .col .xs-heading span {
  display: block;
  color: #169191;
  margin-bottom: 1rem;
}
.vsm-full-width-featured-columns-carousel .bg {
  position: relative;
  width: 100%;
  height: 100%;
}
.vsm-full-width-featured-columns-carousel .bg:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: multiply;
  background: #F8F8F8;
  z-index: 0;
}
.vsm-full-width-featured-columns-carousel .swiper-navigation {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.vsm-full-width-featured-columns-carousel .swiper-navigation div {
  margin: 0 0 0 1.1rem;
  left: 0;
  right: 0;
}
.vsm-full-width-featured-columns-carousel .swiper-slide {
  opacity: 0.5;
}
.vsm-full-width-featured-columns-carousel .swiper-slide .content {
  padding: 4rem 2rem 2rem 2rem !important;
}
.vsm-full-width-featured-columns-carousel .swiper-slide .content .xs-heading {
  color: #fff;
}
.vsm-full-width-featured-columns-carousel .swiper-slide .content .xs-heading span {
  color: #C6148E;
}
.vsm-full-width-featured-columns-carousel .swiper-slide .content .rte {
  margin-bottom: 0rem;
}
.vsm-full-width-featured-columns-carousel .swiper-slide .content .rte p {
  margin-bottom: 0rem;
  color: #fff;
}
.vsm-full-width-featured-columns-carousel .swiper-slide-active {
  opacity: 1;
}
.vsm-full-width-featured-columns-carousel .swiper-slide-active .content {
  padding: 1rem;
  animation: fadeIn 4s;
  -webkit-animation: fadeIn 4s;
  -moz-animation: fadeIn 4s;
  -o-animation: fadeIn 4s;
  -ms-animation: fadeIn 4s;
  background-color: rgba(0, 153, 150, 0.576);
  opacity: 1;
}
.vsm-full-width-featured-columns-carousel .swiper-slide-active .content .xs-heading {
  color: #FFF;
}
.vsm-full-width-featured-columns-carousel .swiper-slide-active .content .xs-heading span {
  color: #FFF;
}
.vsm-full-width-featured-columns-carousel .swiper-slide-active .content .rte p {
  color: #fff;
}
.vsm-full-width-featured-columns-carousel .swiper-button-prev {
  font-size: 30px;
  font-size: 1.875rem;
  color: rgba(var(--vsm-white), 1);
  position: relative;
  top: 0;
  background-color: #C6148E;
  border: none;
  border-radius: 0.1em;
  width: 2rem;
  height: 2.2rem;
}
.vsm-full-width-featured-columns-carousel .swiper-button-prev:after {
  content: "";
}
.vsm-full-width-featured-columns-carousel .swiper-button-next {
  font-size: 30px;
  font-size: 1.875rem;
  color: rgba(var(--vsm-white), 1);
  position: relative;
  top: 0;
  background-color: #C6148E;
  border: none;
  border-radius: 0.1em;
  width: 2rem;
  height: 2.2rem;
}
.vsm-full-width-featured-columns-carousel .swiper-button-next:after {
  content: "";
}

/* ------------------------------
End VSM Full Width Featured Columns Carousel
--------------------------------*/
.swiper-button-prev {
  border-radius: 0 !important;
  background-color: #C6148E;
}
.swiper-button-prev:after {
  content: "";
}

.swiper-button-next {
  border-radius: 0 !important;
  background-color: #C6148E;
}
.swiper-button-next:after {
  content: "";
}

/* ------------------------------
VSM Content Carousel
--------------------------------*/
.vsm-content-carousel {
  position: relative;
  overflow: hidden;
}
@media (min-width: 320px) {
  .vsm-content-carousel .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-content-carousel .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-content-carousel .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-content-carousel .md-heading {
  font-weight: 800;
}
.vsm-content-carousel .swiper-slide {
  border: 1px solid #171717;
}
.vsm-content-carousel .swiper-slide.swiper-slide-active .content {
  box-shadow: 14px 17px 17px 0px rgba(0, 0, 0, 0.4);
}
.vsm-content-carousel .swiper-slide .content .xs-heading {
  color: #009996;
}
.vsm-content-carousel.with-logos .media {
  display: block;
  text-align: center;
}
.vsm-content-carousel.with-logos .media img {
  width: 50%;
  object-fit: contain;
  height: 100%;
}
@media (min-width: 1024px) {
  .vsm-content-carousel.with-logos .media img {
    width: 70%;
  }
}
.vsm-content-carousel .vsm-body .col:nth-child(1) {
  margin-top: 2rem;
}
.vsm-content-carousel .vsm-header .justify-content-center {
  justify-content: start !important;
  text-align: left;
}
.vsm-content-carousel .vsm-body .flex-wrapper .flex-item {
  display: flex;
}
.vsm-content-carousel .vsm-body .col:nth-child(1) {
  margin-bottom: 2rem;
}
.vsm-content-carousel .vsm-body .media {
  display: block;
  text-align: center;
  width: 100%;
  object-fit: cover;
  height: auto;
}
.vsm-content-carousel .vsm-body .media img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.vsm-content-carousel .vsm-body .col .row .col {
  flex: 1 0 100%;
}
.vsm-content-carousel .content {
  background: #ffffff;
  padding: 1rem;
  height: 100%;
}
.vsm-content-carousel .content col {
  flex: 1 0 100%;
}
.vsm-content-carousel .swiper-navigation {
  margin-top: 2rem;
  position: relative;
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.vsm-content-carousel .swiper-navigation div {
  margin: 0 0 0 1rem;
  left: 0;
  right: 0;
}
.vsm-content-carousel .swiper-navigation .swiper-button-next, .vsm-content-carousel .swiper-navigation .swiper-button-prev {
  height: 2.5rem;
  border-radius: 1rem;
  width: 2.5rem;
}
.vsm-content-carousel .inline-link {
  position: absolute;
  bottom: 1rem;
  color: #C6148E;
}
.vsm-content-carousel .inline-link span {
  color: #C6148E;
}
.vsm-content-carousel .inline-link::after {
  color: #C6148E;
}
.vsm-content-carousel .inline-link:hover {
  opacity: 0.7;
}

.vsm-content-carousel .inline-link:hover::after {
  animation: none;
}

/* ------------------------------
END VSM Content Carousel
--------------------------------*/
/* ------------------------------
VSM Profile Cards
--------------------------------*/
.vsm-profile-cards {
  background: #000;
}
@media (min-width: 320px) {
  .vsm-profile-cards .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-profile-cards .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-profile-cards .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-profile-cards .row {
  gap: 1rem;
}
.vsm-profile-cards .col {
  flex: 1 0 32%;
}
@media(min-width: 900px) {
  .vsm-profile-cards .col {
    display: flex;
    justify-content: center;
  }
}
.vsm-profile-cards .col:nth-child(odd) {
  background: transparent;
}
.vsm-profile-cards .col:nth-child(even) {
  background: transparent;
}
.vsm-profile-cards .col .profile .media {
  position: relative;
  border-radius: 0;
  height: 20rem;
  width: 100%;
  overflow: hidden;
}
@media(min-width: 1200px) {
    .vsm-profile-cards .col .profile .media {
      min-width: 20rem;
  }
}
.vsm-profile-cards .col .profile .media::before {
  content: url("/img/mttarrowtopleft.svg");
  position: absolute;
  top: 0;
  left: 0.5rem;
  z-index: 2;
}
.vsm-profile-cards .col .profile .media::after {
  content: url("/img/mttarrowbottomright.svg");
  position: absolute;
  bottom: 0;
  right: 0.5rem;
  z-index: 2;
}

.vsm-profile-cards .col .profile .media::before {
  content: url("/img/mttarrowbottomright.svg");
  position: absolute;
  top: 0;
  left: 0.5rem;
  transform: rotate(180deg);
  z-index: 2;
}
.vsm-profile-cards .col .profile .media img {
  border-radius: 0;
}
.vsm-profile-cards .col .profile .media[data-initials]:before {
  display: none;
}
.vsm-profile-cards .col .profile .row .col-5 {
  padding-right: 0;
}

.vsm-profile-cards .col .profile .row .col-md-5 .btn{
  display: none;
}

.vsm-profile-cards .col .profile .row .col-auto {
  display: flex;
  align-items: start;
  padding-right: 0;
}
.vsm-profile-cards .col .profile .content {
  text-align: center;
}
.vsm-profile-cards .col .profile .content h4 {
  color: #fff;
  position: relative;
  font-weight: 800;
  font-size: 1.5rem;
  text-align: center;
}
.vsm-profile-cards .col .profile .content p {
  color: #fff;
  text-align: center;
}
.vsm-profile-cards .col .profile .content .rte {
  display: none;
}
.vsm-profile-cards .col .profile .content .social {
  text-align: center;
}
.vsm-profile-cards .col .profile .content .social .btn {
    justify-content: center;
    display: flex;
    max-width: 60%;
}
@media(max-width:768px) {
    .vsm-profile-cards .col .profile .content .social .btn {
      max-width: 100%;
  }
}
.vsm-profile-cards .col .profile .content .social li:nth-child(1) {
  margin-left: 0;
}
.vsm-profile-cards .col .profile .content .social li a i {
  color: #FFF;
}

/* ------------------------------
End VSM Profile Cards
--------------------------------*/
/* ------------------------------
VSM Latest Featured
--------------------------------*/
.vsm-latest-featured {
  background: #171717;
}
@media (min-width: 320px) {
  .vsm-latest-featured .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-latest-featured .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-latest-featured .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-latest-featured .vsm-header {
  margin-bottom: 1.875rem;
}
.vsm-latest-featured .vsm-header .md-heading {
  font-weight: 800;
  color: #fff;
}
.vsm-latest-featured .row.justify-content-between .col {
  flex: 1 0 0%;
}
.vsm-latest-featured .col {
  position: relative;
  flex: 1 0 100%;
  justify-items: center;
  align-items: center;
}
@media (min-width: 768px) {
  .vsm-latest-featured .col {
    flex: 1 0 33%;
  }
}
.vsm-latest-featured .content-card {
  margin-bottom: 0.938rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.vsm-latest-featured .content-card .media {
  height: 17rem;
  background: #fff;
  padding: 0.5rem;
}
.vsm-latest-featured .content-card .media::before {
  content: "";
  background-image: url(/img/cm-media.svg);
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  right: -12.7rem;
  width: 100%;
  height: 2.5rem;
}
.vsm-latest-featured .content-card .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 16/9;
}
.vsm-latest-featured .content-card .content {
  margin-top: 1rem;
  text-align: left;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
}
.vsm-latest-featured .content-card .content .subtitle {
  color: #fff;
}
.vsm-latest-featured .content-card .content .media {
  flex: 1;
  max-width: 5rem;
  max-height: 5rem;
  min-width: 5rem;
  min-height: 5rem;
  border-radius: 100em;
  overflow: hidden;
  margin: -2.5rem auto 1.875rem auto;
  background: rgb(0, 0, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.vsm-latest-featured .content-card .content .media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: 3.125rem;
}
.vsm-latest-featured .content-card .content .xs-heading {
  margin-top: 1rem;
  color: #fff;
}
.vsm-latest-featured .content-card .content .rte {
  margin-top: 1rem;
}
.vsm-latest-featured .content-card .content .rte p {
  color: #fff;
}
.vsm-latest-featured .content-card .content .inline-link::after {
  color: #C6148E;
}
.vsm-latest-featured .content-card .content .inline-link span {
  color: #C6148E;
}

/* ------------------------------
End VSM Latest Featured
--------------------------------*/
/* ------------------------------
VSM Short content 33-33-33
--------------------------------*/
@media (min-width: 320px) {
  .vsm-short-content-33-33-33 .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-short-content-33-33-33 .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-short-content-33-33-33 .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-short-content-33-33-33 .vsm-header .md-heading {
  font-weight: 800;
  font-family: 'Red Hat Display', sans-serif;
  margin-bottom: 2rem;
}
.vsm-short-content-33-33-33 .vsm-body .col {
  position: relative;
}
.vsm-short-content-33-33-33 .vsm-body .col:nth-child(1) .feature .media {
  background: #C6148E;
}
.vsm-short-content-33-33-33 .vsm-body .col:nth-child(2) .feature .media {
  background: #000;
}
.vsm-short-content-33-33-33 .vsm-body .col:nth-child(3) .feature .media {
  background: #009996;
}
@media (min-width: 1200px) {
  .vsm-short-content-33-33-33 .vsm-body .col::after {
    content: url("/img/greenline.svg");
    position: absolute;
    top: 0;
    right: 0.5rem;
    height: 100%;
  }
}
.vsm-short-content-33-33-33 .vsm-body .col:nth-child(3)::after {
  display: none;
}
.vsm-short-content-33-33-33 .vsm-body .feature {
  flex-direction: column;
}
.vsm-short-content-33-33-33 .vsm-body .feature:nth-child(1) .media {
  background: #C6148E;
}
.vsm-short-content-33-33-33 .vsm-body .feature .rte p {
  padding-right: 2rem;
}
.vsm-short-content-33-33-33 .vsm-body .media {
  margin-bottom: 1rem;
  min-width: 3rem !important;
  min-height: 3rem !important;
  max-width: 3rem !important;
  max-height: 3rem !important;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
}

/* ------------------------------
END VSM Short content 33-33-33
--------------------------------*/
/* ------------------------------
VSM Split Get in touch form
--------------------------------*/
.vsm-split-get-in-touch-form-content {
  background-color: #f8f8f8;
}
@media (min-width: 320px) {
  .vsm-split-get-in-touch-form-content .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-split-get-in-touch-form-content .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-split-get-in-touch-form-content .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-split-get-in-touch-form-content .content .md-heading {
  padding-bottom: 1rem;
}
@media (min-width: 1200px) {
  .vsm-split-get-in-touch-form-content .rte.larger-text {
    padding-right: 4rem;
  }
}
.vsm-split-get-in-touch-form-content .rte.larger-text p a.btn {
  font-size: 1rem;
}
.vsm-split-get-in-touch-form-content .rte ul li {
  margin-bottom: 2rem;
}
.vsm-split-get-in-touch-form-content .rte ul li::before {
  color: #C6148E;
  content: "\f058";
  font-size: 1.6rem;
  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;
}
.vsm-split-get-in-touch-form-content form .btn {
  background: #C6148E;
}
.vsm-split-get-in-touch-form-content form .btn:hover {
  background: #009996;
}
.vsm-split-get-in-touch-form-content .element.textarea textarea {
  border-color: #009996;
}
.vsm-split-get-in-touch-form-content .element input {
  border-color: #009996;
}

[class*=icheck-] > input:first-child + input[type=hidden] + label::before, [class*=icheck-] > input:first-child + label::before {
  border-color: #009996;
}

.icheck-primary > input:first-child:checked + input[type=hidden] + label::before, .icheck-primary > input:first-child:checked + label::before {
  background: #C6148E;
  border-color: #C6148E;
}

/* ------------------------------
End VSM Split Get in touch form
--------------------------------*/
/* ------------------------------
 VSM Get in touch form
--------------------------------*/
.vsm-get-in-touch-form .bg {
  padding: 3rem 0;
  position: relative;
}
@media (min-width: 320px) {
  .vsm-get-in-touch-form .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-get-in-touch-form .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-get-in-touch-form .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-get-in-touch-form .component-wrapper {
  z-index: 1;
  position: relative;
}
.vsm-get-in-touch-form .component-wrapper .sm-heading {
  color: #000;
  font-size: 3rem;
  font-weight: 800;
}
.vsm-get-in-touch-form .component-wrapper label {
  color: #000;
}
.vsm-get-in-touch-form .component-wrapper .element input, .vsm-get-in-touch-form .component-wrapper .element textarea {
  background: rgba(255, 255, 255, 0.447) !important;
  border-color: #009996;
  color: #000;
}
.vsm-get-in-touch-form .component-wrapper .element input::placeholder, .vsm-get-in-touch-form .component-wrapper .element textarea::placeholder {
  color: rgba(0, 0, 0, 0.535);
}
.vsm-get-in-touch-form .component-wrapper input.btn {
  background: #C6148E !important;
  color: #fff;
}
.vsm-get-in-touch-form .component-wrapper input.btn:hover {
  background: #009996 !important;
  color: #fff;
}

/* ------------------------------
 END VSM Get in touch form
--------------------------------*/
@media (min-width: 320px) {
  .vsm-full-width-featured-testimonial-carousel .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-full-width-featured-testimonial-carousel .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-full-width-featured-testimonial-carousel .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-full-width-featured-testimonial-carousel .testimonial-data .media {
  border-radius: 1rem;
}
.vsm-full-width-featured-testimonial-carousel .testimonial-data blockquote {
  background: #FC3333;
  border-radius: 1rem;
}
.vsm-full-width-featured-testimonial-carousel .testimonial-data blockquote q {
  color: #FFF;
  font-weight: 700;
}
.vsm-full-width-featured-testimonial-carousel .testimonial-data blockquote .author {
  color: #FFF;
}
.vsm-full-width-featured-testimonial-carousel .testimonial-data blockquote .author span {
  font-weight: 300;
}
.vsm-full-width-featured-testimonial-carousel .swiper-button-next, .vsm-full-width-featured-testimonial-carousel .swiper-button-prev {
  border-radius: 1rem;
}

/* ------------------------------
VSM Full Width Testionial Carousel
--------------------------------*/
.vsm-full-width-testimonial-carousel {
  background-color: #fff;
  color: #000;
  padding: 1rem;
}
.vsm-full-width-testimonial-carousel.black {
  background: #080808;
}
.vsm-full-width-testimonial-carousel.black .bg {
  background: #080808;
  border: none;
}
.vsm-full-width-testimonial-carousel.black .content blockquote {
  color: #fff;
}
.vsm-full-width-testimonial-carousel .bg {
  background-color: #fff;
  padding: 3.75rem 0;
  border: 5px solid rgb(255, 255, 255);
}
@media (min-width: 320px) {
  .vsm-full-width-testimonial-carousel .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-full-width-testimonial-carousel .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-full-width-testimonial-carousel .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-full-width-testimonial-carousel .swiper-pagination {
  position: relative;
  margin-top: 0;
}
.vsm-full-width-testimonial-carousel .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.25rem;
  width: 0.625rem;
  height: 0.625rem;
  background: #C6148E;
}
.vsm-full-width-testimonial-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #C6148E;
}
.vsm-full-width-testimonial-carousel .testimonial-data .author .name {
 font-family: 'Red Hat Display', sans-serif;
  font-size: 1.5rem;
}
.vsm-full-width-testimonial-carousel .testimonial-data .btn {
  display: none;
}
.vsm-full-width-testimonial-carousel .testimonial-data .media {
  width: 6.25rem;
  height: 6.25rem;
  overflow: hidden;
  border-radius: 100px;
  margin: 0 auto;
  position: relative;
  border: 1px solid #C6148E;
}
.vsm-full-width-testimonial-carousel .testimonial-data .media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #C6148E;
}
.vsm-full-width-testimonial-carousel .testimonial-data .media[data-initials]:before {
  border: 1px solid #C6148E;
  background: rgba(var(--vsm-primary-colour), 1);
  color: rgba(var(--vsm-white), 1);
  opacity: 1;
  content: attr(data-initials);
  display: inline-block;
  font-weight: 600;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 0;
  width: 6.25rem;
  height: 6.25rem;
  line-height: 6.25rem;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
}

/* ------------------------------
End VSM Full Width Testionial Carousel
--------------------------------*/
/* ------------------------------
VSM Job Carousel
--------------------------------*/
@media (min-width: 320px) {
  .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 .md-heading {
  font-weight: 800;
}
.vsm-job-carousel .vsm-body {
  overflow: hidden;
  padding: 1.875rem 0;
}
.vsm-job-carousel .job-data .xs-heading {
  margin-bottom: 1rem;
  color: rgba(var(--vsm-primary-color), 1);
}
.vsm-job-carousel .job-data .xs-heading a:hover {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-job-carousel .job-data .post-date {
  display: none;
}
.vsm-job-carousel .job-data .job-ref {
  display: none;
}
.vsm-job-carousel .job-data .icon {
  margin-left: -1.75em;
}
.vsm-job-carousel .job-data .icon::before {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-job-carousel .job-data i {
  color: rgba(var(--vsm-secondary-colour), 1);
}
.vsm-job-carousel .flex-wrapper {
  display: flex;
  flex-direction: column;
}
.vsm-job-carousel .flex-wrapper .flex-item:nth-child(1) {
  order: 1;
}
.vsm-job-carousel .flex-wrapper .flex-item:nth-child(2) {
  order: 2;
}
.vsm-job-carousel .swiper-pagination {
  position: relative;
  margin: 1.875rem 0 0 0;
  display: none;
}
.vsm-job-carousel .swiper-pagination .swiper-pagination-bullet {
  margin: 0 0.25rem;
  width: 0.625rem;
  height: 0.625rem;
  background: rgba(var(--vsm-primary-colour), 0.5);
}
.vsm-job-carousel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: rgba(var(--vsm-primary-colour), 1);
}
.vsm-job-carousel .swiper-navigation {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: flex-end;
}
.vsm-job-carousel .swiper-navigation div {
  margin: 1.875rem 0 0 1.875rem;
  left: 0;
  right: 0;
}
.vsm-job-carousel .swiper-navigation .swiper-button-next, .vsm-job-carousel .swiper-navigation .swiper-button-prev {
  border-radius: 1rem;
}
.vsm-job-carousel .swiper-slide {
  height: auto;
  background: #fff;
  border: 1px solid #009996 !important;
  padding: 1.875rem 1.875rem;
  border: none;
}
.vsm-job-carousel .swiper-slide.swiper-slide-active {
  box-shadow: 14px 17px 17px 0px rgba(0, 0, 0, 0.4);
}

/* ------------------------------
End VSM Job Carousel
--------------------------------*/
/* ------------------------------
VSM Internal Hero
--------------------------------*/
.vsm-default-internal-hero .md-heading {
  text-align: left;
}

.vsm-default-internal-hero.small-hero .md-heading{
  margin-bottom: 2rem;
  font-size: 1.9rem;
}
.vsm-default-internal-hero .search-bar .row {
  justify-content: flex-start !important;
}
.vsm-default-internal-hero .input-group-text {
  display: none;
}
.vsm-default-internal-hero .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-radius: 0.2rem;
}

.vsm-default-internal-hero.small-hero .input-group .btn{
  background: #C6148E !important;
}

.vsm-default-internal-hero.small-hero .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
  border: 1px solid #C6148E;
  background: rgba(198, 20, 142, 0.25);
}
.vsm-default-internal-hero .form-control {
  background: rgba(255, 255, 255, 0.3);
  background-image: none;
  border-radius: 0.2rem;
  width: auto;
  margin-right: 1rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.625rem;
  color: rgba(var(--vsm-white), 1);
}
.vsm-default-internal-hero .form-control::placeholder {
  color: rgba(var(--vsm-white), 1);
}
.vsm-default-internal-hero .form-control option {
  background-color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-default-internal-hero .form-control.text input {
  border-radius: 0.2rem;
  border: 0.063rem solid rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.3);
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  padding: 0.625rem;
}
.vsm-default-internal-hero .form-control.text input::placeholder {
  color: #ffffff;
}

/* ------------------------------
End VSM Internal Hero
--------------------------------*/
/* ---------------------------------
VSM Job Search Results Listings
----------------------------------*/

.vsm-job-search-results-listings .job-listing .job-data {
    background: #66154d14;
    border-radius: 30px;
    padding: 1.5rem;
    border: 1px #80808057 solid;
}
  @media(max-width: 768px) {
    .vsm-job-search-results-listings .job-listing .job-data {
      padding: 0.8rem;
      border-radius: 10px;
    }
    .vsm-job-search-results-listings .job-listing .job-data .col {
      display: flex;
      justify-content: center;
    }
  }

.vsm-job-search-results-listings .job-listing li {
  border-top: none
}

.vsm-job-search-results-listings .job-listing .job-data p {
  border-top: 1px solid #80808047;
  padding-top: 1rem;
}

.vsm-job-search-results-listings .job-listing .job-data .xs-heading a {
  color: rgba(var(--vsm-body-copy-colour), 1);
}
.vsm-job-search-results-listings .job-listing .job-data .xs-heading a:hover {
  color: rgba(var(--vsm-secondary-colour), 1);
}

/* ---------------------------------
End VSM Job Search Results Listings
----------------------------------*/
/* ---------------------------------
VSM Job Profile Details
----------------------------------*/
@media (min-width: 320px) {
  .vsm-profile-details .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-profile-details .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-profile-details .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}
.vsm-profile-details .md-heading {
  font-weight: 800;
}
.vsm-profile-details .position strong {
  font-weight: 300;
}
.vsm-profile-details .profile-summary li span {
  color: #C6148E !important;
}
.vsm-profile-details .back-link {
  margin-top: 2rem;
  color: #C6148E;
}
.vsm-profile-details .profile-contacts .media {
  height: 16rem;
}
.vsm-profile-details .profile-contacts .contacts li:nth-child(1) .btn {
  border: 0.063rem solid #C6148E;
}
.vsm-profile-details .profile-contacts .contacts li:nth-child(1) .btn span {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-profile-details .profile-contacts .contacts li:nth-child(1) .btn i {
  color: #C6148E;
}
.vsm-profile-details .profile-contacts .contacts li:nth-child(2) .btn {
  border: 0.063rem solid #C6148E;
}
.vsm-profile-details .profile-contacts .contacts li:nth-child(2) .btn span {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-profile-details .profile-contacts .contacts li:nth-child(2) .btn i {
  color: #C6148E;
}
.vsm-profile-details .profile-contacts .contacts li:nth-child(3) .btn {
  background: #009996;
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-profile-details .profile-contacts .contacts li:nth-child(3) .btn span {
  color: #FFF;
}
.vsm-profile-details .profile-contacts .contacts li:nth-child(3) .btn i {
  color: rgba(var(--vsm-secondary-colour), 1);
  margin-right: 0.5rem;
}
.vsm-profile-details .profile-contacts .contacts li:nth-child(4) .btn {
  width: 100%;
  background: rgba(var(--vsm-white), 1);
  border: 0.063rem solid rgba(var(--vsm-primary-colour), 1);
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-profile-details .profile-contacts .contacts li:nth-child(5) .btn {
    width: 100%;
    background: rgba(var(--vsm-white), 1);
    border: 0.063rem solid rgba(var(--vsm-primary-colour), 1);
}

.vsm-profile-details .profile-contacts .contacts li:nth-child(4) .btn span,
.vsm-profile-details .profile-contacts .contacts li:nth-child(5) .btn span {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-profile-details .profile-contacts .contacts li:nth-child(4) .btn i,
.vsm-profile-details .profile-contacts .contacts li:nth-child(5) .btn i {
  color: rgba(var(--vsm-secondary-colour), 1);
  margin-right: 0.5rem;
}


/* ---------------------------------
End VSM Job Profile Details
----------------------------------*/
/* ---------------------------------
VSM Drop Off Your CV
----------------------------------*/
.vsm-drop-off-your-cv .bg {
  background: rgba(var(--vsm-white), 1);
  padding: 3.75rem 0;
}
.vsm-drop-off-your-cv .bg .content {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-drop-off-your-cv .bg .md-heading {
  color: rgba(var(--vsm-primary-colour), 1);
}
@media (min-width: 320px) {
  .vsm-drop-off-your-cv .bg {
    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 .form-holder .element .icheck-primary > input:first-child:checked + input[type=hidden] + label::before,
.vsm-drop-off-your-cv .form-holder .element .icheck-primary > input:first-child:checked + label::before {
  background-color: rgba(var(--vsm-primary-colour), 1);
  border: 0.063rem solid rgba(var(--vsm-secondary-colour), 1);
}
.vsm-drop-off-your-cv .form-holder .element [class*=icheck-] > input:first-child:checked + input[type=hidden] + label::after,
.vsm-drop-off-your-cv .form-holder .element [class*=icheck-] > input:first-child:checked + label::after {
  border-color: rgba(var(--vsm-white), 1);
  border-width: 0.188rem;
}
.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.text input::placeholder {
  color: rgba(var(--vsm-body-copy-colour), 0.7);
}
.vsm-drop-off-your-cv .form-holder .element.select select {
  color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-drop-off-your-cv .form-holder .element.submit .btn {
  background-color: #C6148E;
  border: #C6148E;
  border-radius: 0.2rem;
  color: #ffffff;
}
.vsm-drop-off-your-cv .form-holder label {
  color: rgba(var(--vsm-primary-colour), 1);
}

/* ---------------------------------
VSM Drop Off Your CV
----------------------------------*/
/* ------------------------------
plyr
--------------------------------*/
.plyr--video .plyr__control {
  background: #ffffff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #ffffff)));
  color: #C6148E;
}

.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #169191;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #169191)));
  color: #ffffff;
  color: var(--plyr-video-control-color-hover, #ffffff);
}

.plyr__poster {
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

/* ------------------------------
End plyr
--------------------------------*/
/*-------------------------------
  Footer
  -------------------------------*/
footer.vsm-default-footer {
  background: #212121;
  padding: 3.75rem 0;
}

.vsm-default-footer .signoff-brand {
  margin-bottom: 0;
  font-weight: bold;
}

.vsm-default-footer .signoff-brand a {
  color: white;
  transition: all 0.4s ease-in-out;
}

.vsm-default-footer .signoff-text {
  color: white;
  font-size: 0.75rem;
}
.vsm-default-footer .signoff-text a {
  color: white;
  font-size: 0.75rem;
}
.vsm-default-footer .signoff-text a:hover {
  color: #C6148E;
  font-size: 0.75rem;
}

@media (min-width: 1200px) {
  footer .col-12.col-md-4 {
    position: relative;
  }
  footer .col-12.col-md-4 .row .col:nth-child(2) {
    position: relative;
  }
  footer .col-12.col-md-3 {
    position: relative;
  }
}

@media (min-width: 1200px)  {
  footer .col-12.col-md-4::before {
    height: 137%;
     content: "";
    background: rgba(255, 255, 255, 0.527);
    width: 1px;
    position: absolute;
    left: -1rem;
    top: -3.7rem;
  }
}


@media (min-width: 1200px) {
  footer .col-12.col-md-4 .row .col:nth-child(2)::before {
    height: 137%;
    content: "";
    background: rgba(255, 255, 255, 0.527);
    width: 1px;
    position: absolute;
    left: -1rem;
    top: -3.7rem;
  }

}

@media (min-width: 1200px)  {
  footer .col-12.col-md-3:nth-child(3)::before {
    height: 137%;
    content: "";
    background: rgba(255, 255, 255, 0.527);
    width: 1px;
    position: absolute;
    left: -1rem;
    top: -3.7rem;
  }
}


@media (min-width: 1400px)  {
  footer .col-12.col-md-4::before {
    height: 141%;
     content: "";
    background: rgba(255, 255, 255, 0.527);
    width: 1px;
    position: absolute;
    left: -1rem;
    top: -3.7rem;
  }
}


@media (min-width: 1400px) {
  footer .col-12.col-md-4 .row .col:nth-child(2)::before {
    height: 141%;
  }

  footer .col-12.col-md-4::before {
    height: 141%;
     content: "";
    background: rgba(255, 255, 255, 0.527);
    width: 1px;
    position: absolute;
    left: -1rem;
    top: -3.7rem;
  }

  
}

@media (min-width: 1400px)  {
  footer .col-12.col-md-3:nth-child(3)::before {
    height: 141%;
  }
}


footer .xs-heading {
  font-weight: 600;
}
footer .social li a i {
  color: #C6148E;
}
footer .form-holder .input-group input {
  border-color: #C6148E;
}
footer .form-holder .input-group .btn {
  border-radius: 0;
  padding: 0.7rem 1.5rem;
  background: #C6148E;
  clip-path: polygon(0 1%, 100% 0, 100% 100%, 0% 100%);
}

.vsm-default-signoff {
  background: #171717;
}
@media(max-width: 768px) {
  .vsm-default-signoff .vsm-body .row.justify-content-between {
    text-align: center;
  }
}
.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 Footer
--------------------------------*/




.vsm-medium-boxes {
  background: #080808;
}


@media (min-width: 320px) {
 .vsm-medium-boxes .bg {
    padding-top: var(--vsm-mobile-padding-top);
    padding-bottom: var(--vsm-mobile-padding-bottom);
  }
}
@media (min-width: 768px) {
  .vsm-medium-boxes .bg {
    padding-top: var(--vsm-tablet-padding-top);
    padding-bottom: var(--vsm-tablet-padding-bottom);
  }
}
@media (min-width: 1024px) {
  .vsm-medium-boxes .bg {
    padding-top: var(--vsm-desktop-padding-top);
    padding-bottom: var(--vsm-desktop-padding-bottom);
  }
}


@media (min-width: 1200px) {
  .vsm-medium-boxes.two .col {
    max-width: 50%;
    flex: 1 0 50%;
  }

  .vsm-medium-boxes.three .col {
    max-width: 33%;
    flex: 1 0 33%;
  }
}

.vsm-medium-boxes .md-heading {
  color: #fff;
  margin-bottom: 2rem;
}

.vsm-medium-boxes .media {
  display: none;
}

.vsm-medium-boxes .medium-box {
  border: 2px solid #C6148E;
  background: #212121;
}

.vsm-medium-boxes .medium-box .content .head .sm-heading {
  color: #fff;
}

.vsm-medium-boxes .medium-box .content .rte {
  margin-bottom: 0;
}

.vsm-medium-boxes .medium-box .content .rte p {
  color: #fff;
}

.vsm-medium-boxes .medium-box .content .inline-link:after {
  color: #C6148E;
}

.vsm-medium-boxes .medium-box .content .inline-link span {
  color: #C6148E;
}

 .animated-image{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;

}


@media (min-width:768px){
  .animated-image{
    position: absolute;
    z-index: 2;
    right: 13rem;
    top: 11rem;
}
}





/***************************************************
 * Generated by SVG Artista on 12/23/2022, 10:23:18 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 485.80526865282815px;
    stroke-dasharray: 485.80526865282815px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 485.80526865282815px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 485.80526865282815px;
    stroke-dasharray: 485.80526865282815px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 485.80526865282815px;
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s ease 0s both, animate-svg-fill-1 0.7s ease 0s both;
          animation: animate-svg-stroke-1 1s ease 0s both, animate-svg-fill-1 0.7s ease 0s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 668.0176425610362px;
    stroke-dasharray: 668.0176425610362px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 668.0176425610362px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 668.0176425610362px;
    stroke-dasharray: 668.0176425610362px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 668.0176425610362px;
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s ease 0.12s both, animate-svg-fill-2 0.7s ease 0.1s both;
          animation: animate-svg-stroke-2 1s ease 0.12s both, animate-svg-fill-2 0.7s ease 0.1s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 831.3804605477054px;
    stroke-dasharray: 831.3804605477054px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 831.3804605477054px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 831.3804605477054px;
    stroke-dasharray: 831.3804605477054px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 831.3804605477054px;
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s ease 0.24s both, animate-svg-fill-3 0.7s ease 0.2s both;
          animation: animate-svg-stroke-3 1s ease 0.24s both, animate-svg-fill-3 0.7s ease 0.2s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 1013.5928344559134px;
    stroke-dasharray: 1013.5928344559134px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1013.5928344559134px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 1013.5928344559134px;
    stroke-dasharray: 1013.5928344559134px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1013.5928344559134px;
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s ease 0.36s both,
                       animate-svg-fill-4 0.7s ease 0.30000000000000004s both;
          animation: animate-svg-stroke-4 1s ease 0.36s both,
               animate-svg-fill-4 0.7s ease 0.30000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 1202.088393671301px;
    stroke-dasharray: 1202.088393671301px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1202.088393671301px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 1202.088393671301px;
    stroke-dasharray: 1202.088393671301px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1202.088393671301px;
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s ease 0.48s both, animate-svg-fill-5 0.7s ease 0.4s both;
          animation: animate-svg-stroke-5 1s ease 0.48s both, animate-svg-fill-5 0.7s ease 0.4s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 1378.0175822723295px;
    stroke-dasharray: 1378.0175822723295px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1378.0175822723295px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 1378.0175822723295px;
    stroke-dasharray: 1378.0175822723295px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1378.0175822723295px;
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s ease 0.6s both, animate-svg-fill-6 0.7s ease 0.5s both;
          animation: animate-svg-stroke-6 1s ease 0.6s both, animate-svg-fill-6 0.7s ease 0.5s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 210.21998596191406px;
    stroke-dasharray: 210.21998596191406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 210.21998596191406px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 210.21998596191406px;
    stroke-dasharray: 210.21998596191406px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 210.21998596191406px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(128, 128, 128);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(128, 128, 128);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s ease 0.72s both,
                       animate-svg-fill-7 0.7s ease 0.6000000000000001s both;
          animation: animate-svg-stroke-7 1s ease 0.72s both,
               animate-svg-fill-7 0.7s ease 0.6000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 862.7086181640625px;
    stroke-dasharray: 862.7086181640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 862.7086181640625px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 862.7086181640625px;
    stroke-dasharray: 862.7086181640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 862.7086181640625px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(128, 128, 128);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(128, 128, 128);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1s ease 0.84s both,
                       animate-svg-fill-8 0.7s ease 0.7000000000000001s both;
          animation: animate-svg-stroke-8 1s ease 0.84s both,
               animate-svg-fill-8 0.7s ease 0.7000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 2.064038962125778px;
    stroke-dasharray: 2.064038962125778px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2.064038962125778px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 2.064038962125778px;
    stroke-dasharray: 2.064038962125778px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 2.064038962125778px;
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1s ease 0.96s both, animate-svg-fill-9 0.7s ease 0.8s both;
          animation: animate-svg-stroke-9 1s ease 0.96s both, animate-svg-fill-9 0.7s ease 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 943.073486328125px;
    stroke-dasharray: 943.073486328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 943.073486328125px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 943.073486328125px;
    stroke-dasharray: 943.073486328125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 943.073486328125px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(128, 128, 128);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(128, 128, 128);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1s ease 1.08s both,
                       animate-svg-fill-10 0.7s ease 0.9s both;
          animation: animate-svg-stroke-10 1s ease 1.08s both,
               animate-svg-fill-10 0.7s ease 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 478.63385009765625px;
    stroke-dasharray: 478.63385009765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 478.63385009765625px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 478.63385009765625px;
    stroke-dasharray: 478.63385009765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 478.63385009765625px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(128, 128, 128);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(128, 128, 128);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 1s ease 1.2s both, animate-svg-fill-11 0.7s ease 1s both;
          animation: animate-svg-stroke-11 1s ease 1.2s both, animate-svg-fill-11 0.7s ease 1s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 513.5708923339844px;
    stroke-dasharray: 513.5708923339844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 513.5708923339844px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 513.5708923339844px;
    stroke-dasharray: 513.5708923339844px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 513.5708923339844px;
  }
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(128, 128, 128);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(128, 128, 128);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 1s ease 1.3199999999999998s both,
                       animate-svg-fill-12 0.7s ease 1.1s both;
          animation: animate-svg-stroke-12 1s ease 1.3199999999999998s both,
               animate-svg-fill-12 0.7s ease 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 855.0845947265625px;
    stroke-dasharray: 855.0845947265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 855.0845947265625px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 855.0845947265625px;
    stroke-dasharray: 855.0845947265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 855.0845947265625px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(128, 128, 128);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(128, 128, 128);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 1s ease 1.44s both,
                       animate-svg-fill-13 0.7s ease 1.2000000000000002s both;
          animation: animate-svg-stroke-13 1s ease 1.44s both,
               animate-svg-fill-13 0.7s ease 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 576.8199462890625px;
    stroke-dasharray: 576.8199462890625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 576.8199462890625px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 576.8199462890625px;
    stroke-dasharray: 576.8199462890625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 576.8199462890625px;
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 1s ease 1.56s both,
                       animate-svg-fill-14 0.7s ease 1.3s both;
          animation: animate-svg-stroke-14 1s ease 1.56s both,
               animate-svg-fill-14 0.7s ease 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 19.004077911376953px;
    stroke-dasharray: 19.004077911376953px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19.004077911376953px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 19.004077911376953px;
    stroke-dasharray: 19.004077911376953px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19.004077911376953px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 1s ease 1.68s both,
                       animate-svg-fill-15 0.7s ease 1.4000000000000001s both;
          animation: animate-svg-stroke-15 1s ease 1.68s both,
               animate-svg-fill-15 0.7s ease 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 19.00408935546875px;
    stroke-dasharray: 19.00408935546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19.00408935546875px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 19.00408935546875px;
    stroke-dasharray: 19.00408935546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19.00408935546875px;
  }
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 1s ease 1.7999999999999998s both,
                       animate-svg-fill-16 0.7s ease 1.5s both;
          animation: animate-svg-stroke-16 1s ease 1.7999999999999998s both,
               animate-svg-fill-16 0.7s ease 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 478.8500061035156px;
    stroke-dasharray: 478.8500061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 478.8500061035156px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 478.8500061035156px;
    stroke-dasharray: 478.8500061035156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 478.8500061035156px;
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 1s ease 1.92s both,
                       animate-svg-fill-17 0.7s ease 1.6s both;
          animation: animate-svg-stroke-17 1s ease 1.92s both,
               animate-svg-fill-17 0.7s ease 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 19.00411033630371px;
    stroke-dasharray: 19.00411033630371px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19.00411033630371px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 19.00411033630371px;
    stroke-dasharray: 19.00411033630371px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19.00411033630371px;
  }
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 1s ease 2.04s both,
                       animate-svg-fill-18 0.7s ease 1.7000000000000002s both;
          animation: animate-svg-stroke-18 1s ease 2.04s both,
               animate-svg-fill-18 0.7s ease 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 19.00408935546875px;
    stroke-dasharray: 19.00408935546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19.00408935546875px;
  }
}

@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 19.00408935546875px;
    stroke-dasharray: 19.00408935546875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19.00408935546875px;
  }
}

@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-19 {
  -webkit-animation: animate-svg-stroke-19 1s ease 2.16s both,
                       animate-svg-fill-19 0.7s ease 1.8s both;
          animation: animate-svg-stroke-19 1s ease 2.16s both,
               animate-svg-fill-19 0.7s ease 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 152.93765258789062px;
    stroke-dasharray: 152.93765258789062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 152.93765258789062px;
  }
}

@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 152.93765258789062px;
    stroke-dasharray: 152.93765258789062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 152.93765258789062px;
  }
}

.svg-elem-20 {
  -webkit-animation: animate-svg-stroke-20 1s ease 2.28s both,
                       animate-svg-fill-20 0.7s ease 1.9000000000000001s both;
          animation: animate-svg-stroke-20 1s ease 2.28s both,
               animate-svg-fill-20 0.7s ease 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 18.991926193237305px;
    stroke-dasharray: 18.991926193237305px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 18.991926193237305px;
  }
}

@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 18.991926193237305px;
    stroke-dasharray: 18.991926193237305px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 18.991926193237305px;
  }
}

@-webkit-keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-21 {
  -webkit-animation: animate-svg-stroke-21 1s ease 2.4s both, animate-svg-fill-21 0.7s ease 2s both;
          animation: animate-svg-stroke-21 1s ease 2.4s both, animate-svg-fill-21 0.7s ease 2s both;
}

@-webkit-keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 18.984716415405273px;
    stroke-dasharray: 18.984716415405273px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 18.984716415405273px;
  }
}

@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 18.984716415405273px;
    stroke-dasharray: 18.984716415405273px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 18.984716415405273px;
  }
}

@-webkit-keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-22 {
  -webkit-animation: animate-svg-stroke-22 1s ease 2.52s both,
                       animate-svg-fill-22 0.7s ease 2.1s both;
          animation: animate-svg-stroke-22 1s ease 2.52s both,
               animate-svg-fill-22 0.7s ease 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 1107.840614063607px;
    stroke-dasharray: 1107.840614063607px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1107.840614063607px;
  }
}

@keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 1107.840614063607px;
    stroke-dasharray: 1107.840614063607px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1107.840614063607px;
  }
}

.svg-elem-23 {
  -webkit-animation: animate-svg-stroke-23 1s ease 2.6399999999999997s both,
                       animate-svg-fill-23 0.7s ease 2.2s both;
          animation: animate-svg-stroke-23 1s ease 2.6399999999999997s both,
               animate-svg-fill-23 0.7s ease 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 759.1238295151402px;
    stroke-dasharray: 759.1238295151402px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 759.1238295151402px;
  }
}

@keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 759.1238295151402px;
    stroke-dasharray: 759.1238295151402px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 759.1238295151402px;
  }
}

.svg-elem-24 {
  -webkit-animation: animate-svg-stroke-24 1s ease 2.76s both,
                       animate-svg-fill-24 0.7s ease 2.3000000000000003s both;
          animation: animate-svg-stroke-24 1s ease 2.76s both,
               animate-svg-fill-24 0.7s ease 2.3000000000000003s both;
}

@-webkit-keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 332px;
    stroke-dasharray: 332px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 332px;
  }
}

@keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 332px;
    stroke-dasharray: 332px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 332px;
  }
}

.svg-elem-25 {
  -webkit-animation: animate-svg-stroke-25 1s ease 2.88s both,
                       animate-svg-fill-25 0.7s ease 2.4000000000000004s both;
          animation: animate-svg-stroke-25 1s ease 2.88s both,
               animate-svg-fill-25 0.7s ease 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 332px;
    stroke-dasharray: 332px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 332px;
  }
}

@keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 332px;
    stroke-dasharray: 332px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 332px;
  }
}

.svg-elem-26 {
  -webkit-animation: animate-svg-stroke-26 1s ease 3s both, animate-svg-fill-26 0.7s ease 2.5s both;
          animation: animate-svg-stroke-26 1s ease 3s both, animate-svg-fill-26 0.7s ease 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 302px;
    stroke-dasharray: 302px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 302px;
  }
}

@keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 302px;
    stroke-dasharray: 302px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 302px;
  }
}

@-webkit-keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

@keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(0, 0, 0);
  }
}

.svg-elem-27 {
  -webkit-animation: animate-svg-stroke-27 1s ease 3.12s both,
                       animate-svg-fill-27 0.7s ease 2.6s both;
          animation: animate-svg-stroke-27 1s ease 3.12s both,
               animate-svg-fill-27 0.7s ease 2.6s both;
}

@-webkit-keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 302px;
    stroke-dasharray: 302px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 302px;
  }
}

@keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 302px;
    stroke-dasharray: 302px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 302px;
  }
}

.svg-elem-28 {
  -webkit-animation: animate-svg-stroke-28 1s ease 3.2399999999999998s both,
                       animate-svg-fill-28 0.7s ease 2.7s both;
          animation: animate-svg-stroke-28 1s ease 3.2399999999999998s both,
               animate-svg-fill-28 0.7s ease 2.7s both;
}

@-webkit-keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 65.010009765625px;
    stroke-dasharray: 65.010009765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 65.010009765625px;
  }
}

@keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 65.010009765625px;
    stroke-dasharray: 65.010009765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 65.010009765625px;
  }
}

.svg-elem-29 {
  -webkit-animation: animate-svg-stroke-29 1s ease 3.36s both,
                       animate-svg-fill-29 0.7s ease 2.8000000000000003s both;
          animation: animate-svg-stroke-29 1s ease 3.36s both,
               animate-svg-fill-29 0.7s ease 2.8000000000000003s both;
}

@-webkit-keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 19.004093170166016px;
    stroke-dasharray: 19.004093170166016px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19.004093170166016px;
  }
}

@keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 19.004093170166016px;
    stroke-dasharray: 19.004093170166016px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19.004093170166016px;
  }
}

@-webkit-keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-30 {
  -webkit-animation: animate-svg-stroke-30 1s ease 3.48s both,
                       animate-svg-fill-30 0.7s ease 2.9000000000000004s both;
          animation: animate-svg-stroke-30 1s ease 3.48s both,
               animate-svg-fill-30 0.7s ease 2.9000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 19.004079818725586px;
    stroke-dasharray: 19.004079818725586px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19.004079818725586px;
  }
}

@keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 19.004079818725586px;
    stroke-dasharray: 19.004079818725586px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 19.004079818725586px;
  }
}

@-webkit-keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-31 {
  -webkit-animation: animate-svg-stroke-31 1s ease 3.5999999999999996s both,
                       animate-svg-fill-31 0.7s ease 3s both;
          animation: animate-svg-stroke-31 1s ease 3.5999999999999996s both,
               animate-svg-fill-31 0.7s ease 3s both;
}

@-webkit-keyframes animate-svg-stroke-32 {
  0% {
    stroke-dashoffset: 485.6610412597656px;
    stroke-dasharray: 485.6610412597656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 485.6610412597656px;
  }
}

@keyframes animate-svg-stroke-32 {
  0% {
    stroke-dashoffset: 485.6610412597656px;
    stroke-dasharray: 485.6610412597656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 485.6610412597656px;
  }
}

.svg-elem-32 {
  -webkit-animation: animate-svg-stroke-32 1s ease 3.7199999999999998s both,
                       animate-svg-fill-32 0.7s ease 3.1s both;
          animation: animate-svg-stroke-32 1s ease 3.7199999999999998s both,
               animate-svg-fill-32 0.7s ease 3.1s both;
}

@-webkit-keyframes animate-svg-stroke-33 {
  0% {
    stroke-dashoffset: 485.6610412597656px;
    stroke-dasharray: 485.6610412597656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 485.6610412597656px;
  }
}

@keyframes animate-svg-stroke-33 {
  0% {
    stroke-dashoffset: 485.6610412597656px;
    stroke-dasharray: 485.6610412597656px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 485.6610412597656px;
  }
}

.svg-elem-33 {
  -webkit-animation: animate-svg-stroke-33 1s ease 3.84s both,
                       animate-svg-fill-33 0.7s ease 3.2s both;
          animation: animate-svg-stroke-33 1s ease 3.84s both,
               animate-svg-fill-33 0.7s ease 3.2s both;
}

@-webkit-keyframes animate-svg-stroke-34 {
  0% {
    stroke-dashoffset: 241.95416259765625px;
    stroke-dasharray: 241.95416259765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 241.95416259765625px;
  }
}

@keyframes animate-svg-stroke-34 {
  0% {
    stroke-dashoffset: 241.95416259765625px;
    stroke-dasharray: 241.95416259765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 241.95416259765625px;
  }
}

.svg-elem-34 {
  -webkit-animation: animate-svg-stroke-34 1s ease 3.96s both,
                       animate-svg-fill-34 0.7s ease 3.3000000000000003s both;
          animation: animate-svg-stroke-34 1s ease 3.96s both,
               animate-svg-fill-34 0.7s ease 3.3000000000000003s both;
}

@-webkit-keyframes animate-svg-stroke-35 {
  0% {
    stroke-dashoffset: 62.478919982910156px;
    stroke-dasharray: 62.478919982910156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 62.478919982910156px;
  }
}

@keyframes animate-svg-stroke-35 {
  0% {
    stroke-dashoffset: 62.478919982910156px;
    stroke-dasharray: 62.478919982910156px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 62.478919982910156px;
  }
}

@-webkit-keyframes animate-svg-fill-35 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-35 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-35 {
  -webkit-animation: animate-svg-stroke-35 1s ease 4.08s both,
                       animate-svg-fill-35 0.7s ease 3.4000000000000004s both;
          animation: animate-svg-stroke-35 1s ease 4.08s both,
               animate-svg-fill-35 0.7s ease 3.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-36 {
  0% {
    stroke-dashoffset: 62.47906494140625px;
    stroke-dasharray: 62.47906494140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 62.47906494140625px;
  }
}

@keyframes animate-svg-stroke-36 {
  0% {
    stroke-dashoffset: 62.47906494140625px;
    stroke-dasharray: 62.47906494140625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 62.47906494140625px;
  }
}

@-webkit-keyframes animate-svg-fill-36 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-36 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(255, 255, 255);
  }
}

.svg-elem-36 {
  -webkit-animation: animate-svg-stroke-36 1s ease 4.2s both, animate-svg-fill-36 0.7s ease 3.5s both;
          animation: animate-svg-stroke-36 1s ease 4.2s both, animate-svg-fill-36 0.7s ease 3.5s both;
}


footer.vsm-default-footer .newsletter-signup p  {
  margin-top: 1rem;
  font-size: 0.6rem;
}
footer.vsm-default-footer .newsletter-signup p a {
  color: white;
}

#vennture_dynamic_jobsearch .vsm-search-bar .search-bar>.row>.col .form-holder .col-auto .btn{
  background: #C6148E;
}
#vennture_dynamic_jobsearch .vsm-search-bar .search-bar .row .col .form-holder form>.row>.col:first-child .field input{
  border:1px solid rgba(198, 20, 142,1);
  background: rgba(198, 20, 142,0.1);
  color:#fff;
}
#vennture_dynamic_jobsearch .vsm-search-bar .search-bar .row .col .form-holder form>.row>.col:first-child .field input::placeholder{
  color:#fff;
}

#vennture_dynamic_jobsearch .vsm-search-bar .search-bar .row .col .form-holder form>.row>.col:nth-child(2) .field input{
  border:1px solid rgba(198, 20, 142,1);
  background: rgba(198, 20, 142,0.1);
  color:#fff;
}
#vennture_dynamic_jobsearch .vsm-search-bar .search-bar .row .col .form-holder form>.row>.col:nth-child(2) .field input::placeholder{
  color:#fff;
}

#vennture_dynamic_jobsearch .vsm-search-bar .search-bar .row .col .form-holder form>.row>.col:nth-child(2) .field select{
  border:0 solid rgba(198, 20, 142,0);
  background: rgba(198, 20, 142,0.1);
  color:#fff;
}
#vennture_dynamic_jobsearch .vsm-search-bar .search-bar .row .col .form-holder form>.row>.col:nth-child(2) .field:before{
color:#fff;
}

#vennture_dynamic_jobsearch .map-container .job-results .job-listing>li{
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
  border-radius: 0;
}
#vennture_dynamic_jobsearch .map-container .job-results .job-listing>li .more-details .consultant .posted, #vennture_dynamic_jobsearch  .map-container .job-results .job-listing>li .more-details .summary P{
  border-top:0;
}