/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/image-text-banner/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.left-right-block {
  margin-bottom: calc(33% - 80px);
}
.left-right-block .left-right-container {
  margin-bottom: -33%;
}
.left-right-block .left-right-inner {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .left-right-block .left-right-inner {
    padding: 10px;
  }
}
.left-right-block .left-right-inner > * {
  flex: 0 0 50%;
  align-items: center;
  border-radius: 50px;
}
.left-right-block .left-right-inner img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 50px;
}
.left-right-block .left-right-inner .left-content {
  background: #001EFF;
  color: white;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-direction: column;
  align-items: flex-start;
  height: calc(100% - 80px);
  margin: 0px -12% 0px 0px;
  position: relative;
  z-index: 1;
  padding: 80px 80px 80px 80px;
}
@media screen and (min-width: 769px) and (max-width: 1020px) {
  .left-right-block .left-right-inner .left-content {
    padding: 40px 40px 40px 40px;
  }
}
@media screen and (min-width: 1021px) and (max-width: 1400px) {
  .left-right-block .left-right-inner .left-content {
    padding: 60px 60px 60px 60px;
  }
}
@media screen and (max-width: 768px) {
  .left-right-block .left-right-inner .left-content {
    margin: 0px 0 0px 0px;
    flex: 0 0 100%;
    padding: 80px 50px 80px 50px;
  }
}
@media screen and (max-width: 576px) {
  .left-right-block .left-right-inner .left-content {
    margin: 0px 0 0px 0px;
    flex: 0 0 100%;
    padding: 80px 35px 80px 35px;
  }
}
.left-right-block .left-right-inner .left-content .large-h2 {
  color: white;
}
.left-right-block .left-right-inner .left-content p {
  font-weight: bold;
}
.left-right-block .left-right-inner .right-content {
  flex: 0 0 62%;
}
@media screen and (max-width: 768px) {
  .left-right-block .left-right-inner .right-content {
    display: none;
  }
}

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