.elementor-89210 .elementor-element.elementor-element-23e0540{--display:flex;}.elementor-89210 .elementor-element.elementor-element-23e0540.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-89210 .elementor-element.elementor-element-677e2727{width:100%;max-width:100%;}.elementor-89210 .elementor-element.elementor-element-279e1e38{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-89210 .elementor-element.elementor-element-279e1e38.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-89210 .elementor-element.elementor-element-1ed1bbdb img{border-radius:10px 10px 10px 10px;}.elementor-89210 .elementor-element.elementor-element-2de80827 img{border-radius:10px 10px 10px 10px;}.elementor-89210 .elementor-element.elementor-element-2a8202b9{--display:flex;}.elementor-89210 .elementor-element.elementor-element-5d05cb1a{--spacer-size:50px;}.elementor-89210 .elementor-element.elementor-element-3946bd15{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-89210 .elementor-element.elementor-element-3946bd15.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-89210 .elementor-element.elementor-element-39e2b9c6{--iteration-count:infinite;}.elementor-89210 .elementor-element.elementor-element-39e2b9c6 .elementor-headline{text-align:center;}.elementor-89210 .elementor-element.elementor-element-6a3e6390{--display:flex;}.elementor-89210 .elementor-element.elementor-element-3fb0c71{columns:1;text-align:center;font-family:"sc_iranyekan", tahoma;font-size:18px;font-weight:500;line-height:41px;}.elementor-89210 .elementor-element.elementor-element-3fb0c71 p{margin-bottom:0px;}.elementor-89210 .elementor-element.elementor-element-66172cd8{--display:flex;}.elementor-89210 .elementor-element.elementor-element-44ea7d58{--spacer-size:50px;}.elementor-89210 .elementor-element.elementor-element-45a89594{--display:flex;}.elementor-89210 .elementor-element.elementor-element-45a89594.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-89210 .elementor-element.elementor-element-7ecc14c8 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:10px 10px 10px 10px;}.elementor-89210 .elementor-element.elementor-element-7ecc14c8{text-align:center;}.elementor-89210 .elementor-element.elementor-element-7ecc14c8 .elementor-heading-title{font-size:42px;font-weight:600;}.elementor-89210 .elementor-element.elementor-element-704e906a{--display:flex;}.elementor-89210 .elementor-element.elementor-element-742881f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-89210 .elementor-element.elementor-element-19f27265{--display:flex;}.elementor-89210 .elementor-element.elementor-element-36004821{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-89210 .elementor-element.elementor-element-7a3f962d{--display:flex;}.elementor-89210 .elementor-element.elementor-element-5b8ef730{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-89210 .elementor-element.elementor-element-5b03765d{--display:flex;}.elementor-89210 .elementor-element.elementor-element-1bbc95df{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-89210 .elementor-element.elementor-element-a970924{--display:flex;}.elementor-89210 .elementor-element.elementor-element-461e47a8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-89210 .elementor-element.elementor-element-55c32365{--n-accordion-title-font-size:19px;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:15px;--n-accordion-border-radius:10px 10px 0px 0px;--n-accordion-icon-size:15px;}.elementor-89210 .elementor-element.elementor-element-55c32365 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#E5F7FF;}.elementor-89210 .elementor-element.elementor-element-55c32365 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#BDEBFF;}:where( .elementor-89210 .elementor-element.elementor-element-55c32365 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#E7E7E7;--border-radius:0px 0px 10px 10px;}:where( .elementor-89210 .elementor-element.elementor-element-55c32365 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"sc_iranyekan", tahoma;font-weight:800;}.eael-reading-progress-wrap .eael-reading-progress{height:5px !important;}.eael-reading-progress-wrap .eael-reading-progress .eael-reading-progress-fill{height:5px !important;background-color:#1fd18e;transition:width 50ms ease;}@media(max-width:1024px){.elementor-89210 .elementor-element.elementor-element-279e1e38{--grid-auto-flow:row;}.elementor-89210 .elementor-element.elementor-element-3946bd15{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-89210 .elementor-element.elementor-element-23e0540{--width:77.583%;}.elementor-89210 .elementor-element.elementor-element-279e1e38{--width:78%;}.elementor-89210 .elementor-element.elementor-element-6a3e6390{--content-width:1077px;}.elementor-89210 .elementor-element.elementor-element-45a89594{--width:70%;}}@media(max-width:767px){.elementor-89210 .elementor-element.elementor-element-279e1e38{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-89210 .elementor-element.elementor-element-3946bd15{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-53d1eab6 *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29e5755c *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80cb3e8 *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a832fba *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d6d284a *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53d1eab6 *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29e5755c *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80cb3e8 *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a832fba *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d6d284a *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53d1eab6 *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29e5755c *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80cb3e8 *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a832fba *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d6d284a *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53d1eab6 *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29e5755c *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80cb3e8 *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a832fba *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d6d284a *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53d1eab6 *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29e5755c *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80cb3e8 *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a832fba *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d6d284a *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-53d1eab6 *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-29e5755c *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-80cb3e8 *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a832fba *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d6d284a *//* استایل‌های اصلی */
.podcast-container {
    max-width: 1100px;
    margin: 10px auto;
}

.podcast-item {
    display: flex;
    background-color: #333; /* پس‌زمینه تیره */
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3); /* سایه */
    margin-bottom: 20px;
    overflow: hidden;
    color: #fff; /* رنگ متن سفید */
}

.podcast-image {
    flex:0 0 200px;
    margin-right: 20px;
}

.podcast-image img {
    width:100%;
    height: auto;
    display: block;
    border-radius: 10px 10px 10px 10px;
    margin-top: 20px;
}

.podcast-content {
    flex: 1;
    padding: 20px;
}

.podcast-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: #eee; /* رنگ عنوان روشن‌تر */
}

.podcast-description {
    font-size: 0.9rem;
    color: #ccc; /* رنگ توضیحات روشن‌تر */
    margin-bottom: 15px;
}

.podcast-audio {
    width: 100%;
}

/* استایل دکمه‌ها */
.podcast-actions {
    margin-top: 15px;
    text-align: right;
}

.podcast-download,
.podcast-share {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #666; /* رنگ دکمه‌ها تیره‌تر */
    margin-left: 10px;
    transition: background-color 0.3s;
}

.podcast-download:hover,
.podcast-share:hover {
    background-color: #888; /* رنگ دکمه‌ها در حالت هاور روشن‌تر */
}

/* استایل‌های ریسپانسیو */
@media (max-width: 600px) {
    .podcast-item {
        flex-direction: column;
    }
    .podcast-image {
        flex: 0 0 auto;
        margin-right: 0;
        width: 100%;
    }
    .podcast-image img {
        border-radius: 10px 10px 0 0;
    }
    .podcast-content {
        padding: 10px;
    }
    .podcast-actions {
        text-align: center;
        margin-top: 10px;
    }
    .podcast-download,
    .podcast-share {
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 5px;
    }
}/* End custom CSS */