/*!******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./pivot-blocks-nga/podcast_box/style.scss ***!
  \******************************************************************************************************************************************************************************************/
.podcast-box {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
}
.podcast-box > * {
  position: relative;
  z-index: 1;
}
.podcast-box:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  margin-top: -40px;
  margin-left: -40px;
  border-top: 60px solid #246d96;
  border-right: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid #246d96;
  opacity: 0.2;
}
.podcast-box > * {
  position: relative;
  z-index: 1;
}
.podcast-box:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  margin-bottom: -40px;
  margin-right: -40px;
  border-top: 60px solid transparent;
  border-right: 60px solid #246d96;
  border-bottom: 60px solid #246d96;
  border-left: 60px solid transparent;
  opacity: 0.2;
}
.podcast-box > .inner-container {
  background: #fff;
  border: 1px solid #F3F2EF;
  padding: 20px 50px 50px;
  box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1070px) {
  .podcast-box {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .podcast-box > .inner-container {
    padding: 30px 100px 80px;
  }
}
.podcast-box .title {
  text-align: center;
  color: #246d96;
}
.podcast-box iframe {
  width: 100%;
}