.inline-related-post {
  background: #f6f7f9;
  border-radius: 20px;
  display: block;
  font-size: 0;
  margin-bottom: 35px;
  margin-top: 35px;
  padding: 17px;
  clear: both;
  padding-right: 20px;
}

.inline-related-post img {
  border-radius: 100%;
  display: inline-block;
  margin: 0 0 0 20px !important;
  vertical-align: middle;
  width: 50px;
}

.inline-related-post p {
  color: #46484d;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 70px);
  line-height: 25px !important;
  font-size: 19px !important;
}

.inline-related-post p strong {
  color: #2a72ea;
}

.content-blog-area .btn.type-2 {
  margin: 0 0 20px 0;
}

.content-blog-area .btn.type-2 img {
  filter: brightness(5);
  border-radius: 0;
  padding: 0;
  display: inline-block;
}
.podcast {
  padding:25px;
  border-radius:25px;
  box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
  margin: 25px 50px 25px 0px;
}
.podcast div:last-of-type:not(.time div:last-of-type) {
    flex: 1;
}
.podcast .time div:not(.time div div) {
    flex: 1;
    width: 100%;
    display: flex;
    justify-content: right;
    margin-bottom: 25px;
    flex-direction:row-reverse;
    column-gap: 10px;
}
.podcast .time div:last-of-type {
    justify-content: center !important;
}
.podcast .buttons button,.podcast .row2 div.like button,.podcast .row2 div.dl a {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 5px !important;
    background: #ffa800 !important;
}
.podcast div{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.podcast .row1 {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-right: -50px;
}
.podcast .row1 img {
  background: #eee;
  width: 190px;
  height: 210px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
  box-shadow: 4px 13px 30px 1px rgba(43, 65, 97, 0.2);
}
.podcast .dl {
    margin-left: 0px;
}
.podcast .row1 .text {
  flex: 1;
}

.podcast .text .header {
  color: gray;
  margin: 8px 6px;
}

.podcast .text .header.mobile {
  margin-top: 8px;
}

.podcast .text span {
  font-size: 18px;
  margin: 8px 6px;
  font-weight: 800;
}

.podcast .text span.mobile {
  margin: 0;
  font-size: 16px;
  font-weight: 800;
}

.podcast .buttons {
  display: flex;
  align-items: end;
  gap: 8px;
}

.podcast .play-pause-button {
  padding: 20px;
  border-radius: 14px;
  background: #cbd1d9 !important;
  border: none;
  color: white;
  cursor: pointer;
}

.podcast .play-pause-button.is_playing {
  background: #0d69fe !important;
}

.podcast .buttons button.speed {
  background: #cbd1d9;
  border: none;
  aspect-ratio: 1;
  cursor: pointer;
  border-radius: 9px;
  height: 30px;
  color: white;
  font-size: 11px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.podcast .volume {
  display: inline-flex;
  width: 80px;
  height: 30px;
  align-items: center;
}

.podcast .volume span.dashicons {
  cursor: pointer;
}

.podcast .volume input[type=range] {
  width: 0;
  visibility: hidden;
  transition: all 0.5s;
}

.podcast .volume:hover input {
  visibility: visible;
  width: 100%;
}

.podcast .time {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 15px;
  width: calc(100% - 90px);
  margin-right: auto;
  flex-direction:column;
}

.podcast .time.mobile {
  width: 100%;
  margin: 5px 0;
}

.podcast .progress {
  background: #e4eaf3 !important;
  width: 85% !important;
  direction: ltr;
  margin: 0 !important;
}

.podcast .progress .progress-bar {
  background: #0d69fe !important;
  width: 0;
  height: 100%;
}

.podcast div.row2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.podcast div.row2.mobile {
  gap: 4px;
}

.podcast .row2 .logo img {
  height: 30px;
}

.podcast .row2 div.hr {
  flex: 1;
}

.podcast .time span:not(.time div span) {
    display: block !important;
    text-align: right;
    width: 100%;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}

.podcast .time {
    margin-right: 75px;
}

.podcast .row2 div.dl a {
  text-decoration: none;
  background: #cbd1d9;
  border: none;
  height: 30px;
  aspect-ratio: 1;
  border-radius: 5px;
  color: white;
  font-size: 11px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.podcast .row2 div.like button {
  background: #cbd1d9;
  border: none;
  height: 30px;
  aspect-ratio: 1;
  border-radius: 5px;
  color: white;
  font-size: 11px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.podcast span.dashicons.dashicons-download {
    transform: rotate(180deg);
}
.podcast .time strong {
    font-size: 14px !important;
    color: grey !important;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.itm, .ttl {
  transition: 0.3s;
}

.downloads-wrap .size-value {
  color: #0c2d5b;
  font-weight: 900;
  font-size: 25px;
  margin-left: 3px;
}

.downloads-wrap .size-unit {
  font-size: 11px;
  color: #9fafc5;
  transition: color 0.3s;
}

.downloads-wrap a:hover {
  background-color: #f7f8fa;
}

.itm {
  display: flex;
  align-items: center;
  min-height: 89px;
  border: 1px solid #e9eef4;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 2px 1px rgba(159, 175, 197, 0.25);
  margin-bottom: 20px;
  margin-top: 15px;
}

.icn {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  border-left: 1px solid #e8ebf3;
  padding-left: 30px;
  margin-left: 36px;
}

span.dl.extra-bold, span.text-\[11px\].text-\[\#9fafc5\] .duration-300,
span.text-\[18px\].ml-\[3px\] {
  color: #0c2d5b;
}

.dl {
  font-weight: 900;
  font-size: 28px;
  line-height: 18px;
  margin-left: 15px;
}

.ttl {
  font-size: 12px;
  color: #9fafc5;
}

.size {
  margin-right: auto;
}


/* Like Or Dislike */
.survey-wrapper {
    background-color: #f8fafc;
    border-radius: 15px;
}
.survey-wrapper .container .survey-wrap {
    padding: 75px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.survey-wrapper .container .survey-wrap .btn-wrap {
    margin-top: 30px;
}
.survey-wrapper .btn-wrap button {
    background: white;
    color: #0c2d5b;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Yekanbakh';
    border-radius: 10px;
    padding: 15px 25px;
    display: inline-flex;
    border:unset;
    align-items: center;
rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(198, 221, 212, 0.35) 0px 2px 1px
    contain-intrinsic-block-size: auto 100px;
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(198, 221, 212, 0.35) 0px 2px 1px 0px !important;!i;!;
}
.survey-wrapper strong {
    font-size: 26px !important;
    color: #0c2d5b;
    font-weight: 900;
}
.survey-wrapper span {
    font-weight: 500;
    margin-bottom: 7.5px;
    font-size: 20px;
}
.survey-wrapper .btn-wrap button:first-of-type {
    margin-left: 15px;
}
.survey-wrapper .btn-wrap button:hover {
    background: #3effb0;
    cursor:pointer;
}

/* Like or Dislike Ends */
@media (max-width: 768px) {
    .podcast .row1 img{
        width:65% !important;
        margin:0px auto;
        height: 100% !important;
    }
    .podcast .row1{
        margin:-75px 0px 25px 0px !important;
    }
    .podcast {
        margin-right: unset !important;
        margin-top:50px;
    }
    .podcast div:last-of-type:not(.time div:last-of-type) {
        flex-direction: column !important;
    }
    .itm {
        flex-wrap: wrap;
        padding: 20px;
        margin: 15px;
    }
    .ttl {
        order: 4;
        flex: 100%;
    }
    span.icn img {
        margin: 8px;
    }
    .size {
      order: 3;
      margin-right: auto;
    }
    .survey-wrapper .container .survey-wrap {
        padding: 50px 25px;
    }
}
/*# sourceMappingURL=block.css.map *//*# sourceMappingURL=block.css.map */
 .custom-toc {border: 1px solid #e5ecf1; box-sizing: border-box; border-radius: 20px; padding: 16px; background: #ffffff; margin: 20px 0; float: right; width: 100%;} .custom-toc span.toc {font-size: 20px !important; padding: 12px 20px 10px 0px !important; display: inline-block !important; margin: 0 !important; float: right; font-weight: 600;} .custom-toc span.title {font-weight: normal !important; margin: 0 !important; font-size: 15px !important; padding: 0 !important; line-height: 32px !important;} .custom-toc h2.toc {font-size: 23px; font-weight: 900; line-height: 35px; margin: 15px 0 20px 20px; color: var(--bs-dark);} .custom-toc ul {list-style: none; padding-left: 0; float: right; margin-top: 10px; width: 100%;} .custom-toc li.toc {font-size: 20px !important; line-height: 32px !important; font-weight: 300 !important; color: #1d1d1d !important;} .custom-toc a {text-decoration: none; font-size: 17px; border-bottom: none !important; font-weight: 300 !important;} .custom-toc ul li::before {content: ""; width: 9px; height: 9px; border: 4px solid #039be5 !important; border-radius: 50%; display: block; float: right; margin: 14px 0 0 10px !important;} .custom-toc ul.child li::before {content: ""; width: 9px; height: 9px; border: 2px solid #039be5 !important; border-radius: 50%; display: block; float: right; margin: 14px 0 0 10px !important;} .article-single .main .blog-content h2, .article-single .main .blog-content h3, .article-single .main .blog-content h4, .article-single .main .blog-content h5, .article-single .main .blog-content h6 , .article-single .main .blog-content span {font-family: "Yekanbakh"; font-size: 25px; font-weight: 900; line-height: 35px; margin: 35px 0 20px; color: var(--bs-dark);} .custom-toc #toc-more {font-weight: normal !important; font-size: 15px !important; cursor: pointer; width: 130px; user-select: none; background: #b1bac11a; padding: 6px 5px !important; border-radius: 10px; margin-right: 15px !important; display: flex !important; align-items: center; height: 40px; justify-content: space-between; float: left;} .custom-toc #toc-more span.arrow {display: flex; transition: all .3s; margin: 0 !important;} .custom-toc #toc-more span.arrow.rotate {transform: rotate(-180deg); transition: all .3s;} .custom-toc .child-3, .child-4, .child-5, .child-6 {display: none;}