/*********************************/
/*            Common             */
/*********************************/

.freelancers-slide-show {
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: var(--color-background-dark);
  
  --slideshow-slide-width: 206px;
  --slideshow-count: 8;
  --slideshow-speed: 40s;
}

.freelancers-slide-show .freelancers-slide-show-container {
  position: relative;
  display: flex;
  flex-direction: column;
}

.freelancers-slide-show .freelancers-slide-show-background {
  height: 100%;
  left: -52px;
  right: -52px;
  position: absolute;
  background: url(https://cdn2.hubspot.net/hubfs/3370273/Website_assets_3/icons/plus-white.svg) left top no-repeat,
    url(https://cdn2.hubspot.net/hubfs/3370273/Website_assets_3/icons/plus-white.svg) right top no-repeat,
    url(https://cdn2.hubspot.net/hubfs/3370273/Website_assets_3/images/backgrounds/squared-background.svg) 24px 40px no-repeat;
}

.freelancers-slide-show .freelancers-slide-show-left-header {
  left: 0px;
}

.freelancers-slide-show .freelancers-slide-show-right-header {
  right: 420px;
}

.freelancers-slide-show .freelancers-slide-show-left-header,
.freelancers-slide-show .freelancers-slide-show-right-header {
  position: absolute;
  top: 0;
  color: var(--color-font-contrast);
}

.freelancers-slide-show .freelancer-slide-show-slide-container {
  height: 278px;
  position: relative;
  padding-bottom: 72px;
}

.freelancers-slide-show .freelancer-slide-show-wrapper {
  left: -110px;
  right: -110px;
  position: absolute;
}

.freelancers-slide-show .slideshow::before,
.freelancers-slide-show .slideshow::after {
  background: linear-gradient(270deg, #1E1E1E 0%, rgba(30, 30, 30, 0.0001) 97.84%);
}

.freelancers-slide-show .slideshow::before {
  transform: matrix(-1, 0, 0, 1, 0, 0);
}

.freelancers-slide-show .slideshow::after {
  transform: none;
}

.freelancers-slide-show .freelancers-slide-show-subject {
  margin: 104px auto 64px auto;
}

.freelancers-slide-show .freelancers-slide-show-subject .heading-1 {
  color: var(--color-font-contrast);
  text-align: center;
}

.freelancers-slide-show .freelancers-slide-show-subject .heading-5 {
  margin: 24px auto;
  width: 67%;
  color: var(--color-font-contrast);
  text-align: center;
}

.freelancers-slide-show .heading-1,
.freelancers-slide-show .freelancers-slide-show-content {
  z-index: 1;
}

.freelancers-slide-show .freelancers-slide-show-content {
  height: 278px;
  display: flex;
}

.freelancers-slide-show .freelancers-slide-show-card {
  width: 190px;
  height: 249px;
  margin: 0 8px
}

.freelancers-slide-show .freelancers-slide-show-card-header {
  display: flex;
  height: 29px;
}

.freelancers-slide-show .freelancers-slide-show-card-header .body-2 {
  color: var(--color-font-contrast);
  line-height: 27px;
}

.freelancers-slide-show .color-delimiter-red,
.freelancers-slide-show .color-delimiter-green,
.freelancers-slide-show .color-delimiter-yellow,
.freelancers-slide-show .color-delimiter-blue {
  height: 4px;
  width: 100%;
  margin: auto 0 auto 8px;
}

.freelancers-slide-show .color-delimiter-red {
  background-color: var(--color-red-40);
}

.freelancers-slide-show .color-delimiter-green {
  background-color: var(--color-green-40);
}

.freelancers-slide-show .color-delimiter-blue {
  background-color: var(--color-blue-40);
}

.freelancers-slide-show .color-delimiter-yellow {
  background-color: var(--color-yellow-40);
}

.freelancers-slide-show .freelancers-slide-show-card-image {
  width: 190px;
  min-height: 191px;
  height: auto;
  background-color: var(--color-black-20);
}


.freelancers-slide-show .freelancers-slide-show-button {
  margin: auto;
}

.freelancers-slide-show .freelancers-slide-show-card-footer {
  font-style: normal;
  font-weight: 800;
  font-size: 16.139px;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.4px;
  color: var(--color-font-contrast);
  
  padding: 16px 0;
  margin: 0 auto;
  border: 1px solid var(--color-font-contrast)
}

@media (max-width: 767px) {
  .freelancers-slide-show .freelancers-slide-show-left-header,
  .freelancers-slide-show .freelancers-slide-show-right-header {
    display: none;
  }
}

/*********************************/
/*            Light              */
/*********************************/

.freelancers-slide-show.light-freelancers-slide-show {
  background: none;
}

.freelancers-slide-show.light-freelancers-slide-show .freelancers-slide-show-subject .heading-1,
.freelancers-slide-show.light-freelancers-slide-show .freelancers-slide-show-subject .heading-5,
.freelancers-slide-show.light-freelancers-slide-show .freelancers-slide-show-card-header .body-2,
.freelancers-slide-show.light-freelancers-slide-show .freelancers-slide-show-card-footer {
  color: var(--color-font);
}

.freelancers-slide-show.light-freelancers-slide-show .slideshow::before,
.freelancers-slide-show.light-freelancers-slide-show .slideshow::after {
  background: linear-gradient(270deg, #F6F6F6 0%, rgba(246, 246, 246, 0.0001) 97.84%);
}