/*!********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./blocks/src/service-chips/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-cl-service-chips {
  background-image: url(../images/services-chips-bg-mob-single.23814b55.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: var(--p-top-m, 40px);
  padding-bottom: var(--p-bottom-m, 40px);
  margin-top: var(--m-top-m, 40px);
  margin-bottom: var(--m-bottom-m, 40px);
}
@media screen and (min-width: 768px) {
  .wp-block-cl-service-chips {
    background-image: url(../images/services-chips-bg-tab-single.861fa7dd.jpg);
    margin-top: var(--m-top-t);
    margin-bottom: var(--m-bottom-t);
    padding-top: var(--p-top-t, 40px);
    padding-bottom: var(--p-bottom-t, 40px);
  }
}
@media screen and (min-width: 1024px) {
  .wp-block-cl-service-chips {
    background-image: url(../images/services-chips-bg-single.0a260b43.jpg);
  }
}
@media screen and (min-width: 1280px) {
  .wp-block-cl-service-chips {
    margin-top: var(--m-top-d, 80px);
    margin-bottom: var(--m-bottom-d, 80px);
    padding-top: var(--p-top-d, 120px);
    padding-bottom: var(--p-bottom-d, 120px);
  }
}
.wp-block-cl-service-chips .container {
  padding: 0px;
}
@media screen and (min-width: 1024px) {
  .wp-block-cl-service-chips .container {
    padding: 0px var(--wp--custom--container-padding--tablet-l);
  }
}
@media screen and (min-width: 1280px) {
  .wp-block-cl-service-chips .container {
    padding: 0px;
  }
}
.wp-block-cl-service-chips .section_header__title {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: -1.28px;
  margin: 0;
}
@media screen and (min-width: 1280px) {
  .wp-block-cl-service-chips .section_header__title {
    font-size: 56px;
    line-height: 72px;
    letter-spacing: -2.24px;
    margin-bottom: 0;
  }
}
.wp-block-cl-service-chips .section_header__body {
  gap: 32px;
}
@media screen and (min-width: 1280px) {
  .wp-block-cl-service-chips .section_header__body {
    gap: 40px;
    grid-template-areas: "title content" !important;
    align-items: flex-start;
  }
}
.wp-block-cl-service-chips .section-header {
  padding-top: 0;
}
@media screen and (min-width: 1280px) {
  .wp-block-cl-service-chips .section-header {
    padding-bottom: 40px;
  }
}
.service-chips__list-container {
  overflow: hidden;
  display: block;
  width: 100%;
  margin: 0;
}
.service-chips__list {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 140%;
  transform: translateX(-5%);
  transition: transform 0.3s ease-in-out;
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .service-chips__list {
    width: 100%;
    transform: translateX(0%);
  }
}
@media screen and (min-width: 1280px) {
  .service-chips__list {
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.service-chips__chip {
  padding: 16px;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  border-radius: 40px;
  border: 1px solid #131313;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.8px;
  font-weight: 600;
  color: #131313;
  background-color: #fff;
}

/*# sourceMappingURL=style-index.css.map*/