.podcast_wrp .card_wrpp{background-color:#00285a;background-repeat:no-repeat;border-radius:25px;overflow:hidden;padding:24px}.podcast_wrp .flxCol{align-items:center;display:flex;gap:30px}.podcast_wrp .flxCol .leftCols{width:30%}.podcast_wrp .flxCol .leftCols img{border-radius:12px;object-fit:cover;overflow:hidden;width:100%}.podcast_wrp .flxCol .rightCols{flex:1}.podcast_wrp .flxCol .rightCols .title{margin-top:0}.podcast_wrp .flxCol .rightCols .controls-wrapper{background:rgba(20,50,90,.4);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:20px}.podcast_wrp .flxCol .rightCols .controls{align-items:center;display:flex;gap:15px}.podcast_wrp .flxCol .rightCols .control-buttons{align-items:center;display:flex;gap:12px}.podcast_wrp .flxCol .rightCols .control-btn{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s}.podcast_wrp .flxCol .rightCols .control-btn:hover{background:hsla(0,0%,100%,.1);transform:scale(1.05)}.podcast_wrp .flxCol .rightCols .control-btn svg{fill:currentColor;height:25px;width:25px}.podcast_wrp .flxCol .rightCols .play-btn svg{height:27px;width:27px}.podcast_wrp .flxCol .rightCols .time-display{color:hsla(0,0%,100%,.7);font-size:12px;font-weight:500;min-width:40px}.podcast_wrp .flxCol .rightCols .progress-container{align-items:center;display:flex;flex:1;gap:12px;min-width:100px}.podcast_wrp .flxCol .rightCols .progress-bar{background:hsla(0,0%,100%,.15);border-radius:3px;cursor:pointer;flex:1;height:6px;min-width:100px;overflow:visible;position:relative}.podcast_wrp .flxCol .rightCols .progress-fill{background:linear-gradient(90deg,#4a9eff,#6fb1ff);border-radius:3px;height:100%;position:relative;width:0}.podcast_wrp .flxCol .rightCols .progress-handle{background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);height:12px;opacity:0;position:absolute;right:-6px;top:50%;transform:translateY(-50%);transition:opacity .2s;width:12px}.podcast_wrp .flxCol .rightCols .progress-bar:hover .progress-handle{opacity:1}.podcast_wrp .flxCol .rightCols .volume-control{align-items:center;display:flex;gap:8px}.podcast_wrp .flxCol .rightCols .volume-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;padding:6px;transition:all .2s}.podcast_wrp .flxCol .rightCols .volume-btn:hover{transform:scale(1.1)}.podcast_wrp .flxCol .rightCols .volume-btn svg{fill:currentColor;height:25px;width:25px}.podcast_wrp .flxCol .rightCols .volume-slider{background:hsla(0,0%,100%,.15);border-radius:3px;cursor:pointer;height:6px;position:relative;width:80px}.podcast_wrp .flxCol .rightCols .volume-fill{background:linear-gradient(90deg,#4a9eff,#6fb1ff);border-radius:3px;height:100%;transition:width .1s;width:100%}.podcast_wrp .content-wrapper{padding:0 16px}.podcast_wrp .flxCol .rightCols .controls-wrapper{background:transparent;border:#ffdead;padding-left:0;padding-right:0}.podcast_wrp .flxCol .rightCols .controls-wrapper button#nextBtn{transform:rotate(180deg)}.podcast_wrp .des p:last-child{margin:0}.podcast_wrp .rightCols .innerPd{max-width:700px}.podcast_wrp .progress-handle,.podcast_wrp .volume-handle{background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.3);height:12px;opacity:0;position:absolute;right:-6px;top:50%;transform:translateY(-50%);transition:opacity .2s,transform .1s;width:12px}.podcast_wrp .progress-bar:hover .progress-handle,.podcast_wrp .volume-slider:hover .volume-handle{opacity:1}.podcast_wrp .progress-bar:active .progress-handle,.podcast_wrp .volume-slider:active .volume-handle{opacity:1;transform:translateY(-50%) scale(1.2)}.podcast_wrp .flxCol .rightCols .volume-fill{position:relative}@media (max-width:1024px){.podcast_wrp .flxCol .rightCols .control-btn{padding:5px}}@media (min-width:767px){.podcast_wrp .flxCol .rightCols .mobileBtn{display:none}}@media (max-width:767px){.podcast_wrp .flxCol .rightCols .content-grid{grid-template-columns:1fr}.podcast_wrp .flxCol .rightCols .controls{flex-wrap:wrap}.podcast_wrp .flxCol .rightCols .volume-control{justify-content:center;width:100%}.podcast_wrp .des{font-size:20px}.podcast_wrp .flxCol{flex-direction:column;gap:20px}.podcast_wrp .flxCol .leftCols,.podcast_wrp .flxCol .rightCols{width:100%}.podcast_wrp .flxCol .rightCols .mobileBtn .volume-control{display:flex}.podcast_wrp .flxCol .rightCols .volume-control{display:none}.podcast_wrp .flxCol .rightCols .controls .control-buttons{justify-content:center;width:100%}}@media (max-width:350px){.podcast_wrp .flxCol .rightCols .control-btn svg,.podcast_wrp .flxCol .rightCols .volume-btn svg{height:20px;width:20px}.podcast_wrp .flxCol .rightCols .play-btn svg{height:23px;width:23px}.podcast_wrp .flxCol .rightCols .volume-slider{width:70px}}