/* ------------------------------
Import separate stylesheets
-------------------------------*/
/* ------------------------------
HTML5 OPTIONS
--------------------------------*/
nav,
header,
section,
main,
aside,
footer {
  display: block;
}

/* ------------------------------
OVERFLOW OPTIONS
--------------------------------*/
.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

/* ------------------------------
CONTENT OVERFLOW CONTROL
--------------------------------*/
.content-wrapper {
  position: relative;
/*  overflow: hidden;*/
}

/* ------------------------------
HIDE SCROLLBAR
--------------------------------*/
.hide-scroll {
  overflow: hidden;
}

/* ------------------------------
CLASS TO FIX BOOTSTRAP MODAL ISO
--------------------------------*/
.clickable {
  cursor: pointer;
}

/* ------------------------------
RESPONSIVE PANEL PADDING
--------------------------------*/
.panel-padding {
  width: 100%;
  overflow: hidden;
  padding: 100px 0 100px 0;
}

@media screen and (max-width: 1199px) {
  .panel-padding {
    width: 100%;
    overflow: hidden;
    padding: 80px 0 80px 0;
  }
}

@media screen and (max-width: 991px) {
  .panel-padding {
    width: 100%;
    overflow: hidden;
    padding: 60px 0 60px 0;
  }
}

@media screen and (max-width: 767px) {
  .panel-padding {
    width: 100%;
    overflow: hidden;
    padding: 40px 0 40px 0;
  }
}

@media screen and (max-width: 640px) {
  .panel-padding {
    width: 100%;
    overflow: hidden;
    padding: 30px 0 30px 0;
  }
}

/* ------------------------------
PADDING OPTIONS
--------------------------------*/
.no-top-padding {
  padding-top: 0 !important;
}

.no-bottom-padding {
  padding-bottom: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.padding-top-sm {
  padding-top: 20px !important;
}

.paddingn-top-md {
  padding-top: 40px !important;
}

.padding-top-lg {
  padding-top: 60px !important;
}

.padding-bottom-sm {
  padding-bottom: 20px !important;
}

.padding-bottom-md {
  padding-bottom: 40px !important;
}

.padding-bottom-lg {
  padding-bottom: 60px !important;
}

/* ------------------------------
MARGIN OPTIONS
--------------------------------*/
.no-top-margin {
  margin-top: 0 !important;
}

.no-bottom-margin {
  margin-bottom: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.margin-top-sm {
  margin-top: 20px !important;
}

.margin-top-md {
  margin-top: 40px !important;
}

.margin-top-lg {
  margin-top: 60px !important;
}

.margin-bottom-sm {
  margin-bottom: 20px !important;
}

.margin-bottom-md {
  margin-bottom: 40px !important;
}

.margin-bottom-lg {
  margin-bottom: 60px !important;
}

/* ------------------------------
ALIGN OPTIONS
--------------------------------*/
.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

/* ------------------------------
TEXT TRANSFORM OPTIONS
--------------------------------*/
.text-transform-uppercase {
  text-transform: uppercase;
}

.text-transform-lowercase {
  text-transform: lowercase;
}

.text-transform-normal {
  text-transform: none;
}

/* ------------------------------
TEXT DECORATION OPTIONS
--------------------------------*/
.td-underline {
  text-decoration: underline;
}

.td-none {
  text-decoration: none;
}

/* ------------------------------
FONT WEIGHT OPTIONS
--------------------------------*/
.fw-bold {
  font-weight: bold !important;
}

.fw-normal {
  font-weight: normal !important;
}

/* ------------------------------
BACKGROUND IMAGE OPTIONS
--------------------------------*/
.full-bg {
position: relative;
}

.full-bg::after{
 display: none;
}

.full-bg .desktop-image{
  opacity: 0;
}

.full-bg .mobile-image{
  opacity: 1;
}

@media (min-width:992px){
  .full-bg {
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.full-bg .desktop-image{
  opacity: 1;
}

.full-bg .mobile-image{
  opacity: 0;
}


.full-bg::after{
 display: none;
}

}

/* ------------------------------
BACKGROUND POSITIONS OPTIONS
--------------------------------*/
.background-fixed {
  background-attachment: fixed !important;
  -webkit-backface-visibility: hidden !important;
}

/* ------------------------------
PSEUDO OVERLAY EFFECT
--------------------------------*/
.overlay {
  position: relative;
}

.overlay::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  z-index: 0;
}

/* ------------------------------
RESPONSIVE IFRAME
--------------------------------*/
.responsive-iframe {
  position: relative;
  padding-bottom: 56.25%;
  /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.responsive-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ------------------------------
ZOOM ON HOVER EFFECT
--------------------------------*/
.zoom {
  transition: all 12s ease-out;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}

.zoom:hover {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.1, M12=-0, M21=0, M22=1.1);
}

/* ------------------------------
CURSOR EFFECT
--------------------------------*/
/* ------------------------------
CURSOR EFFECT
--------------------------------*/
/* ------------------------------
Plugins Defaults
-------------------------------*/
/* transition active state (same for leave and enter) */
.barba-leave-active,
.barba-enter-active {
  transition: opacity 4500s ease;
}

/* initial state */
.barba-leave {
  opacity: 1;
}

.barba-enter {
  opacity: 0;
}

/* ending state */
.barba-leave-to {
  opacity: 0;
}

.barba-enter-to {
  opacity: 1;
}

/* Note that this code can be refactored for optimization */
/* once: active state, define the transition */
.barba-once-active {
  transition: opacity 4s ease;
}

/* once: initial state */
.barba-once {
  opacity: 0;
}

/* once: ending state */
.barba-once-to {
  opacity: 1;
}

/* fade and slide transition active states (same for leave and enter) */
.fade-leave-active,
.fade-enter-active,
.slide-leave-active,
.slide-enter-active {
  transition: opacity 450ms ease, transform 650ms ease-in-out;
}

/* fade transition states */
.fade-leave,
.fade-enter-to {
  opacity: 1;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

/* slide transition states */
.slide-leave,
.slide-enter-to {
  transform: translateX(0);
}

.slide-enter,
.slide-leave-to {
  transform: translateX(100%);
}

/**
 * Swiper 7.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: 2021
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}

@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  align-items: center;
  direction: ltr;
  display: flex;
  flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  transition: box-shadow 0.3s ease;
  z-index: 0;
}

.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}

@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: 0 0;
  border: 0;
  border-radius: 3px;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  transition: all 0.3s ease;
}

.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control.plyr__tab-focus {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

a.plyr__control {
  text-decoration: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr [data-plyr="airplay"],
.plyr [data-plyr="captions"],
.plyr [data-plyr="fullscreen"],
.plyr [data-plyr="pip"],
.plyr__controls:empty {
  display: none;
}

.plyr--airplay-supported [data-plyr="airplay"],
.plyr--captions-enabled [data-plyr="captions"],
.plyr--fullscreen-enabled [data-plyr="fullscreen"],
.plyr--pip-supported [data-plyr="pip"] {
  display: inline-block;
}

.plyr__menu {
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  transition: transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded="true"] svg {
  transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9);
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
  border-radius: 4px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container:after {
  border: 4px solid transparent;
  border-top: var(--plyr-menu-arrow-size, 4px) solid rgba(255, 255, 255, 0.9);
  border-width: var(--plyr-menu-arrow-size, 4px);
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc( var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}

.plyr__menu__container [role="menu"] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role="menuitem"],
.plyr__menu__container [role="menuitemradio"] {
  margin-top: 2px;
}

.plyr__menu__container [role="menuitem"]:first-child,
.plyr__menu__container [role="menuitemradio"]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid transparent;
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px 0 #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}

.plyr__menu__container .plyr__control[role="menuitemradio"] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role="menuitemradio"]:after,
.plyr__menu__container .plyr__control[role="menuitemradio"]:before {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role="menuitemradio"]:before {
  background: rgba(0, 0, 0, 0.1);
  content: "";
  display: block;
  flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role="menuitemradio"]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  transform: translateY(-50%) scale(0);
  transition: transform 0.3s ease, opacity 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]:before {
  background: #00b3ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
}

.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus:before,
.plyr__menu__container .plyr__control[role="menuitemradio"]:hover:before {
  background: rgba(35, 40, 47, 0.1);
}

.plyr__menu__container .plyr__menu__value {
  align-items: center;
  display: flex;
  margin-left: auto;
  margin-right: calc(-7px - -2);
  margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 - -2);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type="range"] {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b3ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  transition: box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
  background: 0 0;
  background-image: linear-gradient(90deg, currentColor 0, transparent 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: calc(var(--plyr-range-thumb-height, 13px) / 2 * -1 - var(--plyr-range-track-height, 5px) / 2 * -1);
  position: relative;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type="range"]::-moz-range-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type="range"]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type="range"]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type="range"]::-ms-track {
  color: transparent;
}

.plyr--full-ui input[type="range"]::-ms-fill-upper,
.plyr--full-ui input[type="range"]::-ms-track {
  background: 0 0;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type="range"]::-ms-fill-lower {
  background: 0 0;
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  transition: box-shadow 0.3s ease;
  user-select: none;
}

.plyr--full-ui input[type="range"]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type="range"]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type="range"]:focus {
  outline: 0;
}

.plyr--full-ui input[type="range"]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-style: dotted;
  outline-width: 3px;
}

.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time:before {
  content: "\2044";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}

.plyr__tooltip {
  background: rgba(255, 255, 255, 0.9);
  background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  border-radius: var(--plyr-tooltip-radius, 3px);
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  pointer-events: none;
  position: absolute;
  transform: translate(-50%, 10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip:before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip {
  left: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  transform: translateY(10px) scale(0.8);
  transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0) scale(1);
}

.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}

.plyr__progress__buffer,
.plyr__progress input[type="range"] {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type="range"] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  left: 0;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: 0 0;
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: 0 0;
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  animation: plyr-progress 1s linear infinite;
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, transparent 0, transparent 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, transparent 0, transparent);
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: transparent;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__volume {
  align-items: center;
  display: flex;
  max-width: 110px;
  min-width: 80px;
  position: relative;
  width: 20%;
}

.plyr__volume input[type="range"] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  position: relative;
  z-index: 2;
}

.plyr--is-ios .plyr__volume {
  min-width: 0;
  width: auto;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
  background: #00b3ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}

@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}

.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
  background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  z-index: 3;
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

/*
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
  background: #00b3ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}
*/
.plyr__control--overlaid {
  background-image: url(../img/icons/play.svg);
  background-repeat: no-repeat;
  width: 75px;
  height: 75px;
  border: 0;
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}

.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}

.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
  background-color: rgba(255, 255, 255, 0.25);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25)));
}

.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}

.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}

.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5));
}

.plyr--video .plyr__progress__buffer {
  color: rgba(255, 255, 255, 0.25);
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.25));
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr:-moz-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-moz-full-screen video {
  height: 100%;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}

.plyr__ads:after:empty {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin: -var(--plyr-range-track-height, 5px)/2 0 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: rgba(255, 255, 255, 0.9);
  background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  border-radius: 3px;
  bottom: 100%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 3px;
  padding: var(--plyr-tooltip-radius, 3px);
  pointer-events: none;
  position: absolute;
  transform: translateY(10px) scale(0.8);
  transform-origin: 50% 100%;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0) scale(1);
}

.plyr__preview-thumb:before {
  border-left: 4px solid transparent;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid transparent;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid rgba(255, 255, 255, 0.9);
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 2px;
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__time-container {
  bottom: 6px;
  left: 0;
  position: absolute;
  right: 0;
  white-space: nowrap;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 2px;
  border-radius: calc(var(--plyr-tooltip-radius, 3px) - 1px);
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  padding: 3px 6px;
}

.plyr__preview-scrubbing {
  bottom: 0;
  filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

/* ------------------------------
Top
--------------------------------*/



/* ------------------------------
Headers
--------------------------------*/
header .hero-form {
  background-image: url(../img/bg-elements/alt-bg.jpg);
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  display: flex;
  position: relative;
  justify-content: flex-end;
  align-items: center;
  z-index: 0;
  padding: 100px 0 30px 0;
}

header .hero-form img {
  opacity: 1;
  mix-blend-mode: multiply;
  z-index: 2;
}

header .hero-form::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1b0b41;
  mix-blend-mode: multiply;
  opacity: 0.71;
}

header .hero-form .content {
  justify-content: center;
  align-items: center;
  position: inherit;
  z-index: 10;
  color: #ffffff;
}

header .hero-form .content p {
  color: #ffffff;
}

header .hero-form .content .btn {
  margin-bottom: 1em;
  margin-right: 1em;
}

@media (min-width: 1024px) {
  header .hero-form .content .btn {
    margin-bottom: 0em;
  }
}

header .hero-form .content .heading,
header .hero-form .content h1 {
  color: #aaffe5;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

header .hero-form .content .heading span,
header .hero-form .content h1 span {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

header .hero-form .content h5 {
  color: #aaffe5;
  /* @include textgradient(to right, $list2); */
}
header .hero-home {
  background-color: #1b0b41;
 background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  align-items: center;
  display: flex;
  align-items: center;
  position: relative;
}

header .hero-home::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1b0b41;
  mix-blend-mode: multiply;
  opacity: 0.4;
}

header .hero-home .video {
  display: none;
}

@media (min-width: 768px) {
  header .hero-home .video {
    display: block;
    /* position: absolute;
            z-index: 0;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;iframe {
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                left: 0;
                margin: auto;
                min-height: 50%;
                min-width: 50%;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
            }*/
    position: absolute;
    overflow: hidden;
    padding-bottom: 56.25%;
    width: 100%;
    height: 100vh;
  }
  header .hero-home .video iframe {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
  }
  header .hero-home .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;
  }
}

header .hero-home img {
  opacity: 1;
  z-index: 2;
}

header .hero-home .content {
  justify-content: center;
  align-items: center;
  position: inherit;
  z-index: 1;
}

header .hero-home .content p {
  display: none;
}

@media (min-width: 768px) {
  header .hero-home .content p {
    display: block;
    color: #ffffff;
  }
}

header .hero-home .content .btn {
  margin-bottom: 1em;
  margin-right: 1em;
}

@media (min-width: 1024px) {
  header .hero-home .content .btn {
    margin-bottom: 0em;
  }
}

header .hero-home .content .heading,
header .hero-home .content h1 {
  color: #aaffe5;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
header .hero-home h2 span, header .hero-home .md-heading span{
    font-weight: 700;
}
header .hero-home .content .heading span,
header .hero-home .content h1 span {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}

header .hero-home .content .heading-md,
header .hero-home .content h2 {
  font-size: 1.6rem;
  color: #aaffe5;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

header .hero-home .content .captions {
  margin-top: 1.5rem;
  display: block;
  font-size: 1rem;
}

header .hero-home .content .captions a {
  position: relative;
  cursor: pointer;
}

header .hero-home .content .captions a::before {
  position: absolute;
  content: "";
  background-image: url(../img/icons/play.svg);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  border: 0;
  z-index: 2;
  background-size: 10%;
  left: 0;
}

header .hero-home .content .captions a.xs-heading {
  padding-left: 2.5rem;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.4rem;
}

header .hero-home .content .captions a:hover {
  opacity: 0.5;
}

header .hero-home .content .captions .xs-heading {
  line-height: 150%;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

header .hero-sm {
  /*
        &::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background-color: $secondary-colour;
            mix-blend-mode: multiply;
        }*/
  mix-blend-mode: multiply;
  background-color: #1b0b41;
  width: 100%;
  height: 225px;
  display: flex;
  justify-content: center;
  align-items: center;
  /*  &::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 100%;
            background: linear-gradient(-180deg, rgba(0, 0, 0, 0.7), rgba(126, 130, 122, 0.1) 70.71%);
            z-index: 2;
        }*/
  position: relative;
  z-index: 0;
}

header .hero-sm img {
  opacity: 0.7;
  mix-blend-mode: multiply;
  z-index: 2;
}

header .hero-sm::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1b0b41;
  mix-blend-mode: multiply;
  opacity: 0.7;
}

header .hero-sm .content {
  position: inherit;
  z-index: 9999;
  bottom: -2.7rem;
}

header .hero-sm .content h1 {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 1.625rem;
  line-height: 2.2rem;

}
@media (min-width: 1024px) {
  header .hero-sm .content h1 {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 2rem;
  line-height: 2.4rem;
}  
}
header .hero-sm .content h5 {
  color: #aaffe5;
  /* @include textgradient(to right, $list2); */
}

header .hero-md {
  position: relative;
  /*
        &::after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background-color: $secondary-colour;
            mix-blend-mode: multiply;
        }*/
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  /*  &::before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
            width: 100%;
            background: linear-gradient(-180deg, rgba(0, 0, 0, 0.7), rgba(126, 130, 122, 0.1) 70.71%);
            z-index: 2;
        }*/
  z-index: 0;
}

header:has(.hero-md), header:has(.hero-lrg){
  position: relative !important;
}

header .hero-md img {
  opacity: 1;
  mix-blend-mode: multiply;
  z-index: 2;
}

header .hero-md::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1b0b41;
  mix-blend-mode: multiply;
  opacity: 0.7;
}

header .hero-md .content {
  position: absolute;
  z-index: 9999;
  padding-right:1rem;
}

header .hero-md .content h1 {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

header .hero-md .content h5 {
  color: #aaffe5;
  /* @include textgradient(to right, $list2); */
}

header .hero-lrg {
  height: 700px;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  z-index: 0;
  /* &::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background-image: url(../img/icons/arrow_downward.svg);
            background-repeat: no-repeat;
        } */
}

header .hero-lrg img {
  opacity: 1;
  mix-blend-mode: multiply;
  z-index: 2;
}

header .hero-lrg::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1b0b41;
  mix-blend-mode: multiply;
  opacity: 0.7;
  display: none;
}

header .hero-lrg .content {
  justify-content: center;
  align-items: center;
  position: inherit;
  z-index: 9999;
}

@media (min-width: 992px){
  header .hero-lrg .content{
    margin-top: 10rem;
  }
}

header .hero-lrg .content h1 {
color: #fff;
}

header .hero-lrg .content .btn{
  border-color: #ff0077;
    background: #ff0077;
    text-decoration: none;
    transition: all 0.3s linear;
    border: 1px solid #ff0077;
    margin-top: 1rem;
}

header .content .btn:hover{
  background: #1b0b41;
    border: 1px solid #ff0077;
}

header .content .btn:hover span{
  color: #ff0077;
}

header .hero-lrg .content h1 span.blue{
  color: #aaffe5 !important;
    background: unset;
  background-clip:unset;
  -webkit-background-clip: unset;
  background-clip: unset;
  -webkit-text-fill-color:unset;
} 

header .hero-lrg .content h1 span{
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media (min-width: 992px){
  header .hero-lrg .content h1{
    padding-right: 30%;
    font-size:3rem;
  }
}



header .hero-lrg .content h5 {
  color: #aaffe5;
  /* @include textgradient(to right, $list2); */
}
/* hero agency page */
header .hero-agency {
  height: 500px;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  z-index: 0;
}
header .hero-agency::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-image: url(/img/icons/overlay-hero.svg);
    background-repeat: no-repeat;
    background-position: center right;
        
}

header .hero-agency img {
  opacity: 1;
  mix-blend-mode: multiply;
  z-index: 2;
width: 26rem;
left: -2rem;
position: relative;
}

header .hero-agency::before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #1B0B41;
  opacity: 0.42;
}

header .hero-agency .content {
  justify-content: center;
  align-items: center;
  position: inherit;
  z-index: 9999;
}

header .hero-agency .content h1 {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

header .hero-agency .content h5 {
  color: #aaffe5;
  /* @include textgradient(to right, $list2); */
}
/* end hero agency */


.footer-content {
  align-items: left;
  position: relative;
  bottom: 1em;
  z-index: 1;
}

.footer-content img {
  position: absolute;
  bottom: 0;
}


.header .header-form-container {
    background: #FFFFFF;
    padding: 30px 30px 15px 30px;
    border: 3px solid;
    border-image-slice: 1;
    border-image-source: -webkit-linear-gradient(to right, #e4c1ff, #aaffe5);
    border-image-source: -moz-linear-gradient(to right, #e4c1ff, #aaffe5);
    border-image-source: -o-linear-gradient(to right, #e4c1ff, #aaffe5);
    border-image-source: linear-gradient(to right, #e4c1ff, #aaffe5);
    border-radius: 0rem;
}

/* .header .header-form-container h5 {
    color: #;
} */

header .feature-list {
    padding: 0;
    margin: 0;
    list-style: none;
    color: #FFFFFF;
    position: relative;
    z-index: 10;
    margin-left: 15px;
}

header .feature-list li {
    display: flex;
    color: #FFFFFF;
    align-items: center;
    padding: 6px;
}

header .feature-list li:first-child {
    padding-top: 0;
}

header .feature-list li:last-child {
    padding-bottom: 0;
}

header .feature-list li img {
    margin-right: 12px;
    max-height: 36px;
    max-width: 36px;
    width: 100%;
    height: auto;
}

header .feature-list li span {
    font-weight: bold;
}

/* ------------------------------
Mega Nav 2021
--------------------------------*/
body.menu-open {
  overflow: hidden;
}

.menu-backdrop {
  content: "";
  width: 100%;
  height: 100vh;
  opacity: 0;
  position: fixed;
  top: 0;
  right: 0px;
  background: #1b0b41;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.menu-backdrop.show {
  opacity: 0.9;
  transition: opacity 0.3s ease-in-out;
}

/*put me back in if notification is removed*/
/* section.top {
  padding: 0;
  width: 100vw;
  top: 0;
  left: 0;
  right: 0;
} */

section.top .container-lg {
  padding-right: 0;
}

@media (min-width: 1024px) {
  section.top .container-lg {
    padding-right: 15px;
  }
}

.top-logo {
  display: block;
  padding: 18px 0;
}

@media (min-width: 1024px) {
  .top-logo {
    padding: 30px 0;
    margin: 0;
  }
}

.top-logo img {
  height: 24px;
  width: auto;
  max-width: 100%;
}

@media (min-width: 1024px) {
  .top-logo img {
    height: 30px;
  }
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0 !important;
}

.justify-content-end .mega-menu-item a {
  padding: 0 15px;
}

.mega-menu-container {
  height: 100%;
  display: flex;
  margin: 0 auto;
}

.mega-menu-container .mega-menu-item {
  position: static;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 3px;
}

.mega-menu-container .mega-menu-item:after {
  content: "";
  opacity: 0;
  position: relative;
  bottom: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 3px;
  background-image: linear-gradient(to right, #e4c1ff, #aaffe5);
  background-color: #e4c1ff;
  z-index: 1000;
}

.mega-menu-container .mega-menu-item.show::after {
  opacity: 1;
}

.mega-menu-container .mega-menu-item a {
  font-family: "acumin-pro", sans-serif;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  margin: auto 0;
  transition: all 0.12s ease-in-out;
}

.mega-menu-container .mega-menu-item a:hover {
  transition: all 0.12s ease-in-out;
  cursor: pointer;
  color: #faeaff;
}

.mega-menu-container .mega-menu-item a i {
  margin-left: 0.5em;
  font-size: 1em;
  transition: all 0.15s;
  transform: rotate(0deg);
}

.mega-menu-container .mega-menu-item a.show i {
  transition: all 0.15s;
  transform: rotate(180deg);
}

.mega-menu-container .mega-menu-item .mega-menu-toggle {
  font-family: "acumin-pro", sans-serif;
  color: #ffffff;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 0 10px;
  margin: auto 0;
  transition: all 0.12s ease-in-out;
}

.mega-menu-container .mega-menu-item .mega-menu-toggle:hover {
  transition: all 0.12s ease-in-out;
  cursor: pointer;
  color: #faeaff;
}

.mega-menu-container .mega-menu-item .mega-menu-toggle i {
  margin-left: 0.5em;
  font-size: 1em;
  transition: all 0.15s;
  transform: rotate(0deg);
  display: inline;
}

.mega-menu-container .mega-menu-item .mega-menu-toggle.show i {
  transition: all 0.15s;
  transform: rotate(180deg);
}

.mega-menu-container .mega-menu-item:first-of-type:after {
  left: 0;
  width: calc(100% - 15px);
}

.mega-menu-container .mega-menu-item:first-of-type .mega-menu-toggle {
  padding-left: 0;
}

.mega-menu-container .mega-menu-item:last-of-type:after {
  right: 0;
  width: calc(100% - 15px);
}

.mega-menu-container .mega-menu-item:last-of-type .mega-menu-toggle {
  padding-right: 0;
}

.mega-menu-container .mega-menu-item:last-of-type .mega-menu-toggle .btn{
  border-color: #ff0077;
    background: #ff0077;
    text-decoration: none;
    transition: all 0.3s linear;
    border: 1px solid #ff0077;
}

.mega-menu-container .mega-menu-item:last-of-type .mega-menu-toggle .btn:hover{
  background: #1b0b41;
    border: 1px solid #ff0077;
}

.mega-menu-container .mega-menu-item:last-of-type .mega-menu-toggle .btn:hover span{
  color: #ff0077;
}

.mega-menu-container .mega-menu-item .mega-menu-content {
  width: 100%;
  background-color: transparent;
  border-radius: 0;
  border: none;
  margin: 0px auto;
  text-align: left;
  float: none;
  min-width: unset;
  color: #1b0b41;
  background-clip: unset;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  visibility: hidden;
  opacity: 0;
  transition: all 0.6s ease-in-out;
}

@media (min-width: 576px) {
    .mega-menu-container .mega-menu-item .mega-menu-content {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .mega-menu-container .mega-menu-item .mega-menu-content {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .mega-menu-container .mega-menu-item .mega-menu-content {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .mega-menu-container .mega-menu-item .mega-menu-content {
        max-width: 1140px;
    }
}

.mega-menu-container .mega-menu-item .mega-menu-content .inner {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  box-shadow: 0px 0px 15px 15px rgba(0, 0, 0, 0.3);
  /*
  box-shadow: 0px 0px 60px 15px rgba(0, 0, 0, 0.3);*/
  margin: 0;
}

.mega-menu-container .mega-menu-item .mega-menu-content.show {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 768px) {
  .mega-menu-container .mega-menu-item .mega-menu-content.show {
    /* top: 60px; */
    top: inherit;
  }
}

@media (min-width: 1024px) {
  .mega-menu-container .mega-menu-item .mega-menu-content.show {
    /* top: 90px; */
    top: inherit;
  }
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-title .icon {
  position: relative;
  z-index: 1;
  opacity: 1;
  width: auto;
  vertical-align: top;
  margin: 0px auto;
  margin-bottom: 0.5rem;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-title .icon img {
  width: 18px;
  height: 18px;
  object-fit: cover;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-title .newtag {
  display: inline-block;
  z-index: 1;
  opacity: 1;
  width: auto;
  vertical-align: top;
  margin: 0px auto;
  margin-left: 0.5rem;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-title .newtag img {
  width: 30px;
  height: 15px;
  object-fit: cover;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-title a {
  color: #1b0b41;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  transition: all 0.12s ease-in-out;
  margin-bottom: 0.5rem;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-title a:hover {
  transition: all 0.12s ease-in-out;
  text-decoration: none;
  color: #ff0077;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-title a i {
  margin-left: 9px;
  font-size: 12px;
  font-size: 0.75rem;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-title hr {
  width: 100%;
  margin: 15px 0 9px 0;
  border-top-color: #d9d2d6;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-description p {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 16px;
  color: #584f70;
  opacity: 1;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-description a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  font-size: 1rem;
  transition: all 0.12s ease-in-out;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-description a:hover {
  transition: all 0.12s ease-in-out;
  text-decoration: none;
  color: #ff0077;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-description a i {
  margin-left: 9px;
  font-size: 12px;
  font-size: 0.75rem;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-description hr {
  width: 100%;
  margin: 15px 0 9px 0;
  border-top-color: #d9d2d6;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-nav a {
  display: block;
  padding: 10.5px 0;
  color: #000000;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  transition: all 0.12s ease-in-out;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-nav a:hover {
  text-decoration: none;
  color: #ff0077;
  transition: all 0.12s ease-in-out;
}

.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-nav.full-width-nav {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  gap: 0px 15px;
  grid-auto-flow: column;
}

.mega-menu-container .mega-menu-item .mega-menu-content .nav-padding {
  padding: 50px 20px;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-text-cta {
  align-items: left;
  text-align: left;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-text-cta h5 {
  color: #ffffff;
  margin-bottom: 15px;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-text-cta p {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #faeaff;
  opacity: 1;
}
.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-text-cta p:empty {
    display:none;
}
.mega-menu-container .mega-menu-item .mega-menu-content .sub-menu-container .sub-menu-title a,
.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-text-cta a{
   padding: 0px; 
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-text-cta a {
  color: #ffffff;
 /* display: flex;  margin: 0;*/
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 800;
  transition: all 0.12s ease-in-out;
}
.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-text-cta .btn-secondary:hover {
    color: #ffffff;
    background: transparent;
    border: 1px solid #ffffff;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-text-cta a:hover {
  transition: all 0.12s ease-in-out;
  text-decoration: none;
  color: #ffffff;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-text-cta a i {
  margin-left: 9px;
  font-size: 10px;
  font-size: 0.625rem;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news .news-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 21px 0 15px 0;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news .news-title span,
.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news .news-title a {
  color: #000000;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news .news-title span {
  opacity: 0.4;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news .news-title a {
  transition: all 0.12s ease-in-out;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news .news-title a:hover {
  text-decoration: none;
  color: #ff0077;
  transition: all 0.12s ease-in-out;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news.featured-news .featured-news-item-container {
  position: relative;
  display: flex;
  align-items: flex-end;
  background-size: cover;
  background-position: center;
  padding: 21px;
  min-height: 200px;
  height: 100%;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news.featured-news .featured-news-item-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0.8) 66.89%, rgba(10, 10, 10, 0.9) 99.99%, #0a0a0a 100%);
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news.featured-news .featured-news-item-container .content {
  position: relative;
  z-index: 2;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news.featured-news .featured-news-item-container .content span.tag {
  display: block;
  text-transform: uppercase;
  font-size: 10px;
  font-size: 0.625rem;
  color: #ffffff;
  letter-spacing: 3px;
  font-weight: 700;
  margin-bottom: 6px;
  opacity: 0.4;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news.featured-news .featured-news-item-container .content h6 {
  font-size: 18px;
  font-size: 1.125rem;
  color: #ffffff;
  margin-bottom: 0;
  transition: all 0.12s ease-in-out;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news.featured-news .featured-news-item-container:hover {
  text-decoration: none;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news.featured-news .featured-news-item-container:hover h6 {
  transition: all 0.12s ease-in-out;
  color: #ff0077;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news .news-listing {
  list-style: none;
  padding: 0;
  margin: 0;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news .news-listing li a {
  display: block;
  padding: 10.5px 0;
  color: #000000;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  transition: all 0.12s ease-in-out;
  opacity: 0.6;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news .news-listing li a:hover {
  text-decoration: none;
  color: #ff0077;
  transition: all 0.12s ease-in-out;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news .news-listing li:first-of-type a {
  padding-top: 0;
}

.mega-menu-container .mega-menu-item .mega-menu-content .mega-menu-news .news-listing li:last-of-type a {
  padding-bottom: 0;
}

.top-actions {
  display: flex;
  align-items: center;
  height: 100%;
  margin: auto 0 auto auto;
}

.top-actions .action-item {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-top: 3px;
}

.top-actions .action-item:after {
  content: "";
  opacity: 0;
  position: relative;
  bottom: 0;
  left: 15px;
  width: calc(100% - 30px);
  height: 3px;
  background-color: #ff0077;
}

.top-actions .action-item .icon-switch i.fa-search {
  display: block;
}

.top-actions .action-item .icon-switch i.fa-times {
  width: 16px;
  text-align: center;
  display: none;
}

.top-actions .action-item.show .icon-switch i.fa-search {
  display: none;
}

.top-actions .action-item.show .icon-switch i.fa-times {
  display: block;
}

.top-actions .action-item.show::after {
  opacity: 1;
}

.top-actions .action-item:first-of-type .action-toggle {
  border-right: 1px solid #312c30;
}

.top-actions .action-item .action-toggle {
  padding: 0 15px;
  margin: auto 0;
  color: #ffffff;
  cursor: pointer;
  position: relative;
}

.top-actions .action-item .action-toggle:hover {
  color: #ff0077;
}

.top-actions .action-item .action-toggle.show {
  color: #ff0077;
}

.top-actions .phone-list {
  display: none;
  width: auto;
  background-color: #f4f3f3;
  box-shadow: 0px 0px 60px 15px rgba(0, 0, 0, 0.3);
  padding: 30px;
  margin: 0;
  border-radius: 0;
  border: none;
  float: none;
  min-width: unset;
  color: #000000;
  background-clip: unset;
  font-size: 16px;
  font-size: 1rem;
  position: absolute;
  top: 57px;
  left: 50%;
  transform: translateX(-50%);
}

.top-actions .phone-list.show {
  display: block;
}

.top-actions .phone-list a {
  display: flex;
  flex-direction: column;
  color: #000000;
  transition: all 0.12s ease-in-out;
  margin-bottom: 15px;
  width: max-content;
}

.top-actions .phone-list a:hover {
  transition: all 0.12s ease-in-out;
  color: #ff0077;
  text-decoration: none;
}

.top-actions .phone-list a:last-of-type {
  margin-bottom: 0;
}

.top-actions .phone-list a span {
  display: block;
}

.top-actions .phone-list a span.location {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  opacity: 0.6;
}

.top-actions .phone-list a span.number {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
}

.search-bar {
  display: none;
  width: 100%;
  background-color: #f4f3f3;
  box-shadow: 0px 0px 60px 15px rgba(0, 0, 0, 0.3);
  padding: 15px 0;
  margin: 0;
  border-radius: 0;
  border: none;
  float: none;
  min-width: unset;
  color: #000000;
  background-clip: unset;
  font-size: 16px;
  font-size: 1rem;
  position: absolute;
  top: 60px;
  left: 0;
  overflow: hidden;
}

@media (min-width: 1024px) {
  .search-bar {
    display: block;
    visibility: hidden;
    opacity: 0;
    top: 96px;
    transition: all 0.3s ease-in-out;
    padding: 30px 0;
  }
}

.search-bar.show {
  display: block;
}

@media (min-width: 768px) {
  .search-bar.show {
    top: 90px;
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
  }
}

.search-bar .search-box input {
  background: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  padding: 0;
  height: calc(100% - 1px);
  max-height: 65px;
  border-bottom: 1px solid #d9d2d6;
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 100%;
  font-weight: 500;
  color: #5d5474;
}

.search-bar .search-box input::placeholder {
  color: #5d5474;
  font-style: italic;
}

.search-bar .search-box input:active, .search-bar .search-box input:focus {
  border-color: #000000;
}

.search-bar .search-box input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 16px;
  width: 16px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url("https://pro.fontawesome.com/releases/v5.10.0/svgs/regular/times-circle.svg") no-repeat 50% 50%;
  background-size: contain;
  opacity: 0.3;
}

.search-bar .search-box button {
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
  outline: none;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
  background: #ff0077;
  transition: all 0.12s ease-in-out;
  color: #ffffff;
}

.search-bar .search-box button:hover {
  transition: all 0.12s ease-in-out;
  background: #1b0b41;
}

.search-bar .search-box button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}








.cta-box {
  padding: 21px;
  color: #ffffff;
}

.cta-box .sub-title {
  display: flex;
  align-items: center;
  margin-bottom: 9px;
  overflow: hidden;
}

.cta-box .sub-title span {
  text-transform: uppercase;
  color: #000000;
  opacity: 0.5;
  font-size: 10px;
  font-size: 0.625rem;
  letter-spacing: 3px;
  margin-right: 9px;
  font-weight: 700;
  width: auto;
  flex: 0 0 auto;
}

.cta-box .sub-title hr {
  margin: 0;
  border-top-color: #000000;
  opacity: 0.15;
  height: 0;
  width: auto;
  flex: 0 0 100%;
}

.cta-box h4 {
  font-size: 24px;
  font-size: 1.5rem;
  color: #ffffff;
}

.cta-box p {
  margin-bottom: 15px;
}

.cta-box a {
/*  border: none !important;
  padding: 0 !important;*/
  font-size: 14px;
  font-size: 0.875rem;
}
.slide-menu ul li .btn a:focus, 
.slide-menu ul li .btn a:hover, 
.slide-menu ul li .btn a:active{
     color: #ffffff;   
}
.cta-box .btn {
    color: #ffffff;
  /*border: 1px solid #1b0b41;*/
}
.cta-box .btn:hover {
color: #ffffff;
background: transparent;
border: 1px solid #1b0b41;
    
}

.contact-cta {
  margin-top: auto;
  border:1px;
}

.contact-cta li {
  color: #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
}

.contact-cta .social-links {
  display: flex;
  align-items: center;
  justify-self: flex-start;
  padding: 5px 0;
  margin: 30px;
  list-style: none;
}

@media (min-width: 768px) {
  .contact-cta .social-links {
    margin: 0;
  }
}

.contact-cta .social-links li a {
  display: block;
  width: auto;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  margin-right: 30px;
  opacity: 1;
  color: #ffffff;
}

@media (min-width: 768px) {
  .contact-cta .social-links li a {
    margin-right: 15px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.contact-cta .social-links li:last-child a {
  margin-right: 0;
}

/* ------------------------------
Modules
--------------------------------*/

.stats-row-module .sm-heading {
    color: #ac00dd;
}

.chart-container {
  position: relative;
  overflow: hidden;
  margin: 15px 0;
}

@media(max-width:992px){
.chart-container{
  display: flex;
  flex-direction: column;
  align-items: center;
}

}

.chart-container .chart {
  position: relative;
padding-top: 50%;
    width: 50%;
    height: 50%;
  margin: 0;
  border-radius: 100%;
  overflow: hidden;
}

@media (min-width: 992px){
  .chart-container .chart{
      padding-top: 80%;
  width: 80%;
  height: 80%;
  }
}

.chart-container .chart svg {
  position: absolute;
  top: 0;
  left: 0;
  fill: none;
  stroke-width: 15;
  stroke-linecap: butt;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: all 1.5s ease-in-out;
  transition: all 1.5s ease-in-out;
  stroke-dasharray: 0 999;
  z-index: 2;
}
.chart-container .chart .stat-number {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 33.33%;
}
.chart-container .chart .stat-number::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 71%;
  width: 71%;
  background: #ffffff;
  border-radius: 100%;
  overflow: hidden;
}
.chart-container .chart .stat-number span {
  position: relative;
  z-index: 4;
  color: #584f70;
  font-weight: 600;
  font-family: "acumin-pro", sans-serif;
  line-height: 100%;
  font-size: 24px;
  font-size: 1.5rem;
}
@media (min-width: 992px) {
  .chart-container .chart .stat-number span {
    font-size: 48px;
    font-size: 3rem;
  }
}
.chart-container .chart::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FAEAFF;
}
.chart-container .chart-label {
  margin: 15px auto 0;
  text-align: center;
}
.chart-container .chart-label span {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: "acumin-pro", sans-serif;
  color: #584f70;
}

/* ------------------------------
Modals
--------------------------------*/
body.modal-open .top{
  z-index: 0;
}
body.modal-open {
  background-color: #000000;
  z-index: 9999;
}

body.modal-open .modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 1rem;
}

body.modal-open .modal-header .close span {
  font-size: 2rem;
}

@media (min-width: 576px) {
  body.modal-open .modal-dialog {
    max-width: 90%;
    margin: 1.75rem auto;
    height: 100%;
  }
}

@media (min-width: 1400px) {
  body.modal-open .modal-dialog {
    max-width: 60%;
    margin: 1.75rem auto;
    height: 100%;
  }
}

body.modal-open .modal-content {
  z-index: 9999;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #1b0b41;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

body.modal-open .modal-content .video {
  z-index: 0;
  overflow: hidden;
  /* max-height: 70%; */
  aspect-ratio: 16/9;
}

body.modal-open .modal-content .video iframe {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  /* min-height: 300px; */
  height: 100%;
}

body.modal-open .modal-content .video video {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  min-height: 300px;
  height: 100%;
}

/* ------------------------------
Footer
--------------------------------*/
footer {
  background-color: #0a0a2d;
  padding-top: 75px;
  font-family: "acumin-pro", sans-serif;
}

@media (min-width:992px){
  .row.logos{
  justify-content: space-evenly;
}
}
footer .footer-logo {
  max-height: 50px;
  margin: 20px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: block;
  height: 60px;
  width: auto;
  overflow: hidden;
  background-color: transparent;
}footer .logo-container .logo-img {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: block;
  height: auto;
  width: auto;
  overflow: hidden;
  background-color: transparent;
  margin-top:5px;
}
@media (min-width: 768px) {
  footer {
    padding: 60px 0 0;
  }

footer .logo-container .logo-img {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: block;
  height: auto;
  width: auto;
  overflow: hidden;
  background-color: transparent;
    margin-top:0px;
}
}



footer .logo-container {
  margin-top: 1rem;
  padding: 0.3em;
  width: auto;
}



footer .logo-container .logo-img img {
  height: 60px;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

footer .link-container {
  padding: 15px 0;
  border-bottom: 1px solid #28284b;
}

@media (min-width: 768px) {
  footer .link-container {
    padding: 0;
    border: 0;
  }
  footer .logo-container .logo-img img {
  height: 100px;
  width: 100%;
  object-fit: contain;
  object-position: center;
}
}

footer .link-container address {
  padding-top: 0px;
  font-family: "acumin-pro", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  color: #ffffff;
  opacity: 1;
}
footer .link-container address p {
  color: #ffffff;
  opacity: 1;
}

footer .link-container .link-title {
  font-family: "acumin-pro", sans-serif;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875rem;
  color: #ffffff;
  opacity: 0.7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}

@media (min-width: 768px) {
  footer .link-container .link-title {
    padding-top: 10px;
    border-bottom: 1px solid #28284b;
  }
}

footer .link-container .link-title:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
}

footer .link-container .link-title ion-icon {
  color: #ffffff;
  transition: all 0.15s;
  transform: rotate(180deg);
}

@media (min-width: 768px) {
  footer .link-container .link-title ion-icon {
    display: none;
  }
}

footer .link-container .link-title.collapsed ion-icon {
  transition: all 0.15s;
  transform: rotate(0deg);
}

@media (min-width: 768px) {
  footer .link-container .link-title {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    pointer-events: none !important;
  }
}

footer .link-container .footer-link {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 10px;
}

@media (min-width: 768px) {
  footer .link-container .footer-link {
    display: block;
    margin-top: 0;
  }
}

footer .link-container .footer-link .btn-wide-arrow {
  color: #ffffff;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: space-between;
  height: 44px;
  border-radius: 0em;
  padding: 0px;
  text-decoration: none;
  border: 0;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 28px;
}

footer .link-container .footer-link .btn-wide-arrow::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 36px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  transition: all 250ms ease-in-out;
}

footer .link-container .footer-link .btn-wide-arrow:hover {
  opacity: 0.6;
}

footer .link-container .footer-link li a {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 300;
  font-family: "acumin-pro", sans-serif;
  color: #ffffff;
  opacity: 1;
  display: block;
  padding: 5px 0;
}

footer .link-container .footer-link li a:hover {
  opacity: 0.7;
  text-decoration: none;
}

footer .link-container .footer-link.contact-links li a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

footer .link-container .footer-link.contact-links li a span.email {
  font-weight: 700;
  opacity: 1;
}

footer .link-container .footer-link.contact-links li a span.number {
  opacity: 1;
}

footer .social-links {
  display: flex;
  align-items: center;
  justify-self: flex-start;
  padding: 5px 0;
  margin: 30px;
  list-style: none;
}

@media (min-width: 768px) {
  footer .social-links {
    margin: 0;
  }
}

footer .social-links li a {
  display: block;
  width: auto;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  margin-right: 30px;
  opacity: 1;
  color: #ffffff;
}

@media (min-width: 768px) {
  footer .social-links li a {
    margin-right: 15px;
    font-size: 20px;
    font-size: 1.25rem;
  }
}

footer .social-links li:last-child a {
  margin-right: 0;
}

footer .sign-off {
  background: #010123;
  padding: 10px 0;
  text-align: center;
  margin-top: 30px;
}

@media (min-width: 768px) {
  footer .sign-off {
    margin-top: 60px;
  }
}

footer .sign-off span.copyright-tag {
  font-size: 12px;
  font-size: 0.75rem;
  color: #ffffff;
  opacity: 0.6;
}

footer .sign-off .sign-off-links {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #28284b;
}

@media (min-width: 1024px) {
  footer .sign-off .sign-off-links {
    flex-wrap: nowrap;
    border-bottom: none;
  }
}

footer .sign-off .sign-off-links li {
  padding-right: 1em;
  margin: 0px auto;
  max-width: 100%;
  text-align: center;
}

@media (min-width: 1024px) {
  footer .sign-off .sign-off-links li {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    margin-right: 10px;
  }
}

footer .sign-off .sign-off-links li a {
  font-size: 12px;
  font-size: 0.75rem;
  color: #ffffff;
  opacity: 0.6;
  font-weight: 100;
  text-align: center;
  padding: 5px 0;
  color: #ffffff;
  font-size: 12px;
  font-size: 0.75rem;
}

@media (min-width: 768px) {
  footer .sign-off .sign-off-links li a {
    padding: 0;
  }
}

footer .sign-off .sign-off-links li a:hover {
  text-decoration: none;
  cursor: pointer;
  opacity: 1;
}

@media (min-width: 1024px) {
  footer .sign-off .sign-off-links li:last-child a {
    margin-right: 0;
  }
}

footer .sign-off .v-link {
  color: #ffffff;
  opacity: 0.6;
  font-size: 12px;
  font-size: 0.75rem;
  transition: all 0.12s;
}

footer .sign-off .v-link:hover {
  text-decoration: none;
  transition: all 0.12s;
  opacity: 1;
}

footer .sign-off .v-link {
  margin-right: 5px;
}

footer .sign-off .v-link:hover {
  color: #fd3717;
}


/* ------------------------------
Signoff
--------------------------------*/
.signoff {
  background-color: #0a0a2d;
}

/* ------------------------------
Rich Text Editor
--------------------------------*/
.rte img{
  max-width: 100%;
  height: auto;
}
.rte .blog-details {
  font-family: "acumin-pro", sans-serif;
}

.rte .blog-details .table td,
.rte .blog-details .table th {
  padding: 0.3rem;
  vertical-align: top;
  border-top: 0px;
}

.rte .blog-details h1 {
  color: #1b0b41;
  margin-bottom: 15px;
}

.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
  color: #ac00dd;
  margin-bottom: 15px;
}

.rte p {
  line-height: 22px;
}

.rte p strong {
  font-weight: bold;
}

.rte .circle-img {
  background: linear-gradient(to bottom right, #e4c1ff, #aaffe5);
  /*Gradient is top left to bottom right*/
  background-color: #aaffe5;
  /* For browsers that do not support gradients */
  width: 106px;
  height: 106px;
  border-radius: 100%;
  padding: 3px;
  text-align: center;
  margin: 0px auto;
  margin-right: 0.5em;
}

.rte .circle-img img {
  object-fit: cover;
  object-position: center;
  z-index: 1;
  width: 100px;
  height: 100px;
  background-color: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 100%;
  text-align: center;
  margin: 0px auto;
}

.rte .img {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 100% !important;
  vertical-align: top;
  margin: 1em 0 1em 0;
}

.rte .img img {
  height: 250px;
  width: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {
  .rte .img img {
    height: 350px;
  }
}

.rte a {
  color: #ac00dd;
  font-weight: bold;
}

.rte blockquote {
  position: relative;
  font-family: "acumin-pro", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
  color: #1b0b41;
  margin-top: 3rem;
  margin-bottom: 3rem;
  display: block;
  padding-left: 65px;
}

.rte blockquote:before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0.1rem;
  left: 0.7rem;
  height: 100%;
  width: 100%;
  width: 36px;
  line-height: 100%;
  background-image: url("/img/icons/quotationmark.svg");
  background-repeat: no-repeat;
}

.rte .nav-pills {
  font-size: 0.7em;
  font-weight: 100;
  line-height: 1em;
}

.rte .nav-pills li {
  line-height: 1em;
}

.rte .nav-pills span.h6 {
  margin-right: 10px;
}

.rte .nav-pills .nav-link.active {
  color: #ffffff;
  background-color: #ac00dd;
  border: 0px;
}

.rte .nav-pills .nav-link {
  margin-right: 5px;
  background-color: #ac00dd rgba(172, 0, 221, 0.2);
  border: 0px;
  padding: 5px;
  border-radius: 4px;
}

.rte .shad {
  box-shadow: 0 0.1rem 1.5rem rgba(0, 0, 0, 0.1) !important;
  display: block;
  padding: 2em;
  border: 1px solid #dee2e6;
}

.rte .event-details p {
  font-size: 12px;
  font-weight: 650;
  color: rgba(0, 0, 0, 0.2);
}

.rte .event-details .fa {
  display: block;
  font-size: 1.6em;
  color: rgba(0, 0, 0, 0.1);
}

/* ------------------------------
Main
--------------------------------*/
.main-hero {
  width: 100%;
  height: 90vh;
  position: relative;
  display: flex;
}

.main-hero .img-1 {
  background-color: #c50393;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
}

.main-hero .img-1 .background-1 {
  mix-blend-mode: overlay;
  opacity: 0.25;
  width: 100%;
  background-position: left;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

@media (min-width: 768px) {
  .main-hero .img-1 {
    background-color: #c50393;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
  }
  .main-hero .img-1 .background-1 {
    mix-blend-mode: overlay;
    opacity: 0.25;
    width: 100%;
    background-position: left;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
}

.main-hero .img-2 {
  background-color: #1b0b41;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
}

.main-hero .img-2 .background-2 {
  mix-blend-mode: overlay;
  opacity: 0.25;
  width: 100%;
  background-position: right;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

@media (min-width: 768px) {
  .main-hero .img-2 {
    background-color: #1b0b41;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
  .main-hero .img-2 .background-2 {
    mix-blend-mode: overlay;
    opacity: 0.25;
    width: 100%;
    background-position: right;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
}

.main-hero .container {
  position: relative;
  align-items: center;
  height: 90vh;
}

.main-hero .container p {
  font-weight: 500;
  color: #ffffff;
}

.main-hero .container .on-blue .sm-heading {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: initial;
}

.main-hero .container .on-pink .sm-heading {
  color: #aaffe5;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: initial;
}

.split-CTA {
  width: 100%;
  height: 500px;
  display: flex;
  position: relative;
}

.split-CTA .img-1 {
  background-color: #a70075;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
}

.split-CTA .img-1 .background-1 {
  mix-blend-mode: overlay;
  opacity: 0.25;
  width: 100%;
  background-position: left;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

@media (min-width: 768px) {
  .split-CTA .img-1 {
    background-color: #c50393;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
  }
  .split-CTA .img-1 .background-1 {
    mix-blend-mode: overlay;
    opacity: 0.25;
    width: 100%;
    background-position: left;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
}

.split-CTA .img-2 {
  background-color: #1b0b41;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
}

.split-CTA .img-2 .background-2 {
  mix-blend-mode: overlay;
  opacity: 0.25;
  width: 100%;
  background-position: right;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

@media (min-width: 768px) {
  .split-CTA .img-2 {
    background-color: #1b0b41;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
  }
  .split-CTA .img-2 .background-2 {
    mix-blend-mode: overlay;
    opacity: 0.25;
    width: 100%;
    background-position: right;
    background-size: cover !important;
    background-repeat: no-repeat !important;
  }
}

.split-CTA .container {
  position: relative;
  align-items: center;
  height: 500px;
}

.split-CTA .container p.small {
  font-family: "acumin-pro", sans-serif;
  color: #faeaff;
  margin-bottom: 0px;
  font-weight: 700;
}

.split-CTA .container .on-blue .sm-heading {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: inherit;
}

.split-CTA .container .on-pink .sm-heading {
  color: #aaffe5;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: inherit;
}

.slider .sm-heading {
  color: #ff0077;
}

.slider p {
  color: #ffffff;
}

.our-courses-slider {
  position: relative;
}

.our-courses-slider .nav-tabs {
  border-bottom: none;
}

.our-courses-slider .nav {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  justify-content: center;
}

.our-courses-slider .nav li {
  display: inline-block;
  width: 100%;
  height: 70px;
  margin-right: 1em;
}

@media (min-width: 992px){
  .our-courses-slider .nav li{
    max-width: 248px;
  }
}

.our-courses-slider .nav li a {
  color: #ffffff;
  display: block;
  padding-bottom: 1em;
  border-bottom: 2px solid #ffffff;
}

.our-courses-slider .nav li a:hover {
  opacity: 0.8;
 color: #ff0077;
  background: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  border-bottom: 5px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
}

.our-courses-slider .nav li .active {
  color: #ff0077;
  background: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  border-bottom: 5px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
}

.our-courses-slider .nav li:hover {
  color: #ff0077;
  background: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.8;
}

.our-courses-slider .swiper-container {
  width: 100%;
  margin: 0px;
  overflow: hidden;
}

.our-courses-slider .swiper-slide {
  position: relative;
  height: 100%;
  /* Center slide text vertically */
  display: flex;
  vertical-align: top;
  margin-bottom: 30px;
  width: auto;
}

@media (max-width:768px){
  .our-courses-slider .swiper-slide{
  width: 100%;
  }

 
}

.our-courses-slider .swiper-wrapper{
  gap: 2rem;

}

.our-courses-slider .swiper-slide .box {
  width: 100%;
  height: 365px;
}

.our-courses-slider .swiper-slide .box a {
  text-decoration: none;
}

.our-courses-slider .swiper-slide .img {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
}

.our-courses-slider .swiper-slide .img::after {
  z-index: 9999;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(to top, #1b1422, rgba(27, 20, 34, 0.3));
}

.our-courses-slider .swiper-slide .img img {
  width: 100%;
  height: 365px;
  object-fit: cover;
}

.our-courses-slider .swiper-slide .content {
  position: absolute;
  z-index: 3;
  opacity: 1;
  padding: 30px;
  width: 100%;
  bottom: 0;
  left: 0;
}

.our-courses-slider .swiper-slide .content .job-title {
  font-family: "acumin-pro", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0.5em;
  /* or 22px */
  display: flex;
  align-items: flex-end;
  color: #aaffe5;
  
  
 /* background: linear-gradient(to right, #e4c1ff, #aaffe5);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;*/
  
}

.our-courses-slider .swiper-slide .content .job-level {
  margin-bottom: 0.5em;
  display: inline-flex;
  align-items: inline-flex;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  margin-right: 1.5em;
  opacity: 0.7;
}

.our-courses-slider .swiper-slide .content .job-date {
  display: inline-flex;
  align-items: inline-flex;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  opacity: 0.7;
}

.our-courses-slider .scrollbar-wrapper {
  position: relative;
  width: 100px;
  display: inline-block;
  height: 3px;
  margin: 0px 0px 5px 0px;
}

.our-courses-slider .full-swiper-nav {
  width: 210px;
  position: absolute;
  right: 0;
  bottom: -20px;
}

.our-courses-slider .swiper-scrollbar {
  height: 100%;
  bottom: 0;
  right: 0;
  background-color: #39353e;
  border-radius: 0;
  position: relative;
  -ms-touch-action: none;
}

.our-courses-slider .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  opacity: 1;
  border-radius: 0px;
  left: 0;
  top: 0;
}

.our-courses-slider .swiper-button-prev {
  left: 0;
  bottom: 0;
  position: relative;
  width: 50px;
  height: auto;
  display: inline-block;
  padding: 0;
}

.our-courses-slider .swiper-button-prev:after {
  content: "\f060";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: white;
  transition: all 250ms ease-in-out;
}
@media (min-width: 1024px) {
  .our-courses-slider .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
  }
}


.our-courses-slider .swiper-button-prev:focus {
  outline: none;
}

.our-courses-slider .swiper-button-next {
  text-align: right;
  position: relative;
  width: 50px;
  height: auto;
  display: inline-block;
  right: 0;
  padding: 0;
}

.our-courses-slider .swiper-button-next:after {
  content: "\f061";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: white;
  transition: all 250ms ease-in-out;
}

.our-courses-slider .swiper-button-next:focus {
  outline: none;
}
@media (min-width: 1024px) {
  .our-courses-slider .swiper-button-next.swiper-button-disabled {
    opacity: 0;
  }
}
.video-module .plyr__control--overlaid {
  background-image: url(../img/icons/play.svg);
  background-repeat: no-repeat;
  width: 75px;
  height: 75px;
  border: 0;
  display: none;
  left: 55%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
  background-size: 40%;
}

@media (min-width: 1024px) {
  .video-module .plyr__control--overlaid {
    background-size: 80%;
    left: 50%;
  }
}

.video-module .plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
  background-color: #1b0b41;
}

.video-module .plyr--stopped.plyr__poster-enabled .plyr__poster:after {
  content: "";
  position: absolute;
  background: #1b0b41;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(0deg, rgba(27, 11, 65, 0.4), rgba(27, 11, 65, 0.4));
  z-index: 9999 !important;
}

.video-module .plyr audio,
.video-module .plyr iframe,
.video-module .plyr video {
  display: block;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.video-module .plyr audio img,
.video-module .plyr iframe img,
.video-module .plyr video img {
  z-index: -1;
  opacity: 0;
}

.video-module .plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: block;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

.video-module .plyr__captions .xs-heading {
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.video-module .plyr__captions p {
  color: #ffffff;
  font-family: "acumin-pro", sans-serif;
  font-weight: 400;
}

.video-module .vertical-heading {
  font-family: "acumin-pro", sans-serif;
  transform: rotate(-90deg);
  font-size:1.188rem;
  font-weight: 800;
  color: #1b0b41;
  position: absolute;
  width: 246px;
  height: 24px;
  left: -105px;
  top: 1rem;
}
@media (min-width: 768px) {
.video-module .vertical-heading {
  font-family: "acumin-pro", sans-serif;
  transform: rotate(-90deg);
  font-size: 24px;
  font-weight: 800;
  color: #1b0b41;
  position: absolute;
  width: 246px;
  height: 24px;
  left: -105px;
  top: 80px;
}
}
.video-module .box {
  display: flex;
  align-items: flex-start;
}

.video-module span.vertical-text {
  margin: 0px;
  padding: 0px 100px 0px 0px;
  color: #aaffe5;
  font-weight: 700;
  font-family: "acumin-pro", sans-serif;
  font-size: 24px;
}

.video-module .vertical-text {
  padding: 0px;
  margin: 0px;
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
  height: auto;
  width: 60px;
  transform: rotate(-90deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.video-module .nav-tabs {
  border-bottom: 0px;
}

.video-module .tab-menu {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch;
}

.video-module .tab-link {
  display: flex;
  max-width: 25%;
  justify-content: center;
  align-items: center;
  flex: 25%;
  text-align: center;
  font-size: 24px;
}

.video-module .tab-link span {
  display: block;
  margin-bottom: 1em;
}

.video-module .tab-link .img-container-circle {
  background: linear-gradient(to bottom right, #e4c1ff, #aaffe5);
  /*Gradient is top left to bottom right*/
  background-color: #aaffe5;
  /* For browsers that do not support gradients */
  width: 126px;
  height: 126px;
  border-radius: 100%;
  padding: 3px;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 0.5em;
}

.video-module .tab-link .img-container-circle img {
  object-fit: cover;
  object-position: center;
  z-index: 1;
  width: 120px;
  height: 120px;
  background-color: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 100%;
  text-align: center;
  margin: 0px auto;
}

.video-module .tab-link .active span {
  display: none;
}

.video-module .tab-link .active .img-container-circle {
  background: linear-gradient(to bottom right, #ff0077, #ac00dd);
  /*Gradient is top left to bottom right*/
  background-color: #aaffe5;
  /* For browsers that do not support gradients */
  width: 126px;
  height: 126px;
  border-radius: 100%;
  padding: 3px;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 0.5em;
}

.video-module .tab-link .active .img-container-circle img {
  object-fit: cover;
  object-position: center;
  z-index: 1;
  width: 120px;
  height: 120px;
  background-color: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 100%;
  text-align: center;
  margin: 0px auto;
}

.video-module .tab-menu li a {
  height: 100%;
}

.video-module .tab-content {
  padding: 20px 0px;
}

@media screen and (max-width: 767px) {
  .video-module .tab-link {
    max-width: 50%;
    flex: 50%;
  }
}

.video-module-alt .plyr__control--overlaid {
  background-image: url(../img/icons/play.svg);
  background-repeat: no-repeat;
  width: 75px;
  height: 75px;
  border: 0;
  display: none;
  left: 55%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 30%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;
  background-size: 40%;
}

@media (min-width: 1024px) {
  .video-module-alt .plyr__control--overlaid {
    background-size: 80%;
    left: 50%;
    top: 50%;
  background-image: url(../img/icons/play.svg);
  width: 75px;
  height: 75px;
  border: 0;
  display: none;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  z-index: 2;

  }
}

.video-module-alt .plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
  background-color: #1b0b41;
}

.video-module-alt .plyr--stopped.plyr__poster-enabled .plyr__poster:after {
  content: "";
  position: absolute;
  background: #1b0b41;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(0deg, rgba(27, 11, 65, 0.4), rgba(27, 11, 65, 0.4));
  z-index: 9999 !important;
}

.video-module-alt .plyr audio,
.video-module-alt .plyr iframe,
.video-module-alt .plyr video {
  display: block;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.video-module-alt .plyr audio img,
.video-module-alt .plyr iframe img,
.video-module-alt .plyr video img {
  z-index: -1;
  opacity: 0;
}

.video-module-alt .plyr__captions {
  animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: block;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

.video-module-alt .plyr__captions .xs-heading {
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.video-module-alt .plyr__captions p {
  color: #ffffff;
  font-family: "acumin-pro", sans-serif;
  font-weight: 400;
  padding-left:1rem;
  padding-right:1rem;
  margin-bottom:0px;
  padding-bottom:0px;
}

.testimonial-slider {
  /*.swiper-button-prev,
    .swiper-button-next {
        position: absolute;
        top: 15% !important;
    }*/
  font-family: "acumin-pro", sans-serif;
}

@media (max-width: 992px){
  .testimonial-slider{
    height: 80vh;
    display: flex;
    align-items: center;
  }
}

.testimonial-slider .swiper-pagination{
   position: absolute;
   top: 80% !important;
}

.testimonial-slider .swiper-container {
  width: 100%;
  /*height: 355px;*/
  height: 270px;
  overflow: hidden;
}

.testimonial-slider .swiper-slide {
  height: auto;
  background: #fff;
  overflow: scroll-y;
  /* Center slide text vertically 
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;*/
}

.testimonial-slider .swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 2;
}

.testimonial-slider .swiper-pagination-hidden {
  opacity: 0;
}

.testimonial-slider .swiper-pagination-bullets {
  left: 35px !important;
  bottom: -8px !important ;
  top: auto !important;
  color: #ff0077;
}

.testimonial-slider .swiper-pagination-bullet {
  margin: 10px 0 !important;
  display: block;
  width: 6px;
  height: 6px;
  transition: 0.2s transform, 0.2s top;
  background-color: #ff0077;
  border-radius: 0px !important;
  opacity: 0.5;
}

.testimonial-slider .swiper-pagination-bullet-active {
  opacity: 1;
  width: 6px;
  height: 6px;
  color: #ff0077 !important;
  background-color: #ff0077 !important;
  border-radius: none !important;
}

.testimonial-slider .vertical-heading {
  font-family: "acumin-pro", sans-serif;
  transform: rotate(-90deg);
  font-size: 24px;
  font-weight: 800;
  color: #1b0b41;
  position: relative;
  width: 246px;
  height: auto;
  left: -104px;
  top: 33px;
}

.testimonial-slider .name {
  font-weight: 600;
  color: #ac00dd;
  margin-bottom: 0px;
  text-align: left;
}

.testimonial-slider .job-title {
  font-weight: 800;
  text-align: left;
}
.testimonial-slider q {
  font-family: "acumin-pro", sans-serif;
  font-size: 0.7rem;
  text-align: left;
  font-weight: 600;
  line-height: 24px;
  color: #010123;
  position: relative;
  display: block;
  font-style: normal;
  margin-bottom: 15px;
  padding-left:  65px;
  /*
            &:after {
                position: absolute;
                padding-left: 10px;
                @include font-size(32px);
                line-height: 32px;
            }*/
}
  .testimonial-slider q:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    width: 35px;
    line-height: 100%;
    background-image: url("/img/icons/quotationmark.svg");
    background-repeat: no-repeat;
  }
@media (min-width: 768px) {
  .testimonial-slider q {
    font-size: 0.8rem;
    line-height:24px;
    padding-left: 65px;
  }
  .testimonial-slider q:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    width: 35px;
    line-height: 100%;
    background-image: url("/img/icons/quotationmark.svg");
    background-repeat: no-repeat;
  }
}
@media (min-width: 1024px) {
  .testimonial-slider q {
    font-size: 1rem;
  }
}
.testimonial-slider .img-container {
  /*background: linear-gradient(to bottom right, #e4c1ff, #aaffe5);
  Gradient is top left to bottom right*/
  background-color: #ffffff;
  /* For browsers that do not support gradients */
  position: relative;
  width: 100%;
}
body.ofsted .testimonial-slider .img-container::before {
 display: none;
}

.testimonial-slider .img-container::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url("../img/bg-elements/union.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 100%; /* used to be 140% */
}

.testimonial-slider .img-container img {
  object-fit: contain;
  object-position: center;
  padding: 0.2em;
  z-index: 5;
  position: relative;
  width: auto;
  height: 300px; /*355px*/
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  background-color: #1b0b41;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster:after {
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(0deg, rgba(27, 11, 65, 0.4), rgba(27, 11, 65, 0.4));
  z-index: 9999 !important;
}

.plyr__poster {
  background-size: cover;
}

.plyr__poster:after {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: black;
  background: linear-gradient(0deg, rgba(27, 11, 65, 0.4), rgba(27, 11, 65, 0.4));
  z-index: 9999 !important;
}

.plyr__poster img {
  opacity: 0.5;
}

.plyr__control svg {
  display: none;
}

.resources ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.resources li:first-child {
  border: solid transparent;
  border-width: 0 0 1px;
  border-color: #564b72;
  width: 100%;
  display: block;
}

.resources li:nth-child(2) {
  margin-top: 2em;
}

.resources .img-container {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 2em;
}

.resources .img-container img {
  width: 100%;
  height: 100%;
  min-height: auto;
  object-fit: cover;
  object-position: center;
}

.tag{
    display:block;
font-size: 1rem;
line-height: 24px;
font-weight: 700;
color: #aaffe5;
}

.resources h3,
.resources .sm-heading {
  color: #ff0077;
  margin-bottom: 70px;
}
.resources h5,
.resources h6,
.resources h4,
.resources .xxs-heading,
.resources p {
  color: #ffffff;
}
.resources p {
    margin-top: 0.8em;
}
.resources .name,
.resources .time{
  margin-right: 1em;
  font-size: 14px;
  color: #ffffff;
  font-weight: 600;
}


.resources span:empty, 
.resources span.name:empty,
.resources span.time:empty,
.resources span:empty, 
.resources .name:empty,
.resources .time:empty,
.resources.name:empty,
.resources.time:empty,
.name:empty,
.time:empty{
  display:none;
  margin-right:0px!important;
}



.resources .btn-wide {
  margin-top: 1.3em;
  margin-bottom: 1.3em;
}

.logo-area{
  overflow-x: hidden;
}

.logo-area.gradient{
  position: relative;
}

.logo-area.gradient::before{
  content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg-elements/BG_pink.png);
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-size: 100%;
    opacity: 1;

}

.logo-area .swiper-container {
  width: 100%;
  margin: 30px 0px 0px 0px;
}

.logo-area .swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.logo-area .logo-boxes {
  height: calc((100% - 30px) / 2);
  /* Center slide text vertically */
  display: flex;
  vertical-align: top;
  margin-bottom: 30px;
  overflow: visible;
}

/*-- need to delete --*/
.featured-jobs-slider {
  position: relative;
  /* mixin for multiline */
}

.featured-jobs-slider .block-with-decriptiontext {
  overflow: hidden;
  position: relative;
  line-height: 1.25em;
  max-height: 5em;
  text-align: left;
  margin-right: -1em;
  padding-right: 1em;
}

.featured-jobs-slider .block-with-decriptiontext:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
}

.featured-jobs-slider .block-with-decriptiontext:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}

.featured-jobs-slider .nav a {
  color: #000000;
}

.featured-jobs-slider .nav a:hover {
  color: #1b0b41;
}

.featured-jobs-slider .nav a .badge {
  color: #000000;
}

.featured-jobs-slider .nav .active a {
  color: #ff0077;
}

.featured-jobs-slider .nav .active a:hover {
  color: #1b0b41;
}

.featured-jobs-slider .nav .active a .badge {
  color: #000000;
}

.featured-jobs-slider .nav-tabs {
  border-bottom: 0px;
}

.featured-jobs-slider .sm-heading {
  padding-bottom: 55px;
}

@media (min-width: 768px) {
  .featured-jobs-slider .sm-heading {
    padding-bottom: 0;
  }
}

.featured-jobs-slider .inline-link {
  text-decoration: underline;
}

.featured-jobs-slider .inline-link:hover {
  text-decoration: none;
}

.featured-jobs-slider .badge {
  background-color: #ff0077;
  border-radius: 100%;
  margin-left: 12px;
  margin-right: 30px;
}

.featured-jobs-slider .swiper-container {
  margin: 30px 0px 0px 0px;
  overflow: visible;
}

.featured-jobs-slider .swiper-navigation {
  position: absolute;
  bottom: 0;
  right: 0;
}

.featured-jobs-slider .swiper-navigation div {
  margin: 0 7px;
}

.featured-jobs-slider .swiper-navigation .swiper-button-prev {
  z-index: 1;
  left: auto;
  right: auto;
  position: relative;
  background: #ffcb29;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 13px 11px;
}

.featured-jobs-slider .swiper-navigation .swiper-button-prev:after {
  content: "\f053";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: white;
  transition: all 250ms ease-in-out;
}

.featured-jobs-slider .swiper-navigation .swiper-button-prev:focus {
  outline: none;
}

.featured-jobs-slider .swiper-navigation .swiper-button-next {
  z-index: 1;
  position: relative;
  background: #ffcb29;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  display: inline-block;
  left: auto;
  right: auto;
  padding: 13px 11px;
}

.featured-jobs-slider .swiper-navigation .swiper-button-next:after {
  content: "\f054";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: white;
  transition: all 250ms ease-in-out;
}

.featured-jobs-slider .swiper-navigation .swiper-button-next:focus {
  outline: none;
}

.featured-jobs-slider .swiper-slide {
  height: calc((100% - 30px) / 2);
  /* Center slide text vertically */
  display: flex;
  vertical-align: top;
  margin-bottom: 30px;
}

.featured-jobs-slider .swiper-slide .box {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #efefef;
  display: block;
  border-radius: 4px;
  width: 100%;
  height: 100%;
}

.featured-jobs-slider .swiper-slide .box .img {
  width: 100%;
  height: 100%;
}

.featured-jobs-slider .swiper-slide .box .img img {
  width: 20px;
  height: 10px;
  object-fit: cover;
  object-position: center;
}

.featured-jobs-slider .swiper-slide .box a {
  text-decoration: none;
}

.featured-jobs-slider .swiper-slide .content {
  padding: 15px 15px;
}

.featured-jobs-slider .swiper-slide .content .job-id {
  font-weight: 700;
  font-size: 12px;
}

.featured-jobs-slider .swiper-slide .content .job-title {
  font-weight: 700;
  font-size: 18px;
}

.featured-jobs-slider .swiper-slide .content .job-location {
  font-weight: 400;
  font-size: 16px;
}

.featured-jobs-slider .swiper-slide .content .description-container {
  height: calc(200px - 20px);
  overflow: auto;
  margin-bottom: 20px;
}

.featured-jobs-slider .swiper-slide .content .job-description {
  font-weight: 400;
  font-size: 14px;
}

.featured-jobs-slider .swiper-slide .content .job-type {
  font-weight: 700;
  font-size: 16px;
}

.featured-jobs-slider .swiper-slide .content .sub-heading {
  text-transform: unset;
  letter-spacing: 0;
  font-weight: 600;
}

.latest-roles h3,
.latest-roles .sm-heading,
.latest-roles h4,
.latest-roles .xs-heading {
  color: #ac00dd;
}

.latest-roles .roles {
  border: 5px solid #e4c1ff;
  /*
   border: 5px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #aaffe5 0%, #e4c1ff 100%);*/
}

.latest-roles .content {
  position: relative;
  background-color: #ffffff;
}

.latest-roles .content .toptext {
  position: absolute;
  top: 2em;
  left: 0.5em;
  right: 1em;
}

.latest-roles .content .bottom {
  position: absolute;
  bottom: 2em;
  left: 0.5em;
}

.latest-roles .content .img {
  z-index: 1;
  opacity: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
  display: flex;
}

.latest-roles .content .img img {
  width: 150px;
  height: 320px;
  object-fit: cover;
}

.latest-roles .content .btn {
  position: absolute;
  bottom: 0;
  left: 0;
}

.latest-roles .content .xs-heading {
  padding-right: 1em;
}

.latest-roles .content p {
  padding-right: 1em;
  margin-bottom: 2em;
}

.content-left-form-right h3,
.content-left-form-right .sm-heading {
  color: #ac00dd;
}

.content-left-form-right h5,
.content-left-form-right .xxs-heading {
  color: #ff0077;
}

.content-left-form-right ul {
  font-family: "Barlow", sans-serif;
  font-weight: bold;
  color: #1b0b41;
  position: relative;
  list-style-type: none;
}
.content-left-form-right ul.social-links {
  margin-left:0px;
  padding-left:0px;
  display:flex;
  color: #1b0b41;
  position: relative;
  list-style-type: none;
  
}
.content-left-form-right ul.social-links a {
   font-size:1.25rem; 
   color: #ac00dd;
}
.content-left-form-right ul.social-links a:hover {
opacity: 0.6;
}
.content-left-form-right ul.social-links li {
  padding-right:1rem;
}
.content-left-form-right li:before {
  /*background-color: #aaffe5;*/
  content: "";
  display: block;
  position: relative;
  top: 17px;
  left: -26px;
  height: 5px;
  width: 15px;
  /*background-image: url(/img/icons/BulletLine.svg);*/
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.5em;
}

.why-invest {
  position: relative;
}

.why-invest h3,
.why-invest .sm-heading {
  color: #ac00dd;
}

.why-invest .content .col-auto {
  min-width: 120px;
}

.why-invest .content p {
  font-size: 18px;
  font-weight: 600;
  color: #1b0b41;
}

.why-invest .content h1 {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.5em;
}

.mosaic .img-container {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
}

.mosaic .img-container img {
  height: 255px;
  width: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {
  .mosaic .img-container img {
    height: 537px;
  }
}

.mosaic .img-small-container {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
}

.mosaic .img-small-container img {
  width: 100%;
  height: 255px;
  object-fit: cover;
}

.mosaic .border-alt {
  border: 3px solid;
  border-image-slice: 1;
  border-image-source: -webkit-linear-gradient(to bottom right, #e4c1ff, #aaffe5);
  border-image-source: -moz-linear-gradient(to bottom right, #e4c1ff, #aaffe5);
  border-image-source: -o-linear-gradient(to bottom right, #e4c1ff, #aaffe5);
  border-image-source: linear-gradient(to bottom right, #e4c1ff, #aaffe5);
  /*Gradient is top left to bottom right*/
}

.mosaic .border-primary {
  border: 3px solid #ff0077 !important;
}

.mosaic .border-primary-magenta {
  border: 3px solid #ac00dd;
}

.technical-skills .img-fluid {
  margin-bottom: 1em;
}


.technical-skills .chart-container .chart .stat-number span{
  position: relative;
  z-index: 4;
  color: #584f70;
  font-weight: 600;
  font-family: "acumin-pro", sans-serif;
  line-height: 100%;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .technical-skills .chart-container .chart .stat-number span{
    font-size: 2rem;
  }
  .technical-skills .chart-container .chart-label span {
    font-size: 24px;
    font-size: 1.2rem;
    font-weight: 600;
    font-family: "acumin-pro", sans-serif;
    color: #584f70;
}
}
@media (min-width: 992px) {
  .technical-skills .chart-container .chart .stat-number span{
    font-size: 2.2rem;
  }
  
}



@media (min-width: 1024px) {
  .technical-skills .img-fluid {
    margin-bottom: 0em;
  }
   .technical-skills .chart-container .chart-label span {
    font-size: 1.2rem;
    font-weight: 600;
    font-family: "acumin-pro", sans-serif;
    color: #584f70;
}
}

.technical-skills h5,
.technical-skills .xxs-heading {
  color: #5d5474;
}

.technical-skills .yummy-pie {
  position: relative;
}

.technical-skills .pie {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.technical-skills .pie-stuffing {
  stroke-linecap: round;
  stroke-miterlimit: 1.5;
  fill: none;
  stroke: #3fe687;
  stroke-width: 15px;
  border-bottom: 5px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
}

.technical-skills .pie-trail {
  fill: none;
  stroke: #faeaff;
  stroke-width: 15px;
}

.technical-skills .counter {
  position: absolute;
  padding-left: 0.3ch;
  left: 0;
  top: calc(50% - 3.1rem);
  text-align: center;
  font-size: 4rem;
  width: 100%;
  color: #3fe687;
  font-family: Oswald, Sans Serif;
}

.technical-skills .chart {
  position: relative;
  display: inline-block;
  min-width: 100px;
  min-height: 100px;
  width: 100%;
  height: 100%;
  text-align: center;
}

.technical-skills .chart canvas {
  position: absolute;
  top: 0;
  left: 0;
}

.technical-skills .chart canvas .barColor {
  background: #faeaff;
}

.technical-skills .chart canvas .trackColor {
  background: #faeaff;
}

.technical-skills .percent {
  display: inline-block;
  line-height: 150px;
  z-index: 2;
  font-size: 3rem;
  font-weight: 600;
}

.technical-skills .percent::after {
  content: "%";
  margin-left: 0.1em;
  font-size: 3rem;
  font-weight: 600;
}

.technical-skills h3 {
  color: #ac00dd;
}

.technical-skills .circle-wrap {
  margin: 50px auto;
  width: 150px;
  height: 150px;
  background: #faeaff;
  border-radius: 50%;
}

.technical-skills .circle-wrap .circle .mask,
.technical-skills .circle-wrap .circle .fill {
  width: 150px;
  height: 150px;
  position: absolute;
  border-radius: 50%;
}

.technical-skills .circle-wrap .circle .mask {
  clip: rect(0px, 150px, 150px, 75px);
}

.technical-skills .circle-wrap .circle .mask .fill {
  clip: rect(0px, 75px, 150px, 0px);
  background-color: #9e00b1;
}

.technical-skills .circle-wrap .circle .mask.full,
.technical-skills .circle-wrap .circle .fill {
  animation: fill ease-in-out 3s;
  transform: rotate(126deg);
}

@keyframes fill {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(126deg);
  }
}

.technical-skills .circle-wrap .inside-circle {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: #fff;
  line-height: 130px;
  text-align: center;
  margin-top: 20px;
  margin-left: 20px;
  position: absolute;
  z-index: 100;
  font-weight: 700;
  font-size: 2em;
}

.life-slider .swiper-container {
  margin: 0px 0px 0px 0px;
  overflow-x: hidden;
  margin-bottom: 1em;
}

.life-slider .swiper-slide {
  /* Center slide text vertically 
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;*/
  vertical-align: top;
  margin-bottom: auto !important;
  margin-top: auto !important;
  border: 10px solid;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #aaffe5 0%, #e4c1ff 100%);
  background-color: #ffffff;
}

.life-slider .swiper-slide .hover-image {
  transform: scale(0.85);
}

.life-slider .swiper-pagination {
  position: absolute;
  bottom: 0;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  margin: 0px auto;
  padding: 0px;
}

.life-slider .swiper-pagination-hidden {
  opacity: 0;
}

.life-slider .swiper-pagination-bullets {
  text-align: center;
}

.life-slider .swiper-pagination-bullet {
  opacity: 0.3;
  margin: 5px 5px 0px 5px;
  width: 6px;
  height: 6px;
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
  color: #ff0077;
  background-color: #ff0077 !important;
  border-radius: 0px !important;
}

.life-slider .swiper-pagination-bullet-active {
  opacity: 1;
  width: 6px;
  height: 6px;
  color: #ff0077 !important;
  background-color: #ff0077 !important;
  border-radius: none !important;
}

.life-slider .swiper-button-prev {
  left: 0;
  bottom: 0;
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0;
}

.life-slider .swiper-button-prev:after {
  content: "\f060";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: #ff0077;
  transition: all 250ms ease-in-out;
}

.life-slider .swiper-button-prev:focus {
  outline: none;
}

.life-slider .swiper-button-next {
  text-align: left;
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-block;
  right: 0;
  padding: 0;
}

.life-slider .swiper-button-next:after {
  content: "\f061";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: #ff0077;
  transition: all 250ms ease-in-out;
}

.life-slider .swiper-button-next:focus {
  outline: none;
}

.life-slider h3,
.life-slider .sm-heading,
.life-slider h4,
.life-slider .xs-heading,
.life-slider h5,
.life-slider .xxs-heading{
  color: #ac00dd;
}

.life-slider .roles {
    /*
  border: 10px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #aaffe5 0%, #e4c1ff 100%);*/
}

.life-slider .content {
  position: relative;
  background-color: #ffffff;
  padding: 0rem 1.5rem 0rem 1.5rem;
}

.life-slider .content .img {
  z-index: 1;
  opacity: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
  display: flex;
  margin-top: 30px;
}

.life-slider .content .img img {
  width: 24px;
  height: 24px;
  object-fit: cover;
}

.life-slider .content p {
 /* margin-bottom: 2em;*/
}

@media (min-width: 1024px) {
  .fifty-fifty-img img {
    object-fit: cover;
    object-position: center;
    padding: 0.2em;
    z-index: 1;
    width: auto;
    /*540 */
    height: 420px;
  }
}

.why-apprentify h4 {
  color: #5d5474;
  text-transform: capitalize;
  margin-top: 1em;
}

.why-apprentify .sm-heading,
.why-apprentify .xxs-heading,
.why-apprentify h3,
.why-apprentify h5 {
  color: #ac00dd;
}

.why-apprentify ul {
  font-weight: 600;
  color: #1b0b41;
  position: relative;
  list-style-type: none;
}

.why-apprentify li:before {
  background-color: #aaffe5;
  content: "";
  display: block;
  position: relative;
  top: 17px;
  left: -26px;
  height: 5px;
  width: 15px;
  background-image: url(/img/icons/BulletLine.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.5em;
}

.our-partner-lists .sm-heading,
.our-partner-lists .xxs-heading,
.our-partner-lists h3,
.our-partner-lists h5 {
  color: #ac00dd;
}

.our-partner-lists .list-items .flex-container {
  /* We first create a flex layout context */
  -ms-box-orient: horizontal;
  display: -moz-flex;
  display: flex;
  /* Then we define the flow direction 
           and if we allow the items to wrap 
         * Remember this is the same as:
         * flex-direction: row;
         * flex-wrap: wrap;
          
         */
  flex-flow: row wrap;
  /* Then we define how is distributed the remaining space */
  justify-content: start;
  margin: 0px;
  padding: 0px;
  gap: 1.5rem;
}

.our-partner-lists .list-items .flex-item {
  z-index: 1;
  background: #ffffff;
  height: auto;
  width: calc(105px - 1rem);
  text-align: left;
  border: 3px solid;
  border-image-slice: 1;
  border-image-source: -webkit-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -moz-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -o-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: linear-gradient(to right, #e4c1ff, #aaffe5);
  border-radius: 0rem;
  display: flex;
  list-style-type: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .our-partner-lists .list-items .flex-item {
    width: calc(210px - 1rem);
  }
}

.our-partner-lists .list-items .box {
  height: calc(105px - 1rem);
  padding: 0.3em;
}

@media (min-width: 1024px) {
  .our-partner-lists .list-items .box {
    height: calc(195px - 1rem);
    padding: 2em;
  }
}

.our-partner-lists .list-items .box .logo-img {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: block;
  height: 100%;
  width: auto;
  overflow: hidden;
  background-color: #ffffff;
}

.our-partner-lists .list-items .box .logo-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.our-partner-lists-with-title .sm-heading,
.our-partner-lists-with-title .xxs-heading,
.our-partner-lists-with-title h3,
.our-partner-lists-with-title h5 {
  color: #ac00dd;
}

.our-partner-lists-with-title .list-items .flex-container {
  /* We first create a flex layout context */
  -ms-box-orient: horizontal;
  display: -moz-flex;
  display: flex;
  /* Then we define the flow direction 
           and if we allow the items to wrap 
         * Remember this is the same as:
         * flex-direction: row;
         * flex-wrap: wrap;
          
         */
  flex-flow: row wrap;
  /* Then we define how is distributed the remaining space */
  justify-content: start;
  margin: 0px;
  padding: 0px;
}

.our-partner-lists-with-title .list-items .flex-item {
  z-index: 1;
  background: #ffffff;
  width: calc(105px - 1rem);
  text-align: center;
  margin: 0 1em 1em 0;
  border-radius: 0rem;
  display: flex;
  list-style-type: none;
  align-items: center;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .our-partner-lists-with-title .list-items .flex-item {
    width: calc(210px - 1rem);
  }
}

.our-partner-lists-with-title .list-items .box {
  height: calc(105px - 1rem);
  padding: 0.3em;
  border: 3px solid;
  border-image-slice: 1;
  border-image-source: -webkit-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -moz-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -o-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: linear-gradient(to right, #e4c1ff, #aaffe5);
}

@media (min-width: 1024px) {
  .our-partner-lists-with-title .list-items .box {
    height: calc(210px - 1rem);
    padding: 2em;
  }
}

.our-partner-lists-with-title .list-items .box .logo-img {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: block;
  height: 100%;
  width: auto;
  overflow: hidden;
  background-color: #ffffff;
}

.our-partner-lists-with-title .list-items .box .logo-img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
}

.cta-download {
  width: 100%;
  position: relative;
}

.cta-download .img {
  background-color: #1b0b41;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.cta-download .img .background {
  mix-blend-mode: overlay;
  opacity: 0.25;
  width: 100%;
  background-position: right;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.cta-download .container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cta-download .container p {
  font-weight: 500;
  color: #ffffff;
}

.cta-download .container .on-blue .sm-heading {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: initial;
}

.cta-download .container .on-blue h6 {
  color: #aaffe5;
  /* @include textgradient(to right, $list2); */
}

.cta-change {
  width: 100%;
  min-height: 180px;
  position: relative;
}

.cta-change .img {
  background-color: #1b0b41;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.cta-change .img .background {
  opacity: 1;
  width: 100%;
  background-position: right;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.cta-change .container p {
  font-weight: 500;
  color: #ffffff;
}

.cta-change .container .on-blue h3,
.cta-change .container .on-blue .sm-heading {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: initial;
}

.cta-change .container .on-blue h6,
.cta-change .container .on-blue .sub-heading {
  color: #aaffe5;
  /* @include textgradient(to right, $list2); */
}

.meet-the-team .sm-heading {
  color: #ff0077;
}

.meet-the-team p {
  color: #ffffff;
}

.team-boxes {
  position: relative;
}

.team-boxes .box {
  border: 15px solid transparent;
}

.team-boxes .box:hover {
  display: block;
  border: 15px solid;
  border-image-slice: 1;
  border-image-source: -webkit-linear-gradient(to right, #ff0077, #ac00dd);
  border-image-source: -moz-linear-gradient(to right, #ff0077, #ac00dd);
  border-image-source: -o-linear-gradient(to right, #ff0077, #ac00dd);
  border-image-source: linear-gradient(to right, #ff0077, #ac00dd);
}

.team-boxes .box:hover::after {
  z-index: 1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: linear-gradient(to top, #1b0b41, rgba(27, 11, 65, 0));
}

.team-boxes .box .img {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 375px;
  margin: 0px auto;
}

.team-boxes .box .img img {
  width: 100%;
  height: 375px;
  object-fit: cover;
}

.team-boxes .box .content {
  position: absolute;
  z-index: 3;
  opacity: 1;
  padding: 30px;
  width: 100%;
  bottom: 0;
  left: 0;
}

.team-boxes .box .content .name {
  font-family: "acumin-pro", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0.5em;
  /* or 22px */
  display: flex;
  align-items: flex-end;
  color: #e4c1ff;
  background: linear-gradient(90deg, #aaffe5 0%, #e4c1ff 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.the-team h3,
.the-team .sm-heading,
.the-team h4,
.the-team .xs-heading {
  color: #ac00dd;
}

.the-team .roles {
  border: 5px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #aaffe5 0%, #e4c1ff 100%);
}
.the-team .p5{
padding: 2rem !important;
}
.the-team .content {
  position: relative;
  background-color: #ffffff;
}

.the-team .content .toptext {
  position: absolute;
  top: 2.5em;
  left: 0.5em;
}

.the-team .content .bottom {
  position: absolute;
  bottom: 2.5em;
  left: 0.5em;
}

.the-team .content .img {
  z-index: 1;
  opacity: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
  display: flex;
}

.the-team .content .img img {
  width: 150px;
  height: 320px;
  object-fit: cover;
}

.the-team .content .btn {
  position: absolute;
  bottom: 0;
  left: 0;
}

.the-team .content .xs-heading {
  padding-right: 1em;
}

.the-team .content p {
  padding-right: 1em;
  margin-bottom: 2em;
}

.padding-sm hr {
  margin-top: 30px;
  margin-bottom: 0px;
  border: 0;
  border-top-color: currentcolor;
  border-top-style: none;
  border-top-width: 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.the-team-full .social-links {
  display: flex;
  align-items: flex-end;
  justify-self: flex-end;
  padding: 5px 0;
  margin: 0px;
  list-style: none;
}
.the-team-full .col-lg-6{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.roles .p-5{
    padding: 1.5rem!important;
}
.the-team-full .social-links li a {
  display: block;
  width: auto;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1;
  margin-right: 30px;
  opacity: 1;
  color: #ff0077;
}

@media (min-width: 768px) {
  .the-team-full .social-links li a {
    margin-right: 15px;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.the-team-full .social-links li:last-child a {
  margin-right: 0;
}

.the-team-full h3,
.the-team-full .sm-heading,
.the-team-full h4,
.the-team-full .xs-heading {
  color: #ac00dd;
}

.the-team-full .roles {
  box-shadow: rgba(172, 0, 221, 0.03);
  
    border: 3px solid #e4c1ff;
    /*
  border: 3px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #e4c1ff 0%, #aaffe5 100%);*/
}

.the-team-full .content {
  position: relative;
  background-color: #ffffff;
}

.the-team-full .content .img {
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 400px;
}

.the-team-full .content .img img {
  width: 100%;
  height: 400px !important;
  object-fit: cover;
  object-position: top center;
}

@media (min-width: 768px) {
    .the-team-full .content .img {
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
}

  .the-team-full .content .img img {
    width: 100%;
    min-height: 100%;
    object-fit: cover;
  }
}
/*
.the-team-full .content .btn {
  position: absolute;
  bottom: 0;
  left: 0;
}*/

.the-team-full .content .xs-heading {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: inherit;
  width: max-content;
  margin-bottom: 0px;
}

.the-team-full .content .job-title {
  font-weight: 700;
  font-family: "acumin-pro", sans-serif;
  color: #010123;
  margin-bottom: 0px;
}

.the-team-full .content p {
  padding-right: 1em;
}
.the-team-full table tbody tr td {
 font-size: 0.875rem;
 font-weight: normal!important;
}
.the-team-full table tbody tr td b {
 font-size: 0.875rem;
 font-weight: normal!important;
}
.mosaic-rhs .img-container {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
  /* @include bordergradient(to bottom right, $list2);
       Gradient is top left to bottom right*/
}

.mosaic-rhs .img-container img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

@media (min-width: 768px) {
  .mosaic-rhs .img-container img {
    height: 346px;
  }
}

.mosaic-rhs .img-small-container {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
}

.mosaic-rhs .img-small-container img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}

.mosaic-rhs .border-primary {
  border: 3px solid #ff0077 !important;
}

.mosaic-rhs .border-primary-magenta {
  border: 3px solid #ac00dd;
}

.mosaic-lhs .img-container {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
  /* @include bordergradient(to bottom right, $list2);
       Gradient is top left to bottom right*/
}

.mosaic-lhs .img-container img {
  width: 100%;
  width: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {
  .mosaic-lhs .img-container img {
    height: 346px;
  }
}

.mosaic-lhs .img-small-container {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
}

.mosaic-lhs .img-small-container img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}

.mosaic-lhs .border-primary {
  border: 3px solid #ff0077 !important;
}

.mosaic-lhs .border-primary-magenta {
  border: 3px solid #ac00dd;
}

.our-benefits {
  position: relative;
}

.our-benefits h3,
.our-benefits .sm-heading {
  color: #ac00dd;
}

.our-benefits .content .col-auto {
  min-width: 120px;
}

.our-benefits .content p {
  font-size: 16px;
  font-weight: 300;
  color: #5d5474;
}

.our-benefits .content .xxxs-heading {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  width: min-content;
  margin-bottom: 0.5em;
}

.cta-apply {
  width: 100%;
  position: relative;
}

.cta-apply .img {
  background-color: #1b0b41;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.cta-apply .img .background {
  mix-blend-mode: overlay;
  opacity: 0.25;
  width: 100%;
  background-position: right;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}
/*
@media (min-width: 768px) {
.cta-apply .row {
  border-top: 1px solid #dfdde3;
}
}*/

.cta-apply .container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.cta-apply .container p {
  font-weight: 500;
  color: #5d5474;
}

.cta-apply .container .xs-heading {
  color: #ac00dd;
  line-height: initial;
}

.cta-apply .container .xxs-heading {
  color: #1b0b41;
  line-height: initial;
}

.cta-apply .container h6 {
  color: #aaffe5;
  /* @include textgradient(to right, $list2); */
}
@media (max-width: 767px) {
.cta-apply .btn{
 margin-bottom: 2rem;   
}
}


.current-roles {
  position: relative;
}

.current-roles h3,
.current-roles .sm-heading {
  color: #ac00dd;
}

.current-roles p {
  font-size: 16px;
  font-weight: 300;
  color: #5d5474;
}

.current-roles ul {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px;
}

.current-roles li {
  border-top: 1px solid #dfdde3;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  margin-left: 0px;
  padding-left: 0px;
  font-size: 16px;
}

.current-roles li:last-child {
  padding-bottom: 0em;
}

.current-roles li p {
  font-weight: 600;
  color: #5d5474;
  opacity: 0.6;
  margin-bottom: 0px;
  padding-bottom: 0em;
}

.current-roles .btn-wide-arrow {
  color: #ff0077;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: space-between;
  height: 44px;
  border-radius: 0em;
  padding: 0px;
  text-decoration: none;
  border: 0;
  text-transform: capitalize;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 28px;
}

.current-roles .btn-wide-arrow::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 36px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  transition: all 250ms ease-in-out;
}

.current-roles .btn-wide-arrow:hover {
  opacity: 0.6;
}

.img-fifty-fifty .img-container {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
  /*@include bordergradient(to bottom right, $list2);
        Gradient is top left to bottom right*/
}

.img-fifty-fifty .img-container img {
  margin-bottom: 1.5em;
  height: 270px;
  width: 100%;
  object-fit: cover;
}

@media (min-width: 1024px) {
  .img-fifty-fifty .img-container img {
    margin-bottom: 0;
    height: 540px;
  }
}

.img-fifty-fifty-square .img-container {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
  /*@include bordergradient(to bottom right, $list2);
        Gradient is top left to bottom right*/
}

.img-fifty-fifty-square .img-container img {
  margin-bottom: 1.5em;
  height: 175px;
  width: 100%;
  object-fit: cover;
}

@media (min-width: 1024px) {
  .img-fifty-fifty-square .img-container img {
    margin-bottom: 0;
    height: 350px;
  }
}


.testimonial-slider-two .swiper-container {
  width: 100%;
  margin: 0px;
  display: flex;
    margin-bottom: 1em;
    overflow: hidden;
}

.testimonial-slider-two .swiper-wrapper {
  margin-bottom: 1em;
}

.testimonial-slider-two .swiper-slide {
    
border: 10px solid #e4c1ff;    
   /* 
  border: 10px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #e4c1ff 0%, #aaffe5 100%);
  /* Center slide text vertically 
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;*/
  height: 100%;
  align-items: stretch;
}

.testimonial-slider-two .swiper-autoheight,
.testimonial-slider-two .swiper-autoheight .swiper-slide {
  height: 100%;
}

.testimonial-slider-two .swiper-pagination {
  position: absolute;
  bottom: 0;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  margin: 0px auto;
  padding: 0px;
}

.testimonial-slider-two .swiper-pagination-hidden {
  opacity: 0;
}

.testimonial-slider-two .swiper-pagination-bullets {
  text-align: center;
}

.testimonial-slider-two .swiper-pagination-bullet {
  margin: 5px 5px 0px 5px;
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
  color: #ac00dd;
  background-color: #ac00dd !important;
  border-radius: 0px !important;
  width: 6px;
  height: 6px;
  opacity: 0.3;
}

.testimonial-slider-two .swiper-pagination-bullet-active {
  opacity: 1;
  width: 6px;
  height: 6px;
  color: #ac00dd !important;
  background-color: #ac00dd !important;
  border-radius: none !important;
}

.testimonial-slider-two .swiper-button-prev {
  left: 0;
  bottom: 0;
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0;
}

.testimonial-slider-two .swiper-button-prev.swiper-button-disabled {
  opacity: 0.5;
}

.testimonial-slider-two .swiper-button-prev:after {
  content: "\f060";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: #ff0077;
  transition: all 250ms ease-in-out;
}

.testimonial-slider-two .swiper-button-prev:focus {
  outline: none;
}

.testimonial-slider-two .swiper-button-next {
  text-align: left;
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-block;
  right: 0;
  padding: 0;
}

.testimonial-slider-two .swiper-button-next.swiper-button-disabled {
  opacity: 0.5;
}

.testimonial-slider-two .swiper-button-next:after {
  content: "\f061";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: #ff0077;
  transition: all 250ms ease-in-out;
}

.testimonial-slider-two .swiper-button-next:focus {
  outline: none;
}

.testimonial-slider-two .content {
  background-color: #ffffff;
}

.testimonial-slider-two .content .person {
  margin-left: 0em;
}

@media (min-width: 768px) {
  .testimonial-slider-two .content .person {
    margin-left: 2.5em;
  }
}



.testimonial-slider-two .content .text q {
  font-family: "acumin-pro", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  color: #1b0b41;
  display: block;
  margin-bottom: 15px;
      padding-left: 65px;
}
.testimonial-slider-two .content .text q:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 4.0em;
    left: 2.7em;
    height: 100%;
    width: 100%;
    width: 35px;
    line-height: 100%;
    /*background-image: url("/img/icons/quotationmark.svg");
    background-repeat: no-repeat;*/
  }
@media (min-width: 768px) {
  .testimonial-slider-two .content .text q {
    font-size: 18px;
    font-size: 1.125rem;
    padding-left: 65px;
  }
  
  
  
}

.testimonial-slider-two .content .name {
  font-family: "acumin-pro", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #ac00dd;
  margin-bottom: 0px;
  text-align: left;
}

.testimonial-slider-two .content .lead {
  font-family: "acumin-pro", sans-serif;
  color: #ff0077;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  margin-bottom: 0px;
}

.testimonial-slider-two .content .img {
  z-index: 1;
  opacity: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
  display: flex;
}

.testimonial-slider-two .content .img img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.testimonial-slider-two .content p {
  margin-bottom: 2em;
}

.our-story .row .col-md-6.col-mr-auto{
  padding-right: 2rem;
}

.our-story .box {
  display: flex;
  align-items: flex-start;
}

.our-story span.vertical-text {
  margin: 0px;
  padding: 0px 0px 0px 10px;
  color: #aaffe5;
  font-weight: 700;
  font-family: "acumin-pro", sans-serif;
  font-size: 24px;
  display: block;
}

@media (max-width: 992px){
  .story-slider .swiper-wrapper .container-fluid{
  padding: 0;
}

.our-story span.vertical-text{
  display: none !important;
}

 .our-story .container{
padding: 0;
 }
}



.our-story .vertical-text {
  padding: 0px;
  margin: 0px;
  white-space: nowrap;
  overflow: visible;
  text-overflow: ellipsis;
  height: auto;
  width: 60px;
  transform: rotate(-270deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(-270deg);
  /* Firefox */
  -moz-transform: rotate(-270deg);
  /* IE */
  -ms-transform: rotate(-270deg);
  /* Opera */
  -o-transform: rotate(-270deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.our-story .img {
  width: 100%;
  height: 25rem;
}

@media (min-width: 992px){
  .our-story .img{
  height: 520px;

  }
}

.our-story .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.our-story p {
  color: #ffffff;
}

.our-story .sm-heading {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: initial;
  width: fit-content;
}

.our-story .xxs-heading {
  color: #aaffe5;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: initial;
  width: max-content;
  margin-bottom: 0;
}

.benefits h3,
.benefits .sm-heading,
.benefits h6,
.benefits .xxxs-heading {
  color: #ac00dd;
}

.benefits .flex-container {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: left;
  gap: 1.5rem;
}

.benefits .benefit {
  position: relative;
  border: 1px solid #aaffe5;
  /*
    border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #e4c1ff 0%, #aaffe5 100%); */
  background-color: #ffffff;
  width: 100%;
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .benefits .benefit {
    width: calc(50% - 1.5rem);
  }
}

@media (min-width: 1024px) {
  .benefits .benefit {
    margin-top: 0;
    width: calc(25% - 1.5rem);
  }
}

.benefits .content .toptext {
  margin-top: 2rem;
}

.benefits .content .img {
  background-color: #e4c1ff;
  position: absolute;
  top: -30px;
  left: -1px;
  z-index: 1;
  opacity: 1;
  width: 60px;
  height: 60px;
  margin: 0px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.benefits .content .img img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.timeline-accordion h3,
.timeline-accordion .sm-heading,
.timeline-accordion h6,
.timeline-accordion .xxxs-heading {
  color: #ac00dd;
}

.timeline-accordion .timeline {
  position: relative;
  z-index: 1;
}

.timeline-accordion .timeline li {
  /*Content*/
  counter-increment: item;
  padding: 7px 30px;
  margin-left: 0px;
  min-height: 70px;
  position: relative;
  list-style: none;
  font-weight: 600;
  color: #010123;
  /*Line*/
  /*Circle*/
}

.timeline-accordion .timeline li::before {
  content: "";
  position: absolute;
  width: 3px;
  background-color: #010123;
  top: 57px;
  bottom: 8px;
  left: -19px;
}

.timeline-accordion .timeline li::after {
  text-align: center;
  padding-top: 10px;
  z-index: 10;
  content: counter(item);
  position: absolute;
  width: 50px;
  height: 50px;
  border: 3px solid #010123;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  border-radius: 50%;
  top: 0;
  left: -43px;
}

.timeline-accordion .timeline > li:nth-last-child(1)::before {
  width: 0px;
}

.timeline-accordion .faq {
  /*
      content: url('https://api.iconify.design/ion:chevron-down-sharp.svg?height=16');
           vertical-align: -0.125em;         float: right;
       */
}

.timeline-accordion .faq .accordion .toggle-list {
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
  color: #1b0b41;
  font-weight: 700;
  font-family: "acumin-pro", sans-serif;
  padding-right: 75px;
  cursor: pointer;
}

.timeline-accordion .faq .accordion .toggle-list .alt {
  color: #ff0077 !important;
}

.timeline-accordion .faq .accordion .toggle-list i {
  right: 0;
  top: 0;
  width: auto;
  height: 100%;
  display: inline-block;
  text-align: center;
  color: #1b0b41;
  font-size: 14px;
  padding: 20px 25px;
  position: absolute;
}

.timeline-accordion .faq .accordion .toggle-list.on-list i:before {
  content: "\f077";
  color: black;
}

.timeline-accordion .faq .accordion .list p {
  font-size: 16px;
  color: #5d5474;
}

.timeline-accordion .faq .accordion .list-data {
  display: none;
  padding: 25px 0px 0px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.timeline-accordion-alt h3,
.timeline-accordion-alt .sm-heading,
.timeline-accordion-alt h6,
.timeline-accordion-alt .xxxs-heading {
  color: #ac00dd;
}

.timeline-accordion-alt .timeline {
  position: relative;
  z-index: 1;
}

.timeline-accordion-alt .timeline li {
  /*Content*/
  counter-increment: item;
  padding: 7px 30px;
  margin-left: 0px;
  min-height: 70px;
  position: relative;
  list-style: none;
  font-weight: 600;
  color: #010123;
  /*Line*/
  /*Circle*/
}

.timeline-accordion-alt .timeline li::before {
  content: "";
  position: absolute;
  width: 3px;
  background-color: #010123;
  top: 57px;
  bottom: 8px;
  left: -19px;
}


.timeline-accordion-alt .timeline li::after {
  text-align: center;
  padding-top: 10px;
  z-index: 10;
  content: counter(item);
  position: absolute;
  width: 50px;
  height: 50px;
  border: 3px solid #010123;
  background-color: #e4c1ff;
  border-radius: 50%;
  top: 0;
  left: -43px;
}

.timeline-accordion-alt .timeline > li:nth-last-child(1)::before {
  width: 0px;
}

.timeline-accordion-alt .faq {
  /*
      content: url('https://api.iconify.design/ion:chevron-down-sharp.svg?height=16');
           vertical-align: -0.125em;         float: right;
       */
}

.timeline-accordion-alt .faq .accordion .toggle-list {
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
  color: #ff0077;
  font-weight: 700;
  padding-right: 75px;
  cursor: pointer;
}

.timeline-accordion-alt .faq .accordion .toggle-list i {
  right: 0;
  top: 0;
  width: auto;
  height: 100%;
  display: inline-block;
  text-align: center;
  color: #ff0077;
  font-size: 14px;
  padding: 10px 25px;
  position: absolute;
}

.timeline-accordion-alt .faq .accordion .toggle-list.on-list i:before {
  content: "\f077";
  color: rgba(255, 0, 119, 0.5);
}

.timeline-accordion-alt .faq .accordion .list p {
  font-size: 16px;
  color: #5d5474;
}

.timeline-accordion-alt .faq .accordion .list-data {
  display: none;
  padding: 25px 0px 0px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 600px) and (min-width: 300px) {
  .apprentice-options .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.apprentice-options .sm-heading,
.apprentice-options .xxs-heading,
.apprentice-options h3,
.apprentice-options h5 {
  color: #ac00dd;
}

.apprentice-options span.text-primary {
  color: #ff0077 !important;
}

.apprentice-options .center-img {
  margin: 0px auto;
  text-align: center;
}

.apprentice-options .table {
  font-weight: 700;
  font-size: 18px;
  font-family: "acumin-pro", sans-serif;
  color: #1b0b41;
}

.apprentice-options table thead th {
  text-align: left;
  border: 0px !important;
}

.apprentice-options .swiper-slide .table td,
.apprentice-options .swiper-slide .table th {
  margin: 0px auto;
  text-align: center;
}

.apprentice-options .table td,
.apprentice-options .table th {
  padding: 0px !important;
}

.apprentice-options .table-bd-btm td,
.apprentice-options .table-bd-btm th {
  vertical-align: middle;
  border: 0px;
  border-bottom-color: #dee2e6;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  height: 60px;
}

.apprentice-options .table-bordered {
  background-color: #ffffff;
  border: 5px solid transparent;
}



.apprentice-options .table-bordered .hidden a {
  color: #ffffff;
}

.apprentice-options .table-bordered img {
  filter: grayscale(100%);
}

@media (max-width: 992px){
  .apprentice-options .swiper-slide.swiper-slide-active {
  background-color: #ffffff;
  border: 5px solid #ff0077;
}

.apprentice-options .swiper-slide.swiper-slide-active .table-bordered img{
  filter: none;
}

.apprentice-options .swiper-slide.swiper-slide-active tr.text-center.hidden{
  background: #ff0077;
}
}

.apprentice-options .swiper-slide .table-bordered:hover {
  background-color: #ffffff;
  border: 5px solid #ff0077;
}

.apprentice-options .swiper-slide .table-bordered:hover img{
  filter: none;
}

.apprentice-options .swiper-slide .table-bordered:hover tr.text-center.hidden{
  background: #ff0077;
}

.apprentice-options .table-bordered:hover img {
  filter: none;
}

.apprentice-options .swiper-slide.swiper-slide-active {
  text-align: center;
  opacity: 1;
}

.apprentice-options .table-bordered{
  margin-bottom: 0;
}

.apprentice-options .table-bordered td,
.apprentice-options .table-bordered th {
  vertical-align: middle;
  height: 60px;
  border: 0px;
  border-bottom-color: #dee2e6;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.apprentice-options .swiper-container {
  width: 100%;
  margin: 0px;
  margin-bottom: 1em;
  overflow: hidden;
  position: relative;
}

.apprentice-options .swiper-slide {
  position: relative;
  height: 100%;
  /* Center slide text vertically */
  display: flex;
  vertical-align: top;
  margin-bottom: 30px;
}

.apprentice-options .swiper-slide .box {
  width: 100%;
  height: 365px;
}

.apprentice-options .swiper-slide .box a {
  text-decoration: none;
}

.apprentice-options .swiper-slide .img {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
}

.apprentice-options .swiper-slide .img::after {
  z-index: 9999;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(to top, #1b1422, rgba(27, 20, 34, 0.3));
}

.apprentice-options .swiper-slide .img img {
  width: 100%;
  height: 365px;
  object-fit: cover;
}

.apprentice-options .container .row{
  position: relative;
}

.apprentice-options .swiper-navigation {
     position: absolute;
    z-index: 9;
    bottom: 0;
    right: 0;
    width: 85%;
}

@media (max-width: 992px){
    .apprentice-options .swiper-navigation{
    margin: 0 auto;
  left: 0;
    }
}

@media (min-width:992px){
  .apprentice-options .swiper-navigation{
    width: 18%;
    right: 1em;
    margin: 0 auto;
  }
}

.apprentice-options .swiper-navigation .swiper-button-prev {
  text-align: center;
  left: 0;
  top: 0;
  z-index: 2;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  border-radius: 0px;
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 10px 11px;
}

.apprentice-options .swiper-navigation .swiper-button-prev::after{
  display: none;
}

.apprentice-options .swiper-navigation .swiper-button-next::after{
  display: none;
}

.apprentice-options .swiper-navigation .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}

.apprentice-options .swiper-navigation .swiper-button-prev:before {
  content: "\f053";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
}

.apprentice-options .swiper-navigation .swiper-button-next {
  text-align: center;
  right: 0;
  top: 0;
  z-index: 2;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  border-radius: 0px;
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 10px 11px;
}

.apprentice-options .swiper-navigation .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.apprentice-options .swiper-navigation .swiper-button-next:before {
  content: "\f054";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
}

/*general timeline */
.general-timeline .timeline {
  position: relative;
  z-index: 1;
}

.general-timeline .timeline li {
  /*Content*/
  counter-increment: item;
  padding: 7px 30px;
  margin-left: 0px;
  min-height: 70px;
  position: relative;
  list-style: none;
  font-weight: 600;
  color: #010123;
  /*Line*/
  /*Circle*/
}

.general-timeline .timeline li::before {
  content: "";
  position: absolute;
  width: 3px;
  background-color: #010123;
  top: 57px;
  bottom: 8px;
  left: -19px;
}

.general-timeline .timeline li::after {
  text-align: center;
  padding-top: 10px;
  z-index: 10;
  content: counter(item);
  position: absolute;
  width: 50px;
  height: 50px;
  border: 3px solid #010123;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  border-radius: 50%;
  top: 0;
  left: -43px;
}

.general-timeline .timeline > li:nth-last-child(1)::before {
  width: 0px;
}

.content-fifty-fifty .sm-heading {
  color: #ac00dd;
}

/*general FAQ*/
.faqs .sm-heading {
  color: #ac00dd;
}

.faqs .btn {
  background-color: #ac00dd;
}

.faqs .btn:hover {
  background-color: #ffffff;
  color: #ac00dd;
  border: 1px solid #ac00dd;
}

.faqs .accordion .toggle-list {
  border-bottom: 1px solid rgba(27, 11, 65, 0.3);
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  display: block;
  color: #ff0077;
  font-weight: 700;
  padding: 10px 0px;
  padding-right: 75px;
  cursor: pointer;
}

.faqs .accordion .toggle-list i {
  right: 0;
  top: 0;
  width: auto;
  height: 100%;
  display: inline-block;
  text-align: center;
  color: #ff0077;
  font-size: 14px;
  padding: 20px 25px;
  position: absolute;
}

.faqs .accordion .toggle-list.on-list i:before {
  content: "\f077";
  color: rgba(255, 0, 119, 0.3);
}

.faqs .accordion .list p {
  font-size: 16px;
  color: #5d5474;
}

.faqs .accordion .list-data {
  display: none;
  padding: 25px 0px 0px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.faqs .accordion .list-data:first-of-type {
  display: block;
}


/* Story Slider Light Theme */
.story-slider.light-theme::before {
  background: rgba(var(--vsm-white), 1);
}
.story-slider.light-theme .our-story p {
  color: #5d5474;
}
.story-slider.light-theme .story-nav .swiper-button-next-year::before,
.story-slider.light-theme .story-nav .swiper-button-prev-year::before {
  color: #000;
}

@media (min-width: 992px){
  .story-slider .story-nav{
  left: 0;

  }
}

/* story slider */
.story-slider .story-nav {
  height: 270px;
  padding: 60px 0 0 10px;
  position: absolute;
  z-index: 1;
  top: 160px;
}


.story-slider .story-nav .swiper-button-prev-year {
  position: absolute;
  text-align: center;
  right: 0;
  top: 0;
  z-index: 2;
  background: none;
  border-radius: 0px;
  width: auto;
  height: 50px;
  display: inline-block;
  padding: 13px 11px;
}

.story-slider .story-nav .swiper-button-prev-year.swiper-button-disabled {
  opacity: 0.5;
}

.story-slider .story-nav .swiper-button-prev-year:before {
  content: "\f077";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: white;
  cursor: pointer;
}

.story-slider .story-nav .swiper-button-next-year {
  position: absolute;
  cursor: pointer;
  right: 0;
  bottom: 0;
  z-index: 2;
  text-align: center;
  background: none;
  border-radius: 0px;
  width: auto;
  height: 50px;
  display: inline-block;
  padding: 13px 11px;
}

.story-slider .story-nav .swiper-button-next-year.swiper-button-disabled {
  opacity: 0.5;
}

.story-slider .story-nav .swiper-button-next-year:before {
  content: "\f078";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: white;
}

.story-slider .story-years {
  height: 170px;
  width: 100%;
  min-width: 30px;
  text-align: left;
  overflow: hidden;
}

.story-slider .story-years .swiper-wrapper .swiper-slide {
  overflow: hidden;
  width: 100%;
  height: 25px !important;
  vertical-align: middle;
}

.story-slider .story-years .swiper-wrapper .swiper-slide span {
  cursor: pointer;
  color: #ffffff;
  font-size: 30px;
  font-size: 1.875rem;
  transition: all 300ms ease-in-out;
  font-weight: 600;
}

.story-slider .story-years .swiper-wrapper .swiper-slide span .bullet .disabled-bullet {
  display: block;
  padding-left: 5px;
  padding-top: 5px;
}

.story-slider .story-years .swiper-wrapper .swiper-slide span .bullet .active-bullet {
  display: none;
}

.story-slider .story-years .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .bullet .disabled-bullet {
  display: none;
}

.story-slider .story-years .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .bullet .active-bullet {
  display: block;
}

.story-slider .story-years .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span {
  color: #ff0077;
  font-weight: 600;
  font-size: 30px;
  font-size: 1.875rem;
  position: relative;
  top: 0px;
}

.story-slider .story {
  width: 100%;
  height: 622px;
  position: relative;
}

.story-slider .story .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.story-slider .story .swiper-slide {
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.story-slider .stories {
  height: 100%;
  width: 100%;
}

.story-slider .stories .swiper-slide {
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0);
  background: none !important;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.story-slider .inner-story {
  height: 100%;
  width: 100%;
}

.story-slider .inner-story .swiper-slide {
  /* height: 100%; */
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.story-slider .inner-story .navigation {
  
  position: absolute;
    z-index: 9;
    display: flex
;
    bottom: 1rem;
    left: 1em;
    justify-content: space-between;
    gap: 11rem;
}

@media (min-width: 992px){
  .story-slider .inner-story .navigation{
    position: absolute;
  z-index: 9;
  bottom: 2em;
  left: 1em;
  }
}

.story-slider .inner-story .navigation .swiper-button-prev-inner {
  text-align: center;
  right: 0;
  top: 0;
  z-index: 2;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  border-radius: 0px;
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 10px 11px;
}

.story-slider .inner-story .navigation .swiper-button-prev-inner.swiper-button-disabled {
  opacity: 0.5;
  background: none;
}

.story-slider .inner-story .navigation .swiper-button-prev-inner:before {
  content: "\f053";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
}

.story-slider .inner-story .navigation .swiper-button-next-inner {
  text-align: center;
  right: 0;
  top: 0;
  z-index: 2;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  border-radius: 0px;
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 10px 11px;
}

.story-slider .inner-story .navigation .swiper-button-next-inner.swiper-button-disabled {
  opacity: 0.5;
  background: none;
}
.story-slider .inner-story .navigation .swiper-button-disabled.swiper-button-lock{
   opacity: 0;
  background: none;   
}
.story-slider .inner-story .navigation .swiper-button-next-inner:before {
  content: "\f054";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
}

.swiper-slide-shadow-left {
  background: none !important;
}

.swiper-slide-shadow-right {
  background: none !important;
}

.apprenticeship-levy h2,
.apprenticeship-levy .md-heading {
  color: #ac00dd;
}

.apprenticeship-levy h3,
.apprenticeship-levy .sm-heading,
.apprenticeship-levy h4,
.apprenticeship-levy .xs-heading {
  color: #1b0b41;
}

.apprenticeship-levy p.small {
  font-weight: 700;
  color: rgba(27, 11, 65, 0.5);
  font-family: "acumin-pro", sans-serif;
}

.apprenticeship-levy .flex-container {
  /* We first create a flex layout context */
  -ms-box-orient: horizontal;
  display: -moz-flex;
  display: flex;
  /* Then we define the flow direction 
       and if we allow the items to wrap 
     * Remember this is the same as:
     * flex-direction: row;
     * flex-wrap: wrap;
      
     */
  flex-wrap: wrap;
  /* Then we define how is distributed the remaining space */
  justify-content: start;
  margin: 0px;
  padding: 0px;
  gap: 1.5em;
}

.apprenticeship-levy .flex-item {
  z-index: 1;
  background: #ffffff;
  height: auto;
  width: 100%;
  text-align: left;
   border: 3px solid #e4c1ff;
/*  border: 3px solid;
  border-image-slice: 1;
  border-image-source: -webkit-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -moz-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -o-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: linear-gradient(to right, #e4c1ff, #aaffe5);*/
  gap: 1em;
  border-radius: 0rem;
  list-style-type: none;
  align-items: left;
  justify-content: start;
  flex-direction: column;
}

@media (min-width: 1024px) {
  .apprenticeship-levy .flex-item {
    width: 48.5%;
  }
}

.vacancies h3,
.vacancies .sm-heading,
.vacancies h6,
.vacancies .xxxs-heading {
  color: #ac00dd;
}

.vacancies .btn-wide-arrow {
  color: #ff0077;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: space-between;
  height: 44px;
  border-radius: 0em;
  padding: 0px;
  text-decoration: none;
  border: 0;
  text-transform: capitalize;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 28px;
}

.vacancies .btn-wide-arrow::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 36px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  transition: all 250ms ease-in-out;
}

.vacancies .btn-wide-arrow:hover {
  opacity: 0.6;
}

.vacancies .flex-container {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
}

.vacancies .vacancy {
  position: relative;
    border: 1px solid #e4c1ff;
    /*
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #e4c1ff 0%, #aaffe5 100%);*/
  background-color: #ffffff;
  width: 100%;
}

@media (min-width: 768px) {
  .vacancies .vacancy {
    width: 48%;
  }
}

@media (min-width: 1024px) {
  .vacancies .vacancy {
    width: 22.75%;
  }
}

.vacancies .content .toptext {
  margin-top: 0.5rem;
}

.vacancies .content .job-title {
  min-height: 60px;
}

.vacancies .content p.opacity {
  opacity: 0.6;
}

.vacancies .content .img {
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  top: 0px;
  left: 0px;
  z-index: 1;
  opacity: 1;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: left;
  justify-content: center;
}

.vacancies .content .img img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.upskilling h3,
.upskilling .sm-heading {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: initial;
}

.upskilling .flex-container {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: left;
  gap: 1.5rem;
}

.upskilling .boxes {
  position: relative;
  width: 100%;
  padding-bottom: 60px;
}

@media (min-width: 768px) {
  .upskilling .boxes {
    width: 48%;
  }
}

.upskilling .boxes .buttons {
  position: absolute;
  bottom: 0;
}

.upskilling .boxes:nth-child(1) .primary-style {
  border: 3px solid #ff0077;
  background-color: #ff0077;
}

.upskilling .boxes:nth-child(2) .primary-style {
  border: 3px solid #ac00dd;
  background-color: #ac00dd;
}

.upskilling .content {
  border: 0px;
}

.upskilling .content .topimg {
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 250px;
  margin: 0px auto;
}

.upskilling .content .topimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.upskilling .content .btmimg {
  position: absolute;
  top: 220px;
  left: 0px;
  z-index: 1;
  opacity: 1;
  width: 60px;
  height: 60px;
  margin: 0px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.upskilling .content .btmimg img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.upskilling .text {
  margin-top: 3rem;
}

.latest-vacancies {
  position: relative;
}

.latest-vacancies .nav-tabs {
  border-bottom: none;
}

.latest-vacancies .nav {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  justify-content: center;
}

.latest-vacancies .nav li {
  display: inline-block;
  width: 300px;
  height: 70px;
  margin-right: 1em;
}

.latest-vacancies .nav li a {
  color: #1b0b41;
  font-weight: 100;
  display: block;
  padding-bottom: 1em;
  border-bottom: 2px solid #1b0b41;
}

.latest-vacancies .nav li a:hover {
  opacity: 0.8;
  color: #ff0077;
  background: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  border-bottom: 3px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
}

.latest-vacancies .nav li .active {
  font-weight: 600;
  color: #ff0077;
  background: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  border-bottom: 3px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
}

.latest-vacancies .nav li:hover {
  color: #ff0077;
  background: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.8;
}

.latest-vacancies h3,
.latest-vacancies .sm-heading,
.latest-vacancies h6,
.latest-vacancies .xxxs-heading {
  color: #ac00dd;
}

.latest-vacancies .btn-wide-arrow {
  color: #ff0077;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: space-between;
  border-radius: 0em;
  padding: 0px;
  text-decoration: none;
  border: 0;
  text-transform: capitalize;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 28px;
}

.latest-vacancies .btn-wide-arrow::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  transition: all 250ms ease-in-out;
}

.latest-vacancies .btn-wide-arrow:hover {
  opacity: 0.6;
}

.latest-vacancies .flex-container {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
}

.latest-vacancies .vacancy {
  position: relative;
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #e4c1ff 0%, #aaffe5 100%);
  background-color: #ffffff;
  width: 100%;
}

@media (min-width: 768px) {
  .latest-vacancies .vacancy {
    width: 48%;
  }
}

@media (min-width: 1024px) {
  .latest-vacancies .vacancy {
    width: 22.75%;
  }
}

.latest-vacancies .content .toptext {
  margin-top: 0.5rem;
}

.latest-vacancies .content .job-title {
  min-height: 60px;
}

.latest-vacancies .content p.opacity {
  opacity: 0.6;
}

.latest-vacancies .content .img {
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  top: 0px;
  left: 0px;
  z-index: 1;
  opacity: 1;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: left;
  justify-content: center;
}

.latest-vacancies .content .img img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}

.course-options h3,
.course-options .sm-heading,
.course-options h6,
.course-options .xxxs-heading {
  color: #ac00dd;
}

.course-options .btn-wide-arrow {
  color: #ff0077;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: space-between;
  border-radius: 0em;
  padding: 0px;
  text-decoration: none;
  border: 0;
  text-transform: capitalize;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 28px;
}

.course-options .btn-wide-arrow::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  transition: all 250ms ease-in-out;
}

.course-options .btn-wide-arrow:hover {
  opacity: 0.6;
}

.course-options .flex-container {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 1.5rem;
}

.course-options .buttons {
  width: 100%;
  position: absolute;
  bottom: 0;
}

.course-options .vacancy {
  padding-bottom: 60px;
  position: relative;
    border: 1px solid #e4c1ff;
  /*
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #e4c1ff 0%, #aaffe5 100%);*/
  background-color: #ffffff;
  width: 100%;
}

@media (min-width: 768px) {
  .course-options .vacancy {
    width: 48%;
  }
}

@media (min-width: 1024px) {
  .course-options .vacancy {
    width: 31%;
  }
}

.course-options .content .toptext {
  margin-top: 0.5rem;
}

.course-options .content .job-title {
  min-height: 60px;
}

.course-options .content p.opacity {
  opacity: 0.6;
}

.course-options .content .img {
  top: 0px;
  left: 0px;
  z-index: 1;
  opacity: 1;
  width: 24px;
  height: 24px;
  margin-top: 30px;
  display: flex;
  align-items: baseline;
  justify-content: left;
}

.course-options .content .img img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.list-rhs h4 {
  color: #5d5474;
  text-transform: capitalize;
  margin-top: 1em;
}

.list-rhs .sm-heading,
.list-rhs .xxs-heading,
.list-rhs h3,
.list-rhs h5 {
  color: #ac00dd;
}

.list-rhs ul {
  font-weight: 600;
  color: #1b0b41;
  position: relative;
  list-style-type: none;
}

.list-rhs li:before {
  background-color: #aaffe5;
  content: "";
  display: block;
  position: relative;
  top: 17px;
  left: -26px;
  height: 5px;
  width: 15px;
  background-image: url(/img/icons/BulletLine.svg);
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.5em;
}

.career-path {
  position: relative;
}

.career-path .nav-tabs {
  border-bottom: none;
}

.career-path .nav {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  justify-content: center;
}

.career-path .nav li {
  display: inline-block;
  width: auto;
  min-width: 300px;
  height: 70px;
  margin-right: 1em;
}

.career-path .nav li a {
  color: #1b0b41;
  font-weight: 100;
  display: block;
  padding-bottom: 1em;
  border-bottom: 2px solid #1b0b41;
}

.career-path .nav li a:hover {
  /*opacity: 0.8;*/
  border-bottom: 3px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
}

.career-path .nav li .active {
  font-weight: 600;
  color: #ff0077;
  background: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  border-bottom: 3px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
}

.career-path .nav li:hover {
  color: #ff0077;
  background: linear-gradient(90deg, #ff0077 0%, #ac00dd 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.8;
}

.career-path h3,
.career-path .sm-heading,
.career-path h6,
.career-path .xxxs-heading {
  color: #ac00dd;
}

.career-path .btn-wide-arrow {
  color: #ff0077;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: space-between;
  border-radius: 0em;
  padding: 0px;
  text-decoration: none;
  border: 0;
  text-transform: capitalize;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 28px;
}

.career-path .btn-wide-arrow::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  transition: all 250ms ease-in-out;
}

.career-path .btn-wide-arrow:hover {
  opacity: 0.6;
}

.career-path .timeline {
  position: relative;
  margin-top:1.5rem;
}

.career-path .timeline::before {
  content: "";
  background: #1b0b41;
  width: 5px;
  height: 100%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.career-path .timeline-item {
  width: 100%;
}

.career-path .timeline-item:nth-child(even) .timeline-content {
  float: right;
  padding: 0px;
}

.career-path .timeline-item::after {
  content: "";
  display: block;
  clear: both;
}

.career-path .timeline-content {
  position: relative;
  width: 45%;
  padding: 0px;
  border-radius: 4px;
  /*  &::after {
            content: "";
            position: absolute;
            border-style: solid;
            width: 0;
            height: 0;
            top: 30px;
            right: -15px;
            border-width: 10px 0 10px 15px;
            border-color: transparent transparent transparent #f5f5f5;
        } */
}

.career-path .timeline-content h4,
.career-path .timeline-content .xs-heading {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: initial;
}

.career-path .timeline-content .xxs-heading {
  color: #1b0b41;
  line-height: initial;
  margin-bottom: 20px;
      font-size: 0.875rem;
    font-weight: 600;
}
.career-path .timeline-content h5{
  color: #1b0b41;
  margin-bottom: 20px;
      font-size: 0.875rem;
    font-weight: 400;

}
@media (min-width: 768px) {
  .career-path .timeline-content .xxs-heading {
    margin-bottom: 0px;
      font-size: 0.875rem;
    font-weight: 600;
  }
  .career-path .timeline-content h5 {
    margin-bottom: 0px;   
    line-height:inherit;

  }
}

.career-path .timeline-img {
  width: 30px;
  height: 30px;
  border: 3px solid #010123;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  margin-top: 0px;
  margin-left: -15px;
}

@media screen and (max-width: 768px) {
  .career-path .timeline::before {
    left: 15px;
  }
  .career-path .timeline .timeline-img {
    left: 15px;
  }
  .career-path .timeline .timeline-content {
    max-width: 100%;
    width: auto;
    margin-left: 50px;
  }
  .career-path .timeline .timeline-item:nth-child(even) .timeline-content {
    float: none;
  }
 
}

.download-guide h3,
.download-guide .sm-heading,
.download-guide h4,
.download-guide .xs-heading {
  color: #ac00dd;
}

.download-guide .xs {
  font-style: "acumin-pro", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #1b0b41;
}

.download-guide h4,
.download-guide .xs-heading {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: initial;
}

.download-guide .xxxx-heading,
.download-guide h6 {
  margin-bottom: 0px;
}

.download-guide .xs-heading {
  padding-right: 1em;
}

.download-guide p {
  padding-right: 1em;
  margin-bottom: 2em;
}

.download-guide .newsletter {
    
    background:linear-gradient(90deg, #aaffe5 0%, #FEF1F6 100%);
  border: 5px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #aaffe5 0%, #e4c1ff 100%);
}

.download-guide .content {
  position: relative;
  background-color: #ffffff;
}

.download-guide .content .toptext {
  padding: 3rem 3rem 1rem 3rem;
}

.download-guide .content .img {
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
  vertical-align: top;
  margin: 0px auto;
  display: flex;
}

.download-guide .content .img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

@media (min-width: 1024px) {
  .download-guide .content .img img {
    width: 100%;
    min-height: 571px;
    height: 100%;
  }
}

.download-guide form .element.checkbox label span {
  font-size: 14px;
}

.download-guide form .element.checkbox label a {
  font-size: 14px;
  color: #ac00dd;
  font-weight: 100;
}

.newsletter-sign-up h3,
.newsletter-sign-up .sm-heading,
.newsletter-sign-up h4,
.newsletter-sign-up .xs-heading {
  color: #ac00dd;
}

.newsletter-sign-up .xs {
  font-style: "acumin-pro", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #1b0b41;
}

.newsletter-sign-up h4,
.newsletter-sign-up .xs-heading {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: initial;
}

.newsletter-sign-up .xxxx-heading,
.newsletter-sign-up h6 {
  margin-bottom: 0px;
}

.newsletter-sign-up .xs-heading {
  padding-right: 1em;
}

.newsletter-sign-up p {
  padding-right: 1em;
  margin-bottom: 2em;
}

.newsletter-sign-up .newsletter {
    background: linear-gradient(90deg, #e4c1ff 0%, #fef1f6 100%);
    
  border: 5px solid;
  border-image-slice: 1;
  border-image-source:  linear-gradient(90deg, #e4c1ff 0%, #fef1f6 100%);
}

.newsletter-sign-up .content {
  position: relative;
}

.newsletter-sign-up .content .toptext {
  padding: 3rem 3rem 1rem 3rem;
}

.newsletter-sign-up .content .img {
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
  vertical-align: top;
  margin: 0px auto;
  display: flex;
}

.newsletter-sign-up .content .img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

@media (min-width: 768px) {
  .newsletter-sign-up .content .img img {
    width: 100%;
    min-height: 571px;
    height: 100%;
  }
}

.newsletter-sign-up form .element.checkbox label span {
  font-size: 14px;
}

.newsletter-sign-up form .element.checkbox label a {
  font-size: 14px;
  color: #ac00dd;
  font-weight: 100;
}

.story-tabs .nav-tabs {
  border-bottom: 0px;
}

.story-tabs .video-module-alt{
  padding-top: 20px;
    padding-bottom: 20px;
}

.story-tabs .video-module-alt .container{
  padding: 0;
}

.story-tabs .tab-menu {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: stretch;
}

.story-tabs .tab-link {
  display: flex;
  max-width: 25%;
  justify-content: center;
  align-items: center;
  flex: 25%;
  text-align: center;
  font-size: 24px;
}

.story-tabs .tab-link .img-container-circle {
  background: linear-gradient(to bottom right, #e4c1ff, #aaffe5);
  /*Gradient is top left to bottom right*/
  background-color: #aaffe5;
  /* For browsers that do not support gradients */
  width: 96px;
  height: 96px;
  border-radius: 100%;
  padding: 3px;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 0.5em;
}

.story-tabs .tab-link .img-container-circle img {
  object-fit: cover;
  object-position: center;
  z-index: 1;
  width: 90px;
  height: 90px;
  background-color: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 100%;
  text-align: center;
  margin: 0px auto;
}

.story-tabs .tab-link .active h5 {
  color: #ac00dd;
}

.story-tabs .tab-link .active .img-container-circle {
  background: linear-gradient(to bottom right, #ff0077, #ac00dd);
  /*Gradient is top left to bottom right*/
  background-color: #aaffe5;
  /* For browsers that do not support gradients */
  width: 126px;
  height: 126px;
  border-radius: 100%;
  padding: 3px;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 0.5em;
}

.story-tabs .tab-link .active .img-container-circle img {
  object-fit: cover;
  object-position: center;
  z-index: 1;
  width: 120px;
  height: 120px;
  background-color: #ffffff;
  border: 3px solid #ffffff;
  border-radius: 100%;
  text-align: center;
  margin: 0px auto;
}

.story-tabs .tab-menu li a {
  height: 100%;
}

.story-tabs .tab-content {
  padding: 20px 0px;
}

@media screen and (max-width: 767px) {
    .story-tabs.padding{
        padding-bottom: 0px!important;
    }
  .story-tabs .tab-link {
    max-width: 50%;
    flex: 50%;
  }
}

.story-tabs .bg-white-border {
  position: relative;
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #e4c1ff 0%, #aaffe5 100%);
  background-color: #ffffff;
  width: 100%;
  margin-top: 1rem;
}

.story-tabs .img-container-circle {
  /*Gradient is top left to bottom right*/
  width: 120px;
  height: 120px;
  border-radius: 100%;
  text-align: center;
  margin: 0px auto;
  margin-bottom: 0.5em;
}

.story-tabs .img-container-circle img {
  object-fit: cover;
  object-position: center;
  z-index: 1;
  width: 120px;
  height: 120px;
  border-radius: 100%;
  text-align: center;
  margin: 0px auto;
}

.story-tabs .tab-content h3,
.story-tabs .tab-content .sm-heading {
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: initial;
  width: max-content;
}

.story-tabs .tab-content h6,
.story-tabs .tab-content .xxxs-heading {
  color: #ac00dd;
}

.story-tabs .tab-content span {
  margin-left: 1em;
}

.display-results {
  opacity: 0;
}

@media (min-width: 1024px) {
  .display-results {
    opacity: 1;
  }
}

.blog-highlights .article .btn-wide-arrow {
  color: #ff0077;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: space-between;
  height: 44px;
  border-radius: 0em;
  padding: 0px;
  text-decoration: none;
  border: 0;
  text-transform: capitalize;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 28px;
}

.blog-highlights .article .btn-wide-arrow::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 36px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  transition: all 250ms ease-in-out;
}

.blog-highlights .article .btn-wide-arrow:hover {
  opacity: 0.6;
}

.blog-highlights .article .img-large {
  width: 100%;
  height: 100%;
  margin-bottom: 1em;
}

.blog-highlights .article .img-large img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  max-height: 200px;
}

@media (min-width: 1024px) {
  .blog-highlights .article .img-large img {
    width: 100%;
    max-height: 382px;
    height: 100%;
  }
}

.blog-highlights .article .img-container-circle {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  margin-bottom: 1em;
  margin-top: 1em;
}

.blog-highlights .article .img-container-circle img {
  object-fit: cover;
  object-position: center;
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

.blog-highlights .article h1,
.blog-highlights .article .sm-heading {
  line-height: 32px !important;
}

.blog-highlights .article h1 a,
.blog-highlights .article .sm-heading a {
  font-weight: 700;
}

.blog-highlights .article a {
  color: #1b0b41;
  font-weight: 600;
  text-decoration: none;
}

.blog-highlights .article .btn span {
  color: #ffffff;
}

.blog-highlights .article .btn::after {
  color: #ffffff;
}

.blog-highlights .article .btn:hover {
  color: #ff0077;
}

.blog-highlights .article .btn:hover::after {
  color: #ff0077;
}

.blog-highlights .article .btn:hover span {
  color: #ff0077;
}

.blog-highlights .article .author {
  font-family: "acumin-pro", sans-serif;
  color: #1b0b41;
  font-weight: 600;
  display: inline-block;
  font-size: 15px;
}

.blog-highlights .article .job-title {
  font-weight: 250;
  display: block;
  font-size: 15px;
}

.blog-highlights .article span.tag {
  font-family: "acumin-pro", sans-serif;
  font-weight: 600;
  text-transform: lowercase;
  font-size: 0.875rem;
  color: #ac00dd;
}

.blog-highlights .article .date {
  font-family: "acumin-pro", sans-serif;
  font-weight: 100;
  display: inline;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}

.blog-highlights .featured .article .btn-wide-arrow {
  color: #ff0077;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: space-between;
  height: 44px;
  border-radius: 0em;
  padding: 0px;
  text-decoration: none;
  border: 0;
  text-transform: capitalize;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 28px;
}

.blog-highlights .featured .article .btn-wide-arrow::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 36px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  transition: all 250ms ease-in-out;
}

.blog-highlights .featured .article .btn-wide-arrow:hover {
  opacity: 0.6;
}

.blog-highlights .featured .article .img-smaller {
  width: 100%;
  height: 100%;
  padding-bottom: 1.5em;
}

.blog-highlights .featured .article .img-smaller img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  max-height: 175px;
}

@media (min-width: 1024px) {
  .blog-highlights .featured .article .img-smaller img {
    width: 100%;
    max-height: 225px;
    height: 100%;
    min-height: 190px;
  }
}

.blog-highlights .featured .article .img-container-circle {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  margin-bottom: 1em;
  margin-top: 1em;
}

.blog-highlights .featured .article .img-container-circle img {
  object-fit: cover;
  object-position: center;
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

.blog-highlights .featured .article h5,
.blog-highlights .featured .article .xxxs-heading {
  line-height: 22px !important;
}

.blog-highlights .featured .article h5 a,
.blog-highlights .featured .article .xxxs-heading a {
  font-weight: 600;
}

.blog-highlights .featured .article a {
  color: #1b0b41;
  font-weight: 600;
  text-decoration: none;
}

.blog-highlights .featured .article .btn span {
  color: #ffffff;
}

.blog-highlights .featured .article .btn::after {
  color: #ffffff;
}

.blog-highlights .featured .article .btn:hover {
  color: #ff0077;
}

.blog-highlights .featured .article .btn:hover::after {
  color: #ff0077;
}

.blog-highlights .featured .article .btn:hover span {
  color: #ff0077;
}

.blog-highlights .featured .article span.tag {
  font-family: "acumin-pro", sans-serif;
  font-weight: 600;
  text-transform: lowercase;
  font-size: 0.875rem;
  color: #ac00dd;
  margin-bottom: 1.5rem;
}

.blog-highlights .featured .article .date {
  font-family: "acumin-pro", sans-serif;
  font-weight: 100;
  display: inline;
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
  margin-left: 1rem;
}

.blog-highlights .featured .article .author {
  font-family: "acumin-pro", sans-serif;
  color: #1b0b41;
  font-weight: 600;
  display: inline-block;
  font-size: 15px;
}

.blog-details .table {
  margin-top: 3em;
  font-family: "acumin-pro", sans-serif;
  font-size: 0.9rem;
  color: #5d5474;
}

.blog-details .table tr,
.blog-details .table td {
  border: 0px !important;
}

.blog-details .table .bold {
  font-weight: 600;
  color: #1b0b41;
}

.blog-details .table .pink {
  color: #ff0077;
}

.blog-details ul.social {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.blog-details ul.social li {
  padding: 0;
  margin: 0 10px 0 0;
  display: inline-block;
}

.blog-details ul.social li a {
  color: #ff0077;
  font-size: 16px;
  font-size: 1rem;
}

.blog-details .article ul.social {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.blog-details .article ul.social li {
  padding: 0;
  margin: 0 10px 0 0;
  display: inline-block;
}

.blog-details .article ul.social li a {
  color: #ff0077;
  font-size: 16px;
  font-size: 1rem;
}

.blog-details .article .btn-wide-arrow {
  color: #ff0077;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: space-between;
  height: 44px;
  border-radius: 0em;
  padding: 0px;
  text-decoration: none;
  border: 0;
  text-transform: capitalize;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 28px;
}

.blog-details .article .btn-wide-arrow::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 36px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  transition: all 250ms ease-in-out;
}

.blog-details .article .btn-wide-arrow:hover {
  opacity: 0.6;
}

.blog-details .article .img-container-circle {
  display: inline-block;
  width: 96px;
  height: 96px;
  border-radius: 100%;
  margin-bottom: 1em;
  margin-top: 1em;
}

.blog-details .article .img-container-circle img {
  object-fit: cover;
  object-position: center;
  z-index: 1;
  width: 90px;
  height: 90px;
  border-radius: 100%;
}

.blog-details .article h1,
.blog-details .article .sm-heading {
  line-height: 32px !important;
}

.blog-details .article h1 a,
.blog-details .article .sm-heading a {
  font-weight: 700;
}

.blog-details .article a {
  color: #1b0b41;
  font-weight: 600;
  text-decoration: none;
}

.blog-details .article .btn span {
  color: #ffffff;
}

.blog-details .article .btn::after {
  color: #ffffff;
}

.blog-details .article .btn:hover {
  color: #ff0077;
}

.blog-details .article .btn:hover::after {
  color: #ff0077;
}

.blog-details .article .btn:hover span {
  color: #ff0077;
}

.blog-details .article .author {
  font-family: "acumin-pro", sans-serif;
  color: #1b0b41;
  font-weight: 600;
  display: inline-block;
  font-size: 15px;
}

.blog-details .article span.job-title {
  font-weight: 250;
  display: block;
  font-size: 15px;
}

.blog-details .article span.tag {
  font-family: "acumin-pro", sans-serif;
  font-weight: 600;
  text-transform: lowercase;
  font-size: 0.875rem;
  color: #ac00dd;
}

.blog-details .article .date {
  font-family: "acumin-pro", sans-serif;
  font-weight: 100;
  display: inline;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  margin-left: 1rem;
}

.blog-details .featured .article .btn-wide-arrow {
  color: #ff0077;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: space-between;
  height: 44px;
  border-radius: 0em;
  padding: 0px;
  text-decoration: none;
  border: 0;
  text-transform: capitalize;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 28px;
}

.blog-details .featured .article .btn-wide-arrow::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 36px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  transition: all 250ms ease-in-out;
}

.blog-details .featured .article .btn-wide-arrow:hover {
  opacity: 0.6;
}

.blog-details .featured .article .img-smaller {
  width: 100%;
  height: 100%;
  margin-bottom: 1.5em;
}

.blog-details .featured .article .img-smaller img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  max-height: 175px;
}

@media (min-width: 1024px) {
  .blog-details .featured .article .img-smaller img {
    width: 100%;
    max-height: 225px;
    height: 100%;
  }
}

.blog-details .featured .article .img-container-circle {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  margin-bottom: 1em;
  margin-top: 1em;
}

.blog-details .featured .article .img-container-circle img {
  object-fit: cover;
  object-position: center;
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

.blog-details .featured .article h5,
.blog-details .featured .article .xxxs-heading {
  line-height: 22px !important;
}

.blog-details .featured .article h5 a,
.blog-details .featured .article .xxxs-heading a {
  font-weight: 600;
}

.blog-details .featured .article a {
  color: #1b0b41;
  font-weight: 600;
  text-decoration: none;
}

.blog-details .featured .article .btn span {
  color: #ffffff;
}

.blog-details .featured .article .btn::after {
  color: #ffffff;
}

.blog-details .featured .article .btn:hover {
  color: #ff0077;
}

.blog-details .featured .article .btn:hover::after {
  color: #ff0077;
}

.blog-details .featured .article .btn:hover span {
  color: #ff0077;
}

.blog-details .featured .article span.tag {
  font-family: "acumin-pro", sans-serif;
  font-weight: 600;
  text-transform: lowercase;
  font-size: 0.875rem;
  color: #ac00dd;
  margin-bottom: 1.5rem;
}

.blog-details .featured .article .date {
  font-family: "acumin-pro", sans-serif;
  font-weight: 100;
  display: inline;
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
  margin-left: 1rem;
}

.blog-details .featured .article .author {
  font-family: "acumin-pro", sans-serif;
  color: #1b0b41;
  font-weight: 600;
  display: inline-block;
  font-size: 15px;
}

.articles .article ul.social {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.articles .article ul.social li {
  padding: 0;
  margin: 0 10px 0 0;
  display: inline-block;
}

.articles .article ul.social li a {
  color: #ff0077;
  font-size: 16px;
  font-size: 1rem;
}

.articles .article .btn-link {
  display: block;
  margin-bottom: 1em;
  font-weight: 700;
  color: #ff0077;
}

.articles .article .btn-link:hover {
  text-decoration: none;
  color: #ff0077;
  opacity: 0.6;
}

.articles .article .btn-link::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: inherit;
  margin-left: 10px;
  transition: all 250ms ease-in-out;
}

.articles .article .img-smaller {
  width: 100%;
  height: 100%;
  padding-bottom: 1.5em;
}

.articles .article .img-smaller img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  min-height: 210px;
 /* max-height: 175px;*/
}

@media (min-width: 1024px) {
  .articles .article .img-smaller img {
    width: 100%;
    min-height: 210px;
    max-height: 225px;
    height: 100%;
  }
}

.articles .article .img-container-circle {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  margin-bottom: 1em;
  margin-top: 1em;
}

.articles .article .img-container-circle img {
  object-fit: cover;
  object-position: center;
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}

.articles .article h5,
.articles .article .xxxs-heading {
  line-height: 22px !important;
}

.articles .article h5 a,
.articles .article .xxxs-heading a {
  font-weight: 600;
}

.articles .article a {
  color: #1b0b41;
  font-weight: 600;
  text-decoration: none;
}

.articles .article .btn span {
  color: #ffffff;
}

.articles .article .btn::after {
  color: #ffffff;
}

.articles .article .btn:hover {
  color: #ff0077;
}

.articles .article .btn:hover::after {
  color: #ff0077;
}

.articles .article .btn:hover span {
  color: #ff0077;
}

.articles .article span.tag {
  font-family: "acumin-pro", sans-serif;
  font-weight: 600;
  text-transform: lowercase;
  font-size: 0.875rem;
  color: #ac00dd;
  margin-bottom: 1.5rem;
  display: inline;
}

.articles .article .date {
  font-family: "acumin-pro", sans-serif;
  font-weight: 100;
  display: inline;
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
  margin-left: 1rem;
}

.articles .article .author {
  font-family: "acumin-pro", sans-serif;
  color: #1b0b41;
  font-weight: 600;
  display: inline-block;
  font-size: 15px;
}
.article .sm-heading a {
  font-weight: 700;
}

.article a {
  color: #5d5474;
  font-weight: 600;
  text-decoration: none;
}

.article a:hover {
  opacity: 0.7;
}

.article .author {
  font-weight: 600;
  display: block;
  font-size: 15px;
}

.article .job-title {
  font-weight: 250;
  display: block;
  font-size: 15px;
}

.article .post {
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
}



.articles {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 15px;
}

.articles .featured {
  list-style: none;
  padding: 0;
  margin: 0;
}

.articles .featured li {
  padding: 0;
  margin: 0;
}

.articles .featured li:last-child .article {
  border-bottom: 0;
}

.articles dl dt {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.blog h1,
.blog .heading {
  color: #1b0b41;
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 50px;
  font-weight: 700;
}

@media (min-width: 1024px) {
  .blog h1,
  .blog .heading {
    font-size: 48px;
    font-size: 3rem;
    font-weight: 700;
  }
}


.fa-file-pdf {
  font-size: 3em;
}

ul.social {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

ul.social li {
  padding: 0;
  margin: 0 10px 0 0;
  display: inline-block;
}

ul.social li a {
  color: #5d5474;
  font-size: 20px;
  font-size: 1.25rem;
}

.our-process h3,
.our-process .sm-heading,
.our-process h4,
.our-process .xs-heading {
  color: #ac00dd;
}

.our-process .roles {
  border: 5px solid #e4c1ff;  
    
 /* border: 5px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #aaffe5 0%, #e4c1ff 100%);*/
}

.our-process .content {
  position: relative;
  background-color: #ffffff;
  text-align: left;
  height: 100%;
}

.our-process .content .toptext {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  top: 0.5em;
  left: 0.5em;
  right: 1.5em;
  color: #1b0b41;
      min-height: 340px;
}

@media (min-width: 768px) {
  .our-process .content .toptext {
    top: 2.5em;  

  }
}

.our-process .content .bottom {
  position: absolute;
  bottom: 0.5em;
  right: 2.5em;
}

.our-process .content .img {
  z-index: 1;
  opacity: 1;
  width: 100%;
  height: 100%;
  vertical-align: top;
  margin: 0px auto;
  display: flex;
}

.our-process .content .img img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  -o-object-fit: cover;
  object-position: middle center;
}

@media (min-width: 992px) {
  .our-process .content .img img {
    width: 255px;
    min-height: 365px;
  }
}
@media (min-width: 1000px) {
  .our-process .content .img img {
    width: 255px;
    min-height: 340px;
  }
}
@media (min-width: 1200px) {
  .our-process .content .img img {
    width: 255px;
    min-height: 360px;
  }
}
.our-process .content .btn {
  position: absolute;
  bottom: 0;
  right: 0;
}

.our-process .content .xxxx-heading,
.our-process .content h6 {
  margin-bottom: 0px;
}

.our-process .content .xs-heading {
  padding-right: 1em;
}

.our-process .content p {
  padding-right: 1em;
  /*margin-bottom: 2em;*/
}

.our-process-slider .process-nav {
  height: auto;
  padding: 0px;
  position: relative;
  left: 0;
  z-index: 1;
  bottom: 0px;
}

.our-process-slider .process-nav .swiper-button-prev-titles {
  position: absolute;
  text-align: center;
  left: 0;
  top: 0;
  z-index: 2;

  background: linear-gradient(to right, #ff0077, #ac00dd);
  border-radius: 0px;
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 10px 11px;
}

.our-process-slider .process-nav .swiper-button-prev-titles.swiper-button-disabled {
  opacity: 0.5;
}

.our-process-slider .process-nav .swiper-button-prev-titles:before {
  content: "\f053";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
}

.our-process-slider .process-nav .swiper-button-next-titles {
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 0;
  z-index: 2;
  text-align: center;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  border-radius: 0px;
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 10px 11px;
}

.our-process-slider .process-nav .swiper-button-next-titles.swiper-button-disabled {
  opacity: 0.5;
}

.our-process-slider .process-nav .swiper-button-next-titles:before {
  content: "\f054";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: #ffffff;
  cursor: pointer;
}

.our-process-slider .process-titles {
  position: relative;
  height: auto;
  width: auto;
  /*  text-align: center;*/
  overflow: hidden;
  margin-left: 50px;
margin-right: 50px;
margin-top: 7px;
z-index:100;
}

.our-process-slider .swiper-wrapper .swiper-slide{
  width: auto;
}

.our-process-slider .swiper-wrapper{
  gap: 2rem;
}

.our-process-slider .process-titles .swiper-wrapper .swiper-slide {
  overflow: hidden;
  height: auto;
  vertical-align: middle;
  text-align:center;
  
}

.our-process-slider .process-titles .swiper-wrapper .swiper-slide span {
  cursor: pointer;
  color: #1b0b41;
  font-size: 12px;
  font-size: 0.65rem;
  transition: all 300ms ease-in-out;
  font-weight: 600;
}

.our-process-slider .process-titles .swiper-wrapper .swiper-slide span:hover {
  color: 0.7;
}

.our-process-slider .process-titles .swiper-wrapper .swiper-slide span .bullet {
  display: inline-flex;
}

.our-process-slider .process-titles .swiper-wrapper .swiper-slide span .bullet .disabled-bullet {
  display: block;
  padding-left: 10px;
  padding-bottom: 2px;
}

.our-process-slider .process-titles .swiper-wrapper .swiper-slide span .bullet .active-bullet {
  display: none;
}

.our-process-slider .process-titles .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .bullet {
  display: inline-flex;
}

.our-process-slider .process-titles .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .bullet .disabled-bullet {
  display: none;
}

.our-process-slider .process-titles .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .bullet .active-bullet {
  display: block;
  padding-left: 10px;
  padding-bottom: 2px;
}

.our-process-slider .process-titles .swiper-wrapper .swiper-slide.swiper-slide-thumb-active span {
  color: #ff0077;
  font-weight: 600;
  font-size: 12px;
  font-size: 0.65rem;
  position: relative;
  top: 0px;
}

.our-process-slider .processes {
  width: 100%;
  height: auto;
  position: relative;
}

.our-process-slider .processes .swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.our-process-slider .processes .swiper-slide {
  overflow: hidden;
  text-align: center;
  font-size: 18px;
  display: flex;
}

/* ------------------------------
Job Search
--------------------------------*/
.drop-off-cv p {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0;
  color: #1b0b41;
}

.drop-off-cv p a {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #ff0077;
}

.job-section {
  padding: 30px 0;
}

.job-results .job-assets {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 0;
}

@media (min-width: 768px) {
  .job-results .job-assets {
    flex-direction: column;
  }
}

@media (min-width: 1024px) {
  .job-results .job-assets {
    flex-direction: row;
  }
}

.job-results .job-assets p {
  margin-bottom: 0;
}

.job-results .job-assets .sort {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1b0b41;
}

.job-results .job-assets .sort strong {
  color: black;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}

.job-results .job-assets .sort a {
  color: #ff0077;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}

.job-results .job-assets .displaying {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #1b0b41;
}

.job-results .jobs-inner-results {
  list-style: none;
  padding: 0;
  margin: 0;
}

.job-results .jobs-inner-results li {
  margin-bottom: 15px;
}

.job-results .jobs-inner-results .job {
  border-radius: 0px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
  position: relative;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0);
}

.job-results .jobs-inner-results .job:active, .job-results .jobs-inner-results .job:hover {
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: -webkit-linear-gradient(to right, #ff0077, #ac00dd);
  border-image-source: -moz-linear-gradient(to right, #ff0077, #ac00dd);
  border-image-source: -o-linear-gradient(to right, #ff0077, #ac00dd);
  border-image-source: linear-gradient(to right, #ff0077, #ac00dd);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.job-results .jobs-inner-results .job .btn-wide-arrow {
  margin-top: 2em;
  color: #ff0077;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: space-between;
  height: 44px;
  border-radius: 0em;
  padding: 0px;
  text-decoration: none;
  border: 0;
  text-transform: capitalize;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 28px;
}

.job-results .jobs-inner-results .job .btn-wide-arrow span {
  color: #ff0077;
}

.job-results .jobs-inner-results .job .btn-wide-arrow span a {
  color: #ff0077;
}

.job-results .jobs-inner-results .job .btn-wide-arrow::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 36px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  transition: all 250ms ease-in-out;
}

.job-results .jobs-inner-results .job .btn-wide-arrow:hover {
  opacity: 0.6;
}

.job-results .jobs-inner-results .job .img {
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin-bottom: 1em;
}

.job-results .jobs-inner-results .job .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.job-results .jobs-inner-results .job h3 {
  font-size: 20px;
  font-size: 1.25rem;
  color: #ac00dd;
  margin-bottom: 0;
}

.job-results .jobs-inner-results .job h3 a {
  font-size: 20px;
  font-size: 1.25rem;
  color: #ac00dd;
  margin-bottom: 0;
}

.job-results .jobs-inner-results .job p {
  font-family: "acumin-pro", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: #1b0b41;
  letter-spacing: 0;
  margin-bottom: 0;
}

.job-results .jobs-inner-results .job p strong {
  font-weight: 700;
}

.job-results .jobs-inner-results .job p.company {
  color: #5d5474;
  margin-bottom: 0px;
  letter-spacing: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

.job-results .jobs-inner-results .job p.location, .job-results .jobs-inner-results .job p.postcode {
  color: #5d5474;
  margin-bottom: 8px;
  letter-spacing: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

.job-results .jobs-inner-results .job p.description {
  color: #5d5474;
  margin-bottom: 0px;
  letter-spacing: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

.job-results .jobs-inner-results .job p.title {
  color: #5d5474;
  margin-bottom: 0px;
  letter-spacing: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

.job-results .jobs-inner-results .job p.start-date {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  color: rgba(93, 84, 116, 0.6);
  letter-spacing: 0.5;
}

.job-results .jobs-inner-results .job p.start-date a.add-to-shortlist {
  margin-left: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  color: rgba(93, 84, 116, 0.6);
  letter-spacing: 0.5;
}

.job-results .jobs-inner-results .job p.start-date a.add-to-shortlist i {
  color: #ff0077;
  margin-right: 5px;
}

.job-results .jobs-inner-results .job p.short-description {
  margin: 10px 0;
  font-size: 14px;
  font-size: 0.875rem;
  color: black;
  letter-spacing: 0.5;
}

.job-results .jobs-inner-results .job .job-actions {
  position: absolute;
  top: 20px;
  right: 20px;
}

.job-results .jobs-inner-results .job .job-actions .dropdown-toggle {
  border: 0;
  background: none;
}

.job-results .jobs-inner-results .job .job-actions .dropdown-toggle:after {
  display: none;
}

.job-results .jobs-inner-results .job .job-actions .dropdown-toggle i {
  color: rgba(0, 0, 0, 0.3);
}

.job-results .jobs-inner-results .job .job-actions .dropdown-toggle:hover, .job-results .jobs-inner-results .job .job-actions .dropdown-toggle:focus {
  outline: none;
}

.job-results .jobs-inner-results .job .job-actions .dropdown-toggle:hover i {
  color: black;
}

.job-section .sign-up-cta form .element.text .field {
  padding: 0;
  border: none;
}

.job-section .sign-up-cta form input {
  border: 2px solid rgba(23, 16, 10, 0.1);
  border-radius: 2em;
  width: 100%;
  background-color: #ffffff;
  padding: 17px 20px 17px 20px;
}

.job-section.individual-page .job-spec {
  border: 0;
  padding: 0;
}

.job-section.individual-page .job-spec .job-overview {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.job-section.individual-page .job-spec .job-desc {
  height: 100%;
  overflow: auto;
}

.job-section.individual-page .job-spec .job-desc ul.social {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.job-section.individual-page .job-spec .job-desc ul.social li {
  padding: 0;
  margin: 0 10px 0 0;
  display: inline-block;
}

.job-section.individual-page .job-spec .job-desc ul.social li a {
  color: #ff0077;
  font-size: 16px;
  font-size: 1rem;
}

.job-section.individual-page .consultant {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 40px 0;
  margin-top: 0;
}

.job-section.individual-page .consultant .col,
.job-section.individual-page .consultant .col-auto {
  flex: 1 0 100%;
  text-align: center;
}

.job-section.individual-page .consultant .person {
  flex-direction: column;
  text-align: center;
}

.job-section.individual-page .consultant .person .img {
  width: 150px;
  height: 150px;
  overflow: hidden;
  border-radius: 100em;
  margin-right: 0px;
  margin-bottom: 20px;
}

.job-section.individual-page .consultant .social {
  margin-top: 20px;
}

.job-spec {
 /* display: none;*/
  border-radius: 0px;
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: -webkit-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -moz-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -o-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: linear-gradient(to right, #e4c1ff, #aaffe5);
  padding: 20px 35px;
  position: relative;
}

@media (min-width: 768px) {
  .job-spec {
    display: block;
  }
}
#devSticky .job-spec .job-desc {
  height: calc(100vh - 380px);
  overflow: auto;
}

.job-spec .job-desc ul.social {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

.job-spec .job-desc ul.social li {
  padding: 0;
  margin: 0 10px 0 0;
  display: inline-block;
}

.job-spec .job-desc ul.social li a {
  color: #ff0077;
  font-size: 16px;
  font-size: 1rem;
}

.job-overview {
  letter-spacing: 0;
}

.job-overview .close-job {
  position: absolute;
  right: 30px;
  top: 30px;
}

.job-overview .img {
  display: flex;
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin-bottom: 1em;
}

.job-overview .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.job-overview h3 {
  font-size: 20px;
  font-size: 1.25rem;
  color: #ac00dd;
  margin-bottom: 0;
}

.job-overview h3 a {
  font-size: 20px;
  font-size: 1.25rem;
  color: #ac00dd;
  margin-bottom: 0;
}

.job-overview p {
  font-family: "acumin-pro", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: #1b0b41;
  letter-spacing: 0;
  margin-bottom: 0;
}

.job-overview p strong {
  font-weight: 700;
}
.job-overview p.company:empty,
.job-overview p.location:empty{
    display:none;
}
.job-overview p.company {
  display: inline-block;
  color: #5d5474;
  letter-spacing: 0;
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 1em;
}

.job-overview p.location, .job-overview p.postcode{
  display: inline-block;
  color: #5d5474;
  letter-spacing: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

.job-overview p.start-date {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  color: rgba(93, 84, 116, 0.6);
  letter-spacing: 0.5;
}

.job-overview p.start-date a.add-to-shortlist {
  margin-left: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  color: rgba(93, 84, 116, 0.6);
  letter-spacing: 0.5;
}

.job-overview p.start-date a.add-to-shortlist i {
  color: #ff0077;
  margin-right: 5px;
}

.job-overview a.add-to-shortlist {
  margin-left: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  color: black;
  letter-spacing: 0.5;
}

.job-overview a.add-to-shortlist i {
  color: #ff0077;
  margin-right: 5px;
}

.job-overview .btn {
  padding-left: 40px;
  padding-right: 40px;
}

.job-overview .btn span {
  letter-spacing: 0;
}

.job-details {
  letter-spacing: 0;
}

.job-details .table {
  font-family: "acumin-pro", sans-serif;
  font-size: 0.9rem;
  color: #5d5474;
}

.job-details .table tr,
.job-details .table td {
  border: 0px !important;
}

.job-details .table .bold {
  font-weight: 600;
  color: #1b0b41;
}

.job-details .table .pink {
  color: #ff0077;
}

.job-details .close-job {
  position: absolute;
  right: 30px;
  top: 30px;
}

.job-details .img {
  display: flex;
  width: 60px;
  height: 60px;
  overflow: hidden;
  margin-bottom: 1em;
}

.job-details .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.job-details .img-larger {
  display: flex;
  width: 90px;
  height: 90px;
  overflow: hidden;
  margin-bottom: 4em !important;
}

.job-details .img-larger img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.job-details h3 {
  font-size: 20px;
  font-size: 1.25rem;
  color: #ac00dd;
  margin-bottom: 0;
}

.job-details h3 a {
  font-size: 20px;
  font-size: 1.25rem;
  color: #ac00dd;
  margin-bottom: 0;
}

.job-details p {
  font-family: "acumin-pro", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  color: #1b0b41;
  letter-spacing: 0;
  margin-bottom: 0;
}

.job-details p strong {
  font-weight: 700;
}

.job-details p.company {
  display: inline-block;
  color: #5d5474;
  letter-spacing: 0;
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 1em;
}

.job-details p.location {
  display: inline-block;
  color: #5d5474;
  letter-spacing: 0;
  font-size: 14px;
  font-size: 0.875rem;
}

.job-details p.start-date {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 300;
  color: rgba(93, 84, 116, 0.6);
  letter-spacing: 0.5;
}

.job-details p.start-date a.add-to-shortlist {
  margin-left: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  color: rgba(93, 84, 116, 0.6);
  letter-spacing: 0.5;
}

.job-details p.start-date a.add-to-shortlist i {
  color: #ff0077;
  margin-right: 5px;
}

.job-details a.add-to-shortlist {
  margin-left: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  color: black;
  letter-spacing: 0.5;
}

.job-details a.add-to-shortlist i {
  color: #ff0077;
  margin-right: 5px;
}

.job-details .btn {
  padding-left: 40px;
  padding-right: 40px;
}

.job-details .btn span {
  letter-spacing: 0;
}

.apply {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  margin: 20px 0;
}

.consultant {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 10px 0;
  margin: 20px 0;
}

.consultant .person {
  display: flex;
  align-items: center;
}

.consultant .person .img {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 100em;
  margin-right: 10px;
}

.consultant .person .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.consultant .person .name {
  margin-bottom: 2px;
  font-weight: 700;
  line-height: 1;
}

.consultant .person .position {
  margin-bottom: 0;
  font-size: 12px;
  font-size: 0.75rem;
}

.consultant .social {
  list-style: none;
  margin: 0;
  padding: 0;
}

.consultant .social li {
  display: inline-block;
}

.consultant .social li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  border-radius: 100em;
  overflow: hidden;
  background: #000000;
}

.consultant .social li a i {
  font-size: 12px;
  color: white;
}

.consultant .social li:nth-child(1) a {
  background: #ff0077;
}

.consultant .social li:nth-child(2) a {
  background: #000000;
}

.consultant .social li:nth-child(2) a {
  background: #1b0b41;
}

.sign-up-cta {
  border-radius: 0px;
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: -webkit-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -moz-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -o-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: linear-gradient(to right, #e4c1ff, #aaffe5);
  padding: 30px 35px;
  position: relative;
}

.sign-up-cta .md-heading {
  font-size: 30px;
  font-size: 1.875rem;
  color: black;
  line-height: 1.2;
  margin-bottom: 20px;
}

.sign-up-cta .rte {
  letter-spacing: 0;
  font-size: 12px;
  font-size: 0.75rem;
}

.sign-up-cta .rte a,
.sign-up-cta .rte p {
  letter-spacing: 0;
  font-size: 12px;
  font-size: 0.75rem;
}

.sign-up-cta .btn span {
  letter-spacing: 0;
}

.sign-up-cta form .element.text .field {
  padding: 0;
}

.sign-up-cta form .element.text .field input {
  display: flex;
  align-items: center;
  border: 1px solid #ac00dd;
  padding: 7px 20px;
  border-radius: 0px;
  outline: none;
}

.sign-up-cta form .element.text .error {
  color: red;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 500;
}
/* Job apply pop up modal */
.job-apply-form .modal-content {
  border: 0;
  border-radius: 8px;
}

.job-apply-form .modal-content .modal-header {
  border-bottom: 0;
  text-align: center;
  padding: 4rem 4rem 0rem 4rem;
}

.job-apply-form .modal-content .modal-header .close {
  position: absolute;
  right: 20px;
  top: 20px;
}

.job-apply-form .modal-content .modal-header .md-heading {
    color: #ac00dd;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 33px;
    font-weight: 700;
}


.job-apply-form .modal-content .modal-header .xs-heading {
  font-weight: 300;
}

.job-apply-form .modal-content .modal-body {
  padding: 2rem 4rem;
}

.job-apply-form .modal-content .modal-body form .content .rte {
  font-size: 13px;
}

.job-apply-form .modal-content .modal-body form .content .rte p,
.job-apply-form .modal-content .modal-body form .content .rte a,
.job-apply-form .modal-content .modal-body form .content .rte li {
  font-size: 13px;
}

.job-apply-form .modal-content .modal-body form .error {
  color: #ff0000;
  font-size: 12px;
  font-weight: 500;
}

.job-apply-form .modal-content .modal-body form .form-row > .form-control:hover {
    box-shadow: none;
    border: 1px solid #ff0077;
}
.job-apply-form .modal-content .modal-body form .form-row > .custom-file,
.job-apply-form .modal-content .modal-body form .form-row > .custom-select, 
.job-apply-form .modal-content .modal-body form .form-row > .form-control, 
.job-apply-form .modal-content .modal-body form .form-row > .form-control-plaintext {
    box-shadow: none;
}
/*
.job-apply-form .modal-content .modal-body form .element.text input {
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 10px 20px;
  background-color: #ffffff;
}*/
.job-apply-form .modal-content .modal-body form .element.select select {
  /*  border: 1px solid rgba(0, 0, 0, 0.2);*/
    width: 85%;
    appearance: none;
    color: #495057;
    font-size: 0.78rem;
}
.job-apply-form .modal-content .modal-body form .element.select .field {
  border: 1px solid #ac00dd;
  padding: 5px 10px;
  background-color: #ffffff;
}

.job-apply-form .modal-content .modal-body form .element.select .field select {
  background-color: #ffffff;
}

.job-apply-form .modal-content .modal-body form .element.select .field i {
  padding:10px;
  border-left: 1px solid #ac00dd;
  
}

.job-apply-form .modal-content .modal-body form .element.select label {
  display: block;
}

.job-apply-form .modal-content .modal-body form .element.file .field {
/*  border: 1px solid rgba(0, 0, 0, 0.2);
  padding:10px 0px 10px 10px;*/
  position:inherit;
  z-index:9999;
  background: none;
}

.job-apply-form .modal-content .modal-body form .element.file .field .custom-file {
  height: calc(1em + 0.75rem + 2px);
}

.job-apply-form .modal-content .modal-body form .element.file .field .custom-file-input {
  height: calc(1.5em + 0.75rem + 2px);
}

.job-apply-form .modal-content .modal-body form .element.file .field .custom-file-label {
  white-space: nowrap;
  overflow: hidden;
  padding-right: 35px;
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.job-apply-form .modal-content .modal-body form .element.file .field .custom-file-label:after {
  content: "\f382";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  background: none;
  line-height: 1.3;
  background: white;
}

.job-apply-form .modal-content .modal-body form .element.file label {
  display: inline-block;
}

.job-apply-form .modal-content .modal-body form .element.textarea .field {
  padding: 0;
  border: 0px;
}

.job-apply-form .modal-content .modal-body form .element.textarea .field textarea {
 height:150px;
  background-color: #ffffff;
}

.job-apply-form .modal-content .modal-body form .element.submit .btn {
  letter-spacing: 0;
}

.job-apply-form .modal-content .modal-body form .element.submit .btn span {
  letter-spacing: 0;
}
/* end job apply pop up modal */

.job-search-filters .filter-group .filters .filter .element.button-icons .field button span{
  opacity: 1;
}


.job-search-filters .filter-group .filters .filter .element.button-icons .field button{
  background: #1b0b41;
  color: #fff;
}

.job-search-filters .filter-group .filters .filter .element.button-icons .field button:hover{
  background: #fb2176;
}

.job-search-bar {
  margin-top: 2em;
  position: relative;
  z-index: 2;
}

.job-search-bar form input {
  border: 0px !important;
  width: 100%;
  background: white;
  border-radius: 0px;
  outline: none;
}

.job-search-bar form input::selection, .job-search-bar form input:active {
  outline: none;
  border: 0px !important;
}

.job-search-bar .box-wrapper {
  background: white;
  border-radius: 0px;
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: -webkit-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -moz-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: -o-linear-gradient(to right, #e4c1ff, #aaffe5);
  border-image-source: linear-gradient(to right, #e4c1ff, #aaffe5);
  padding: 20px;
}

.job-search-bar .element.text .field {
  display: flex;
  align-items: center;
  border: 1px solid #ac00dd;
  padding: 7px 20px;
}

.job-search-bar .element.text input {
  background-color: #ffffff;
  padding: 0;
  flex-basis: 0;
  flex-grow: 1;
  flex: 0 0 1;
}

.job-search-bar .element.text i {
  flex-basis: 0;
  margin-right: 5px;
  flex: 0 0 1;
  color: #ff0077;
}

.job-search-bar .element.submit .btn {
  letter-spacing: 0;
  padding: 12px 35px;
}

.job-search-bar .element.submit .btn span {
  letter-spacing: 0;
}

.search-filters-dropdowns {
  list-style: none;
  padding: 0;
  margin: 0;
}

.search-filters-dropdowns .dropdown-menu {
  padding: 9px 18px;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #1b0b41;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #1b0b41;
  border-radius: 0px;
}

.search-filters-dropdowns li {
  display: inline-block;
  margin-top: 0.8em;
  margin-right: 0.8em;
}

.search-filters-dropdowns li .dropdown-item {
  font-size: 12px;
}

.search-filters-dropdowns li .dropdown-item:focus {
  background: #ff0077;
}

.search-filters-dropdowns li .btn {
  background: rgba(126, 130, 122, 0);
  border: 1px solid #1b0b41;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 500;
  font-size: 14px;
  padding: 9px 18px;
}

.search-filters-dropdowns li .btn span {
  font-size: 14px;
}

.search-filters-dropdowns li .btn select {
  background-color: #ffffff;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  outline: none;
}

.search-filters-dropdowns li .btn.dropdown-button {
  background: #7e827a;
}

.search-filters-dropdowns li .btn.dropdown-button span {
  letter-spacing: 0;
  text-transform: none;
  font-weight: 500;
}

.search-filters-dropdowns li .btn.dropdown-button span a {
  letter-spacing: 0;
  text-transform: none;
  font-weight: 500;
  font-size: 14px;
  color: white;
}

.search-filters-dropdowns li .btn.dropdown-button span a i {
  margin-left: 5px;
}

/* ------------------------------
End Job Search
--------------------------------*/
/* ------------------------------
Blog search
--------------------------------*/
.search {
  margin-top: 2em;
  position: relative;
  z-index: 2;
}

.search form input {
  border: 0px !important;
  width: 100%;
  background: white;
  border-radius: 0px;
  outline: none;
}

.search form input::selection, .search form input:active {
  outline: none;
  border: 0px !important;
}

.search form .element.text .field {
  display: flex;
  align-items: center;
  border: 1px solid #ac00dd;
  padding: 14px 20px;
}

.search form .element.text input {
  background-color: #ffffff;
  padding: 0;
  flex-basis: 0;
  flex-grow: 1;
  flex: 0 0 1;
}

.search form .element.text i {
  position: absolute;
  right: 2em;
  flex-basis: 0;
  margin-right: 5px;
  flex: 0 0 1;
  color: #ac00dd;
}

.search form .btn-wide {
  display: inline-block;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: space-between;
}

.categories .nav-pills {
  line-height: 1em;
}

.categories .nav-pills li {
  line-height: 1em;
}

.categories .nav-pills span.h6 {
  margin-right: 10px;
}

.categories .nav-pills .nav-link {
  font-weight: 100;
  font-size: 12px !important;
  color: #ac00dd;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: rgba(172, 0, 221, 0.1);
  border: 0px;
  padding: 5px;
  border-radius: 4px;
}

.categories .nav-pills .nav-link.active {
  color: #ffffff;
  background-color: #ac00dd;
  border: 0px;
}

.filters {
  /* -------- Custom checkbox-------- */
  /* -------- Custom select-------- */
}

.filters .filters-top-title {
  margin-bottom: 30px;
}

.filters .filters-top-title h5 {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0;
}

.filters .filter-group {
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .filters .filter-group {
    margin-bottom: 30px;
  }
}

.filters .filter-group.disabled {
  opacity: 0.3;
}

.filters .filter-group.disabled .filter-title {
  cursor: not-allowed;
}

.filters .filter-group .filter-title {
  padding-bottom: 9px;
  border-bottom: 1px solid #e2dfef;
  margin-bottom: 9px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.filters .filter-group .filter-title h6 {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0;
}

.filters .filter-group .filter-title i {
  color: #ac00dd;
  font-size: 16px;
  font-size: 1rem;
  transition: all 0.09s ease-in-out;
}

.filters .filter-group .filter-title.collapsed i {
  transition: all 0.09s ease-in-out;
  transform: rotate(-180deg);
}

.filters .filter-group .filter-content .form-check {
  margin-bottom: 9px;
}

.filters .filter-group .filter-content .form-check:last-of-type {
  margin-bottom: 0;
}

.filters .filter-actions .btn {
  margin-bottom: 9px;
  width:100%;
}

.filters .filter-actions .btn::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: #ffffff;
  margin-left: 10px;
  transition: all 250ms ease-in-out;
}

.filters .results-counter {
  font-size: 14px;
  font-size: 0.875rem;
  color: #ff0077;
}

.filters .form-check {
  padding: 0;
}

.filters .form-check .checkbox-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  overflow: hidden;
  margin: 0;
}

.filters .form-check .checkbox-container:hover input ~ .checkmark {
  background: #f1eefa;
  transition: all 0.12s;
}

.filters .form-check .checkbox-container .checkbox-label {
  order: 2;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 13px;
  color: #727785;
  font-weight: 500;
}

.filters .form-check .checkbox-container .checkbox-label .total-label {
  display: inline-block;
  margin-left: 3px;
  opacity: 0.4;
  font-size: 12px;
  font-size: 0.75rem;
}

.filters .form-check .checkbox-container .checkbox-label a {
  color: #2db0a9;
  border-bottom: 1px solid transparent;
  transition: border-bottom 0.12s;
}

.filters .form-check .checkbox-container .checkbox-label a:hover {
  border-bottom: 1px solid #2db0a9;
  transition: border-bottom 0.12s;
}

.filters .form-check .checkbox-container .checkmark {
  position: relative;
  order: 1;
height: 1.3rem;
width: 1.3rem;
  background-color: #ffffff;
  border: 1px solid #ac00dd;
  border-radius: 50%;
  margin-right: 6px;
  transition: all 0.12s;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.filters .form-check .checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  opacity: 0;
  transition: all 0.12s;
}

.filters .form-check .checkbox-container .checkmark i {
  opacity: 0;
  color: #ac00dd;
  font-size: 0.8rem;
  z-index: 2;
}

.filters .form-check .checkbox-container input {
  position: relative;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.filters .form-check .checkbox-container input:checked ~ .checkmark {
  border-color: #ac00dd;
}

.filters .form-check .checkbox-container input:checked ~ .checkmark:after {
  opacity: 1;
  transition: all 0.12s;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: all 0.12s;
}

.filters .form-check .checkbox-container input:checked ~ .checkmark i {
  opacity: 1;
}

.filters .form-check.radio .checkbox-container .checkmark {
  border-radius: 100%;
}

.filters .form-check.radio .checkbox-container .checkmark i {
  font-size: 0.8rem;
}

.filters .form-check.tag {
  margin-bottom: 0 !important;
  display: inline-flex;
}

.filters .form-check.tag .checkbox-label {
  display: inline-block;
  padding: 6px 9px;
  background: #e9e4ff;
  border-radius: 3px;
  color: #ac00dd;
  font-size: 12px;
  font-size: 0.75rem;
  transition: all 0.09s ease-in-out;
}

.filters .form-check.tag input:checked ~ .checkbox-label {
  background-color: #ac00dd;
  color: #ffffff;
  transition: all 0.09s ease-in-out;
}

.filters .select-container {
  position: relative;
  overflow: hidden;
  background: #fbfaff;
  border-radius: 3px;
  border: 1px solid #d5cff2;
}

.filters .select-container select {
  position: relative;
  z-index: 2;
  display: block;
  min-height: 50px;
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  line-height: 100%;
  color: #727785;
  padding: 0px 15px;
  font-weight: 500;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  -webkit-appearance: none;
  cursor: pointer !important;
}

.filters .select-container select:active,
.filters .select-container select:focus,
.filters .select-container select:hover {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.filters .select-container .custom-arrow {
  z-index: 1;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  background: transparent;
  border-radius: 0 3px 3px 0;
  border-left: 1px solid #d5cff2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.filters .select-container .custom-arrow i {
  color: #ac00dd;
  font-size: 20px;
  font-size: 1.25rem;
}

.filters .form-check .checkbox-container .checkmark i {
  opacity: 0;
  color: #ac00dd;
  font-size: 16px;
  font-size: 1rem;
  z-index: 2;
}

.filters .form-group label,
.filters .form-group .label-alt {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  color: #151c2f;
}

/* ------------------------------
newsletter-signup
--------------------------------*/
.newsletter-signup .sm-heading {
  color: #ac00dd;
}

.newsletter-signup .btn-secondary {
  background-color: #ac00dd;
  border: 0px;
}

/* ------------------------------
End newsletter-signup
--------------------------------*/
/* ------------------------------
Custom pagination
--------------------------------*/
.article-assets {
  margin-top: 20px;
  margin-bottom: 20px;
}

ul.pagination {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -7.5px;
}

ul.pagination li.page-item {
  margin: 0 7.5px;
}

ul.pagination li.page-item:first-child a.page-link {
  border-radius: 0px;
}

ul.pagination li.page-item:last-child a.page-link {
  border-radius: 0px;
}

ul.pagination li.page-item a.page-link {
  border: 1px solid rgba(38, 32, 19, 0.1);
  height: 44px;
  width: 44px;
  border-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 100%;
  color: #000000;
  transition: all 0.12s;
}

ul.pagination li.page-item a.page-link.active {
  background-color: #ff0077;
  color: #ffffff;
}

ul.pagination li.page-item a.page-link:hover {
  transition: all 0.12s;
  background-color: #1b0b41;
  color: #ffffff;
}

ul.featured {
  list-style-type: none;
  margin-left: 0px !important;
  padding-left: 0px;
}
/* ------------------------------
Mixed Content Accordion
--------------------------------*/
.mixed-content-accordion .col {
  position: relative;
  flex: 1 0 100%;
  justify-items: center;
  align-items: center;
}

@media (min-width: 768px) {
  .mixed-content-accordion .col {
    flex: 1 0 50%;
    max-width: 50%;
  }
}

.mixed-content-accordion .content .rte .date,
.mixed-content-accordion .content .rte .price,
.mixed-content-accordion .content .rte .contact-info {
  font-weight: bold;
}

.mixed-content-accordion .accordion-item {
  border: 0;
  border-bottom: 0.063rem solid rgba(0, 0, 0, 0.1);
}

.mixed-content-accordion .accordion-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.75rem 0;
}
.mixed-content-accordion h3:hover {
    color: #ff0077;
}

.mixed-content-accordion .accordion-header:after {
  margin-right: 0.625rem;
  content: "\f107";
  transform: rotate(180deg);
  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: #ff0077;
}

.mixed-content-accordion .accordion-header.collapsed:after {
  content: "\f107";
  transform: rotate(0deg);
}

/* ------------------------------
End Mixed Content Accordion
--------------------------------*/

/*------------------------------
sector-areas
--------------------------------*/
.sector-areas {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (min-width: 768px) {
  .sector-areas {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media (min-width: 1024px) {
  .sector-areas {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

.sector-areas .flex-container {
  margin-top: 3rem;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.5rem;
  row-gap: 2rem;
}

@media (min-width: 1024px) {
  .sector-areas .flex-container {
    row-gap: 4rem;
  }
}

.sector-areas .area {
  position: relative;
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #e4c1ff 0%, #aaffe5 100%);
  background-color: #ffffff;
  width: 100%;
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .sector-areas .area {
    width: calc(50% - 1.5rem);
  }
}

@media (min-width: 1024px) {
  .sector-areas .area {
    margin-top: 0;
    width: calc(33% - 1.5rem);
  }
}

.sector-areas .content .toptext {
  margin-top: 2rem;
}

.sector-areas .content .toptext p {
  font-family: "acumin-pro", sans-serif;
}

@media (min-width: 768px) {
  .sector-areas .content .job-title {
    min-height: 60px;
  }
}

.sector-areas .content .img {
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  position: absolute;
  top: -30px;
  left: -1px;
  z-index: 1;
  opacity: 1;
  width: 60px;
  height: 60px;
  margin: 0px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sector-areas .content .img img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

/*------------------------------
End sector-areas 
--------------------------------*/

/*-------------------------------
Featured Team 
--------------------------------*/

.featured-team h3,
.featured-team .sm-heading,
.featured-team h6,
.featured-team .xxxs-heading {
  color: #ac00dd;
}

.featured-team .flex-container {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: left;
  gap: 1.5rem;
  margin-top: 3rem;
}

.featured-team .team-details {
  position: relative;
  border: 1px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(90deg, #e4c1ff 0%, #aaffe5 100%);
  background-color: #ffffff;
  width: 100%;
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .featured-team .team-details {
    width: calc(50% - 1.5rem);
  }
}

@media (min-width: 1024px) {
  .featured-team .team-details {
    margin-top: 0;
    width: calc(33% - 1.5rem);
  }
}

.featured-team .content .toptext {
  margin-top: 2rem;
    margin-bottom: 2rem;
}

.featured-team .content .img {
  position: absolute;
  top: -50px;
  left: -1px;
  z-index: 1;
  opacity: 1;
  width: 100px;
  height: 100px;
  margin: 0px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.featured-team .content .img img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  object-position: top;
  border-radius: 100%;
}
.featured-team .team-details .buttons {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.featured-team .team-details .btn-wide-arrow {
  color: #ff0077;
  display: inline-block;
  cursor: pointer;
  width: 100%;
  display: flex;
  align-self: center;
  justify-content: space-between;
  border-radius: 0em;
  padding: 0px;
  text-decoration: none;
  border: 0;
  text-transform: capitalize;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 28px;
}

.featured-team .team-details .btn-wide-arrow::after {
  content: "\f30b";
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 16px;
  color: inherit;
  transition: all 250ms ease-in-out;
}

.featured-team .team-details .btn-wide-arrow:hover {
  opacity: 0.6;
}
/*-------------------------------
End Featured Team 
--------------------------------*/

/*------------------------------
Trustpilot Widget 
--------------------------------*/



.trustpilot-widget {
    margin: 30px 0 0 0;
}/*
.trustpilot-widget.micro{
        margin: 30px 0 0 0;
          height: 100%;
    width: 155px!important;
    position: relative;
    text-align: left!important;
}
.trustpilot-widget.micro,
.tp-widget-wrapper,
.trustpilot-widget.micro .tp-widget-wrapper{
    height: 100%;
    margin: 0!important;
    width: 155px!important;
    position: relative;
    text-align: left!important;
}

 .trustpilot-widget .trustpilot-container {
    position: relative;
    text-align: left;
    width: 155px;
    margin: 30px -30px;
}

iframe body .light .tp-widget-wrapper {
    text-align: left !important;
}*/
/*------------------------------
End Trustpilot Widget 
--------------------------------*/
/*# sourceMappingURL=main.css.map */

.hbspt-form{
  width: 100%!important;
}
/* New slider for videos */
.slider-stories.bg-3 .sm-heading {
color: #e4c1ff;
background: linear-gradient(90deg, #aaffe5 0%, #e4c1ff 100%);
  background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}

.slider-stories.bg-3 p {
  color: #ffffff;
}

.slider-stories.bg-white .sm-heading {
  color: #ff0077;
}

.slider-stories.bg-white p {
  color: #ffffff;
}

.slider-stories .success-stories-slider {
  position: relative;
}

.slider-stories .success-stories-slider .swiper-container {
  width: 100%;
  margin: 0px;
  overflow: hidden;
}

.slider-stories .success-stories-slider .swiper-slide {
  position: relative;
  height: 100%;
  /* Center slide text vertically */
  display: flex;
  vertical-align: top;
  margin-bottom: 30px;
}

.slider-stories .success-stories-slider .swiper-slide .box {
  width: 100%;
  height: 365px;
}

.slider-stories .success-stories-slider .swiper-slide .box a.play-img {
  opacity: 0.6;
  position: absolute;
  display: flex;
  z-index: 2;
  width: 100%;
  margin: 0px auto;
  top: 4rem;
  justify-content: center;
  cursor: pointer;
}

.slider-stories .success-stories-slider .swiper-slide .box a.play-img:hover {
  opacity: 1;
}

.slider-stories .success-stories-slider .swiper-slide .box:hover a.play-img {
  opacity: 0.6;
  position: absolute;
  display: flex;
  z-index: 2;
  width: 100%;
  margin: 0px auto;
  top: 3rem;
  justify-content: center;
  cursor: pointer;
}

.slider-stories .success-stories-slider .swiper-slide .box:hover a.play-img:hover {
  opacity: 1;
}

.slider-stories .success-stories-slider .swiper-slide .content .short-testimonial {
  display: block;
  margin-bottom: 0.5em;
  align-items: inline-flex;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
  margin-right: 1.5em;
  opacity: 1;
}

.slider-stories .success-stories-slider .swiper-slide .box a {
  text-decoration: none;
}

.slider-stories .success-stories-slider .swiper-slide .box .img {
  position: relative;
  display: inline-block;
  z-index: 1;
  width: 100%;
  vertical-align: top;
  margin: 0px auto;
}

.slider-stories .success-stories-slider .swiper-slide .box .img::after {
  z-index: 9999;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: rgba(10, 10, 45, 0.77);
}

.slider-stories .success-stories-slider .swiper-slide .box .img img {
  width: 100%;
  height: 365px;
  object-fit: cover;
}

.slider-stories .success-stories-slider .swiper-slide .box .content {
  position: absolute;
  z-index: 3;
  opacity: 1;
  padding: 2rem 1.1rem;
  width: 100%;
  bottom: 0;
  left: 0;
}

.slider-stories .success-stories-slider .swiper-slide .box .content img.img-fluid{
  max-height: 2rem;
  margin-bottom: 1rem;
}
.slider-stories .success-stories-slider .swiper-slide .box .content .job-title {
  font-family: "acumin-pro", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0.5em;
  /* or 22px */
  display: flex;
  align-items: flex-end;
  color: #ffffff;
  /*
  background: linear-gradient(90deg, #aaffe5 0%, #e4c1ff 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;*/
}
.slider-stories .success-stories-slider .swiper-slide .box .content .months,
.slider-stories .success-stories-slider .swiper-slide .box .content .level {
  font-family: "acumin-pro", sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 0.8rem;
  line-height: 24px;

  /* or 22px */
  display: flex;
  align-items: flex-start;
  color: #ffffff;
  /*
  background: linear-gradient(90deg, #aaffe5 0%, #e4c1ff 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;*/
} 
.slider-stories .success-stories-slider .swiper-slide .box .content .person-title {
  font-family: "acumin-pro", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 0.5em;
  /* or 22px */
  display: flex;
  align-items: flex-end;
  color: #AAFFE5;
  /*
  background: linear-gradient(90deg, #aaffe5 0%, #e4c1ff 100%);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;*/
}

.slider-stories .success-stories-slider .swiper-slide .box .content .short-testimonial {
  display: block;
}

.slider-stories .success-stories-slider .swiper-slide .box .content .btn-wide {
  display: block;
color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top:0.5rem;
}

.slider-stories .success-stories-slider .swiper-slide .box .content .btn-wide span {
  font-size: 0.7rem;
}

.slider-stories .success-stories-slider .scrollbar-wrapper {
  position: relative;
  width: 100px;
  display: inline-block;
  height: 3px;
  margin: 0px 0px 5px 0px;
}

.slider-stories .success-stories-slider .full-swiper-nav {
  width: 210px;
  position: absolute;
  right: 0;
  bottom: -20px;
}

.slider-stories .success-stories-slider .swiper-scrollbar {
  height: 100%;
  bottom: 0;
  right: 0;
  background-color: #39353e;
  border-radius: 0;
  position: relative;
  -ms-touch-action: none;
}

.slider-stories .success-stories-slider .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  opacity: 1;
  border-radius: 0px;
  left: 0;
  top: 0;
}

.slider-stories .success-stories-slider .swiper-button-prev {
  left: 0;
  bottom: 0;
  position: relative;
  width: 50px;
  height: auto;
  display: inline-block;
  padding: 0;
}

.slider-stories .success-stories-slider .swiper-button-prev:after {
  content: "\f060";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: white;
  transition: all 250ms ease-in-out;
}

.slider-stories .success-stories-slider .swiper-button-prev:focus {
  outline: none;
}

@media (min-width: 1024px) {
  .slider-stories .success-stories-slider .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
  }
}

.slider-stories .success-stories-slider .swiper-button-next {
  text-align: right;
  position: relative;
  width: 50px;
  height: auto;
  display: inline-block;
  right: 0;
  padding: 0;
}

.slider-stories .success-stories-slider .swiper-button-next:after {
  content: "\f061";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: white;
  transition: all 250ms ease-in-out;
}

.slider-stories .success-stories-slider .swiper-button-next:focus {
  outline: none;
}

@media (min-width: 1024px) {
  .slider-stories .success-stories-slider .swiper-button-next.swiper-button-disabled {
    opacity: 0;
  }
}


/*Benefits-accordion module*/

.benefits-accordion h3,
.benefits-accordion .sm-heading,
.benefits-accordion h6,
.benefits-accordion .xxxs-heading {
  color: #ac00dd;
}

.benefits-accordion .card {
  margin-bottom: 1rem;
  border-radius: 0;
  border: 1px solid !important;
  border-image-slice: 1 !important;
  border-width: 1px !important;
  border-image-source: linear-gradient(90deg, #e4c1ff 0%, #aaffe5 100%) !important;
}

.benefits-accordion .card .card-header {
  background-color: white;
  position: relative;
  padding: 0;
  margin-bottom: 1px;
}

.benefits-accordion .card .card-header.collapsed {
  background-color: white;
  border-top: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
  border-image-source: linear-gradient(90deg, #e4c1ff 0%, #aaffe5 100%);
}

.benefits-accordion .card .card-header button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.benefits-accordion .card .card-header button.btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.benefits-accordion .card .card-header .img {
  position: absolute;
  background-color: #E4C1FF;
  width: 65px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: -54px;
  top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.benefits-accordion .card .card-header .img img {
  width: 1.1rem;
  height: 1.1rem;
}

.benefits-accordion .card .card-header .xxs-heading {
  color: #ac00dd;
  text-transform: none;
  margin: 0;
}

.benefits-accordion .card .card-body {
  border-top: 1px solid;
  border-image-slice: 1;
  border-width: 1px;
  border-image-source: linear-gradient(90deg, #e4c1ff 0%, #aaffe5 100%);
  background-color: white;
}

.benefits-accordion .collapsible-link {
  width: 100%;
  position: relative;
  text-align: left;
}

.benefits-accordion .collapsible-link::before {
  content: '\f107';
  position: absolute;
  top: 50%;
  right: 0.8rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  font-family: "Font Awesome 5 Free";
  font-size: 1.1rem;
}

.benefits-accordion .collapsible-link[aria-expanded='true']::before {
  content: '\f106';
}

.benefits-accordion .collapsible-link::after {
  display: none;
}

/*end Benefits accordion module */

.intro-text{
  position: relative;
}

.intro-text.gradient::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg-elements/BG_pink.png);
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-size: 100%;
    opacity: 1;

}

.intro-text-with-ul ul{
list-style: none;
margin-left: 0px;
padding-left: 0px;
  font-weight: 700!important;
}
.intro-text-with-ul ul .md-heading{
  padding-bottom: 0.5rem;
}
.intro-text-with-ul ul li{
  line-height: 3rem;
  font-weight: 700;
  color: #ff0077;
  background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.intro-text-with-ul ul li img{
  height:1.9rem;
  margin-right:0.5rem;
}

/* VSM content image 50 50 */
.vsm-content-image-50-50 {
 position:relative;
}
.vsm-content-image-50-50 .xs-heading {
 font-size: 1.2rem;
 color: #FF0077;
}
.vsm-content-image-50-50 .rte {
 font-size:var(--vsm-text-size);
}
.vsm-content-image-50-50 .rte li,
.vsm-content-image-50-50 .rte p,
.vsm-content-image-50-50 .rte dd,
.vsm-content-image-50-50 .rte a {
 font-size:var(--vsm-text-size);
 font-size:inherit;
}
.vsm-content-image-50-50 .rte.larger-text {
 font-size:var(--vsm-intro-text-size);
}
.vsm-content-image-50-50 .rte.larger-text li,
.vsm-content-image-50-50 .rte.larger-text p,
.vsm-content-image-50-50 .rte.larger-text dd,
.vsm-content-image-50-50 .rte.larger-text a {
 font-size:var(--vsm-intro-text-size);
 font-size:inherit;
}
.vsm-content-image-50-50 .media {
 overflow:hidden;
 position: relative;
}
.vsm-content-image-50-50 .media .media-content{
  position: absolute;
  bottom:0;
  left:0;
  padding: 1.5rem 2rem;
}

.vsm-content-image-50-50 .media::before {
  z-index: 0;
content: "";
position: absolute;
left: 4px;
bottom: 4px;
width: 100%;
height: 100%;
display: inline-block;
background: rgb(27,11,65);
background: linear-gradient(3deg, rgba(27,11,65,1) 0%, rgba(27,11,65,0) 63%);
}
.vsm-content-image-50-50 .media .media-content{
  position: absolute;
  z-index: 1;
}

.vsm-content-image-50-50 .media .media-content .sm-heading{
  color: #FF0077;
}
.vsm-content-image-50-50 .media .media-content .xs-heading{
  color: #ffffff;
}
.vsm-content-image-50-50 .order-md-1 .content {
 padding-left:0;
}
@media (min-width: 768px) {
 .vsm-content-image-50-50 .order-md-1 .content {
  padding-right:8.333%;
 }
}
.vsm-content-image-50-50 .order-md-2 .content {
 padding-right:0;
}
@media (min-width: 768px) {
 .vsm-content-image-50-50 .order-md-2 .content {
  padding-left:8.333%;
 }
}
.vsm-content-image-50-50 .content {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 height:100%;
 margin-bottom:1.875rem;
}
.vsm-content-image-50-50 img {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
}
.vsm-content-image-50-50 .btn {
  background: #ff0077;
  color: #ffffff;
  border: 1px solid transparent;
}
.vsm-content-image-50-50 .btn:hover {
  color: #ff0077;
  background: transparent;
  border: 1px solid #ff0077;
}

.content-right-form-left .media .background-img img {
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover;
 z-index: 0;
 mix-blend-mode: overlay;
}

.content-right-form-left .media {
  overflow: hidden;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: center;
  background-color: #1B0B41;
}
.content-right-form-left .media .media-content{
  position: absolute;
  padding: 2rem;
}
.content-right-form-left .media .media-content p{
  color: #ffffff;
}
.content-right-form-left .media .media-content .sm-heading span{
  color: #ff0077;
background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.content-right-form-left .media .media-content .sm-heading{
  color: #e4c1ff;
  background: linear-gradient(90deg, #aaffe5 0%, #e4c1ff 100%);
  background-clip: border-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.content-right-form-left .media::before {
  z-index: 0;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: rgba(27,11,65, 1);
  mix-blend-mode: overlay;
}

.content-right-form-left .sm-heading span{
  color: #FF0077;
}

.content-right-form-left h2 span{
  font-weight: 700;
  color: #FF0077;
}


/* Hero slider */


.hero .hero-slider  {
  position: relative;
  height: 600px;
  background-color: #1b0b41;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
margin: 0px;
overflow: hidden;
}

  .hero .hero-slider .swiper-container {
  width: 100%;
  margin: 0px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
.hero .hero-slider .swiper-slide .bg .content .btn{
  margin-bottom: 0.5rem;
}

 .hero .hero-slider .swiper-slide .img-fluid{
max-height: 7rem;
}
.hero .hero-slider .swiper-slide video {
  display: block;
  position: relative;
  z-index: 0;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100vh;
}
}

@media screen and (min-width: 992px) {
.hero .hero-slider .swiper-slide video  {
    display: block;
    position: relative;
    z-index: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100vw;
    height: 100%;
  }
}

  .hero .hero-slider .swiper-slide {
  position: relative;
  overflow: hidden;

}

  .hero .hero-slider .swiper-slide .bg {
 background-position:center;
 background-size:cover;
 background-repeat:no-repeat;
 height:100%;
 overflow: hidden;

 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}
.hero .hero-slider .swiper-slide .bg::before {
 content:"";
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 left:0;

 background: rgb(27,11,65);
background: linear-gradient(90deg, rgba(27,11,65,1) 0%, rgba(27,11,65,0) 100%); 
 mix-blend-mode:multiply;
 z-index: 1;
}
.hero .hero-slider .swiper-slide .bg::after {
content: "";
position: absolute;
bottom: -3rem;
right: 0;
height: 100%;
width: 100%;
background-image: url(/img/icons/overlay-hero.svg);
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain;
}
  .hero .hero-slider .swiper-slide .bg .video{
    z-index: -1;
    position: absolute;
  }
  .hero .hero-slider .swiper-slide .bg .container{
   /* position: absolute;*/
    z-index: 3;

  }
   .hero .hero-slider .swiper-slide .bg .content{
   /* position: absolute;*/
    z-index: 4;

  }


  .hero .hero-slider .scrollbar-wrapper {
  position: relative;
  width: 100px;
  display: inline-block;
  height: 3px;
  margin: 0px 0px 5px 0px;
}

.hero .hero-slider .swiper-navigation{
  width: 210px;
  position: absolute;
  bottom: 1rem;
  z-index: 1;
}

.hero .hero-slider .swiper-scrollbar {
  height: 100%;
  bottom: 0;
  right: 0;
  background-color: #39353e;
  border-radius: 0;
  position: relative;
  -ms-touch-action: none;
}

.hero .hero-slider .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  opacity: 1;
  border-radius: 0px;
  left: 0;
  top: 0;
}

.hero .hero-slider .swiper-button-prev {
  left: 0;
  bottom: 0;
  position: relative;
  width: 50px;
  height: auto;
  display: inline-block;
  padding: 0;
}

.hero .hero-slider .swiper-button-prev:after {
  content: "\f060";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: white;
  transition: all 250ms ease-in-out;
}

.hero .hero-slider .swiper-button-prev:focus {
  outline: none;
}

  .hero .hero-slider .swiper-button-next {
  text-align: right;
  position: relative;
  width: 50px;
  height: auto;
  display: inline-block;
  right: 0;
  padding: 0;
}

  .hero .hero-slider .swiper-button-next:after {
  content: "\f061";
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1.4;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 18px;
  color: white;
  transition: all 250ms ease-in-out;
}

.hero .hero-slider .swiper-button-next:focus {
  outline: none;
}


.hero .hero-slider .content .heading,
.hero .hero-slider  .content h1 {
  color: #aaffe5;
  background: linear-gradient(to right, #e4c1ff, #aaffe5);
  background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero .hero-slider .content .heading span, .hero .hero-slider .content h1 span{
  color: #ff0077;
background: linear-gradient(to right, #ff0077, #ac00dd);
  background-clip: border-box;
background-clip: border-box;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}

.hero .hero-slider .content h2 span, .hero .hero-slider .content .md-heading span{
  font-weight: 700;
}
.hero .hero-slider .content p {
  display: block;
  color: #ffffff;
}