@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
@import url("https://use.typekit.net/ufp5gtt.css");
:root {
  --vsm-white: 255, 255, 255;
  --vsm-black: 0, 0, 0;
  --vsm-body-copy-colour: 0, 0, 0;
  --vsm-accent-colour: 252, 119, 83; /* orange */
  --vsm-primary-colour: 3, 54, 61; /* green */
  --vsm-secondary-colour: 23, 73, 77; /* lighter green */
  --vsm-tertiary-colour: 124, 144, 136;
  --vsm-quaternary-colour: 214, 218, 213;
  --vsm-quinary-colour: 247 244 239;
} 

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

.element .error{
    color: #F25D0E !important;
}

/* TYPEWRITER TEXT */

.cm-hero-search .txt-rotate > .wrap{
    border-right: .1em solid #F25D0E;
    margin-left: 1rem;

}

.cm-hero-search h1 .txt-rotate, .cm-hero-search h2 .txt-rotate, .cm-hero-search h3 .txt-rotate{
    border-right: .1em solid #F25D0E;
    color: #fff;
	width: 16.5em; 
	width: 21ch;
	margin: 2em 1em;
    display: contents;
	white-space: nowrap;
	overflow: hidden;
    animation: typing 2s steps(21, end), blink-caret .5s step-end infinite alternate;;
	-webkit-animation: typing 2s steps(21, end), blink-caret .5s step-end infinite alternate;
}

.cm-hero-search:has(.txt-rotate) .md-heading{
        color: #fff !important;
}


@-webkit-keyframes typing { from { width: 0; } }
@-webkit-keyframes blink-caret { 50% { border-color: transparent; } }

@keyframes typing { from { width: 0; } }
@keyframes blink-caret { 50% { border-color: transparent; } }


::selection {
  background-color: #fc7753;
}
::-moz-selection {
  background-color: #fc7753;
  color: #ffffff;
}

html {
  scrollbar-color: #fc7753 #046a77;
}
/* **** EXTRA WIDE CONTAINER **** */
.container.wide {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container.wide {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .container.wide {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .container.wide {
    width: 100%;
    max-width: 90%;
  }
}

/* NO GUTTERS */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

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

/* ------------------------------
Icons
--------------------------------*/
/* ------------------------------
Typography
--------------------------------*/
html,
body {
  height: 100% !important;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 500;
  /* -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; */
}

@media (min-width: 768px) {
  html,
  body {
    font-size: 16px;
  }
}

@media (min-width: 1024px) {
  html,
  body {
    font-size: 16px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Oxygen", sans-serif;
  font-weight: 600;
}

ul,
ol,
dd,
p {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 500;

}

ul strong,
ol strong,
dd strong,
p strong {
  font-weight: 600;
}

a {
  color: #03363d;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
  color: #fc7753;
}

.heading {
  font-size: 70px;
  font-size: 4.375rem;
}

.md-heading {
  font-size: 32px;
  font-size: 2rem;
}

.sm-heading {
  font-size: 30px;
  font-size: 1.6rem;
}

.xs-heading {
  font-size: 18px;
  font-size: 1.125rem;
}

.xxs-heading {
  font-size: 16px;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.sub-heading {
  font-size: 20px;
  font-size: 1.25rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.rte p .small{ font-size: 1rem;}
.rte.larger-text p .small{ font-size: 1rem;}
/* ------------------------------
Buttons
--------------------------------*/
.btn-check:active + .btn-primary:focus, 
.btn-check:checked + .btn-primary:focus, 
.btn-primary.active:focus, .btn-primary:active:focus, 
.show > .btn-primary.dropdown-toggle:focus{
    box-shadow: none;
}
.btn:focus, 
.btn-primary:focus,
.btn:focus:focus-visible,
.btn-primary:focus:focus-visible{
       box-shadow: none;
}
/* ------------------------------
Forms
--------------------------------*/
/* ***** FORM VALIDATION MESSAGES ****** */
.field-validation-error,
.field-validation-valid,
.validation-summary-errors {
  /* DEFAULT STYLES FOR VALIDATION MESSAGES - CLASS BASED ON DEV REQUIREMENTS */
}
.form-control{
    border-radius: 0rem;
}
.form-control:focus, .form-select:focus{
    box-shadow: none;
    border-bottom: 1px solid #fc7753;
}
.cm-upload-cv.biege .form-holder .field .form-control:focus{
    border-bottom: 1px solid #fc7753;
    background-color: transparent ;
}
/* ------------------------------
Theme
--------------------------------*


/*--------------------------------
Hidden elements 
---------------------------------*/

@media (min-width: 1200px){
.vsm-job-carousel .swiper-navigation.disabled .swiper-button-prev.swiper-button-disabled,
.vsm-job-carousel .swiper-navigation.disabled .swiper-button-next.swiper-button-disabled{
    opacity: 0;
}
}

/* **** EXTRA WIDE CONTAINER **** */
.container-fluid{
    padding-right: 10%;
    padding-left: 10.9%;
}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 80%;
}

}

@media (min-width: 992px){
.container, .container-lg, .container-md, .container-sm {
  max-width: 80%;
}

}



/* NAVBAR & CANDIDATE BAR */

/* .vsm-top.media{
    background: #f7f4ef;
} */

/* .vsm-top.media .navigation .primary-nav nav ul li a{
    color: #03363d;
}

.vsm-top.media .navigation .primary-nav nav ul li a::after{
    color: #03363d;
}

.vsm-top.media .navigation .more-nav nav ul li a{
    color: #03363d;
}

.vsm-top.media .navigation .more-nav nav ul .tool-tip::after{
    color: #03363d;
}

.vsm-top.media .navigation .more-nav nav ul .search-bar-btn a{
    color: #03363d !important;
}

.vsm-top.media .navigation .more-nav nav ul .tool-tip.phone:after{
    color: #03363d;
}

.vsm-top.media .navigation .more-nav nav ul .ajax-login a{
    color: #03363d !important;
}

.vsm-top.media .navigation .brand .logo-1{
    display: block;
}

.vsm-top.media .navigation .brand .logo-2{
    display: none;
} */


.vsm-top .notification-bar {
  background: rgba(var(--vsm-primary-colour), 1);
  padding: 0.625rem 0;
}

.vsm-top .notification-bar .col-auto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.vsm-top .notification-bar .col-auto .rte {
  margin-right: 1.25rem;
  color: rgba(var(--vsm-white), 1);
  font-size: 14px;
  font-size: 0.875rem;
}

.vsm-top .notification-bar .col-auto .rte p, .vsm-top .notification-bar .col-auto .rte a, .vsm-top .notification-bar .col-auto .rte li, .vsm-top .notification-bar .col-auto .rte h1, .vsm-top .notification-bar .col-auto .rte h2, .vsm-top .notification-bar .col-auto .rte h3, .vsm-top .notification-bar .col-auto .rte h4, .vsm-top .notification-bar .col-auto .rte h5, .vsm-top .notification-bar .col-auto .rte h6 {
  color: rgba(var(--vsm-white), 1);
  line-height: 1.2;
}

.vsm-top .notification-bar .col-auto .rte p, .vsm-top .notification-bar .col-auto .rte a {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0.3125rem 0;
}

.vsm-top .notification-bar .col-auto .rte a {
  text-decoration: underline;
  font-weight: bold;
  white-space: nowrap;
}

.vsm-top .notification-bar .col-auto .rte a:hover {
  text-decoration: none;
}

.vsm-top .notification-bar .col-auto .btn {
  font-size: 12px;
  font-size: 0.75rem;
}

.vsm-top .notification-bar .col-auto .btn span {
  font-size: 12px;
  font-size: 0.75rem;
  color: rgba(var(--vsm-white), 1);
}

.vsm-top .notification-bar .col-auto .btn:hover span{
    color: rgba(var(--vsm-white), 1);
}



@media (min-width: 992px){
.vsm-top .container{
  max-width: 95%;
}

}

.vsm-top .signed-in-bar{
    background-color: #03363d;
}
.vsm-top .signed-in-bar .signed-as{
     color: #f7f4ef;   
}
.vsm-top .signed-in-bar .signed-as a{
    color: #fc7753;
}
.vsm-top .signed-in-bar .sign-out-btn i{
    color: #fc7753;
    border: 1px solid #fc7753;
    border-radius: 50%;
    padding: 18px;
}
.vsm-top .signed-in-bar .sign-out-btn i:hover{
    color: #f7f4ef;
    border-color: #f7f4ef;
}
.vsm-top .signed-in-bar .media[data-initials]::before{
    background: rgba(var(--vsm-accent-colour), 1);
}

 .vsm-top.fixed .navigation .brand .logo-1,  .vsm-top.jfixed .navigation .brand .logo-1{
        display: block !important;
    }

   .vsm-top.fixed .navigation .brand .logo-2,  .vsm-top.jfixed .navigation .brand .logo-2{
        display: none !important;
    }

    .vsm-top.fixed .navigation, .vsm-top.jfixed .navigation{
        background: #f7f4ef;
    }


    .vsm-top{
        overflow: visible;
    }
    .vsm-top.fixed,.vsm-top.jfixed{
        overflow: visible;
    }

@media (max-width:768px){
    .vsm-top.fixed .navigation, .vsm-top.jfixed .navigation{
        background: #f7f4ef;
    }

    .vsm-top.fixed .navigation .brand .logo-1, .vsm-top.jfixed .navigation .brand .logo-1{
        display: block !important;
    }

    .vsm-top.fixed .navigation .brand .logo-2, .vsm-top.jfixed .navigation .brand .logo-2{
        display: none !important;
    }
}


.vsm-top .navigation{
    background: transparent;
}
.vsm-top .navigation .more-nav ul li.mobile{
    margin-left: 2rem;
}
@media (min-width: 1024px){
/* .vsm-top .navigation .more-nav ul li.mobile {
    display: block;
} */

.vsm-top .navigation .d-flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: end;
}
}

.vsm-top .navigation .primary-nav ul li a{
    color: rgba(var(--vsm-white), 1);
}
.vsm-top .navigation .primary-nav ul li a:hover {
    color: rgba(var(--vsm-accent-colour), 1);
}
.vsm-top .navigation .primary-nav ul li.dropdown>a:after{
    color: rgba(var(--vsm-white), 1);
}
.vsm-top .navigation .primary-nav ul li ul{
    width: max-content;
    min-width: 10rem;
}


@media (min-width: 768px){
.vsm-top .navigation .primary-nav {
    width: auto;
}
}

@media (max-width: 768px){
    .vsm-top .navigation .more-nav ul li{
        margin: 0 0 0 1rem;
    }
    .vsm-top .navigation .more-nav ul li.search-bar-btn{
        margin: 0 0 0 0rem
    }

}

.vsm-top .navigation .more-nav ul li.tool-tip.phone .tooltiptext a::after {
    content: '\f095';
    position: relative;
    margin-left: 0.5rem;
    color: #03363d;
    font-weight: 900;
    font-size: 1.2rem;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    transform: rotate(260deg);
}

.vsm-top .navigation .more-nav ul li a.btn{
    display: none;
}

.vsm-top .navigation .more-nav ul li.mobile span.burger-menu{
    border-radius: 50%;
    height: 3rem;
    width: 3rem;
    background-color: #fc7753;
    position: relative;
    transition: .3s ease-in-out;
}

@media (max-width:768px) {
    .slide-menu .slide-menu__slider{
        width: 70% !important;
    }

    .vsm-top .navigation .more-nav ul li.mobile span.burger-menu::after{
        top: -2.8px;
        left: -3.3px;
    }

    .vsm-top .container-fluid{
        padding:0 5%;
    }
}


.vsm-top .navigation .more-nav ul li.mobile span.burger-menu::after{
    content: '';
    height: 3.5rem;
    width: 3.5rem;
    background-color: transparent;
    position: absolute;
    top: -.25rem;
    left: -.25rem;
    border-radius: 50%;
    border: 1px solid #fc7753;
    z-index: 2;
}


.vsm-top .navigation .more-nav ul li.mobile span.burger-menu:hover::after{
    animation: pulse 700ms infinite alternate; 
}


@keyframes pulse {
    100%{
        transform: scale(1.2);
    }
}

.vsm-top .navigation .more-nav ul li.search-bar-btn a{
    color: #fff !important;
}

.vsm-top .navigation .more-nav ul li.ajax-login a{
    color: #fff !important;
}

.vsm-top.switch-fixed .navigation .more-nav ul li a{
    color: #03363d;
    transition: all .2s ease-in-out;
}

.vsm-top.switch-fixed .navigation .more-nav ul li a:hover{
    color: #fc7753;
}

.vsm-top.switch-fixed .navigation .brand .logo-2{
    display: block;
}


.vsm-top.fixed.switch-fixed .navigation .brand .logo-2{
    display: none !important;
}

.vsm-top.fixed.switch-fixed .navigation .brand .logo-1{
display: block;
}


.vsm-top.switch-fixed .navigation .brand .logo-1{
    display: none;
}

.vsm-top .navigation .more-nav ul li.mobile span.burger-menu span{
    background-color: #fff;
}

.vsm-top .navigation .more-nav ul li.mobile span.burger-menu span::before{
    background-color: #fff;
}

.vsm-top .navigation .more-nav ul li.mobile span.burger-menu span::after{
    background-color: #fff;
}

.menu-open .vsm-top{
    background: #f7f4ef;
}

.menu-open .vsm-top .navigation .brand .logo-2{
    display: none;
}

.menu-open .vsm-top .navigation .brand .logo-1{
    display: block;
}



body.menu-open .vsm-top.switch-fixed .navigation .brand .logo-2{ display:none;} body.menu-open .vsm-top.switch-fixed .navigation .brand .logo-1 {
  display: block;
}

body.menu-open{
    background-color: #03363dad;
}


.menu-open nav.slide-menu{
    background-color: #03363d;
    
}

@media (min-width:768px) {
    .menu-open nav.slide-menu{
        transform: translateX(70%) !important;
    }
}

.menu-open nav.slide-menu ul li a{
    color: #f7f4ef;
}

.menu-open nav.slide-menu ul li a:hover{
    color: #fc7753 !important;
}

.menu-open nav.slide-menu ul li a:hover{
    border-bottom:transparent !important;
}
/*
.slide-menu .slide-menu__slider{
    width: 20%;
}*/


.vsm-top .navigation.search-open .brand .logo-1{
    display: none;
}

.vsm-top .navigation.search-open .brand .logo-2{
    display: none;
}


.vsm-top.fixed .navigation.search-open .brand .logo-1{
    display: none;
}

.vsm-top.fixed .navigation.search-open .brand .logo-2{
    display: block;
}



.vsm-top .navigation.search-open .btn::before{
    display: none;
}

.vsm-top .navigation.search-open .btn::after{
    display: none;
}




/* BUTTONS */

.btn{
    width: fit-content;
    padding-top: .4rem !important;
    padding-bottom: .4rem !important;
    position: relative;
    background: transparent !important;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
}

.btn::before{
    content: '';
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    -webkit-font-smoothing: antialiased;
    display: flex;
    right: .5rem;
    justify-content: center;
    height: 2.2rem;
    width: 2.2rem;
    align-items: center;
    border-radius: 50px;
    border: 0.063rem solid #fc7753;
    transition: .3s ease-in-out;
}

.btn::after{
    content:url('/uploads/arrow.svg');   
    position: absolute;
    right: 1.2rem;
    height: 1.1rem;
}
.btn-icon::after{
    content:url('/img/phone-flip-solid-orange.svg');   
    position: absolute;
    right: 1.2rem;
    height: 1rem;
}

@media (max-width:1020px){
    .btn-icon::after{
    right: 1rem;
    top: 0.7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    }
}
.btn:hover::before{
    width: 100%;
}

.btn span{
    color: #000;
    font-weight: 500;
    padding-right: 1.7rem;
    font-size: 1rem;
}



.btn.btn-sm.btn-light{
    background-color: #03363d;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #f7f4ef;
    transition: all .2s ease-in-out;
}

.btn.btn-sm.btn-light:hover{
    opacity: .8;
}









/* VSM DEFAULT INTERNAL HERO */



 
 .vsm-default-internal-hero .form-holder .row .btn span{
     color: #fff;
 }

.vsm-default-internal-hero .content.align-center .search-bar>.row{
    justify-content: flex-start !important;
}



  @media (min-width: 992px){
      .vsm-default-internal-hero .content{
    text-align: left;
}

}
@media (max-width:992px){
    .vsm-default-internal-hero .bg{
        padding:13rem 0 4.375rem 0;
    } 
}
@media (min-width:993px){
.vsm-default-internal-hero .bg{
    padding:10rem 0 4.375rem 0;
}
}
.vsm-default-internal-hero .bg::before{
    background-color: rgba(3, 54, 61, 0.85);
}

.vsm-default-internal-hero .md-heading{
    padding: 10px 0;
    position: relative;
}
.vsm-default-internal-hero .content .rte p, 
.vsm-default-internal-hero .content .rte ul, 
.vsm-default-internal-hero .content .rte li, 
.vsm-default-internal-hero .content .rte dd{
   font-size: 1.5rem; 
}
.vsm-default-internal-hero .content .rte p,
.vsm-default-internal-hero .content .xs-heading, 
.vsm-default-internal-hero .content .md-heading {
  color: #fff;
}
@media (min-width: 1200px){ 
.vsm-default-internal-hero .bg .col{flex: 0 0 70%;}
}
.vsm-default-internal-hero .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #F25D0E;
}

@media (max-width:768px){
    .vsm-default-internal-hero .content .rte p{
        font-size: 16px !important;
    }
}




/* VSM CENTRALISED TITLE INTRO TEXT */


.vsm-centralised-title-intro-text .col-10{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.vsm-centralised-title-intro-text .md-heading{
    color: #000;
}

.vsm-centralised-title-intro-text .rte p{
    color: #000;
}

.vsm-centralised-title-intro-text .md-heading{
    padding: 10px 0;
    position: relative;
}

.vsm-centralised-title-intro-text .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    right: -12%;
    width: 130%;
    background: #000;
}

@media (max-width:768px) {
    .vsm-centralised-title-intro-text .md-heading::after{
        right: -5%;
        width: 110%;
    }
}









/* VSM ALIGNED TITLE TEXT INTRO */


.vsm-aligned-title-intro-text .md-heading{
    position: relative;
    padding: 10px 0;
}

.vsm-aligned-title-intro-text .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 50%;
    background: #03363d;
}

@media (max-width:768px) {
    .vsm-aligned-title-intro-text .md-heading::after{
        left: 0;
        width: 80%;
    }
}

.vsm-aligned-title-intro-text .rte p{
    color: #000;
}





/* VSM CONTENT IMAGE 50-50 */
.vsm-content-image-50-50.grey-bg .bg{
    padding-top: 30px;
    padding-bottom: 30px; 
  background-color: #F7F4EF; 
}
.vsm-content-image-50-50 .content {

  margin-bottom: 1.875rem;
}
@media (min-width: 768px){
 .vsm-content-image-50-50 .content {
  margin-bottom: 0rem;
}
.vsm-content-image-50-50 .order-md-1 .content {
  padding-right: 0%;
}
.vsm-content-image-50-50 .order-md-2 .content {
  padding-left: 0%;
}
  }
.vsm-content-image-50-50.right.overlay .plyr audio, 
.vsm-content-image-50-50.right.overlay .plyr iframe, 
.vsm-content-image-50-50.right.overlay .plyr video {
  display: block;
  height: 100%;
  width: 100%;
  aspect-ratio: 1/1;
}
.vsm-content-image-50-50 .md-heading{
    position: relative;
    padding: 1.5rem 0;
    margin-bottom: 1.5rem;
}
.vsm-content-image-50-50 .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #000;
}
.vsm-content-image-50-50 .rte.larger-text{
    font-size: 1.4rem;
}

.vsm-content-image-50-50.overlay .rte.larger-text{
    font-size: 1rem;
}

@media (max-width:768px){
    .vsm-content-image-50-50 .btn span{
        font-size: 1rem;
    }
}
@media (min-width:768px) {
.vsm-content-image-50-50.overlay .col-md-5.order-md-1{
    width: 50%;
}
}
.vsm-content-image-50-50.dark-green .rte.larger-text h3{
    color: #fff;
}

.vsm-content-image-50-50.dark-green .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #f7f4ef;
}
.vsm-content-image-50-50.dark-green .bg{
    padding-top: 30px;
padding-bottom: 30px;
}
.vsm-content-image-50-50.dark-green .btn span{
    color: #f7f4ef;
}
.vsm-content-image-50-50 .content{
    
}


.vsm-content-image-50-50.beige .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #000;
}

.vsm-content-image-50-50.white .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #000;
}





.vsm-content-image-50-50.dark-green.left{
    background-color: #03363d;
}


.vsm-content-image-50-50.dark-green.left .content .md-heading{
    color: #f7f4ef;
}

.vsm-content-image-50-50.dark-green.left .content .rte.larger-text p{
    color: #f7f4ef;
    font-weight: 400;
}


.vsm-content-image-50-50.beige.left{
    background-color: #f7f4ef;
}


.vsm-content-image-50-50.beige.left .content .md-heading{
    color: #000;
}

.vsm-content-image-50-50.beige.left .content .rte.larger-text p{
    color: #000;
}

.vsm-content-image-50-50.white.left{
    background-color: #fff;
}


.vsm-content-image-50-50.white.left .content .md-heading{
    color: #000;
}

.vsm-content-image-50-50.white.left .content .rte.larger-text p{
    color: #000;
}


@media (max-width:768px) {
    .vsm-content-image-50-50.right .container-fluid .row .col-md-6:first-child{
        padding-right: 10% !important;
    }
    
}

.vsm-content-image-50-50 .rte.larger-text p.small{
 font-size: 1rem;
}

@media (min-width:992px) {


    .vsm-content-image-50-50.right .container-fluid{
    padding-left: 0;
}

.vsm-content-image-50-50.white.left .container-fluid{
    padding-right: 0;
}

.vsm-content-image-50-50.beige.left .container-fluid{
    padding-right: 0;
}



.vsm-content-image-50-50.dark-green.left .container-fluid{
    padding-right: 0;
}

}



.vsm-content-image-50-50.dark-green.right{
    background-color: #03363d;
}


.vsm-content-image-50-50.dark-green.right .content .md-heading{
    color: #f7f4ef;
}

.vsm-content-image-50-50.dark-green.right .content .rte.larger-text p{
    color: #f7f4ef;
}



.vsm-content-image-50-50.beige.right{
    background-color: #f7f4ef;
}


.vsm-content-image-50-50.beige.right .content .md-heading{
    color: #000;
}

.vsm-content-image-50-50.beige.right .content .rte.larger-text p{
    color: #000;
}



.vsm-content-image-50-50.white.right{
    background-color: #fff;
}


.vsm-content-image-50-50.white.right .content .md-heading{
    color: #000;
}

.vsm-content-image-50-50.white.right .content .rte.larger-text p{
    color: #000;
}


.vsm-content-image-50-50 .media{
align-items: stretch;
height: 100%;
}




/* VSM WIDE CONTENT */


.vsm-wide-content{
    background-color: #f7f4ef;
}

@media (max-width:768px) {
    .vsm-wide-content .container{
        padding: 0 10%;
    }
}

.vsm-wide-content .md-heading{
    position: relative;
    padding: 10px 0;
}

.vsm-wide-content .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #000;
}

.vsm-wide-content .rte p{
    color: #000;
}

.vsm-wide-content ul,ol li{
    color: #000;
}

.vsm-wide-content li::marker{
    color: #fc7753;
}

.vsm-wide-content a{
    color: #fc7753;
}




/* VSM OVERSIZED STATEMENT BLOCK */

.vsm-oversized-statement-block p{
    font-weight: 700;
    color: #03363d;
}


.vsm-oversized-statement-block.dark-green-background{
    background-color: rgba(var(--vsm-primary-colour), 1);
}
.vsm-oversized-statement-block.dark-green-background .rte p{
   color: rgba(var(--vsm-white), 1);  
   font-family: "Oxygen", sans-serif;
   font-weight: 600;
}
@media (min-width: 1200px){
.vsm-oversized-statement-block.dark-green-background .col{
   flex: 0 0 70%;  
}
}

/* VSM SPLIT CONTENT 50-50 */

.vsm-split-content-50-50 {
    background-color: #f7f4ef;
}

.vsm-split-content-50-50 .vsm-body >.row >.col-md-6{ padding-bottom:25px}

.vsm-split-content-50-50 .md-heading{
    position: relative;
    padding: 10px 0;
    padding: .5rem 1rem .6rem 0;

}

.vsm-split-content-50-50 .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #000;
}

.vsm-split-content-50-50 .col-md-6 .content{
    background-color: #fff;
    height: 100%;
}

.vsm-split-content-50-50 .media{
    height:15.375rem;
}

.vsm-split-content-50-50 .media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vsm-split-content-50-50 .col-md-6 .sm-heading{
    position: relative;
    padding: 2rem 1.875rem .6rem 1.875rem;

}

.vsm-split-content-50-50 .col-md-6 .sm-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 90%;
    background: #000;
}

.vsm-split-content-50-50 .content .rte{
    padding: .2rem 1.875rem .2rem 1.875rem;
}
.vsm-split-content-50-50 .content .btn{
    margin: .2rem 1.875rem .2rem 1.875rem;
}

.vsm-split-content-50-50 .rte p{
    color: #000;
}

.vsm-split-content-50-50 a{
    color: #fc7753;
}






/* VSM SPLIT CONTENT 33-33-33 */


.vsm-split-content-33-33-33 {
    background-color: #f7f4ef;
}

.vsm-split-content-33-33-33 .md-heading{
    position: relative;
    padding: 10px 0;
}
.vsm-split-content-33-33-33 .vsm-header{
    text-align: left;
}
.vsm-split-content-33-33-33 .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 100%;
    background: #000;
}

@media (max-width:768px) {
    .vsm-split-content-33-33-33 .md-heading::after{
        width: 75%;
    }
}


.vsm-split-content-33-33-33 .media{
    height:12.375rem;
}

.vsm-split-content-33-33-33 .media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vsm-split-content-33-33-33 .col-md-4 .content{
    background-color: #fff;
    height: 100%;
}
.vsm-split-content-33-33-33 .col-md-4 .sm-heading{
    position: relative;
    padding: 2rem 1.875rem .6rem 1.875rem;

}

.vsm-split-content-33-33-33 .col-md-4 .sm-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 85%;
    background: #000;
}

@media (max-width:768px) {
    .vsm-split-content-33-33-33 .col-md-4 .sm-heading::after{
        left: -6%;
    }
}

.vsm-split-content-33-33-33 .rte {
    color: #000;
    padding: .2rem 1.875rem .2rem 1.875rem;

}
.vsm-split-content-33-33-33 .content .btn {
    margin:.2rem 1.875rem .2rem 1.875rem;
    }
.vsm-split-content-33-33-33 a{
    color: #fc7753;
}






/* VSM SPLIT CONTENT 25-25-25-25 */


.vsm-split-content-25-25-25-25 {
    background-color: #f7f4ef;
}

.vsm-split-content-25-25-25-25 .md-heading{
    position: relative;
    padding: 10px 0;
}

.vsm-split-content-25-25-25-25 .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 100%;
    background: #000;
}

.vsm-split-content-25-25-25-25 .vsm-body .col .content{
    background-color: #fff;
}

.vsm-split-content-25-25-25-25 .content{
    height: 100%;
}


.vsm-split-content-25-25-25-25 .col .content .xs-heading{
    position: relative;
    padding: .5rem 1rem .6rem 1rem;
}
.vsm-split-content-25-25-25-25 .content .btn{
      margin: .5rem 1rem .6rem 1rem;  
}
.vsm-split-content-25-25-25-25 .col .content .xs-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 90%;
    background: #000;
}

@media (max-width:768px) {
    .vsm-split-content-25-25-25-25 .col .content .xs-heading::after{
        left: -5%;
    }
}


.vsm-split-content-25-25-25-25 .col .content .rte{
    padding: .2rem 1rem .2rem 1rem;
    color: #000;
}



.vsm-split-content-25-25-25-25 a{
    color: #fc7753;
}







/* VSM CONTENT IMAGE 50-50 */


.vsm-content-image-50-50.overlay.left{
    background: linear-gradient(
        to right,
        #f7f4ef 0%,
        #f7f4ef 70%,
        #fff 70%,
        #fff 100%
    );
}

@media (max-width:768px) {
    
.vsm-content-image-50-50.overlay.left{
    background: #f7f4ef;
}
}

@media (min-width:768px) {
    .vsm-content-image-50-50.overlay.left .col-md-6:first-child{
        padding-left: 0;
    }
    
}


.vsm-content-image-50-50.overlay.left .content .md-heading{
    color: #03363d;
    position: relative;
    padding: 10px 0;
}
.vsm-content-image-50-50.overlay.left .content .rte h1,
.vsm-content-image-50-50.overlay.left .content .rte h2,
.vsm-content-image-50-50.overlay.left .content .rte h3,
.vsm-content-image-50-50.overlay.left .content .rte h4{
      color: #03363d;  
}
.vsm-content-image-50-50.overlay.left .media {
    margin-top: 5rem;
    margin-bottom: 5rem;
    aspect-ratio: 1/1;
    left:0;
}
@media (min-width: 992px) {
.vsm-content-image-50-50.overlay.left .media {
    left:10%;
    width: 90%;
}
}
.vsm-content-image-50-50.overlay.right .media {
    margin-top: 5rem;
    margin-bottom: 5rem;
    aspect-ratio: 1/1;
    right:0;
}
@media (min-width: 992px) {
.vsm-content-image-50-50.overlay.right .media {
    right:10%;
}
}

.vsm-content-image-50-50.overlay.left .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #03363d;
}




.vsm-content-image-50-50.overlay.left .content .rte p{
    color: #03363d;
}


.vsm-content-image-50-50.overlay.left .content ul li{
    color: #03363d;
}

.vsm-content-image-50-50.overlay.left .content a{
    color: #fc7753;
}

.vsm-content-image-50-50.overlay.right .content a.btn span{
        color: #ffffff;
}

.vsm-content-image-50-50.overlay.right{
    background: linear-gradient(
        to left,
        #03363d 0%,
        #03363d 70%,
        #fff 70%,
        #fff 100%
    );
}

@media (max-width:768px) {
    .vsm-content-image-50-50.overlay.right{
        background:#03363d;
    }
}


.vsm-content-image-50-50.overlay.right .xs-heading{
    color: #f7f4ef;
}

.vsm-content-image-50-50.overlay.right .content .md-heading{
    color: #f7f4ef;
    position: relative;
    padding: 10px 0;
}


.vsm-content-image-50-50.overlay.right .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #f7f4ef;
}

@media (min-width:768px) {
    .vsm-content-image-50-50.overlay.right img{
        width: 70%;
        margin-left: 8rem;
    }
}


.vsm-content-image-50-50.overlay.right .content .rte p{
    color: #f7f4ef;
}


.vsm-content-image-50-50.overlay.right .content ul li{
    color: #f7f4ef;
}

.vsm-content-image-50-50.overlay.right .content a{
    color: #fc7753;
}




/* PLYR CONTOL STYLING */

.plyr__poster{
    background-size:cover;
}

.plyr__video-wrapper::before{
    
}

.plyr--video .plyr__control.plyr__tab-focus, 
.plyr--video .plyr__control:hover, 
.plyr--video .plyr__control[aria-expanded="true"]{
background: #fc7753 !important; 
}
.plyr__control.plyr__control--overlaid{
    background-color: #fc7753 !important; 
    padding: 30px;
}

.plyr__control.plyr__control--overlaid:hover{
    background-color: #fc7753;
}

.plyr__control.plyr__control--overlaid::before{
    content: '';
    height: 90px;
    width: 90px;
    background-color: transparent;
    position: absolute;
    top: -5px;
    left: -5.2px;
    border-radius: 50%;
    border: 1px solid #fc7753;
}

@media (max-width:768px) {
    .plyr__control.plyr__control--overlaid::before{

        top: -6px;
        left: -6.2px;
    }
}

.plyr__control.plyr__control--overlaid:hover::before{
    animation: pulse 800ms infinite alternate; 
}

@keyframes pulse {
    100%{
        transform: scale(1.2);
    }
}





/* VSM INTRO CONTENT 40-60 */

.vsm-intro-content-40-60 {
    background-color: #03363d;
}

.vsm-intro-content-40-60 .xs-heading{
    color: #f7f4ef;
}
.vsm-intro-content-40-60 ul li{
       color: #f7f4ef; 
}
.vsm-intro-content-40-60 .md-heading{
    color:#f7f4ef;
    position: relative;
    padding: 10px 0;
}

.vsm-intro-content-40-60 .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #f7f4ef;
}

.vsm-intro-content-40-60 .vsm-body .rte p{
    color: #f7f4ef;
}

.vsm-intro-content-40-60 .vsm-body .rte a{
    color: #fc7753;
}

.vsm-intro-content-40-60 .vsm-body .rte li::marker{
    color: #fc7753;
}





/* VSM CONTENT LAYOUT 4 */

.vsm-content-layout-4 .left-col .media{
    position: relative;
}


.vsm-content-layout-4 .left-col .media::before{
    content: url('/uploads/integrooverlay.svg');
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: .6;
}


@media (max-width: 993px) {
  .vsm-content-layout-4 .left-col .media {
    padding-top: 167%;
  }
}

@media (max-width:768px) {
  .vsm-content-layout-4 .left-col .media {
    padding-top: 125%;
  }
}

.vsm-content-layout-4 .right-col .sm-heading{
    position: relative;
    padding: 10px 0;
}

.vsm-content-layout-4 .right-col .sm-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #03363d;
}

.vsm-content-layout-4 .rte p{
    color: #000;
}





/* VSM CONTENT LAYOUT 6 */

.vsm-content-layout-6 .sm-heading{
    position: relative;
    padding: 10px 0;
}

.vsm-content-layout-6 .row {
       justify-content: start !important;
}

.vsm-content-layout-6 .header .sm-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 203%;
    background: #f7f4ef;
}

.vsm-content-layout-6 .sm-heading{
    position: relative;
    padding: 10px 0;
}

.vsm-content-layout-6 .media:after{
    background-color: transparent;
}

.vsm-content-layout-6 .col-md-5 .sm-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #03363d;
}

.vsm-content-layout-6 .col-md-5 .sm-heading{
    text-align: start;
}

.vsm-content-layout-6 .col-md-5 .rte p{
    text-align: start;
    color: #000;
}



.vsm-content-layout-6 .overlay-content .header{
    text-align: start;
    padding-bottom: 3rem;
}

.vsm-content-layout-6 .overlay-content .box{
    background-color: #fff;
}

.vsm-content-layout-6 .overlay-content .box .media{
    height: 13rem;
}

@media (max-width:768px) {
    .vsm-content-layout-6 .overlay-content .col-md-5:nth-child(2){
        margin-top: 1rem;
    }
}

@media (min-width:768px){
    .vsm-content-layout-6 .col-md-5{
        width: 50%;
    }
}




/* VSM DOUBLE MEDIA */


.vsm-double-media{
    padding-top:1rem;
    padding-bottom: 1rem;
    background-color: #03363d;
    max-width: 100%;

--bs-gutter-y: 0;
}
.vsm-double-media .row{
 --bs-gutter-x: 0rem;   
}
.vsm-double-media .media{
    padding-left:0.75rem;
    padding-right:0.75rem;
    max-height: 400px;
}
@media (min-width: 992px){
.vsm-double-media .container {
    padding-left: 0;
    padding-right: 0;
    margin-left:0;
    margin-right: 0;
  max-width:100%;
}}
@media (min-width:992px) {
    .vsm-double-media .container{
        padding-right: 0;
        padding-left: 10%;
    }
}

@media (max-width:768px) {
    .vsm-double-media .col-md-6:nth-child(2){
        margin-top: 1rem;
    }
    
}



/* VSM LATEST FEATURED */



.vsm-latest-featured-alt{
    background-color: #f7f4ef;
}
.vsm-latest-featured-alt .vsm-header {
  margin-bottom: 3.875rem;
}
.vsm-latest-featured-alt .vsm-header .row{
    position:relative;
}
.vsm-latest-featured-alt .vsm-header .row::after {
  position: absolute;
  content: '';
  height: 1px;
  bottom: 0;
  Left: 0;
  width: 100%;
  background: #03363d;
}

@media (max-width:768px){
    .vsm-latest-featured-alt{
    padding: 0 1rem;
}
}
.vsm-latest-featured-alt .content-card{
    min-height: 27rem;
}
.vsm-latest-featured-alt .content-card {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
     align-items: flex-end;
     overflow: hidden;
     margin-bottom: 0.938rem;
  }

  .vsm-latest-featured-alt .content-card .subtitle{
    color: #fc7753 !important;
  }


  .vsm-latest-featured-alt .vsm-header .col{
      position: relative;
      padding: 10px 0;
  }
/* 
  .vsm-latest-featured-alt .vsm-header .col::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
  } */
  @media (min-width: 768px){
.vsm-latest-featured-alt .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
}}
  @media (min-width: 992px){
.vsm-latest-featured-alt .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 33%;
  flex: 1 0 33%;
}}
  .vsm-latest-featured-alt .col-auto{
    position: relative;
    padding: 10px 0;
}

.vsm-latest-featured-alt .media::before{
        background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,69,25,.7) 100%);
    mix-blend-mode: hard-light;
}
.vsm-latest-featured-alt .content-card .media::before{
        background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,69,25,.7) 100%);
    mix-blend-mode: hard-light;
}
/* .vsm-latest-featured-alt .col-auto::after{
  position: absolute;
  content: '';
  height: 1px;
  bottom: 0; 
  Left:0;
  width: 100%;
  background: #03363d;
} */


/* .vsm-latest-featured-alt .vsm-body .col:first-child{
    padding-left: 0;
} */

/* .vsm-latest-featured-alt .vsm-body .col:last-child{
    padding-right: 0;
} */
.vsm-latest-featured-alt .vsm-body .row{
    padding-left:0;
    padding-right: 0;
}

@media (max-width:768px) {
    .vsm-latest-featured-alt .vsm-body .col{
        padding-right:0;
        padding-left: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .vsm-latest-featured-alt .vsm-header .btn span{
        font-size: 1rem;
    }
}




.vsm-latest-featured-alt .vsm-header .btn span{
    color: #000;
}

.vsm-latest-featured-alt .vsm-body .btn span{
    color: #fff;
}
.vsm-latest-featured-alt .xs-heading{
  font-size: 1.4rem;
}
.vsm-latest-featured-alt .content-card:hover .inline-link{
    color: #fc7753;
    
}
.vsm-latest-featured-alt .inline-link{
      color: #fff;
}
.vsm-latest-featured-alt .content-card .content .rte{
height: 100%;
visibility: visible;
opacity: 1;
}

.vsm-latest-featured-alt .content-card:hover .content .rte{
visibility: visible;
}

.vsm-latest-featured-alt .content-card .content .rte{
visibility: hidden;
height: 0;
opacity: 0;
-webkit-transition: visibility 0s, opacity 0.5s linear;
transition: visibility 0s, opacity 0.5s linear;
color: #fff;
margin-bottom: 20px;
}
/* VSM IMAGE GRID */

  /* .vsm-image-grid{
    padding-top:1rem;
    padding-bottom: 1rem;
    background-color: #03363d;
  }
 .vsm-image-grid .row{
           --bs-gutter-x: 0rem;
        --bs-gutter-y: 0;
 }
@media (max-width: 991px){
.vsm-image-grid .container{
    padding:0 20px;
}
}

@media (min-width: 992px){
  .vsm-image-grid .container {
  max-width: 100%;
             --bs-gutter-x: 0rem;
        --bs-gutter-y: 0;
  padding: 0px !important;
  margin: 0px !important;
}
  .vsm-image-grid .top-left {
    padding-left: 21.5%;
    width: 108.5%;
}
 .vsm-image-grid .bottom-left {
    padding-left: 21.5%;
    width: 108.5%;
}
}
.vsm-image-grid .media{
    max-height: 400px;
}
 .vsm-image-grid .container{
   /*   display: grid; 
  grid-auto-columns: 1fr; 
  grid-template-columns: 1fr 0.7fr 1.7fr; 
  grid-template-rows: 1fr 1fr; 
  gap: 30px 30px; 
  grid-template-areas: 
    "top-left top-left right"
    "bottom-left bottom-left right"; 
 }
  .vsm-image-grid .top-left {
    display: grid;
    grid-template-columns: 1.5fr 0.8fr;
    grid-template-rows: 1fr;
    gap: 30px 30px;
    grid-template-areas: ". .";
    grid-area: top-left;
    max-height: 187px;
}
 .vsm-image-grid .bottom-left {
  display: grid; 
  grid-template-columns: 0.8fr 1.2fr; 
  grid-template-rows: 1fr; 
  gap: 30px 30px; 
  grid-template-areas: 
    ". ."; 
  grid-area: bottom-left; 
    max-height: 187px;
    margin-top:1.7rem;
}
 .vsm-image-grid .right { 
     grid-area: right;     
     max-height: 400px;
     }

     @media(max-width:768px){
         .vsm-image-grid .right{
     margin-top: 2rem;
         }
     }

   @media (min-width:768px){
         .vsm-image-grid .right{
         margin-left: 4rem;
    margin-right: 14px;
     }
   }
 @media (min-width:992px){
         .vsm-image-grid .right{
         margin-left: 4.4rem;
    margin-right: 14px;
     }
   }

    @media (min-width:1200px){
         .vsm-image-grid .right{
         margin-left: 4.7rem;
    margin-right: 14px;
     }
   }
    @media (min-width:1400px){
         .vsm-image-grid .right{
         margin-left: 5.4rem;
    margin-right: 14px;
     }
   } */



/* VSM DOUBLE BOX CAROUSEL*/

  .vsm-double-box-carousel .swiper-slide{
    background-color: #03363d;
  }

  .vsm-double-box-carousel .swiper-slide .col .xs-heading{
    color: #f7f4ef;
  }

 .vsm-double-box-carousel .swiper-slide .col .rte p,
  .vsm-double-box-carousel .swiper-slide .col .xs-heading .rte p{
    color: #f7f4ef;
  }



  .vsm-double-box-carousel .swiper-slide .col .media{
    position: relative;
  }

  .vsm-double-box-carousel .swiper-slide .col .media::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #fc7753;
  }

  .vsm-double-box-carousel .swiper-slide{
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .vsm-double-box-carousel .swiper-slide .row{
    flex-direction: column;
  }

  .vsm-double-box-carousel .swiper-slide .col .media{
    text-align: start;
  }

  .vsm-double-box-carousel .content .col .media img{
    max-width: 70%;
  }

  .vsm-double-box-carousel .swiper-slide .col:nth-child(2){
    margin-top: 2rem;
  }


  .vsm-double-box-carousel .vsm-header .row{
    position: relative;
  }
  .vsm-double-box-carousel .vsm-header a.btn span{
      color: #000;
  }
  .vsm-double-box-carousel .vsm-header .row::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    width: 100%;
    background: #03363d;
  }

   

  .vsm-double-box-carousel .vsm-body .col{
    padding-left: 0;
  }

  .vsm-double-box-carousel .vsm-body a.btn span {
      color: #f7f4ef !important;
  }


  .vsm-double-box-carousel .swiper-navigation {
      margin-top: 1rem;
      display: flex;
      justify-content: center;
  }

  .vsm-double-box-carousel .fa-arrow-left, .vsm-double-box-carousel .fa-arrow-right{
      display: none;
  }

 .vsm-double-box-carousel .swiper-navigation .swiper-button-next::after{
            content: url(/uploads/green-arrow.svg);
}
 .vsm-double-box-carousel .swiper-navigation .swiper-button-prev::after{
     content: url(/uploads/green-arrow-left.svg);

}


  


/* VSM SHORT TESTIMONIAL CAROUSEL */

  .vsm-short-testimonial-carousel .content{
      margin-left: 1rem;
  }

  .vsm-short-testimonial-carousel .vsm-header .md-heading{
    margin-bottom: 3rem;
  }


  .vsm-short-testimonial-carousel .testimonial-data .media{
    border-radius: 0;
  }

  .vsm-short-testimonial-carousel .testimonial-data .media img{
    border-radius: 0;
    object-fit: contain;
  }

  .vsm-short-testimonial-carousel .testimonial-data .media[data-initials]:before{
    border-radius: 0;
    background-color: transparent;
  }

  .vsm-short-testimonial-carousel .testimonial-data .author{
    color: #000;
  }

  .vsm-short-testimonial-carousel .testimonial-data .col .rte{
    color: #000;
  }


  .vsm-short-testimonial-carousel .testimonial-data .row{
    margin-right: 2rem;
  }

  .vsm-short-testimonial-carousel .testimonial-data .col{
    position: relative;
    padding: 10px 0;
  }

  .vsm-short-testimonial-carousel .testimonial-data .col:nth-child(2){
  
    width: 100%;
    border-bottom: 1px solid #fc7753;
  }

  .vsm-short-testimonial-carousel .testimonial-data .col:nth-child(1) {
    flex-direction: column;
    align-items: start;
  }
/* google look */
.vsm-short-testimonial-carousel.google-look .swiper-container{
    overflow: visible;
}
.vsm-short-testimonial-carousel.google-look .testimonial-data .row{
    margin-right: 0px;
}
  .vsm-short-testimonial-carousel.google-look  .testimonial-data .col:nth-child(1) {
    flex-direction: column;
    align-items: center;
  }
.vsm-short-testimonial-carousel.google-look .testimonial-data .col:nth-child(2){
    border-bottom: none;
}
 .vsm-short-testimonial-carousel.google-look .swiper-slide:nth-child(1n) .testimonial-data .media[data-initials]:before {
  background: #CBE8A4;
}
.vsm-short-testimonial-carousel.google-look .swiper-slide:nth-child(2n) .testimonial-data .media[data-initials]:before {
  background: #A1A7E8;
}
.vsm-short-testimonial-carousel.google-look .swiper-slide:nth-child(3n) .testimonial-data .media[data-initials]:before {
  background: #E697C4;
}
.vsm-short-testimonial-carousel.google-look {
  position: relative;
  overflow: hidden;
}
.vsm-short-testimonial-carousel.google-look .testimonial-data .media{
    border-radius: 100%;
}
.vsm-short-testimonial-carousel.google-look .google-link img {
  width: 3rem;
  height: 3rem;
  margin-left: 0.5rem;
}
.vsm-short-testimonial-carousel.google-look .google-link:hover img {
  mix-blend-mode: luminosity;
}
.vsm-short-testimonial-carousel.google-look .google-link a{
    text-decoration: none;
}
.vsm-short-testimonial-carousel.google-look .author img {
  width: 7rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.vsm-short-testimonial-carousel.google-look .five-star {
  background-image: url(../uploads/5stars.png);
  background-size: contain;
  background-position: center;
}
.vsm-short-testimonial-carousel.google-look .four-star {
  background-image: url(../uploads/4stars.png);
  background-size: contain;
  background-position: center;
}
.vsm-short-testimonial-carousel.google-look .three-star {
  background-image: url(../uploads/3stars.png);
  background-size: contain;
  background-position: center;
}
.vsm-short-testimonial-carousel.google-look .two-star {
  background-image: url(../uploads/2stars.png);
  background-size: contain;
  background-position: center;
}
.vsm-short-testimonial-carousel.google-look .one-star {
  background-image: url(../uploads/1stars.png);
  background-size: contain;
  background-position: center;
}
.vsm-short-testimonial-carousel.google-look .vsm-header {
  text-align: center;
  margin-bottom: 3.875rem;
}
.vsm-short-testimonial-carousel.google-look .vsm-header .justify-content-between {
  justify-content: center !important;
}
.vsm-short-testimonial-carousel.google-look .vsm-header .col {
  width: 100%;
  text-align: left;
}
.vsm-short-testimonial-carousel.google-look .swiper-slide .testimonial-data {
  position: relative;
  background-color: #fff;
  box-shadow: 0 0 1.875rem 0 rgba(16, 18, 6, 0.1);
  border-radius: 0.5rem;
  text-align: center;
  padding: 4.875rem 1.875rem 1.875rem 1.875rem;
}
@media (min-width: 1024px) {
  .vsm-short-testimonial-carousel.google-look .swiper-slide .testimonial-data {
    margin-top: 20%;
  }
}

.vsm-short-testimonial-carousel.google-look .swiper-slide .testimonial-data .media {
  margin-right: 0;
  width: 8.375rem;
  height: 8.375rem;
}
/* @media (min-width: 1024px) {
  .vsm-short-testimonial-carousel.google-look .swiper-slide .testimonial-data .media {
    margin-top: -30%;
  }
} */

  .vsm-short-testimonial-carousel.google-look .swiper-slide .testimonial-data .media {
    margin-top: -10.375rem;
  }

.vsm-short-testimonial-carousel.google-look .swiper-slide .testimonial-data .media:before {
  width: 8.375rem;
  height: 8.375rem;
  line-height: 8.375rem;
  font-size: 3.875rem;
}
.vsm-short-testimonial-carousel.google-look .swiper-slide .testimonial-data .rte {
  width: 100%;
  overflow: hidden;
}
.vsm-short-testimonial-carousel.google-look .swiper-slide .testimonial-data .rte p {
  position: relative;
  width: 100%;
  height: 8rem;
}
.vsm-short-testimonial-carousel.google-look .swiper-slide .testimonial-data .rte p::after {
  content: "...";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1.2em;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255) 50%);
}
@supports (-webkit-line-clamp: 5) {
  .vsm-short-testimonial-carousel.google-look .swiper-slide .testimonial-data .rte p {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    max-height: 6.8rem; /* I needed this to get it to work */
    height: auto;
  }
  .vsm-short-testimonial-carousel.google-look .swiper-slide .testimonial-data .rte p::after {
    display: none;
  }
}
.vsm-short-testimonial-carousel.google-look .swiper-slide .testimonial-data .col:nth-child(1) {
  flex-direction: column;
}
@media (min-width: 992px) {
  .vsm-short-testimonial-carousel .vsm-short-testimonial-carousel.google-look .testimonial-data {
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 1.875rem 0 rgba(16, 18, 6, 0.1);
    border-radius: 0.5rem;
    padding: 0rem 1.875rem 1.875rem 1.875rem;
    text-align: center;
    margin-top: 20%;
  }
}



/* VSM VIDEO CAROUSEL */


  .vsm-video-carousel .vsm-header .row{
    position: relative;
    padding: 10px 0;
    align-items: center;
  }

  .vsm-video-carousel .vsm-header .row::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    right: 0;
    width: 100%;
    background: #03363d;
  }

  .vsm-video-carousel .content{
      width: 70%;
  }

  .vsm-video-carousel .video-card .play-btn{
      bottom: 8%;
      right: 5%;
  }

  .vsm-video-carousel .video-card a:hover .play-btn::after {
      background-color: #fc7753;
  }
  

 .vsm-video-carousel .video-card  .play-btn:after{
   color: #fff;
   background-color: rgba(252, 120, 83, 0.624);
}

.vsm-video-carousel .video-card .play-btn:hover::after{
    background-color: #fc7753;
}

.vsm-video-carousel .video-card .play-btn::before {
    content: '';
    height: 3.8rem;
    width: 3.8rem;
    background-color: transparent;
    position: absolute;
    top: -8%;
    left: -9%;
    border-radius: 100%;
    border: 1px solid rgba(252, 120, 83, 0.624);
}

.vsm-video-carousel .video-card .play-btn:after{
    height: 3.25rem;
    width: 3.25rem;
    font-size: 1.563rem;
}

@media (max-width:768px) {
    .vsm-video-carousel .video-card .play-btn::before{
        height: 3.8rem;
        width: 3.8rem;
        top: -8%;
        left: -9%;
    }
}


.vsm-video-carousel .video-card .play-btn:hover::before{
    animation: pulse 800ms infinite alternate; 
    border-color: #fc7753;
}

@keyframes pulse {
    100%{
        transform: scale(1.2);
    }
}

.vsm-video-carousel .vsm-body .swiper-slide .video-card span{
     color: #fc7753;
     font-weight: 600;
}


.vsm-video-carousel .video-card .media:before{
    background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(3,54,61,1) 100%);
}

.vsm-video-carousel .swiper-navigation{
    margin-top: 2rem;
    justify-content: center;
}

.vsm-video-carousel .swiper-container{
    overflow: hidden;
}
.vsm-video-carousel .swiper-navigation .fa-angle-left::before{
     content: url(/uploads/green-arrow-left.svg);
}

.vsm-video-carousel .swiper-navigation .fa-angle-right::before{
       content: url(/uploads/green-arrow.svg);
}










/* VSM DOUBLE ACCORDION */


.vsm-double-accordion{
    background-color: #f7f4ef;
}

.vsm-double-accordion .vsm-header .row{
   text-align: start;
}


.vsm-double-accordion .vsm-header .row .md-heading{
    position: relative;
    padding: 10px 0;
}

.vsm-double-accordion .vsm-header .row .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    left: 0;
    width: 100%;
    background: #03363d;
}

.vsm-double-accordion .vsm-body .row:nth-child(1){
    margin-top: 1rem;
}

.vsm-double-accordion .accordion .accordion-item{
    box-shadow: none;
    background-color: transparent;
    border-bottom: 1px solid #000;
}

.vsm-double-accordion .accordion .accordion-item .accordion-collapse .content p{
    color: #000;
}
.vsm-double-accordion .accordion .accordion-item .accordion-header{
    cursor: pointer;
}
.vsm-double-accordion .accordion .accordion-item .accordion-header.collapsed:before{
    content: url('/uploads/arrow.svg');
    transform: rotate(90deg);
}

.vsm-double-accordion .accordion .accordion-item .accordion-header:before{
    content: url('/uploads/arrow.svg');
    transform: rotate(180deg);
}




  @media (max-width: 1023px){
.vsm-accordion-mixed-content-50-50 .col {
    padding-top:2rem;
}
  }

/* VSM ACCORDION MIXED CONTENT 50-50 */
  @media (min-width: 768px){
.vsm-accordion-mixed-content-50-50 .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  max-width: 100%;
}
  }
  @media (min-width: 1024px){
    .vsm-accordion-mixed-content-50-50 .col{
    padding-left: 0px;
    padding-right:0px;

}
.vsm-accordion-mixed-content-50-50 .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  max-width: 50%;
  overflow: hidden;
}
.vsm-accordion-mixed-content-50-50 .vsm-body .row{
    padding-left:0px;
    padding-right:0px;
    display: flex;
    align-items: center;
    height: 100%;
}

  }
.vsm-accordion-mixed-content-50-50{
    background-color: #03363d;
}

.vsm-accordion-mixed-content-50-50 .col .content{
    height:100%;
}
/* @media (min-width:1350px){
.vsm-accordion-mixed-content-50-50 .container{
   max-width: 100%;
   padding-left: 15rem;
}

.vsm-accordion-mixed-content-50-50 .col:nth-child(2){
    padding-right: 0;
}
} */

.vsm-accordion-mixed-content-50-50 .vsm-body .rte{
    margin-top:1rem;
    margin-bottom:0.5rem;
}
@media (min-width:768px){
.vsm-accordion-mixed-content-50-50 .vsm-body .sm-heading,
.vsm-accordion-mixed-content-50-50 .vsm-body .rte{
    width:80%;
}
}
.vsm-accordion-mixed-content-50-50 .vsm-body .sm-heading{
    color: #f7f4ef;
    position: relative;
    padding: 0 0 1.4rem 0;
    font-size: 2rem;
    width: 100%;
}

.vsm-accordion-mixed-content-50-50 .vsm-body .sm-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    left: 0;
    width: 100%;
    background: #f7f4ef;
}

.vsm-accordion-mixed-content-50-50 .vsm-body .content .rte p{
    font-size: 1.4rem;
    color: #f7f4ef;
}

.vsm-accordion-mixed-content-50-50  .accordion .accordion-item{
    background-color: transparent;
    border-color: #f7f4ef;
}

.vsm-accordion-mixed-content-50-50  .accordion .accordion-item:nth-child(1){
    border-top: 1px solid #f7f4ef;
}

.vsm-accordion-mixed-content-50-50  .accordion .accordion-item .accordion-header.collapsed{
    color: #f7f4ef;
}
.vsm-accordion-mixed-content-50-50  .accordion .accordion-item .accordion-header{
    color: #fc7753;
}

.vsm-accordion-mixed-content-50-50  .accordion .accordion-item .accordion-header:hover::after{
    color: #fc7753;
}

.vsm-accordion-mixed-content-50-50  .accordion .accordion-item .accordion-header::after{
    color: #f7f4ef;
}

.vsm-accordion-mixed-content-50-50 .accordion .accordion-item{
    padding-left:1rem;
    padding-right:3rem;
    cursor: pointer;
}
.vsm-accordion-mixed-content-50-50 .accordion .accordion-item .content p{
        color: #f7f4ef;
}

@media (max-width:768px) {
    .vsm-accordion-mixed-content-50-50 img{
        margin-top: 2rem;
    }
}

.vsm-accordion-mixed-content-50-50 .accordion-header.collapsed:after{
    content: url('/uploads/arrow.svg');
    transform: rotate(90deg);
}

.vsm-accordion-mixed-content-50-50 .accordion-header:after{
     content: url('/uploads/arrow.svg');
    transform: rotate(180deg);
}
.vsm-accordion-mixed-content-50-50 .accordion-item:last-child{
    border-bottom: none;
}
.vsm-accordion-mixed-content-50-50 .accordion-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.vsm-accordion-mixed-content-50-50 .accordion-item:hover .accordion-header{
        color: #fc7753;
}










/* VSM SPLIT GET IN TOUCH FORM */


.vsm-split-get-in-touch-form-content{
    background-color: #03363d;
}
.vsm-split-get-in-touch-form-content .rte {
        color: #f7f4ef;
}
.vsm-split-get-in-touch-form-content .socials li{
       font-size: 1rem; 
}
.vsm-split-get-in-touch-form-content .general-contact-details li{
    color: #f7f4ef;
    font-size: 1rem;
}
.vsm-split-get-in-touch-form-content .element label{
   color: #f7f4ef;
   font-size: 1.1rem;
   margin-bottom: 0rem;
}   
.vsm-split-get-in-touch-form-content .element .icheck-primary label{
       font-size: 0.85rem; 
}
.vsm-split-get-in-touch-form-content .element.submit{
margin-top:2rem;
}

.vsm-split-get-in-touch-form-content .element.select .field::before{
    color: #fff;
}

 

.vsm-split-get-in-touch-form-content .element.select select{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #f7f4ef;
    padding-left: 0;
    color: rgba(255, 255, 255, 0.457);
     -moz-appearance: none;
                        /* for Safari, Chrome, Opera */
                        -webkit-appearance: none;
                        appearance: none;
}

.vsm-split-get-in-touch-form-content .md-heading{
    color: #f7f4ef;
    position: relative;
    padding: 0px 0 1rem 0;
    margin-top: 0;
    color: #fff;
}

.vsm-split-get-in-touch-form-content .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    left: 0;
    width: 100%;
    background: #f7f4ef;
}

.vsm-split-get-in-touch-form-content .content .general-contact-details li a{
    color: #fc7753;
}

.vsm-split-get-in-touch-form-content .content .socials li a{
    color: #fc7753 !important;
}
.vsm-split-get-in-touch-form-content .element.text.form-group{
    margin-bottom: 1.5rem;
}
.vsm-split-get-in-touch-form-content .element.text input,
.vsm-split-get-in-touch-form-content .element.textarea textarea{
    padding: 0.2rem 0.625rem 0.2rem 0.625rem;
}
.vsm-split-get-in-touch-form-content .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before, 
.vsm-split-get-in-touch-form-content .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before {
  border: 0.063rem solid rgba(var(--vsm-white), 0.5);
}
.vsm-split-get-in-touch-form-content .element.text.form-group
.vsm-split-get-in-touch-form-content .element.text input::placeholder,
.vsm-split-get-in-touch-form-content .element.text input::-moz-placeholder,
.vsm-split-get-in-touch-form-content .element.text input::-webkit-input-placeholder{
    font-size: 0.9rem;  
        color: #fff!important;
       opacity: 0.4;
}
.vsm-split-get-in-touch-form-content input::placeholder,
.vsm-split-get-in-touch-form-content textarea::placeholder,
.vsm-split-get-in-touch-form-content textarea::-moz-placeholder{
       color: #fff!important;
       opacity: 0.4;
       font-size: 0.9rem;
}
.vsm-split-get-in-touch-form-content .form-holder .field .form-control{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #f7f4ef;
    padding-left: 0;
    color: #fff;
}
.vsm-split-get-in-touch-form-content .form-holder .field .form-control.placeholder {
  color: rgba(var(--vsm-white), 0.5);
}
.vsm-split-get-in-touch-form-content .form-holder .field .form-control:-moz-placeholder {
    color: rgba(var(--vsm-white), 0.5);
}
.vsm-split-get-in-touch-form-content .form-holder .field .form-control::-moz-placeholder {
  color: rgba(var(--vsm-white), 0.5);
}
.vsm-split-get-in-touch-form-content .form-holder .field .form-control:-ms-input-placeholder {
   color: rgba(var(--vsm-white), 0.5);
}
.vsm-split-get-in-touch-form-content .form-holder .field .form-control::-webkit-input-placeholder {
  color: rgba(var(--vsm-white), 0.5);
}
.vsm-split-get-in-touch-form-content .icheck-primary>input:first-child:checked+label::before{
    background-color: #fff;
}

.vsm-split-get-in-touch-form-content .form-holder .field .icheck-primary a{
    color: #fff;
}


.vsm-split-get-in-touch-form-content .form-holder .btn {
    background: #f7f4ef !important;
    border-radius: 2rem;
    padding: 0.8rem 2rem !important;
}
.vsm-split-get-in-touch-form-content .form-holder .btn span{
    color: #03363d !important;
}
.vsm-split-get-in-touch-form-content .form-holder .btn::before{
    border-color: #03363d !important;
}

.vsm-split-get-in-touch-form-content .form-holder .btn:after{
    content: url('/uploads/green-arrow.svg');
}

.vsm-split-get-in-touch-form-content .form-holder .btn:hover::before {
    width: 89% !important;
}






/* VSM DROP OFF YOUR CV */




.vsm-drop-off-your-cv .bg{
    background-color: #03363d;
}


.vsm-drop-off-your-cv .md-heading{
    color: #f7f4ef;
    position: relative;
    padding: 10px 0;
    margin-top: 11px;
}

.vsm-drop-off-your-cv .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    left: 0;
    width: 100%;
    background: #f7f4ef;
}


.vsm-drop-off-your-cv .content .general-contact-details li a{
    color: #fc7753;
}


.vsm-drop-off-your-cv .content .socials li a{
    color: #fc7753 !important;
}


.vsm-drop-off-your-cv .form-holder .element.text.form-group .field .form-control{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #f7f4ef;
    padding-left: 0;
}

.vsm-drop-off-your-cv .form-holder .element.select .field::before{
    color: #fff;
}


.vsm-drop-off-your-cv .form-holder .field .icheck-primary a{
    color: #fff;
}


.vsm-drop-off-your-cv .btn.btn-primary span{
    color: #f7f4ef !important;
}




/* VSM JOB CAROUSEL */



.vsm-job-carousel .swiper-slide{
    border:none;
}
.vsm-job-carousel .vsm-header .row{
    position: relative;
    padding: 10px 0;

}
.vsm-job-carousel .vsm-header .row .col-auto{
    margin-top: auto !important;
}

.vsm-job-carousel .vsm-header .row::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    left:0;
    width: 100%;
    background: #03363d;
}



.vsm-job-carousel .vsm-body .swiper-slide{
    background-color: #f7f4ef;
}

/* .vsm-job-carousel .vsm-body .swiper-slide.swiper-slide-active{
    border: 1px solid #fc7753;
} */

.vsm-job-carousel .vsm-body .swiper-slide .job-data {
    color: #03363d;
}

.vsm-job-carousel .vsm-body .swiper-slide .job-data .post-date{
    color: #fc7753;
}

.vsm-job-carousel .vsm-body .swiper-slide .job-data .job-ref{
    color: #03363d;
}
.vsm-job-carousel .vsm-header .xs-heading{
font-size: 38px;
font-size: 2.375;
}
.vsm-job-carousel .vsm-header .md-heading{
font-size: 26px;
font-size: 1.625;
}
.vsm-job-carousel .job-data ul.job-data-highlights{
    font-weight: 600;
    padding-left: 0px;
}
.vsm-job-carousel .vsm-body .xs-heading{
border-bottom:1px solid rgba(var(--vsm-primary-colour), 1);
margin-bottom: 1.5rem;
padding-bottom: 0.75rem;
}
.vsm-job-carousel .swiper-navigation{
    margin-top: 1rem;
    justify-content: center;
}

.vsm-job-carousel .swiper-navigation .fa-angle-left::before{
     content: url(/uploads/green-arrow-left.svg);
}

.vsm-job-carousel .swiper-navigation .fa-angle-right::before{
       content: url(/uploads/green-arrow.svg);
}

.vsm-job-carousel .job-data .icon{
    display: none;
}






/* VSM 404 PAGE */


.vsm-404-page .bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background: #03363de4;
    mix-blend-mode: multiply;
    top: 0;
    left: 0;
    z-index: 0;
}

.vsm-404-page a{
    color: #fc7753;
}

.vsm-404-page .btn{
    justify-content: center;
}

.vsm-404-page .btn span{
    color: #fff;
}



.vsm-404-page .content{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}






/* VSM SMALL BOXES */
.vsm-small-boxes .media img{
    object-fit: none;
}

.vsm-small-boxes .media:after {
    background-color: transparent;
    opacity: 0;
}









/* VSM DATA CAPTURE */


.vsm-data-capture{
    background: linear-gradient(
        to right,
        #ffffff 0%,
        #ffffff 35%,
        #f7f4ef 35%,
        #f7f4ef 100%
    );
    padding: 3rem 0;
}

@media (max-width:768px) {
    .vsm-data-capture{
        background:#f7f4ef;
    }
}

.vsm-data-capture .form-preview .details::before{
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(3,54,61,1) 100%);
}

.vsm-data-capture .form-preview .details .icon::before{
    color: #fc7753 !important;
}

.vsm-data-capture .form-holder .rte h3{
    color: #03363d;
    position: relative;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.vsm-data-capture .form-holder .rte h3::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
}

.vsm-data-capture .element.select .field:before{
    display: none;
}



.vsm-data-capture .form-holder{
    color: #03363d;
}

.vsm-data-capture .form-holder .element label{
    font-weight: 600;
}

.vsm-data-capture .form-holder .element.text .field input{
    background-color: transparent;
    border: none;
    padding-left: 0;
    opacity: .4;
}

.vsm-data-capture .form-holder .element.select select{
    background: transparent;
    border: none;
    padding-left: 0;
    opacity: .4;
}

.vsm-data-capture .form-holder .field{
    border-bottom: 1px solid #03363d;
}


.vsm-data-capture .form-holder .element.checkbox .field{
    border: none;
}

.vsm-data-capture .form-holder input::placeholder{
    color: #03363d;
}

.vsm-data-capture .field .form-select{
    color: #03363d;
    background-color: transparent;
    border: none;
}


.vsm-data-capture .form-holder .element.submit .btn span{
    color: #000;
}

.vsm-data-capture .form-holder .element.submit .btn::after{
    transform: rotate(90deg);
    left: 8.2rem;
}

.vsm-data-capture .icheck-primary{
    margin-top: 1rem;
}

.vsm-data-capture .icheck-primary label{
    font-weight: 500 !important;
}

.vsm-data-capture .icheck-primary a{
    color: #03363d;
}

.vsm-data-capture .icheck-primary>input:first-child:checked+label::before{
    background:#fff ;
}


.vsm-data-capture  .form-holder .btn {
    background: #03363d !important;
    border-radius: 2rem;
    padding: 0.8rem 2rem !important;
}

.vsm-data-capture  .form-holder .btn span{
    color: #fff !important;
}


.vsm-data-capture  .form-holder .btn:after{
    content: url('/uploads/arrow.svg');
}
.vsm-data-capture  .form-holder .btn:hover::before {
    width: 89% !important;
}


/* VSM JOB SEARCH ALT */

.vsm-job-search-alt .bg{
    background-color: #03363d;
}

.vsm-job-search-alt .vsm-header .row{
    justify-content: flex-start !important;
}

.vsm-job-search-alt .md-heading{
    color: #f7f4ef;
    text-align: start;
}

.vsm-job-search-alt .md-heading{
    position: relative;
    padding: 10px 0;
}

.vsm-job-search-alt .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #f7f4ef;
}

@media (max-width:768px) {
    .vsm-job-search-alt .md-heading::after{
        position: absolute;
        content: '';
        height: 1px;
        bottom: 0; 
        Left:0;
        width: 121%;
        background: #f7f4ef;
    }
}

.vsm-job-search-alt .selected-options .selected-option{
    background-color: #fc7753;
}

.vsm-job-search-alt .selected-options .clear-all{
    color: #f7f4ef;
}



.vsm-job-search-alt .form-holder .element.select .field{
    background-color: transparent;
}

.vsm-job-search-alt .form-holder .element.select .field::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #f7f4ef;
}

.vsm-job-search-alt .form-holder .element.select .field::before{
    color: #fc7753;
}

.vsm-job-search-alt .form-holder .element.select .field .filter-option .filter-option-inner-inner{
    color: #f7f4ef;
}

.element.select .bootstrap-select>.dropdown-toggle{
    border: none;
}

.vsm-job-search-alt .form-holder .filter .element.text .field input{
    background-color: transparent;
    border: none;
    color: #f7f4ef;
}

.vsm-job-search-alt .form-holder .filter .element.text .field{
    position: relative;
}

.vsm-job-search-alt .form-holder .filter .element.text .field::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #f7f4ef;
}

.vsm-job-search-alt .btn{
    justify-content: space-between;
}


.vsm-job-search-alt .btn span{
    color: #fff;
}

.vsm-job-search-alt .btn::before{
    border: none;
}




/* VSM JOB SEARCH RESULTS LISTINGS */


.vsm-job-search-results-listings .paging-information .row{
    color: #03363d;
}

.vsm-job-search-results-listings .paging-information .row .pagination .page-item.active a{
    color: #fc7753;
}

.vsm-job-search-results-listings .paging-information .row .pagination .page-item a:hover{
    color: #fc7753;
}

.vsm-job-search-results-listings .job-listing .job-data{
    background-color: #f7f4ef;
}

.vsm-job-search-results-listings .job-listing .job-data.information-technology .row.align-items-center .col{
    display: flex;
}

.vsm-job-search-results-listings .job-listing .job-data.information-technology .row.align-items-center .col a:nth-child(1){
    margin-right:.5rem ;
}


.vsm-job-search-results-listings .job-listing .job-data ul.job-data-highlights li i::before{
    color: #fc7753;
}
.vsm-job-search-results-listings .job-listing .job-data ul.job-data-highlights li .icon.remote{
    position: relative;
}
.icon.remote::before {
 content: "\f109";
}
.vsm-job-search-results-listings .vsm-body .job-data {
    color: #03363d;
}

.vsm-job-search-results-listings .vsm-body .job-data .post-date{
    color: #fc7753;
}

.vsm-job-search-results-listings .vsm-body .job-data .job-ref{
    color: #03363d;
}

.vsm-job-search-results-listings .job-listing .job-data {
    webkit-box-shadow: 0 0 1.875rem rgb(0 0 0 / 5%);
    box-shadow: 0 0 1.875rem rgb(0 0 0 / 5%);
    padding: 1.875rem;
}

.vsm-job-search-results-listings .job-listing .job-data .btn{
    margin-top: 1rem;
}

.vsm-job-search-results-listings .job-listing .job-data .btn.btn-primary span{
    color: #F25D0E;
}

.vsm-job-search-results-listings .job-listing .job-data .btn.btn-secondary::before{
    display: none;
}

.vsm-job-search-results-listings .job-listing .job-data .btn.btn-secondary::after{
    content: url('/uploads/green-arrow.svg');
}

.vsm-job-search-results-listings .element label{
    color: #000;
}

.vsm-job-search-results-listings .element.text input::placeholder {
    color: rgba(0, 0, 0, 0.339);
}

.vsm-job-search-results-listings .filter-apply .btn{
    background-color: #03363d !important;
    padding: 1rem !important;
    border-radius: 2rem;
}

.vsm-job-search-results-listings .filter-apply .btn span{
    color: #fff;
}

.vsm-job-search-results-listings .filter-apply .btn:hover::before{
    width: 95%;
}

.vsm-job-search-results-listings .filter-clear .btn{
    padding-left: 2rem;
     background-color: #f7f4ef !important;
    border-radius: 2rem;
    padding: 1rem !important;
}

.vsm-job-search-results-listings .filter-clear .btn:hover::before{
    width: 95%;
}







/* VSM JOB DETAILS */



.vsm-job-details .job-data .row .col{
    position: relative;
}

.vsm-job-details .job-data .row .col::after{
     position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
}

.vsm-job-details .job-data .row .col-auto{
    position: relative;
    padding-left: 0;
}

.vsm-job-details .job-data .row .col-auto::after{
     position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
}

.vsm-job-details .job-data span{
    color: #000;
    font-weight: 600;
}

.vsm-job-details .back-to-link {
    color: #fc7753;
}

.vsm-job-details .job-data ul.job-data-highlights li i::before{
    color: #fc7753;
}

.vsm-job-details .job-data .content .rte p{
    color: #000;
}

.vsm-job-details .job-data .content .rte ul li{
    color: #000;
}

.vsm-job-details .job-data .content .rte ul li::marker{
    color: #fc7753;
}

.vsm-job-details .shortlist-bar{
    border-color: #03363d;
}

.vsm-job-details .share {
    border-color: #03363d;
}

.vsm-job-details .add-to-shortlist{
    color: #000;
}

.vsm-job-details .add-to-shortlist i::before{
    color: #fc7753 !important;
}

.vsm-job-details .add-to-shortlist:hover i::before{
    color: #03363d !important;
}

.vsm-job-details .view-shortlist i::before{
    color: #fc7753;
}

.vsm-job-details .view-shortlist:hover i::before{
    color: #03363d !important;
}


.vsm-job-details .share dl dd a i::before{
    color: #fc7753;
}

.vsm-job-details .share dl dd a:hover i::before{
    color: #03363d;
}

.vsm-job-details .form-holder{
    background-color: #f7f4ef;
}
.vsm-job-details .notice {
  background: rgba(var(--vsm-primary-colour), 0);
  padding: 1.25rem 2.5rem;
  margin: 0;
}

.vsm-job-details .notice p {
    color: #000;
}

.vsm-job-details .view-status{
    color: #fc7753;
}

.vsm-job-details .view-status i::before{
    color: #fc7753;
}

.vsm-job-details label{
    color: #000;
}

.vsm-job-details .field input::placeholder {
    color: #03363d63 !important;
}


.vsm-job-details .element.text .field input {
    background-color: transparent;
    border: none;
    color: #000;
    position: relative;
}

.vsm-job-details .element.text .field input::placeholder{
    color: #000;
}

.vsm-job-details .element.text .field{
    position: relative;
}

.vsm-job-details .element.text .field::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
}
.vsm-job-details .field .custom-file{
    height: 2.9rem;
}
.vsm-job-details .field .custom-file::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
}


.vsm-job-details .form-select {
    background-color: transparent;
}

.vsm-job-details .element.select .field:before {
    display: none;
}

.vsm-job-details .element.select select{
    border: none;
    position: relative;
    color: #03363d63;
    background: transparent;
}

.vsm-job-details .element.select::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
}

.vsm-job-details .element.file label{
    background: transparent;
    border: none;
    margin-bottom: .03rem;
}



.vsm-job-details .element.file label span{
    color: #03363d63;
}

.vsm-job-details .element.file .field .custom-file


.vsm-job-details .element.file .field .custom-file::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
}

.vsm-job-details .element.textarea textarea{
    background-color: transparent;
    border: none;

}

.vsm-job-details .element.textarea textarea::placeholder{
    color: #03363d63;
}

.vsm-job-details .element.textarea.form-group .field{
    position: relative;
}

.vsm-job-details .element.textarea.form-group .field::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
}


.vsm-job-details .element.checkbox label a{
    color: #fc7753;
}

.vsm-job-details .form-holder .content p {
    color: #000;
}

.vsm-job-details .form-holder .content p a{
    color: #fc7753;
}


.vsm-job-details .consultant h3{
    font-size: 1.5rem;
    font-weight: 400;
    color: #fc7753;
}

.vsm-job-details .consultant .media{
    border-radius: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 25rem;
    margin: 0;
}



.vsm-job-details .consultant .media[data-initials]:before{
    background: rgba(255,255,255, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    content: '';
    z-index: 2;
    border-radius: 0;
}

.vsm-job-details .consultant .consultant-details .name:hover{
    color: #fff !important;
}

.vsm-job-details .consultant .consultant-details a{
    text-decoration: none;
}

.vsm-job-details .consultant .media img {
    border-radius: 0;
}
@media (max-width: 767px){
    .vsm-job-details .consultant .media{
        width: 40%;
    }
.vsm-job-details .consultant{
    border:0;
     padding: 2rem 0 0 0; 
}
}
@media (min-width: 768px){
.vsm-job-details .vsm-body .container > .row > .col:nth-child(2) {
    width: 33.3%;
}

.vsm-job-details .consultant{
    padding-left: 2rem;
    /* height: 24rem; */
}
.vsm-job-details .consultant .consultant-details{
    background-color: #03363d;
    z-index: 2;
    color: #ffffff;
    text-align: left;
    padding:1rem;
    width:100%;
}
}
@media (max-width: 768px){
    .vsm-job-details .consultant .consultant-details{
    background-color: #03363d;
    z-index: 2;
    color: #ffffff;
    text-align: left;
    padding:1rem;
    width:100%;
}
    .vsm-job-details .consultant{
        background-color: #03363d;
    margin: 2rem 0 0 0;
    padding: 0;
    /* height: 24rem; */
}

}

.vsm-job-details .consultant .consultant-details a{
    color: #fc7753;
    text-align: left;
}
.vsm-job-details .consultant .consultant-details a:hover{
    color: #fff;
}
.vsm-job-details .consultant ul.social li:first-child{
    margin-left: 0;
}

.vsm-job-details .consultant ul.social{
    justify-content: start;
    padding:.5rem 0rem;
}

.vsm-job-details .consultant .consultant-details .name{
    color: #fc7753;
    position: relative;
    padding-bottom: 0.5rem;
}
.vsm-job-details .consultant .consultant-details .position{
   margin-top: 0.5rem; 
}
.vsm-job-details .consultant .consultant-details .name:after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #f7f4ef;
}

[class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after, [class*=icheck-]>input:first-child:checked+label::after{
    border-color: #fc7753;
}

[class*=icheck-]>input:first-child+input[type=hidden]+label::before, [class*=icheck-]>input:first-child+label::before{
    border-color: #ffffff;
}


.vsm-job-details .consultant-details .position{
    text-overflow: ellipsis;
}



/* VSM BLOG PAGES STYLING */

@media(max-width:768px){
    .vsm-basic-blog-featured-section .vsm-body .container>.row>.col:nth-child(2)>.row>.col .post{
    flex-direction: column;
}


.vsm-basic-blog-featured-section .vsm-body .container>.row>.col:nth-child(2)>.row>.col .post .media{
    max-width: 100%;
    margin-right: 0;
}
}

.vsm-basic-blog-featured-section .vsm-body .col.order-md-2{
    display: none !important;
}

.vsm-basic-blog-featured-section .vsm-body .xs-heading{
    position: relative;
    padding: 10px 0;
}

.vsm-basic-blog-featured-section .vsm-body .xs-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
}

.vsm-basic-blog-featured-section .vsm-body .post a.post-title{
    color: #000 !important;
    font-weight: 600;
}

.vsm-basic-blog-featured-section .vsm-body .inline-link{
    color: #fc7753;
}

.vsm-basic-blog-featured-section .vsm-body .inline-link:after{
    content: url('/uploads/arrow.svg');
}

.vsm-basic-blog-featured-section .vsm-body .post-details{
    background-color: #f7f4ef !important;
    max-width: 100% !important;
    padding: 1.5rem;
}


.vsm-basic-blog-featured-section .vsm-body .post-details .post-snippet{
    color: #000;
}

.vsm-basic-blog-featured-section .vsm-body .post .post-date {
    color: #fc7753;
}

.vsm-basic-blog-featured-section .vsm-body .post a.tag{
    margin-top: 0;
}

.vsm-basic-blog-featured-section .vsm-body .post{
    background-color: #f7f4ef;
    padding-bottom: 1.5rem;
}

.vsm-basic-blog-featured-section .vsm-body .col:nth-child(2) .post .tag{
    padding: 1.5rem;
}

.vsm-basic-blog-featured-section .vsm-body .col:nth-child(2) .post-title{
    padding: 0 1.5rem;
}

.vsm-basic-blog-featured-section .vsm-body .col:nth-child(2) .author{
    padding: 0 1.5rem;

}

.vsm-basic-blog-featured-section .vsm-body .col:nth-child(2) .post-snippet{
    padding: 0 1.5rem;
    color: #000;
}

.vsm-basic-blog-featured-section .vsm-body .col:nth-child(2) .inline-link{
    margin: 0 1.5rem ;
}








/* VSM CONFIGURABLE BOXES */


.vsm-configurable-boxes .vsm-body .row .col .configurable-box .media::before {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(3,54,61,1) 71%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    content: '';
}

.vsm-configurable-boxes .vsm-body .row .col .configurable-box .box-details .post-title {
    color: #f7f4ef;
    text-align: start;
}

.vsm-configurable-boxes .vsm-body .row .col .configurable-box .box-details{
    color: #f7f4ef;
    align-items: start;;
}

.vsm-configurable-boxes .vsm-body .row .col .configurable-box{
    align-items: end;
}






/* VSM BASIC LATEST LISTINGS */

.vsm-basic-latest-listings .vsm-header .row{
    position: relative;
    padding-bottom: 1rem;
}

.vsm-basic-latest-listings .vsm-header .row:after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
}

.vsm-basic-latest-listings .post{
    background-color: #f7f4ef;
    padding-bottom: 1.5rem;
}

.vsm-basic-latest-listings .post-snippet{
    color: #000;
}

.vsm-basic-latest-listings .post .tag{
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    color: #fc7753 !important;
}

.vsm-basic-latest-listings .post .post-title{
    padding: 0 1.5rem;
    color: #000;
    margin-top: 1rem;
}

.vsm-basic-latest-listings .post .author{
    padding: 0 1.5rem;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.vsm-basic-latest-listings .post .post-snippet{
    padding: 0 1.5rem;
}

.vsm-basic-latest-listings .post .inline-link{
    margin: 0 1.5rem;
    color: #fc7753;
}







/* VSM BLOG DETAILS */

.vsm-responsive-nav{
    background-color: #03363d;
    border: none;
}

.vsm-responsive-nav .displayed-nav li a{
    color: #f7f4ef;
}

.vsm-responsive-nav .displayed-nav li a:hover{
    color: #fc7753;
}

.vsm-responsive-nav .more-nav li span{
    color: #f7f4ef;
}

.vsm-responsive-nav .more-nav li span i::before{
    color: #fc7753;
}

.vsm-responsive-nav .search-bar .input-group {
    border: none;
    position: relative;
}

.vsm-responsive-nav .search-bar .input-group::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #f7f4ef;

}

.vsm-responsive-nav .search-bar .input-group input{
    background-color: transparent;
    color: #f7f4ef;
}

.vsm-responsive-nav .search-bar .input-group .btn{
    background-color: transparent;
}


/* VSM MEDIA HUB */

.vsm-media-hub .tag {
    color: #fc7753;
}

.vsm-media-hub .md-heading{
    position: relative;
    padding: 10px 0;
}

.vsm-media-hub .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
}

  @media (min-width:1024px){
    .vsm-media-hub .post .media {
    height: 8.938rem;
    width: 8.938rem;
    }
} 

@media (max-width: 767px){
.vsm-media-hub .post .media {
  width: 5.938rem;
  height: 100%;
    }
}

/* @media (max-width:768px){
    .vsm-media-hub .post .media{
    height: 100%;
    width: 100%;
    }
}  */

.vsm-media-hub .post-date {
    color: #000;
}

.vsm-media-hub .time-to-read{
    color: #000;
}

.vsm-media-hub .time-to-read::before{
    color: #fc7753;
}

.vsm-media-hub .rte.larger-text{
    color: #000;
}

.vsm-media-hub .author .author-details .subtitle{
    color: #000;
}

.vsm-media-hub .article-tags {
    color: #000;
}

.vsm-media-hub .article-tags dd a{ 
    color: #fc7753;
}


.vsm-blog-article .share {
    border-top-color:#03363d ;
}

.vsm-media-hub .share dl dd a {
    color: #fc7753;
}

.vsm-media-hub .content p{
    color: #000;
}

.vsm-media-hub .content p a{
    color: #fc7753;
}

.vsm-media-hub .content ul li{
    color: #000;
}

.vsm-media-hub .content ul li::marker{
    color: #fc7753;
}

.vsm-blog-article .share ~ .share{
    border-color: #03363d;
}

.vsm-media-hub .newsletter-signup .sm-heading {
    color: #fc7753;
}

.vsm-media-hub .newsletter-signup .btn.btn-primary{
    background-color: #03363d;
}

.vsm-media-hub .btn::after{
    margin-left: 1rem;
}

.vsm-blog-article .related-posts .related-heading{
    position: relative;
    padding: 10px 0;
}

.vsm-blog-article .related-posts .related-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
}

.vsm-media-hub .related-posts .post{
    background-color: #f7f4ef;
}



.vsm-media-hub .related-posts .post .media{
    position: relative;
}

@media (min-width:769px){
    .vsm-media-hub .related-posts .post .media{
    height: 12rem;
    }
}

@media (min-width:1024px){
    .vsm-media-hub .post .media{
    height: 100%;
    width: 8.938rem;
    }

    .vsm-media-hub .related-posts .post .col{
    padding: 1rem 1.4rem;
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.vsm-media-hub .related-posts .post .col-auto{
    width: 34%;
}
}


.vsm-media-hub.vsm-insight-article .hero-bg:before{
    background: rgba(3, 54, 61, 0.894);
}


.vsm-media-hub.vsm-insight-article .post-date{
    color: #fff;
}

.vsm-media-hub.vsm-insight-article .icheck-primary>input:first-child:checked+label::before{
    background: #fff;
        border-color: #fc7753;
}

.vsm-media-hub.vsm-insight-article .md-heading::after{
    background: #fff;
}

.vsm-media-hub.vsm-insight-article .btn{
        width: fit-content;
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
    padding-left: 1.875rem;
    position: relative;
    background: #F25D0E !important;
    border: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
}


.vsm-media-hub.vsm-insight-article .btn:hover{
    color: #F7F4EF;
    background: transparent !important;
}

.vsm-media-hub.vsm-insight-article .btn::before{
        content: '';
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    -webkit-font-smoothing: antialiased;
    display: flex;
    right: 0.5rem;
    justify-content: center;
    height: 2.2rem;
    width: 2.2rem;
    align-items: center;
    border-radius: 50px;
    border: 0.063rem solid #fc7753;
    transition: .3s ease-in-out;
}

.vsm-media-hub.vsm-insight-article .btn::after{
    content: url(/uploads/arrow.svg);
    position: absolute;
    right: 1.2rem;
    height: 1.1rem;
}

/* VSM GATED INSIGHTS */

.vsm-media-hub.vsm-insight-article .back-to-link {
  color: #03363d;
}
.vsm-media-hub.vsm-insight-article .tag {
  color: #fc7753;
}
.vsm-media-hub.vsm-insight-article .md-heading {
  color: #000;
}
.vsm-media-hub.vsm-insight-article .post-date {
  color: #000;
}
.vsm-media-hub.vsm-insight-article .time-to-read {
  color: #000;
}
.vsm-media-hub.vsm-insight-article .time-to-read::before {
  color: #fc7753;
}
.vsm-media-hub.vsm-insight-article .author-details .title a:hover {
  color: #fc7753;
}
.vsm-media-hub.vsm-insight-article .article-tags dt {
  color: #000;
}
.vsm-media-hub.vsm-insight-article .article-tags a:hover {
  color: #fc7753;
}
.vsm-media-hub.vsm-insight-article .share dt {
  color: #fc7753;
}
.vsm-media-hub.vsm-insight-article .share dd a:hover {
  color: #fc7753;
}
.vsm-media-hub.vsm-insight-article .media.featured {
  position: relative;
}
.vsm-media-hub.vsm-insight-article .media.featured::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgb(3, 54, 61) 100%
  );
  height: 100%;
  width: 100%;
}
.vsm-media-hub.vsm-insight-article .content .rte a {
  color: #fc7753;
}
.vsm-media-hub.vsm-insight-article .form-preview .md-heading {
  color: #fff;
}
.vsm-media-hub.vsm-insight-article .form-preview .details .icon::before {
  color: #fc7753;
}
.vsm-media-hub.vsm-insight-article .form-preview .element .field {
  border-bottom: 1px solid #fff;
}
.vsm-media-hub.vsm-insight-article .form-preview .element .field input {
  background: rgba(0, 0, 0, 0);
  padding-left: 0;
}
.vsm-media-hub.vsm-insight-article
  .form-preview
  [class*="icheck-"]
  > input:first-child
  + label::before {
  border-color: #fc7753;
}
.vsm-media-hub.vsm-insight-article
  .form-preview
  .icheck-primary
  input:first-child:checked
  + label::before {
  border-color: #fc7753;
}
.vsm-media-hub.vsm-insight-article .form-preview .icheck-primary a {
  color: #fc7753;
}
.vsm-media-hub.vsm-insight-article .form-preview::before {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgb(3, 54, 61) 100%
  );
}
.vsm-media-hub.vsm-insight-article .form-preview .btn {
  background: #fc7753 !important;
  border-radius: 2rem;
  padding: 0.8rem 2rem !important;
  position: relative;
  width: fit-content;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32% !important;
}
.vsm-media-hub.vsm-insight-article .form-preview .btn:hover:before {
  width: 89% !important;
}
.vsm-media-hub.vsm-insight-article .form-preview .btn::before {
  content: "";
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  display: flex;
  right: 0.5rem;
  justify-content: center;
  height: 2.2rem;
  width: 2.2rem;
  align-items: center;
  border-radius: 50px;
  border: 0.063rem solid #fff;
  transition: 0.3s ease-in-out;
}
.vsm-media-hub.vsm-insight-article .form-preview .btn::after {
  position: absolute;
  transform: rotate(180deg);
  right: 1.2rem;
  height: 1.1rem;
  content: url("https://venn-agency-integro-staging.azurewebsites.net/uploads/arrow-up.svg");
}
.vsm-media-hub.vsm-insight-article .newsletter-signup .btn {
  background: #fc7753 !important;
  border-radius: 2rem;
  padding: 0.8rem 2rem !important;
  position: relative;
  width: fit-content;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32% !important;
  border-top-left-radius: 2rem !important;
  border-bottom-left-radius: 2rem !important;
  margin-left: 2rem !important;
}
.vsm-media-hub.vsm-insight-article .newsletter-signup .btn:hover {
  color: #fff;
}
.vsm-media-hub.vsm-insight-article .newsletter-signup .btn:hover:before {
  width: 90% !important;
}
.vsm-media-hub.vsm-insight-article .newsletter-signup .btn::before {
  content: "";
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  -webkit-font-smoothing: antialiased;
  display: flex;
  right: 0.5rem;
  justify-content: center;
  height: 2.2rem;
  width: 2.2rem;
  align-items: center;
  border-radius: 50px;
  border: 0.063rem solid #fff;
  transition: 0.3s ease-in-out;
}
.vsm-media-hub.vsm-insight-article .newsletter-signup .btn::after {
  position: absolute;
  transform: rotate(90deg);
  right: 1.2rem;
  height: 1.1rem;
  content: url("https://venn-agency-integro-staging.azurewebsites.net/uploads/arrow-up.svg");
}
.vsm-media-hub.vsm-insight-article .related-posts .tag {
  color: #fc7753;
}
.vsm-media-hub.vsm-insight-article .related-posts .post-title:hover {
  color: #fc7753;
}
.vsm-media-hub.vsm-insight-article .related-posts .post .media {
  position: relative;
}
.vsm-media-hub.vsm-insight-article .related-posts .post .media::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgb(3, 54, 61) 100%
  );
  height: 100%;
  width: 100%;
}

/* VSM DEFAULT FOOTER */


.vsm-default-footer{
    background-color: #fff !important;
}

.vsm-default-footer .field-validation-error{
    color: #fc7753;
}

.vsm-default-footer .btn:after{
    display: none;
}

.vsm-default-footer .col-12 .xs-heading{
    color: #03363d;
    font-size: 1.5rem;
    margin-bottom: 2rem;
}


.vsm-default-footer .col-12 .footer-links li{
    border-top: 1px solid rgba(41, 49, 53, 0.29);
    padding: 10px 0;
}
.vsm-default-footer .col-12 .footer-links li:hover a{
  color: #fc7753;
  }
.vsm-default-footer .col-12 .footer-links li:last-child{
    border-bottom: 1px solid rgba(41, 49, 53, 0.29);
}

.vsm-default-footer .col-12 .footer-links li a{
    color:#03363d;
    font-weight: 500;
}

.vsm-default-footer .col-12 .newsletter-signup p{
    color: #03363d;
}

.vsm-default-footer .col-12 .contact-info div{
    color: #03363d;
    border-top: 1px solid rgba(41, 49, 53, 0.29);
    padding: 10px 0;
}

.vsm-default-footer .col-12 .contact-info div a:hover{
    color: #fc7753;
}

.vsm-default-footer .col-12 .contact-info div a{
    color: #03363d;
}

.vsm-default-footer .col-12 .contact-info div:nth-child(3),
.vsm-default-footer .col-12 .contact-info div:nth-child(4){
    border-bottom: 1px solid rgba(41, 49, 53, 0.29);
}

.vsm-default-footer .col-12 .social li a{
    color: #03363d;
}

.vsm-default-footer .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){
    border: 1px solid #000;
    border-radius: 40px;
    color: #000;
}

.vsm-default-footer .form-holder .input-group input::placeholder{
    color: #000;
}

.vsm-default-footer .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
    border-radius: 50%;
    background-color: #000 !important;
    color: #fff !important;
    margin-left: 10px;
} 

.vsm-default-footer .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):hover{
    background-color: #fff !important;
    color: #000 !important;
}

.vsm-default-footer .form-holder .input-group .btn{
    padding: 0;
    height: 3rem;
    width: 3rem;
}

.vsm-default-footer .form-holder .input-group .btn::before{
    display: none;
}


span.back-to-top.show {
    background: #fc7753;
    width: 3rem;
    height: 3rem;
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    z-index: 2;
    border-radius: 100rem;
}


@media (min-width:768px){
   
span.back-to-top.show::before{
    content: url('/uploads/arrow-up.svg');
    position: absolute;
    top: 1rem;
    right: -1.1rem;
    height: 3rem;
    width: 3rem;
}
}

@media (max-width:767px){
     span.back-to-top.show::before{
         content: url('/uploads/arrow-up.svg');
    position: absolute;
    top: 1rem;
    right: -1rem;
    height: 3rem;
    width: 3rem;
    }
}

span.back-to-top.show::after{
    content: '';
    height: 3.5rem;
    width: 3.5rem;
    background-color: transparent;
    position: absolute;
    top: -8%;
    left: -8.2%;
    border-radius: 50%;
    border: 1px solid #fc7753;
    z-index: 2;
}

/* VSM DEFAULT SIGNOFF */


.vsm-default-signoff{
    background-color: #fff;
    border-top: 1px solid #03363d;
}

.vsm-default-signoff .vsm-body span{
    color: #03363d;
}

.vsm-default-signoff .vsm-body .signoff-links li a{
    color: #03363d;
}




/* BACK TO TOP */








  /* CM SPLIT GET IN TOUCH FORM CONTENT */

.cm-upload-cv .icheck-primary>input:first-child:checked+label::before {
    background-color: #fff !important;
}


.cm-upload-cv.dark-green input::placeholder,
.cm-upload-cv.dark-green textarea::placeholder{
       color: #fff!important;
       opacity: 0.5;
}
.cm-upload-cv.dark-green{
    background-color: #03363d;
}


.cm-upload-cv.dark-green .sm-heading{
    color: #f7f4ef;
    position: relative;
    padding: 10px 0;
    margin-bottom: 3rem;
}
.cm-upload-cv.dark-green .sm-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    left: 0;
    width: 100%;
    background: #f7f4ef;
}

.cm-upload-cv.dark-green .form-holder .field .form-control{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #f7f4ef;
    padding-left: 0;
    color: #fff;
}

.cm-upload-cv.dark-green .btn span{
    color: #f7f4ef !important;
}

.cm-upload-cv.dark-green form .element.select.form-group .field select {
    background-color: transparent ;
    border: none;
    border-bottom: 1px solid #f7f4ef;
    padding-left: 0;
}

.cm-upload-cv.dark-green form .element.select.form-group .field select{
    color: rgba(255, 255, 255, 0.705);
}

.cm-upload-cv.dark-green .form-holder .element.select .field::before{
   content: url('/uploads/white-arrow.svg');
}

.cm-upload-cv form .element.file .field {
    border: none;
    padding-left: 0;
}

.cm-upload-cv.dark-green form .element.file .field label{
    background: transparent;
    border: none;
    border-bottom: 1px solid #f7f4ef;

}

.cm-upload-cv.dark-green .element label{
       color: #fff;
}

.cm-upload-cv.dark-green form .element.file .field label span{
    color: #fff;
}

.cm-upload-cv.dark-green form .element.file .field .custom-file-label::after{
    color: #f7f4ef;
}


.cm-upload-cv.dark-green .form-holder .field .icheck-primary a{
    color: #fff;
}


.cm-upload-cv .form-holder .element.submit{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.cm-upload-cv .row:last-child{
    margin-top: 1rem;
}

.cm-upload-cv.dark-green .form-holder .field .form-control{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #f7f4ef;
    padding-left: 0;
    color: #fff;
}
.cm-upload-cv.dark-green .element.text label{
    color: #fff;
}

.cm-upload-cv.dark-green .element label{
    color: #fff;
}

  .cm-upload-cv .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }

  @media (min-width: 768px) {
    .cm-upload-cv .col {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
      flex: 1 0 0;
    }
  }

  .cm-upload-cv .general-contact-details li {
    margin-bottom: 1rem;
    font-size: var(--vsm-intro-text-size);
    font-weight: 500;
  }
  .cm-upload-cv .socials li {
    font-size: var(--vsm-intro-text-size);
    font-weight: 500;
    margin-bottom: 1rem;
  }





.cm-upload-cv.biege{
    background-color: #f7f4ef; 
}

.cm-upload-cv.biege .sm-heading{
    color: #03363d;
    position: relative;
    padding: 10px 0;
    margin-bottom: 3rem;
}
.cm-upload-cv.biege .sm-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    left: 0;
    width: 100%;
    background: #03363d;
    
}

.cm-upload-cv.biege .element.text label{
    color: #03363d;
}

.cm-upload-cv.biege  .form-control{
    border: none;
    padding-left: 0;
}

.cm-upload-cv.biege input::placeholder{
    color: #03363dc0;
}

.cm-upload-cv.biege .element.textarea label{
    color: #03363d;
}

.cm-upload-cv.biege .element.textarea textarea {
    color: #03363d;
}

.cm-upload-cv.biege .element.textarea textarea::placeholder {
    color: #03363dc0;
}

.cm-upload-cv.biege .form-holder .field .form-control{
    border-bottom: 1px solid #03363d;
    background-color: transparent ;
}


.cm-upload-cv.biege form .element.select.form-group .field select {
    background-color: transparent ;
    border: none;
    border-bottom: 1px solid #03363d;
    padding-left: 0;
}

.cm-upload-cv.biege form .element.select.form-group .field select{
    color: #03363dc0;
}

.cm-upload-cv.biege .form-holder .element.select .field::before{
    color: #03363d;
}


.cm-upload-cv.biege form .element.file .field label{
    background: transparent;
    border: none;
    border-bottom: 1px solid #03363d;

}


.cm-upload-cv.biege form .element.file .field label span{
    color: #03363d;
}
.cm-upload-cv.biege form .element.file .field .custom-file-label::after{
    color: #03363d;
}


.cm-upload-cv.biege .form-holder .field .icheck-primary a{
    color: #03363d;
}

.cm-upload-cv.biege .form-holder .field .icheck-primary{ 
    color: #03363d;
}

.cm-upload-cv select option{
    color: #03363d;
}


.cm-upload-cv .form-holder .btn {
    background: #f7f4ef !important;
    border-radius: 2rem;
    padding: 0.8rem 2rem !important;
}

.cm-upload-cv .form-holder .btn span{
    color: #03363d !important;
}

.cm-upload-cv .form-holder .btn::before{
    border-color: #03363d !important;
}

.cm-upload-cv .form-holder .btn:after{
    content: url('/uploads/green-arrow.svg');
}

.cm-upload-cv .form-holder .btn:hover::before {
    width: 89% !important;
}

/* CM HERO HOME */
.cm-hero-search{
    top: -7rem;
    left: 0;
    height: 100%;
    position: relative;
}


.cm-hero-search .bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    justify-content: center;
  }

 
.cm-hero-search .bg .container {
    z-index: 1;
  }


  /* @media (min-width: 1024px) {
.cm-hero-search .bg .container .col {
      max-width: 50%;
    }
  } */

  
.cm-hero-search .bg .container .content .xs-heading,
.cm-hero-search .bg .container .content .md-heading {
    color: rgba(var(--vsm-white), 1);
  }
.cm-hero-search .bg .container .content .rte p,
.cm-hero-search .bg .container .content .rte ul,
.cm-hero-search .bg .container .content .rte li,
.cm-hero-search .bg .container .content .rte dd {
    color: rgba(var(--vsm-white), 1);
  }


.cm-hero-search .content{
      text-align: right;
      z-index: 1;
      position: relative;

  }

.cm-hero-search .content .md-heading{
      font-size: 4rem;
      margin-right: 1rem;
      display: flex;
  }

  
  @media (min-width:992px){
      .cm-hero-search .content .rte p{
      font-size: 1.6vw !important;
    }

   

  }

  @media (min-width: 1025px){
        .cm-hero-search .content{
        margin-top: 3rem;
  }
  }

.cm-hero-search .content .rte p{
      font-size: 2rem;
  }

 




.cm-hero-search form{
      display: flex;
      justify-content: center;
  }

.cm-hero-search .input-group{
      width: 63%;
  }

@media (max-width:992px){
    .cm-hero-search.single-message-search-bar .search-bar .form-control {
    border: 1px solid #fff;
    background-color: rgb(255, 255, 255) !important;
    border-radius: 2rem !important;
    color: #000 !important;
  }
}
 
.cm-hero-search.single-message-search-bar .search-bar .form-control {
    border: 1px solid #fff;
    background-color: rgba(255, 255, 255, 0.353);
    border-radius: 2rem !important;
  }
.cm-hero-search.single-message-search-bar .search-bar .form-control:focus{
    border: 1px solid rgba(252, 119, 83, 1);
    background-color: #fff;
    border-radius: 2rem !important;
}

.cm-hero-search.single-message-search-bar .search-bar i {
    color: #fff;
  }

  .cm-hero-search.single-message-search-bar .bg{
      position: relative;
      overflow: hidden;
  }
  
  .cm-hero-search.single-message-search-bar .bg::before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      mix-blend-mode: multiply;
      height: 100%;
     background: rgb(3,54,61);
background: -moz-linear-gradient(180deg, rgba(3,54,61,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(3,54,61,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(180deg, rgba(3,54,61,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#03363d",endColorstr="#000000",GradientType=1);
  }


 .cm-hero-search.single-message-search-bar::before{
            display: none;
          }
   @media (max-width:767px) {
.cm-hero-search.single-message-search-bar .container-fluid {
  padding-right: 2%;
  padding-left: 2%;
}
.cm-hero-search .input-group {
  width: 95%;
}
   }

    @media (max-width:992px) {

        .cm-hero-search .col-md-6:nth-child(2){
            display: none ;
          }

          .cm-hero-search.single-message-search-bar::before{
            display: none;
          }

          .cm-hero-search .row:first-child:before{
            width: calc(100% - 5rem);
            left: 5rem;
        }
 
    
        .cm-hero-search .input-group{
            width: 90%;
        }
    }



  
 

@media (min-width: 1021px){
    .cm-hero-search .media{
        height: 38rem !important;
    }
}

.cm-hero-search .media{
      max-width: fit-content;
  }

.cm-hero-search .media img{
    object-fit: cover;
    object-position: center;
    width: 100%;

  }

.cm-hero-search .col-md-7{
      padding: 0;
  }

.cm-hero-search.single-message-search-bar .xs-heading,
.cm-hero-search.single-message-search-bar .md-heading {
    color: #03363d;
  }
.cm-hero-search.single-message-search-bar .rte p,
.cm-hero-search.single-message-search-bar .rte ul,
.cm-hero-search.single-message-search-bar .rte li,
.cm-hero-search.single-message-search-bar .rte dd {
    color: #fff;
    font-weight: 200;
    text-align: center;
  }
 
.cm-hero-search .wrapper{
    position: relative;
    width: 100%;
}

.slidingVertical{
  display: inline-block;
  height:1.2em;
  vertical-align: top;   
  margin-left: 1rem;
  /* text-align: right; */
  margin-right: 0rem; 
  max-width: 14rem;
  width: 100%;
  position: relative;
 } 

.sentence{
    display: flex;
    justify-content: center;
    position: relative;
}
.sentence span{
    color: #fff;
    font-size: 3.8rem;
    /* right:0; */
} 


 /* .sentence span:nth-child(1){
 position: relative;
}  */



.slidingVertical span{
     /* animation: topToBottom 5.5s linear infinite 0s;
    -ms-animation: topToBottom 5.5s linear infinite 0s;
    -webkit-animation: topToBottom 5.5s linear infinite 0s; */
    animation: topToBottom 7.5s linear infinite 0s;
  -ms-animation: topToBottom 7.5s linear infinite 0s;
  -webkit-animation: topToBottom 7.5s linear infinite 0s;
    color: #fff;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    /* text-align: right; */
    left: 0;
}

.slidingVertical span:nth-child(2){
    /* animation-delay: 7.5s;
    -ms-animation-delay: 7.5s;
    -webkit-animation-delay: 7.5s; */
    animation-delay: 2.5s;
  -ms-animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
    /* animation-delay: 9.5s;
    -ms-animation-delay: 9.5s;
    -webkit-animation-delay: 9.5s;*/
    /* position: relative;  */
    animation-delay: 5s;
  -ms-animation-delay: 5s;
  -webkit-animation-delay: 5s;
} 


/*topToBottom Animation*/
 /* @-moz-keyframes topToBottom{
    0% { opacity: 0; }
    5% { opacity: 0;  }
    10% { opacity: 1; }
    25% { opacity: 1;  }
    30% { opacity: 0;  }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
    0% { opacity: 0; }
    5% { opacity: 0; }
    10% { opacity: 1;}
    25% { opacity: 1; }
    30% { opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
    0% { opacity: 0; }
    5% { opacity: 0;  }
    10% { opacity: 1;  }
    25% { opacity: 1;  }
    30% { opacity: 0; }
    80% { opacity: 0; }
    100% { opacity: 0; }
}  */

@-moz-keyframes topToBottom {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
    -moz-transform: translateY(-50px);
  }
  10% {
    opacity: 1;
    -moz-transform: translateY(0px);
  }
  25% {
    opacity: 1;
    -moz-transform: translateY(0px);
  }
  30% {
    opacity: 0;
    -moz-transform: translateY(50px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes topToBottom {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
    -webkit-transform: translateY(-50px);
  }
  10% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  25% {
    opacity: 1;
    -webkit-transform: translateY(0px);
  }
  30% {
    opacity: 0;
    -webkit-transform: translateY(50px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes topToBottom {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
    -ms-transform: translateY(-50px);
  }
  10% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }
  25% {
    opacity: 1;
    -ms-transform: translateY(0px);
  }
  30% {
    opacity: 0;
    -ms-transform: translateY(50px);
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}






.cm-hero-search .input-group .btn{
    border-radius: 50% !important;
    background-color: #fc7753 !important;
    color: #fff !important;
    padding: 0;
    height: 3rem;
    width: 3rem;
    margin-left: .6rem !important;
  }

.cm-hero-search .input-group .btn::before{
      display: none;
  }

.cm-hero-search .input-group .btn::after{
    display: none;
  }

.cm-hero-search .input-group .btn:hover{
    background-color: #fff !important;
  }

.cm-hero-search .input-group .btn:hover i{
    color: #fc7753 !important;
  }


  
  /* CM UPLOAD VACANCY */
.cm-upload-vacancy{
  padding-top:var(--vsm-mobile-padding-top);
  padding-bottom:var(--vsm-mobile-padding-bottom);
}
@media (min-width: 768px) {
 .cm-upload-vacancy{
   padding-top:var(--vsm-tablet-padding-top);
padding-bottom:var(--vsm-tablet-padding-bottom);
 }
}
@media (min-width: 1024px) {
  .cm-upload-vacancy{
  padding-top:var(--vsm-desktop-padding-top);
  padding-bottom:var(--vsm-desktop-padding-bottom);
 }
}


.cm-upload-vacancy.dark-green{
    background-color: #03363d;
}

 .cm-upload-vacancy.dark-green .sm-heading{
    color: #f7f4ef;
    position: relative;
    padding: 10px 0;
    margin-bottom: 3rem;
}

.cm-upload-vacancy.dark-green .sm-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    left: 0;
    width: 100%;
    background: #f7f4ef;
}


.cm-upload-vacancy.dark-green .form-holder .field .form-control{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #f7f4ef;
    padding-left: 0;
    color: #fff;
}
.cm-upload-vacancy.dark-green .element.text label{
    color: #fff;
}

.cm-upload-vacancy.dark-green .element label{
    color: #fff;
}

.cm-upload-vacancy.dark-green .form-holder .field .form-control::placeholder{
    color: rgba(255, 255, 255, 0.705);
}


.cm-upload-vacancy.dark-green .form-holder .field .icheck-primary{
    color: #fff;
}


.cm-upload-vacancy.dark-green .form-holder .field .icheck-primary a{
    color: #fff !important;
}

.cm-upload-vacancy.dark-green .btn.btn-primary span{
    color: #f7f4ef !important;
}

.cm-upload-vacancy.dark-green form .element.select.form-group .field select {
    background-color: transparent ;
    border: none;
    border-bottom: 1px solid #f7f4ef;
    padding-left: 0;
}

.cm-upload-vacancy.dark-green form .element.select.form-group .field select{
    color: rgba(255, 255, 255, 0.705);
}

.cm-upload-vacancy.dark-green .form-holder .element.select .field::before{
    color: #fff;
}

.cm-upload-vacancy form .element.file .field {
    border: none;
    padding-left: 0;
}

.cm-upload-vacancy.dark-green form .element.file .field label{
    background: transparent;
    border: none;
    border-bottom: 1px solid #f7f4ef;

}


.cm-upload-vacancy.dark-green form .element.file .field label span{
    color: #fff;
}

.cm-upload-vacancy.dark-green form .element.file .field .custom-file-label::after{
    color: #f7f4ef;
}


.cm-upload-vacancy.dark-green .form-holder .field .icheck-primary a{
    color: #fc7753;
}


.cm-upload-vacancy .form-holder .element.submit{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}


.cm-upload-vacancy .row:last-child{
    margin-top: 1rem;
}



 .cm-upload-vacancy .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }

  @media (min-width: 768px) {
   .cm-upload-vacancy .col {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
      flex: 1 0 0;
    }
  }

 .cm-upload-vacancy .general-contact-details li {
    margin-bottom: 1rem;
    font-size: var(--vsm-intro-text-size);
    font-weight: 500;
  }
 .cm-upload-vacancy .socials li {
    font-size: var(--vsm-intro-text-size);
    font-weight: 500;
    margin-bottom: 1rem;
  }




  .cm-upload-vacancy.dark-green .form-holder .btn {
    background: #f7f4ef !important;
    border-radius: 2rem;
    padding: 0.8rem 2rem !important;
}
.cm-upload-vacancy.dark-green .form-holder .btn span{
    color: #03363d !important;
}
.cm-upload-vacancy.dark-green .form-holder .btn::before{
    border-color: #03363d !important;
}

.cm-upload-vacancy.dark-green .form-holder .btn:after{
    content: url('/uploads/green-arrow.svg');
}





.cm-upload-vacancy.biege{
    background-color: #f7f4ef; 
}

.cm-upload-vacancy.biege .form-holder .btn {
    background: #03363d !important;
    border-radius: 2rem;
    padding: 0.8rem 2rem !important;
}
.cm-upload-vacancy.biege .form-holder .btn span{
    color: #f7f4ef !important;
}
.cm-upload-vacancy.biege .form-holder .btn::before{
    border-color: #fc7753 !important;
}

.cm-upload-vacancy.biege .form-holder .btn:after{
    content: url('/uploads/arrow.svg');
}

.cm-upload-vacancy.biege .sm-heading{
    color: #03363d;
    position: relative;
    padding: 10px 0;
    margin-bottom: 3rem;
}
.cm-upload-vacancy.biege .sm-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    left: 0;
    width: 100%;
    background: #03363d;
    
}

.cm-upload-vacancy.biege .element.text label{
    color: #03363d;
}

.cm-upload-vacancy.biege  .form-control{
    border: none;
    padding-left: 0;
}

.cm-upload-vacancy.biege input::placeholder{
    color: #03363dc0;
}

.cm-upload-vacancy.biege .element.textarea label{
    color: #03363d;
}

.cm-upload-vacancy.biege .element.textarea textarea {
    color: #03363d;
}

.cm-upload-vacancy.biege .element.textarea textarea::placeholder {
    color: #03363dc0;
}

.cm-upload-vacancy.biege .form-holder .field .form-control{
    border-bottom: 1px solid #03363d;
    background-color: transparent ;
}


.cm-upload-vacancy.biege form .element.select.form-group .field select {
    background-color: transparent ;
    border: none;
    border-bottom: 1px solid #03363d;
    padding-left: 0;
}

.cm-upload-vacancy.biege form .element.select.form-group .field select{
    color: #03363dc0;
}

.cm-upload-vacancy.biege .form-holder .element.select .field::before{
    color: #03363d;
}


.cm-upload-vacancy.biege form .element.file .field label{
    background: transparent;
    border: none;
    border-bottom: 1px solid #03363d;

}


.cm-upload-vacancy.biege form .element.file .field label span{
    color: #03363d;
}
.cm-upload-vacancy.biege form .element.file .field .custom-file-label::after{
    color: #03363d;
}


.cm-upload-vacancy.biege .form-holder .field .icheck-primary a{
    color: #03363d;
}

.cm-upload-vacancy.biege .form-holder .field .icheck-primary{ 
    color: #03363d;
}

  
/* CM SPLIT-CONTENT-50-50 */

.cm-split-content-50-50 .cm-header {
    position: relative;
    margin-bottom: 3.875rem;
}
.cm-split-content-50-50 .cm-header::after {
  position: absolute;
  content: '';
  height: 1px;
  bottom: 0;
  margin: 0 auto;
  left: 0;
  width: 100%;
  background: #000;

}
/* .cm-split-content-50-50 .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    margin: 0 auto;
    left: 0;
    width: 100%;
    background: #000;
} */

.cm-split-content-50-50 .col-md-6 .content{
    background-color: #f7f4ef;
}

@media (max-width:768px) {
    .cm-split-content-50-50 .col-md-6:nth-child(2){
        margin-top: 2rem;
    }

   
.cm-split-content-50-50 .media{
    height: 11rem;
}
}

.cm-split-content-50-50 .media{
    height: 16.5rem;
}

.cm-split-content-50-50 .media img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cm-split-content-50-50 .col-md-6 .sm-heading{
    position: relative;
    padding: 2rem 1.875rem .6rem 1.875rem;
}


.cm-split-content-50-50 .content .rte{
    padding: .2rem 1.875rem .2rem 1.875rem;

}
.cm-split-content-50-50 .btn{
    margin:.2rem 1.875rem .2rem 1.875rem;
    color: #fc7753;
}
.cm-split-content-50-50 .btn span{
    color: #fc7753;
}
.cm-split-content-50-50 .rte p{
    color: #000;
}

.cm-split-content-50-50 a{
    color: #fc7753;
}

.cm-split-content-50-50 ul{
    padding:0 ;
    padding-top: 2rem;
    margin-bottom: 0;
}

.cm-split-content-50-50 ul li{
    color: #03363d;
    list-style: none;
    padding: 1rem 0;
    border-top: 1px solid #03363d;
    padding-left: 2rem;
    cursor: pointer;
    position: relative;
}
.cm-split-content-50-50 ul li a{
    color: #293135;
    text-decoration: none;
    display: flex;
}
.cm-split-content-50-50 ul li a:hover{
    color: #fc7753;
}

.cm-split-content-50-50 ul li a:hover::after{
content: url('/uploads/arrow.svg');
position: absolute;
right: 1.2rem;
height: 1rem;
z-index: 1;
width: 1rem;
}
.cm-split-content-50-50 ul li:hover{
    background-color: #03363d1a;
}

.cm-split-content-50-50 .cm-header{
    padding-bottom: 1rem;

}
  





/* CM DROP OFF CV */


.cm-drop-off-cv{
    background-color: #03363d;
}


.cm-drop-off-cv .md-heading{
    color: #f7f4ef;
    position: relative;
    padding: 10px 0;
    margin-top: 1.48rem;
}

.cm-drop-off-cv .md-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    left: 0;
    width: 100%;
    background: #f7f4ef;
}

.cm-drop-off-cv .rte p{
    margin-bottom: 0 !important;
}

.cm-drop-off-cv .rte a{
    color: #fc7753;
}

.cm-drop-off-cv .form-holder .field .form-control{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #f7f4ef;
    padding-left: 0;
    color: #fff;
}


.cm-drop-off-cv .form-holder .field .icheck-primary a{
    color: #fff;
}

.cm-drop-off-cv .btn.btn-primary span{
    color: #f7f4ef !important;
}

.cm-drop-off-cv form .element.select.form-group .field select {
    background-color: transparent ;
    border: none;
    border-bottom: 1px solid #f7f4ef;
    padding-left: 0;
}

.cm-drop-off-cv form .element.select.form-group .field select{
    color: rgba(255, 255, 255, 0.705);
}

.cm-drop-off-cv .form-holder .element.select .field::before{
    color: #fff;
}

.cm-drop-off-cv form .element.file .field {
    border: none;
    padding-left: 0;
}

.cm-drop-off-cv form .element.file .field label{
    background: transparent;
    border: none;
    border-bottom: 1px solid #f7f4ef;

}

.cm-drop-off-cv form .element.file .field label span{
    color: #fff;
}

.cm-drop-off-cv form .element.file .field .custom-file-label::after{
    color: #f7f4ef;
}

.cm-drop-off-cv .form-holder .field .icheck-primary a{
    color: #fc7753;
}


.cm-drop-off-cv .form-holder .element.submit{
    display: flex;
    align-items: center;
}

.cm-drop-off-cv .form-holder .btn {
    background: #f7f4ef !important;
    border-radius: 2rem;
    padding: 0.8rem 2rem !important;
}

.cm-drop-off-cv .form-holder .btn span{
    color: #03363d !important;
}

.cm-drop-off-cv .form-holder .btn::before{
    border-color: #03363d !important;
}

.cm-drop-off-cv .form-holder .btn:after{
    content: url('/uploads/green-arrow.svg');
}

.cm-drop-off-cv .form-holder .btn:hover::before {
    width: 89% !important;
}


.cm-drop-off-cv .row:last-child{
    margin-top: 1rem;
}



.cm-drop-off-cv .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }

  @media (min-width: 768px) {
    .cm-drop-off-cv .col {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
      flex: 1 0 0;
    }
  }

  .cm-drop-off-cv .general-contact-details li {
    margin-bottom: 1rem;
    font-size: var(--vsm-intro-text-size);
    font-weight: 500;
  }
  .cm-drop-off-cv .socials li {
    font-size: var(--vsm-intro-text-size);
    font-weight: 500;
    margin-bottom: 1rem;
  }

.cm-drop-off-cv select option{
    color: #03363d;
}




 /* CM CALLBACK REQ */

.cm-callback-req{
    padding: 3rem 0;
}

.cm-callback-req.dark-green{
    background-color: #03363d;
}

.cm-callback-req.dark-green .element label{
        color: #f7f4ef;
}
.cm-callback-req.dark-green input::placeholder,
.cm-callback-req.dark-green textarea::placeholder{
       color: #fff!important;
       opacity: 0.5;
}
.cm-callback-req .col{
    margin-top: 1rem;
}

.cm-callback-req .element.select .field:before{
    content: url('/uploads/white-arrow.svg');
}

.cm-callback-req.dark-green .sm-heading{
    color: #f7f4ef;
    position: relative;
    padding: 10px 0;
}

.cm-callback-req.dark-green .sm-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    left: 0;
    width: 100%;
    background: #f7f4ef;
}

.cm-callback-req.dark-green .form-holder .field .form-control{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #f7f4ef;
    padding-left: 0;
    color: #fff;
}


.cm-callback-req.dark-green .form-holder .field .icheck-primary a{
    color: #fff;
}


.cm-callback-req.dark-green form .element.select.form-group .field select {
    background-color: transparent ;
    border: none;
    border-bottom: 1px solid #f7f4ef;
    padding-left: 0;
}

.cm-callback-req.dark-green form .element.select.form-group .field select{
    color: rgba(255, 255, 255, 0.705);
}

.cm-callback-req.dark-green .form-holder .element.select .field::before{
    color: #fff;
}

.cm-callback-req form .element.file .field {
    border: none;
    padding-left: 0;
}

.cm-callback-req.dark-green form .element.file .field label{
    background: transparent;
    border: none;
    border-bottom: 1px solid #f7f4ef;
}


.cm-callback-req.dark-green form .element.file .field label span{
    color: #fff;
}

.cm-callback-req.dark-green form .element.file .field .custom-file-label::after{
    color: #f7f4ef;
}


.cm-callback-req.dark-green .form-holder .field .icheck-primary a{
    color: #fff;
}


.cm-callback-req .form-holder .element.submit{
    display: flex;
    align-items: center;
}
  .cm-callback-req .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
  }

  @media (min-width: 768px) {
    .cm-callback-req .col {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
      flex: 1 0 0;
    }
  }

 @media (min-width: 1024px) {
  .cm-callback-req.dark-green .media{
    padding-left: 10%;
padding-right: 10%;
}
 }

  .cm-callback-req .general-contact-details li {
    margin-bottom: 1rem;
    font-size: var(--vsm-intro-text-size);
    font-weight: 500;
  }
  .cm-callback-req .socials li {
    font-size: var(--vsm-intro-text-size);
    font-weight: 500;
    margin-bottom: 1rem;
  }


.cm-callback-req .media img{
    width: 100%;
}

@media (max-width:768px){
    .cm-callback-req .media img{
    display: none;
}
}



.cm-callback-req.biege{
    background-color: #f7f4ef; 
}

.cm-callback-req.biege .sm-heading{
    color: #03363d;
    position: relative;
    padding: 10px 0;
    margin-bottom: 3rem;
}
.cm-callback-req.biege .sm-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    left: 0;
    width: 100%;
    background: #03363d;
    
}

.cm-callback-req.biege .element.text label{
    color: #03363d;
}

.cm-callback-req.biege  .form-control{
    border: none;
    padding-left: 0;
}

.cm-callback-req.biege input::placeholder{
    color: #03363dc0;
}

.cm-callback-req.biege .element.textarea label{
    color: #03363d;
}

.cm-callback-req.biege .element.textarea textarea {
    color: #03363d;
}

.cm-callback-req.biege .element.textarea textarea::placeholder {
    color: #03363dc0;
}

.cm-callback-req.biege .form-holder .field .form-control{
    border-bottom: 1px solid #03363d;
    background-color: transparent ;
}


.cm-callback-req.biege form .element.select.form-group .field select {
    background-color: transparent ;
    border: none;
    border-bottom: 1px solid #03363d;
    padding-left: 0;
}

.cm-callback-req.biege form .element.select.form-group .field select{
    color: #03363dc0;
}

.cm-callback-req.biege .form-holder .element.select .field::before{
    color: #03363d;
}


.cm-callback-req.biege form .element.file .field label{
    background: transparent;
    border: none;
    border-bottom: 1px solid #03363d;

}


.cm-callback-req.biege form .element.file .field label span{
    color: #03363d;
}
.cm-callback-req.biege form .element.file .field .custom-file-label::after{
    color: #03363d;
}


.cm-callback-req.biege .form-holder .field .icheck-primary a{
    color: #03363d;
}

.cm-callback-req.biege .form-holder .field .icheck-primary{ 
    color: #03363d;
}

.cm-callback-req .icheck-primary>input:first-child:checked+label::before{
    background-color: #fff ;
}

.cm-callback-req select option{
    color: #03363d;
}


.cm-callback-req .form-holder .btn {
    background: #f7f4ef !important;
    border-radius: 2rem;
    padding: 0.8rem 2rem !important;
}

.cm-callback-req .form-holder .btn span{
    color: #03363d !important;
}

.cm-callback-req .form-holder .btn::before{
    border-color: #03363d !important;
}

.cm-callback-req .form-holder .btn:after{
    content: url('/uploads/green-arrow.svg');
}

.cm-callback-req .form-holder .btn:hover::before {
    width: 89% !important;
}

/* VSM TIMELINE HORIZONTAL */
 .vsm-timeline-horizontal .bg{
    background-color: #fff;
}
@media (max-width: 768px) {
.vsm-timeline-horizontal .swiper-navigation {
  position: absolute;
  width: 100%;
  top: 18px;
  left: 0;
}
}
.vsm-timeline-horizontal .swiper-slide .event .content{
    background-color: #f7f4ef;
    padding:30px;
}

.vsm-timeline-horizontal .swiper-slide .event .content .rte p{
    color: #000;
}


.vsm-timeline-horizontal .timeline .swiper-slide .event .media{
   width: 60%; 
}
.vsm-timeline-horizontal .timeline .swiper-slide .event .media img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 10rem;
}
.vsm-timeline-horizontal .swiper-slide .event .content .xs-heading{
  position: relative;
  padding: 0rem 0rem 0.85rem 0rem;
  margin: 0rem 0rem 1.25rem 0rem;
}

.vsm-timeline-horizontal .swiper-slide .event .content .xs-heading::after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    left: 0;
    width: 100%;
    background: #03363d;
}
.vsm-timeline-horizontal .timeline .swiper-slide.swiper-slide-active .events .event, 
.vsm-timeline-horizontal .timeline .swiper-slide.swiper-slide-visible .events .event{
    display: block;
} 

.vsm-content-image-50-50 .plyr--video{
aspect-ratio: 1/1;
}
.plyr__controls.plyr__control::before{
  display: none;
}
.vsm-split-content-50-50.list{ background-color: #ffffff;}
.vsm-split-content-50-50.list ul li:not(:last-child){
border-top: 1px solid #03363d;
padding: 10px 0;
    
}


.vsm-split-content-50-50.list ul li:last-child{
border-top: 1px solid #03363d;    
border-bottom: 1px solid #03363d;
padding: 10px 0;
}
.vsm-split-content-50-50.list .rte{
    padding:0;
}
.vsm-split-content-50-50.list .rte ul{
        padding-left:0;
    list-style: none;
}
.vsm-split-content-50-50.list .rte ul li::marker{
    display: none;
    }
.vsm-split-content-50-50.list .rte ul li{
    color: rgba(var(--vsm-black), 1);
    }
.vsm-split-content-50-50.list .rte ul li:hover{
    background: #f7f4ef;
}
.vsm-split-content-50-50.list .md-heading::after{
    background: none;
}

footer.vsm-default-footer .contact-info div a{
  text-decoration: none;
  font-weight: 500;
}
footer.vsm-default-footer .contact-info div, 
footer.vsm-default-footer .contact-info div:nth-of-type(1), 
footer.vsm-default-footer .contact-info div:nth-of-type(2), 
footer.vsm-default-footer .contact-info div:nth-of-type(3),
footer.vsm-default-footer .contact-info div:nth-of-type(4), 
footer.vsm-default-footer .contact-info div:nth-of-type(5) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    font-weight: 500;
}
/* footer.vsm-default-footer .contact-info div:nth-of-type(3) {
     -webkit-box-flex: 1;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
    font-weight: 500;
}

footer.vsm-default-footer .contact-info div:nth-of-type(5) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
    font-weight: 500;
}
footer.vsm-default-footer .contact-info div:nth-of-type(7) {
      -webkit-box-flex: 1;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
    font-weight: 500;
}
footer.vsm-default-footer .contact-info div:nth-of-type(2){
    -webkit-box-flex: 1;
    -ms-flex: 1 0 70%;
    flex: 1 0 70%;
    font-weight: 500;
}
footer.vsm-default-footer .contact-info div:nth-of-type(4) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 70%;
    flex: 1 0 70%;
    font-weight: 500;
}

footer.vsm-default-footer .contact-info div:nth-of-type(6){
    -webkit-box-flex: 1;
    -ms-flex: 1 0 70%;
    flex: 1 0 70%;
    font-weight: 500;
}
footer.vsm-default-footer .contact-info div:nth-of-type(8) {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 70%;
    flex: 1 0 70%;
    font-weight: 500;
} */
footer.vsm-default-footer .social li a i:hover,
footer.vsm-default-footer ul li a:hover,
.vsm-default-footer .col-12 .social li a:hover{
  /*color: rgba(var(--vsm-secondary-colour), 1);*/
  color: #fc7753;
}
.vsm-default-footer .col-12 .contact-info div:nth-child(3){
    border-bottom: none;
}
.vsm-default-footer .col-12 .contact-info div:nth-child(4) {
     border-bottom: 1px solid rgba(41, 49, 53, 0.29);
      margin-bottom: 2rem;
}
.vsm-default-footer .col-12 .contact-info div:nth-child(5){
    border-bottom: none;
}
.vsm-default-footer .col-12 .contact-info div:nth-child(6) {
    border-bottom: none;
}
.vsm-default-footer .col-12 .contact-info div:nth-child(7),
.vsm-default-footer .col-12 .contact-info div:nth-child(8) {
    border-bottom: 1px solid rgba(41, 49, 53, 0.29);
}
.vsm-default-footer .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):hover{
 background-color: #fc7753 !important; 
}
.vsm-default-signoff .signoff-links li a{
    font-size: .75rem;
}
.vsm-default-signoff span.designed-by a{
    color: #03363d;
}
@media (min-width: 992px){
.vsm-small-boxes .vsm-header .col-auto {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 83.3333333333%;
}}


.vsm-small-boxes .col {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px){
    .vsm-small-boxes .media img {
        padding: 3rem;
          -o-object-fit:contain;
    object-fit: contain;
    }


}
@media (min-width: 768px){
    .vsm-small-boxes .media img{
    padding: 1rem;
    -o-object-fit:contain;
    object-fit: contain;
    }
    .vsm-small-boxes .col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33%;
    flex: 1 0 33%;
    max-width: 33%;
    }
}
@media (min-width: 992px){
.vsm-small-boxes .col {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 16.66%;
  flex: 1 0 16.66%;
  max-width: 16.66%;
}
}

@media (max-width:420px){
   .vsm-top .navigation .brand img {
  height: 2.4rem;
}  
}
@media (min-width: 421px){
 .vsm-top .navigation .brand img {
  height: 3.563rem;
}
}
@media (min-width: 768px){
.vsm-top .navigation .brand img {
  height: 4.563rem;
}
}
.vsm-top .navigation.search-open {
  background: rgba(var(--vsm-primary-colour), 1);
}
.vsm-top .navigation.search-open .search-bar .form-control {
background-color: #fff;
border-radius: 2rem 0rem 0rem 2rem !important;
}
.vsm-top .navigation.search-open .search-bar .form-select {
border: 1px solid rgba(3, 54, 61, 0.247);
background-color: #fff;
border-radius: 0rem 2rem 2rem 0rem !important;
}
.vsm-top .navigation.search-open .search-bar .btn span{
    color: rgba(var(--vsm-white), 1);
}
.vsm-top .navigation.search-open .more-nav nav li.search-bar-btn i::before {
    content: "\f00d";
    color: rgba(var(--vsm-white), 1);
}
@media (min-width: 992px){
.vsm-top .container {
  max-width: 95%;
}
}

.vsm-top .navigation .more-nav ul li a img{
    height:1.2rem;
}
.vsm-top .navigation.search-open .search-bar .btn::before{
 display:none;
}

.vsm-top .navigation .more-nav ul li a{
     color: rgba(var(--vsm-primary-colour), 1); 
     text-decoration: none;
}
.vsm-top .navigation.search-open .more-nav nav li.search-bar-btn{
    margin:0 0.938rem 0 0rem;
}

/* Tooltip container */
.tool-tip {
    position: relative;
  display: block;
}

.menu-open .vsm-top .tool-tip:after, .menu-open .vsm-top .tool-tip.phone:after{
    color: #03363d !important;
}

.menu-open .vsm-top .navigation .more-nav ul li a{
    color: #03363d !important;
}

.vsm-top.fixed .tool-tip:after{
    color: #03363d;
}

.vsm-top.fixed .tool-tip.phone:after{
    color: #03363d;
}

.tool-tip:after{
    content: '\f574';
    font-family: 'Font Awesome 5 Free';
    position: relative;
    color: #fff;
    font-weight: 900;
    font-size: 1.2rem;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.tool-tip.phone:after{
    content: '\f095';
    position: relative;
    color: #fff;
    font-weight: 900;
    font-size: 1.2rem;
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.tool-tip:hover .tooltiptext a{
    color: #03363d;
}
.tool-tip img{
    display: block;
    cursor: pointer;
    height:1.2rem;
    }
@media (max-width: 768px){

}

/* Tooltip text */
.tool-tip .tooltiptext {
  display: none;
  width: 12rem;
  color: black;
   background-color: #fff;
  text-align: left;
  padding: 1rem;
  border-radius: 1rem;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 3;
  top: 150%;
  left: 50%;
  margin-left: -6rem;
}
.tool-tip .tooltiptext p{
    margin-bottom: 1rem;
}
.tool-tip .tooltiptext p:last-child{
margin-bottom: 0rem;}

.tool-tip .tooltiptext .title{
    font-weight: bold;
    color: #F25D0E;
    margin-bottom: 0px;
}
.tooltiptext::after {
 content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tool-tip:hover .tooltiptext {
 display: block;
}


.menu-backdrop.show {
  opacity: .5;
}
.menu-backdrop.fade {
  opacity: 0;
}
.modal-backdrop, .menu-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.fade {
  transition: opacity .15s linear;
}


/* Turn burger into a x */
.menu-open .vsm-top .navigation .burger-menu span::before{
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top:0;
}
.menu-open .vsm-top .navigation .burger-menu span::after{
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
    top:0;
}
.menu-open .vsm-top .navigation .more-nav ul li.mobile span.burger-menu span {
 background-color: transparent;
}

.menu-open .vsm-top .navigation .more-nav ul li.mobile span.burger-menu {
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
  background-color: #03363d;
  position: relative;
  transition: .3s ease-in-out;
}
.menu-open .vsm-top .navigation .more-nav ul li.mobile span.burger-menu::after {
  content: '';
  height: 3.5rem;
  width: 3.5rem;
  background-color: transparent;
  position: absolute;
  top: -4.3px;
  left: -4.5px;
  border-radius: 50%;
  border: 1px solid #03363d;
  z-index: 2;
}

.slide-menu ul{
  font-family: "Oxygen", sans-serif;
  padding: 20px 0px 30px 30px;
}
.slide-menu ul li > a{
  padding:0;
}


.vsm-default-internal-hero.option-2 {
  position: relative;
  background: linear-gradient( to right, #03363d, #f7f4ef 0%, #f7f4ef 100% );
 /* border-bottom: 2px solid #03363d;*/
}
.vsm-default-internal-hero.option-2 .content {
  text-align: left;
  margin-left: 0rem;
}
.vsm-default-internal-hero.option-2 .rte p{
  color: #03363d;
}
.vsm-default-internal-hero.option-2 .md-heading {
  color: #03363d;
  padding: 10px 0;
  position: relative;
}

.vsm-default-internal-hero.option-3 {
  position: relative;
  background: #03363d;
  border-bottom: 2px solid #03363d;
}
.vsm-default-internal-hero.option-3 .rte p{
  color: #ffffff;
}
.vsm-default-internal-hero.option-3 .md-heading {
  color: #ffffff;
  padding: 10px 0;
  position: relative;
}
.vsm-default-internal-hero.option-3 .content {
  text-align: left;
  margin-left: 0rem;
}
.vsm-top.fixed .navigation .more-nav ul li a{
  text-decoration: none;
  color: #03363d !important;
}

.cm-upload-cv.biege .custom-file-label::after {
  background-image: url(/img/file-arrow-up-solid-green.svg);
background-repeat: no-repeat;
position: absolute;
top: 0.938rem;
right: 0.625rem;
bottom: 0;
z-index: 3;
display: block;
content: '';
font-style: normal;
line-height: 1;
background-size: 100%;
height: 2rem;
width: 0.8rem;
}
.cm-upload-cv.dark-green form .element.file .field .custom-file-label::after,
.cm-drop-off-cv .custom-file-label::after {
  background-image: url(/img/file-arrow-up-solid-white.svg);
background-repeat: no-repeat;
position: absolute;
top: 0.938rem;
right: 0.625rem;
bottom: 0;
z-index: 3;
display: block;
content: '';
font-style: normal;
line-height: 1;
background-size: 100%;
height: 2rem;
width: 0.8rem;
}
.cm-drop-off-cv form .element.file .field label{
  padding-left: 0px;
}


/* VSM FULL WIDTH CALL TO ACTION */

.vsm-full-width-call-to-action .bg{
    background-color: #f7f4ef;
}

.vsm-full-width-call-to-action .col-8{
    width: 100%;
}

.vsm-full-width-call-to-action .content .rte{
    position: relative;
    color: #000;
    padding: 10px 0;
}

.vsm-full-width-call-to-action .content .rte p{
    color: #000;
    font-size: 24px;
    font-size: 1.5rem;

}

.vsm-full-width-call-to-action .row.justify-content-between{
  padding-top: 2rem;
  border-top: 1px solid #000;
  width: 100%;
}



.vsm-full-width-call-to-action .md-heading{
    color: #000;
    font-size: 4rem;
    font-weight: 500;
}
@media (max-width:767px) {
    .vsm-full-width-call-to-action .md-heading{
        margin-bottom: 4rem;
        padding: 0 1rem;
        font-size: 3rem;
    }

    .vsm-full-width-call-to-action .btn span{
        font-size: 1rem;
    }

    .vsm-full-width-call-to-action .col-8{
    width: 100%;
}
}

.vsm-full-width-call-to-action .md-heading{
    margin-bottom: 3rem;
}

@media (max-width:768px){
    .vsm-job-carousel .btn span{
        font-size: 1rem;
    }
}


@media (min-width:768px) {
.vsm-job-carousel .vsm-header .row{
  margin-right: 0px;
  margin-left:  0px;
  --bs-gutter-x: 0rem;
  --bs-gutter-y: 0rem;
}
.vsm-job-carousel .vsm-header .container{
    padding-right: 0rem;
    padding-left: 0rem;
    max-width: 80%;
}
.vsm-job-carousel .vsm-body{
  padding: 3.875rem 0 0rem 0;  
}
.vsm-job-carousel .vsm-body .container{
    padding-right: 0rem;
    padding-left: 0rem;
    max-width: 80%;
}
}
.vsm-job-carousel .swiper-container{
    overflow: hidden;
}
.vsm-job-carousel .swiper-wrapper{
    overflow: visible;
}

.accordion-item:first-of-type,
.accordion-item:last-of-type{
  border-bottom-right-radius: 0rem;
  border-bottom-left-radius: 0rem;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
}


  @media (min-width: 768px){
.vsm-content-layout-4 .right-col .mw-660 .content {
  padding-top: calc(8.33333% + 3rem);
    padding-right: calc(8.33333% + 3rem);
      padding-left: calc(8.33333% + 3rem);
      padding-bottom: calc(0% + 0rem) !important;
}
  }
.vsm-short-testimonial-carousel .testimonial-data .author .position{
  margin-top: 0rem;
  color:#F25D0E;
   font-weight: 500;
}
  .vsm-short-testimonial-carousel .testimonial-data .media{
    width: 4.625rem;
height: 4.625rem;
  }
.vsm-short-testimonial-carousel .testimonial-data .author .name,
.vsm-short-testimonial-carousel .testimonial-data .name{
      color: #F25D0E;
      font-weight: 600;
      padding-bottom: 10px;

}
.vsm-short-testimonial-carousel .testimonial-data .author .name{
    padding: 0;
}
.vsm-short-testimonial-carousel .testimonial-data .name a{
      text-decoration: none;
            color: #F25D0E;
            font-weight: 500;
}
.vsm-short-testimonial-carousel .testimonial-data .name a:hover{
color: rgba(var(--vsm-black), 1);
}
.slide-menu ul li > a{
  display: inline;
  font-size: 1.2rem;
  line-height: 3rem;
}

span.slide-menu__decorator{
  margin-left:.5rem;
}

/* CM CASE STUDY / SMALL BOXES */


.cm-small-boxes .cm-header .row{
    position: relative;
    margin-bottom: 1rem;
}

.cm-small-boxes .cm-header .row .col:nth-child(1){
    max-width: 100%;
}


.cm-small-boxes .cm-header .row:after{
    position: absolute;
    content: '';
    height: 1px;
    bottom: 0; 
    Left:0;
    width: 100%;
    background: #03363d;
}
.cm-small-boxes .cm-body .row{
  grid-gap: 1rem;
}
.cm-small-boxes .cm-body .col {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
        background: #03363d;
  }
  @media (min-width: 768px) {
    .cm-small-boxes .col {
      -webkit-box-flex: 1;
      -ms-flex: 1 0 31%;
      flex: 1 0 31%;
      max-width: 31%;
    }
  }
  .cm-small-boxes .small-box-card {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 15.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    overflow: hidden;
    margin-bottom: 0.938rem;
background: #03363d;}

  .cm-small-boxes .small-box-card .content .details {
    height: 100%;
    visibility: visible;
    opacity: 1;
  }
  .cm-small-boxes .small-box-card .content .details a.btn span{
    color: #ffffff;
  }
  .cm-small-boxes .media {
    position: absolute;
    top: 0;
    overflow: hidden;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    width: 100%;
    height: 100%;
  }
  .cm-small-boxes .media img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .cm-small-boxes .content {
    padding: 1.175rem;
  }
  .cm-small-boxes .content .media {
    position: relative;
    margin-bottom: 0.5rem;
    padding: .675rem;

  }
 
  .cm-small-boxes .content .media img {
    width: 8rem;
    height: 4rem;
    -o-object-fit: contain;
    object-fit: contain;
    
  }

  .cm-small-boxes .content .rte {
      position: relative;
      color: #fff;
  }

  .cm-small-boxes .content .rte::before{
    position: absolute;
    content: '';
    height: 1px;
    left: 0;
    top: -.2rem;
    width: 100%;
    background: #fc7753;
  }

  .cm-small-boxes .content .xs-heading {
    color: #fff;
  }
  .cm-small-boxes .content .xs-heading a {
    color: #fff;
    text-decoration: none;
  }
  .cm-small-boxes .content .details {
    visibility: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
    color: #fff;
  }

  .cm-small-boxes .content .details .inline-link span{
    color: #fff;
  }

  .cm-small-boxes .content .details p,
  .cm-small-boxes .content .details li,
  .cm-small-boxes .content .details dd {
    color: #fff;
    margin-bottom: 0.5rem;
  }
  .cm-small-boxes .content .details .contact-email,
  .cm-small-boxes .content .details .contact-number,
  .cm-small-boxes .content .details .contact-address {
    margin-bottom: 0.5rem;
    display: inline-block;
  }
  .cm-small-boxes .content .details .contact-email i,
  .cm-small-boxes .content .details .contact-number i,
  .cm-small-boxes .content .details .contact-address i {
    margin-right: 0.313rem;
  }

  .cm-small-boxes .paging-information .page-link{
    color: #03363d;
    text-decoration: none;
  }

  .cm-small-boxes .paging-information .page-link:hover{
    text-decoration: underline;
  }

  .cm-small-boxes .paging-information .page-item.active .page-link{
    color: #fc7753;
  }
  .cm-small-boxes .paging-information{ border-bottom:none;}


@media (min-width: 992px){
.cm-callback-req.dark-green .container-fluid {
  padding-left: 0;
}
}
.cm-upload-cv.dark-green .custom-file-label{
  padding: .59rem 0 0 0;
}

.cm-drop-off-cv .rte p{
   color: #fff;
}

.cm-drop-off-cv .element.text label{
    color: #fff;
}

.cm-drop-off-cv .element label{
    color: #fff;
}

.cm-drop-off-cv .form-holder .field .form-control::placeholder{
    color: rgba(255, 255, 255, 0.5);
}

/* vsm-job-details  */
.vsm-job-details .form-holder .btn.btn-primary{
  position:relative;
  background: #03363d !important;
  border-radius: 2rem;
  padding: 0.8rem 2rem !important;
}

.vsm-job-details ul.job-data-highlights {
padding-left: calc(var(--bs-gutter-x) * .5);
}

.vsm-accordion-mixed-content-50-50 .media{
    margin-bottom:0px;
    padding-left: 2rem;
}

.vsm-profile-cards .profile .content .btn span {
  color: #000;
  font-weight: 400;
  padding-right: 1.7rem;
  line-height: 2rem;
}
.vsm-profile-cards .profile .content .btn::after {
  content: url('/uploads/arrow.svg');
  position: absolute;
  right: 1.2rem;
  height: 1.1rem;
  top: 1rem;
}

.vsm-profile-header .bg{
 background-color: #f7f4ef;   
}
.vsm-profile-cards .col:nth-child(2n+1){
     background: #f7f4ef;  
}

@media (max-width: 767px) {

    .vsm-timeline-horizontal .timeline .swiper-slide .event .media img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 13.2rem;
}
    .vsm-timeline-horizontal .timeline .swiper-slide .event .media{
    width: 100%;   height: 13.2rem;
    }
    .vsm-timeline-horizontal .timeline .swiper-slide .event .content{
    width: 100%; 
    }
}
.vsm-job-carousel .swiper-navigation div{
    margin:0 1rem;
}

.vsm-short-testimonial-carousel.google-look .vsm-header {
    margin-bottom: 0 !important;
}

.vsm-short-testimonial-carousel.google-look .vsm-header .md-heading {
    margin-bottom: 0 !important;
}

.vsm-top.jfixed .navigation .primary-nav ul li a{color: rgba(var(--vsm-black), 1);}
 .vsm-top.jfixed .navigation .more-nav ul li a{color: rgba(var(--vsm-black), 1)!important;}
.vsm-top.jfixed .navigation .primary-nav ul li.dropdown>a:after {
    color: rgba(var(--vsm-black), 1);
}

.vsm-top.jfixed .navigation .primary-nav ul li a:hover{
    color: rgba(var(--vsm-accent-colour), 1);
}
.vsm-top.jfixed .navigation .more-nav ul li a:hover {
    color: rgba(var(--vsm-accent-colour), 1)!important;
}

.vsm-top.jfixed .navigation .more-nav .tool-tip:after{
    color: rgba(var(--vsm-black), 1);
}

.vsm-top.jfixed .navigation .more-nav .tool-tip:hover:after{
     color: rgba(var(--vsm-accent-colour), 1);
}

.vsm-top.jfixed .navigation .more-nav ul li.search-bar-btn a{
color: rgba(var(--vsm-black), 1);
}
.vsm-top.jfixed .navigation .more-nav ul li.search-bar-btn a:hover{
color: rgba(var(--vsm-accent-colour), 1);
}

#vennture_dynamic_jobsearch .job-search-filters .filter-group{
    overflow: visible;
}

#vennture_dynamic_jobsearch .results-header .col-auto .btn{
    display:flex;
}

#vennture_dynamic_jobsearch .results-header .col-auto .btn span{
    padding-right: 2.7rem;
}

@media (min-width: 992px){
#vennture_dynamic_jobsearch .vsm-search-bar .search-bar >.row .row{
       align-items: center;
}
#vennture_dynamic_jobsearch .vsm-search-bar .element.text{
    margin-bottom:0;
}
}
#vennture_dynamic_jobsearch .vsm-search-bar .btn, #vennture_dynamic_jobsearch .vsm-search-bar .btn span{
    color:#ffffff;
}