/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/about-us-uk/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.wp-block-msi-blocks-about-us-uk .buttons-container {
  position: relative;
  width: 100%;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .wp-block-msi-blocks-about-us-uk .buttons-container {
    position: absolute;
    bottom: 0;
  }
}
.wp-block-msi-blocks-about-us-uk.container-wide, .wp-block-msi-blocks-about-us-uk .container-wide {
  display: flex;
  gap: 77px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .wp-block-msi-blocks-about-us-uk.container-wide, .wp-block-msi-blocks-about-us-uk .container-wide {
    flex-direction: column;
    gap: 25px;
  }
}
.wp-block-msi-blocks-about-us-uk.container-wide .text-side, .wp-block-msi-blocks-about-us-uk .container-wide .text-side {
  width: 50%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
}
@media only screen and (max-width: 768px) {
  .wp-block-msi-blocks-about-us-uk.container-wide .text-side, .wp-block-msi-blocks-about-us-uk .container-wide .text-side {
    width: 100%;
  }
}
.wp-block-msi-blocks-about-us-uk.container-wide .image-side, .wp-block-msi-blocks-about-us-uk .container-wide .image-side {
  width: 50%;
  display: flex;
  height: 600px;
  gap: 24px;
}
@media only screen and (max-width: 768px) {
  .wp-block-msi-blocks-about-us-uk.container-wide .image-side, .wp-block-msi-blocks-about-us-uk .container-wide .image-side {
    width: 100%;
    height: 650px;
  }
}
@media only screen and (max-width: 600px) {
  .wp-block-msi-blocks-about-us-uk.container-wide .image-side, .wp-block-msi-blocks-about-us-uk .container-wide .image-side {
    height: 450px;
  }
}
.wp-block-msi-blocks-about-us-uk.container-wide .image-side div, .wp-block-msi-blocks-about-us-uk .container-wide .image-side div {
  position: relative;
  width: 50%;
}
.wp-block-msi-blocks-about-us-uk.container-wide .image-side div img, .wp-block-msi-blocks-about-us-uk .container-wide .image-side div img {
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-msi-blocks-about-us-uk.container-wide .image-side .first-image,
.wp-block-msi-blocks-about-us-uk.container-wide .image-side .second-image, .wp-block-msi-blocks-about-us-uk .container-wide .image-side .first-image,
.wp-block-msi-blocks-about-us-uk .container-wide .image-side .second-image {
  position: absolute;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  max-height: 438px;
}
@media only screen and (max-width: 600px) {
  .wp-block-msi-blocks-about-us-uk.container-wide .image-side .first-image,
  .wp-block-msi-blocks-about-us-uk.container-wide .image-side .second-image, .wp-block-msi-blocks-about-us-uk .container-wide .image-side .first-image,
  .wp-block-msi-blocks-about-us-uk .container-wide .image-side .second-image {
    max-height: 252px;
  }
}
.wp-block-msi-blocks-about-us-uk.container-wide .image-side .first-image, .wp-block-msi-blocks-about-us-uk .container-wide .image-side .first-image {
  top: 60px;
  left: 0;
}
.wp-block-msi-blocks-about-us-uk.container-wide .image-side .second-image, .wp-block-msi-blocks-about-us-uk .container-wide .image-side .second-image {
  top: 100px;
  right: 0;
}

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