/* MAIN SECTION */
.podcast-section {
    background:#114d37;
    padding: 60px 15px 100px;
    text-align: center;
}

.podcast-title {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 50px;
}

/* WRAPPER */
.podcast-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
}

/* CIRCLES */
.circle{
    width:260px;
    height:260px;
    border-radius:50%;
    position:relative;
    overflow:hidden;
}

.circle img{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:140px;   /* increase or decrease as needed */
    height:auto;
    object-fit:contain;
}
/* COLOR LAYERS */
.circle1 { background: #ffffff; z-index: 1; }
.circle2 { background: #faacac; margin-left: -80px; z-index: 2; }
.circle3 { background: #ffffff; margin-left: -80px; z-index: 3; }

/* ICONS */
.circle1 img {
    width: 50%;
	
    height:47%;
	border-radius:10px;
}

.circle2 img {
    width:37%;
    height:43%;
	border-radius:10px;
}

.circle3 img {
    width: 55%;
	height:47%;
	border-radius:10px;
}

/* CARD TEXT */
.card-text {
    margin-top: 12px;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
	font-style: italic;
}

/* ================== RESPONSIVE ================== */
@media (max-width: 991px) {
    .circle {
        width: 220px;
        height: 220px;
    }
}

@media (max-width: 768px) {
    .podcast-wrapper {
        flex-direction: column;
        gap: 40px;
    }
    .circle {
        margin-left: 0 !important;
        width: 200px;
        height: 200px;
    }
}

@media (max-width: 480px) {
    .circle {
        width: 160px;
        height: 160px;
    }
    .podcast-title {
        font-size: 1.8rem;
    }
    .card-text {
        font-size: 0.9rem;
    }
}