/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/deprecated_CC2-368_banner/scss/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.banner-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 5.5rem;
  box-sizing: border-box;
  position: relative;
  margin: 7.5rem auto;
  border-radius: 0.75rem;
  background: var(--Color-Background-Blog, #FDE68A);
}
.banner-section:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
  right: 0;
  top: 0;
  -webkit-mask-image: url("data:image/svg+xml,<svg width=\"366\" height=\"279\" viewBox=\"0 0 366 279\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.9986 -41.5C101.578 -21.616 160.995 82.8097 172.592 131.775C184.189 180.74 159.443 200.273 129.984 205.629C98.7374 211.311 61.9424 202.148 44.7665 180.064C27.5907 157.981 19.2014 128.934 36.2448 100.528C53.2883 72.1227 91.5001 69.2822 110.1 69.2822C215.638 69.2822 368.912 167.698 404.18 273.5\" stroke=\"%232563EB\" stroke-width=\"10\" stroke-linecap=\"round\"/></svg>");
          mask-image: url("data:image/svg+xml,<svg width=\"366\" height=\"279\" viewBox=\"0 0 366 279\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M4.9986 -41.5C101.578 -21.616 160.995 82.8097 172.592 131.775C184.189 180.74 159.443 200.273 129.984 205.629C98.7374 211.311 61.9424 202.148 44.7665 180.064C27.5907 157.981 19.2014 128.934 36.2448 100.528C53.2883 72.1227 91.5001 69.2822 110.1 69.2822C215.638 69.2822 368.912 167.698 404.18 273.5\" stroke=\"%232563EB\" stroke-width=\"10\" stroke-linecap=\"round\"/></svg>");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: right top;
          mask-position: right top;
  background-color: var(--Color-Background-Form-Blog, #FBBF24);
}
.banner-section .banner-txt-col {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
  z-index: 1;
  width: 50%;
  flex-shrink: 0;
  flex-grow: 0;
}
.banner-section .banner-img {
  width: 37%;
  flex-grow: 0;
  position: relative;
  z-index: 1;
  mix-blend-mode: darken;
  margin: 0;
}
.banner-section .banner-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1024px) {
  .banner-section .banner-img {
    width: 45%;
  }
}
@media screen and (max-width: 834px) {
  .banner-section {
    flex-direction: column;
    gap: 3rem;
  }
  .banner-section .banner-txt-col {
    width: 100%;
    text-align: center;
  }
  .banner-section .banner-img {
    width: 100%;
    max-width: 350px;
  }
}
@media screen and (max-width: 600px) {
  .banner-section {
    padding: 3rem 1.5rem;
    overflow: hidden;
  }
  .banner-section::after {
    -webkit-mask-size: 75%;
            mask-size: 75%;
    top: -1rem;
    right: -5rem;
  }
  .banner-section .banner-txt-col {
    text-align: left;
  }
}

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