/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/service/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-create-blocks-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .wp-block-create-blocks-service {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.wp-block-create-blocks-service__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .wp-block-create-blocks-service__head {
    width: 35.8333333333%;
  }
}
@media screen and (max-width: 767px) {
  .wp-block-create-blocks-service__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.wp-block-create-blocks-service__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .wp-block-create-blocks-service__body {
    width: 55.8333333333%;
  }
}
@media screen and (max-width: 767px) {
  .wp-block-create-blocks-service__body {
    margin-top: 32px;
  }
}
.wp-block-create-blocks-service__en {
  font-family: "Poppins", sans-serif;
  color: #ec1c16;
  font-weight: 600;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .wp-block-create-blocks-service__en {
    font-size: 1.125rem;
    -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: tb-lr;
            writing-mode: vertical-lr;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .wp-block-create-blocks-service__en {
    font-size: 1.1428571429rem;
  }
}
.wp-block-create-blocks-service__img {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  .wp-block-create-blocks-service__img {
    width: 88.3720930233%;
  }
}
@media screen and (max-width: 767px) {
  .wp-block-create-blocks-service__img {
    width: 100%;
    margin-top: 12px;
  }
}
.wp-block-create-blocks-service__img img {
  width: 100%;
  border: 1px solid #c8c8c8;
}
@media screen and (min-width: 768px) {
  .wp-block-create-blocks-service__img img {
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .wp-block-create-blocks-service__img img {
    border-radius: 10px;
  }
}
.wp-block-create-blocks-service__h {
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .wp-block-create-blocks-service__h {
    font-size: 1.875rem;
  }
}
@media screen and (max-width: 767px) {
  .wp-block-create-blocks-service__h {
    font-size: 1.4285714286rem;
  }
}
@media screen and (min-width: 768px) {
  .wp-block-create-blocks-service__txt {
    margin-top: 42px;
    line-height: 2.5;
  }
}
@media screen and (max-width: 767px) {
  .wp-block-create-blocks-service__txt {
    margin-top: 4px;
    line-height: 2.1428571429;
  }
}
.wp-block-create-blocks-service__btn {
  margin-top: auto;
  padding-top: 20px;
}
.wp-block-create-blocks-service__btn .btn {
  border-radius: 9999px;
  background-color: #ec1c16;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  font-weight: bold;
  border: 2px solid #ec1c16;
}
@media screen and (min-width: 768px) {
  .wp-block-create-blocks-service__btn .btn {
    font-size: 0.925rem;
    min-width: 256px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-height: 56px;
    padding: 10px 54px 10px 33px;
  }
}
@media screen and (max-width: 767px) {
  .wp-block-create-blocks-service__btn .btn {
    width: 1rem;
    max-width: 230px;
    width: 100%;
    min-height: 45px;
    padding: 6px 40px 6px 20px;
  }
}
.wp-block-create-blocks-service__btn .btn:hover {
  background-color: #fff;
  color: #ec1c16;
}
.wp-block-create-blocks-service__btn .btn:hover::after {
  background-color: #ec1c16;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDI3IDI3Ij48cG9seWdvbiBwb2ludHM9IjE4LjU4NjE1MDMgMTYuODk5MjM4NyAxOC40NDk3MzY3IDguNTUwMTE3NiAxMC4xMDA4NTk3IDguNDEzODg3MSA4LjMzMzA5ODUgMTAuMTgxNDY1MyAxNS4yOTA0OTYgMTAuMjk1MjM0OCA3Ljg0MzE2OTMgMTcuNzQyNTAwNCA5LjI1NzM1MzkgMTkuMTU2ODA3IDE2LjcwNDc0MTYgMTEuNzA5NTQxNCAxNi44MTgzODkgMTguNjY2ODE2OCAxOC41ODYxNTAzIDE2Ljg5OTIzODciIGZpbGw9IiNmZmYiIHN0cm9rZS13aWR0aD0iMCIvPjwvc3ZnPg==);
}
.wp-block-create-blocks-service__btn .btn::after {
  content: "";
  display: block;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNyIgdmlld0JveD0iMCAwIDI3IDI3Ij48cG9seWdvbiBwb2ludHM9IjE4LjU4NjE2OTIgMTYuODk5MDIzMSAxOC40NDk3NTU2IDguNTUwMTQ2MSAxMC4xMDA4Nzg2IDguNDEzOTE1NiA4LjMzMzExNzQgMTAuMTgxNDkzOCAxNS4yOTA1MTQ5IDEwLjI5NTI2MzMgNy44NDMxMjcyIDE3Ljc0MjUyODkgOS4yNTczNzI4IDE5LjE1NjgzNTYgMTYuNzA0Njk5NCAxMS43MDk1Njk5IDE2LjgxODQwNzkgMTguNjY2ODQ1MyAxOC41ODYxNjkyIDE2Ljg5OTAyMzEiIGZpbGw9IiNlYzFjMTYiIHN0cm9rZS13aWR0aD0iMCIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .wp-block-create-blocks-service__btn .btn::after {
    width: 27px;
    height: 27px;
    background-size: 11px auto;
    right: 15px;
  }
}
@media screen and (max-width: 767px) {
  .wp-block-create-blocks-service__btn .btn::after {
    width: 20px;
    height: 20px;
    background-size: 8px auto;
    right: 10px;
  }
}

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