/*
* 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-services-description .services-wrapper {
  margin: 0;
  padding: 0; }

.block-services-description .services-wrapper .service {
  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
*/
/*
* Icon wrapper
*/
/*
* Element border-radius
*/
/*
* checkbox checked
*/
/*
* language font
*/
/*
* Slider pagination
*/
/*
* Slider buttons
*/
/*
* News and slide component
*/
/*
* Download and job-offer component
*/
/*
* Services and blocks grid component
*/
/*
* 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-services-description {
  margin-top: 5rem;
  margin-bottom: 10rem;
  overflow: hidden; }
  @media screen and (min-width: 992px) {
    .block-services-description {
      margin-top: 5rem;
      margin-bottom: 13rem; } }
  .block-services-description .services-container {
    max-height: 6.5rem;
    margin: 0 -4rem 5rem 0;
    overflow: hidden; }
    @media screen and (min-width: 576px) {
      .block-services-description .services-container {
        max-height: unset;
        margin: 0 0 8rem 0; } }
  .block-services-description .services-wrapper {
    display: flex;
    overflow-x: scroll;
    overflow-y: hidden;
    padding-bottom: 2rem; }
    @media screen and (min-width: 576px) {
      .block-services-description .services-wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
        grid-gap: 1.6rem;
        padding-bottom: 0;
        overflow: auto; } }
    .block-services-description .services-wrapper .service {
      flex-shrink: 0;
      padding: 1.5rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid #EAEAEA;
      cursor: pointer;
      margin-right: 1.6rem; }
      @media screen and (min-width: 576px) {
        .block-services-description .services-wrapper .service {
          margin-right: 0; } }
      .block-services-description .services-wrapper .service .icon-wrapper {
        margin-right: 1rem;
        filter: brightness(0) saturate(100%) invert(95%) sepia(8%) saturate(57%) hue-rotate(169deg) brightness(97%) contrast(84%); }
        .block-services-description .services-wrapper .service .icon-wrapper img {
          width: auto;
          max-height: 3.3rem; }
      .block-services-description .services-wrapper .service .service-title {
        color: rgba(51, 61, 71, 0.2);
        font-weight: 800;
        font-size: 1.4rem;
        line-height: 1; }
      .block-services-description .services-wrapper .service.active {
        border: 1px solid #F9F9F9;
        background-color: #F9F9F9; }
        .block-services-description .services-wrapper .service.active .icon-wrapper {
          filter: brightness(0) saturate(100%) invert(77%) sepia(14%) saturate(4407%) hue-rotate(344deg) brightness(107%) contrast(94%); }
        .block-services-description .services-wrapper .service.active .service-title {
          color: #333D47; }
  .block-services-description .services-descriptions-wrapper .service-description-block {
    width: 100%;
    max-width: 70.4rem;
    margin: 0 auto;
    background-color: #F9F9F9;
    border-top-right-radius: 5rem;
    padding: 3.4rem 2.4rem;
    text-align: center;
    display: none; }
    @media screen and (min-width: 576px) {
      .block-services-description .services-descriptions-wrapper .service-description-block {
        padding: 4.8rem; } }
    @media screen and (min-width: 992px) {
      .block-services-description .services-descriptions-wrapper .service-description-block {
        padding: 4.8rem 8.8rem; } }
    @media screen and (min-width: 1300px) {
      .block-services-description .services-descriptions-wrapper .service-description-block {
        padding: 4.8rem 10.8rem; } }
    .block-services-description .services-descriptions-wrapper .service-description-block.active {
      display: block; }


/*# sourceMappingURL=block_services-description.css.map*/