.section {
  height: 100%;
}
.section .main_cont {
  height: 100%;
}

.section .main_cont .sub-sections-1 {
  height: 100%;
  width: 100%;
  display: block;
}
.podcast-intro p.subheading {
  margin-top: 3.5em;
  font-size: var(--ost-font-size);
  margin-left: 4.5em;
}
.podcast-intro .list_cont {
  margin-left: -1em;
  margin-top: 0em;
  display: block;
  height: 100%;
  width: 100%;
}

.podcast-intro .list_cont ul {
  width: 100%;
  height: calc(100% - 4em);
}
.podcast-intro .list_cont ul li {
  width: 50%;
  min-height: 13.5em;
  display: inline-block;
  margin-right: 0em;
  margin-bottom: 2em;
  padding: 0 2em;
  float: left;
  height: 100%;
}
.podcast-intro .list_cont ul li:first-child {
  background: url("../../shell/imgs/poadcast-character-bg.svg") no-repeat center
    center;
  text-align: center;
}
.podcast-intro .list_cont ul li:last-child {
  padding-right: 1em;
}
.podcast-intro .list_cont ul li div.img-cnt {
  height: fit-content;
  width: 23%;
  display: inline-block;
  margin: 0.8em;
  background-size: contain !important;
  position: relative;
}
.podcast-intro .list_cont ul li span.text-cnt {
  display: inline-flex;
  float: right;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: 1.4em;
  font-family: "SourceSansPro-Regular";
  line-height: 1.2em;
}
/*
.list_cont ul li div.img-1 {
  background: url("../../shell/imgs/james.png") no-repeat center center;
}
.list_cont ul li div.img-2 {
  background: url("../../shell/imgs/margarita.png") no-repeat center center;
}
.list_cont ul li div.img-3 {
  background: url("../../shell/imgs/kristina.png") no-repeat center center;
}
.list_cont ul li div.img-4 {
  background: url("../../shell/imgs/Rajan.png") no-repeat center center;
}
.list_cont ul li div.img-5 {
  background: url("../../shell/imgs/May.png") no-repeat center center;
} */
.podcast-intro .list_cont ul li div.dummy {
  opacity: 0;
}
.podcast-intro .list_cont ul li p.caption {
  font-size: var(--ost-font-size);
  color: var(--purple-dark-color);
  text-align: center;
  width: 100%;
  display: block;
  padding: 0.5em;
  line-height: var(--ost-font-size);
  background: var(--white);
  margin: 0px;
}

.podcast-intro button.join-podcast-btn {
  background: url("../../shell/imgs/join-podcast-icon.svg") no-repeat
    var(--purple-color);
  height: fit-content;
  border: none;
  color: #fff;
  text-align: left;
  padding: 0.5em 3em 0.5em 1.3em;
  position: relative;
  font-size: var(--ost-font-size);
  line-height: var(--ost-line-height);
  border-radius: 30px;
  background-position: 89% 10px;
  margin-bottom: 1.5em;
  background-size: 12%;
}
.podcast-intro button.join-podcast-btn.disabled {
  background: url(../../shell/imgs/join-podcast-icon.svg) no-repeat #a8a8a8;
  background-position: 89% 10px;
  background-size: 12%;
  color: var(--white);
  /* border: 1px solid var(--btn-disable-color); */
}
.podcast-intro button.join-podcast-btn:hover {
  opacity: 0.9;
}
.podcast-intro .list_cont ul li#podcast-info {
  padding-top: 4.8%;
}
.podcast-intro .list_cont ul li#podcast-info .podcast-details {
  background: #f2f2f9;
  padding: var(--popup-Box-padding);
  margin-top: 3em;
}
.podcast-intro .list_cont ul li#podcast-info .podcast-details p {
  font-size: var(--ost-font-size);
  line-height: var(--ost-line-height);
  margin-bottom: 1.5em;
}
.podcast-intro .list_cont ul li#podcast-info .podcast-details p:last-child {
  margin-bottom: 2em;
}
.podcast-intro #podcast-time {
}
.podcast-intro #podcast-time img {
  margin-top: -10px;
}
.podcast-intro #podcast-time span.time {
  font-size: var(--ost-font-size);
  line-height: var(--ost-line-height);
  margin-left: 1em;
  padding-top: 0em;
  color: var(--black-color);
  display: inline-block;
}
.podcast-intro .podcastLogo {
  position: relative;
  width: fit-content;
  height: fit-content;
}
.podcast-intro .podcastLogo img {
}
.podcast-intro .podcastLogo p {
  position: absolute;
  font-size: var(--ost-font-size);
  line-height: var(--ost-line-height);
  color: var(--purple-dark-color);
  font-family: "SourceSansPro-Semibold";
  top: 2em;
  right: 1.1em;
}
.podcast-intro p.inst_text {
  font-family: "SourceSansPro-Italic";
  color: var(--purple-color);
}
.podcast-intro p.inst_text b {
  font-family: "SourceSansPro-BoldItalic";
}
