/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* Theme colors
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* BOOTSTRAP OVERWRITE - START
*/
/*
* BOOTSTRAP OVERWRITE - END
*/
/*
* Theme styles
*/
/*
* Media Query
*/
/*
* Section margin
*/
/*
* Section padding
*/
/*
* Display list elements in column
*/
/*
* Menu item width in footer menu
*/
/*
* Small gray shadow
*/
/*
* Large gray shadow
*/
/*
* Headers
*/
/*
* Custom scrollbar
*/
@-moz-document url-prefix() { }

/*
* Reset list styles
*/
.block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__description ul {
  margin: 0;
  padding: 0; }

.block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__description ul li {
  margin: 0;
  padding: 0;
  list-style: none; }

/*
* Link circle hover
*/
/*
* Button hover
*/
/*
* Button mobile full width
*/
/*
* Section width
*/
/*
* Section paddings
*/
/*
* Section header
*/
/*
* Element under section description
*/
/*
* Element under section description
*/
/*
* Link hover color
*/
/*
* Hero section styles
*/
@keyframes move-dot {
  0% {
    bottom: 0.4rem;
    opacity: 1; }
  20% {
    opacity: 1; }
  100% {
    bottom: 1rem;
    opacity: 0; } }

/*
* Position absolute - full width
*/
/*
* Image as cover or contain
*/
.block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%; }

/*
* Icon wrapper
*/
/*
* Element border-radius
*/
/*
* checkbox checked
*/
/*
* language font
*/
/*
* Slider pagination
*/
.block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-container .swiper-pagination {
  bottom: 0; }
  .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 1.7rem;
    height: 1.7rem;
    border: 1px solid #F8B322;
    background-color: #ffffff;
    opacity: 1;
    transition: background-color 300ms ease-in-out; }
  .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #F8B322;
    transition: background-color 300ms ease-in-out; }

/*
* Slider buttons
*/
.block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-button {
  width: 5rem;
  height: 5rem;
  background-color: #333D47;
  border-radius: 50%;
  top: 49%;
  transform: translateY(-50%);
  display: none; }
  @media screen and (min-width: 992px) {
    .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-button {
      display: block; } }
  .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-button:after {
    content: "";
    width: 2.4rem;
    height: 1.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-button.swiper-button-prev {
  left: 0; }
  .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-button.swiper-button-prev:after {
    background: url("../src/images/arrow-right-long.svg") no-repeat;
    transform: translate(-50%, -50%) rotate(180deg); }

.block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-button.swiper-button-next {
  right: 10rem; }
  @media screen and (min-width: 1940px) {
    .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-button.swiper-button-next {
      right: 13rem; } }
  .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-button.swiper-button-next:after {
    background: url("../src/images/arrow-right-long.svg") no-repeat; }

/*
* News and slide component
*/
/*
* Download and job-offer component
*/
/*
* Services and blocks grid component
*/
.block-transformation-before-after .transformation-before-after__header, .block-transformation-before-after .transformation-before-after__description {
  margin-bottom: 3rem;
  text-align: center; }

/*
* Case studies filters
* Job offers filters
*/
/*
* Case studies tags
* Knowledge base tags
*/
/*
* Case studies and posts grid blocks
*/
/*
* Form label
*/
/*
* Contact form steps
*/
/*
* Contact form (steps form) buttons wrapper
*/
.block-transformation-before-after {
  margin-top: 5rem;
  margin-bottom: 10rem; }
  @media screen and (min-width: 992px) {
    .block-transformation-before-after {
      margin-top: 5rem;
      margin-bottom: 13rem; } }
  .block-transformation-before-after .transformation-before-after {
    max-width: 106.6rem;
    margin: 0 auto; }
    .block-transformation-before-after .transformation-before-after__header, .block-transformation-before-after .transformation-before-after__description {
      margin-bottom: 1rem; }
    .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation {
      position: relative; }
      .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-container {
        padding-bottom: 5rem;
        overflow: hidden;
        position: relative; }
        .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-container .swiper-wrapper {
          display: flex; }
      @media screen and (min-width: 992px) {
        .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-button.swiper-button-prev {
          left: -8rem; } }
      @media screen and (min-width: 1300px) {
        .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-button.swiper-button-prev {
          left: -12.5rem; } }
      @media screen and (min-width: 992px) {
        .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-button.swiper-button-next {
          right: -8rem; } }
      @media screen and (min-width: 1300px) {
        .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .swiper-button.swiper-button-next {
          right: -12.5rem; } }
      .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-header {
        width: 100%;
        padding: 0.5rem 2rem;
        font-weight: 600;
        color: #F8B322;
        text-align: center;
        margin-bottom: 6rem; }
      @media screen and (min-width: 992px) {
        .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content {
          display: flex; } }
      .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__title {
        font-size: 1.6rem;
        line-height: 1.56;
        font-weight: 500;
        margin-bottom: 3.5rem; }
        .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__title--big {
          font-size: 3.4rem;
          line-height: 1;
          text-transform: uppercase;
          display: block; }
        .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__title span:not(.slide-content__title--big) {
          color: #F8B322; }
      .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__description {
        color: #333D47; }
        .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__description ul li {
          position: relative;
          padding-left: 6.5rem;
          margin-bottom: 1.4rem;
          font-size: 1.4rem;
          line-height: 1.71; }
          @media screen and (min-width: 1300px) {
            .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__description ul li {
              font-size: 1.8rem;
              line-height: 1.67; } }
          .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__description ul li:before {
            content: '';
            width: 3rem;
            height: 3rem;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 0;
            background-image: url("../src/images/checkbox.svg");
            background-repeat: no-repeat;
            background-size: 1.4rem 1.1rem;
            background-position: center; }
      .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__before {
        padding: 0 0 3rem 0;
        width: 100%; }
        @media screen and (min-width: 768px) {
          .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__before {
            padding: 0 4rem 6rem 0;
            width: var(--before-column-width); } }
        .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__before .slide-content__description ul li:before {
          background-color: #333D47; }
      .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__after {
        padding: 6rem 0 2rem 0;
        border-top: 1px solid #F8B322;
        position: relative; }
        @media screen and (min-width: 768px) {
          .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__after {
            padding: 0 0 6rem 4.25rem;
            border-top: none;
            border-left: 1px solid #F8B322;
            flex: 1; } }
        .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__after:before {
          content: '';
          width: 2rem;
          height: 2rem;
          position: absolute;
          left: 50%;
          top: -1rem;
          transform: translateX(-50%) rotate(135deg);
          background-color: #ffffff;
          border-right: 1px solid #F8B322;
          border-top: 1px solid #F8B322; }
          @media screen and (min-width: 768px) {
            .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__after:before {
              left: -1rem;
              top: 50%;
              transform: translateY(-50%) rotate(45deg); } }
        .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-content__after .slide-content__description ul li:before {
          background-color: #F8B322; }
      .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-image {
        width: 100%;
        height: 40vw; }
        @media screen and (min-width: 768px) {
          .block-transformation-before-after .transformation-before-after__slider-wrapper .c-slider-transformation .slide-image {
            height: 34.7rem;
            position: relative;
            top: -2rem; } }


/*# sourceMappingURL=block_transformation-before-after.css.map*/