.heading-menu,
#scroll,
#allFea,
#customers,
.btmBar,
#commonHeader {
    display: none;
}

:root {
    --text-light: #E4F1FF;
    --text-dark: #000000;
    --link-color: #3478F6;
    --h1-font: 42px;
    --h2-font: 36px;
    --h3-font: 22px;
    --h4-font: 18px;
    --p-font: 16px;
    --s-font: 12px;
    --m-font: 14px;
    --l-font: 32px;
    --xl-font: 48px;
    --xs-wgt: 200;
    --s-wgt: 300;
    --m-wgt: 400;
    --l-wgt: 500;
    --xl-wgt: 600;
    --n-gap: 24px;
    --background-color: linear-gradient(to bottom, #032649, #021527);
    --series-color: #58D2FA;
    --latest-color: #237ad1;
    --card-background: rgb(16, 48, 88);
    --content-background-color:#f7f7f7;
}


.partner-stories-page {
    --background-color: linear-gradient(to bottom, #003c85, #011010);
    --series-color: #37ebec;
    --latest-color: #2f28f2;
    --card-background: #2b7bdb8f;
    --latest-text-color: #fff;
}

.partner-edition {
    --background-color: linear-gradient(to bottom, #003b6d, #001424);
    --series-color: #89bcff;
    --latest-color: #4497ff;
    --card-background: #16518d;
    --latest-text-color: #fff;
}

.women-in-tech {
    --background-color: linear-gradient(to bottom, #2b1658, #0f0621);
    --series-color: #ecb1ff;
    --latest-color: #ce54f5;
    --card-background: #41257c;
    --latest-text-color: #fff;
}
.celebrating-ec20 {
    --background-color: linear-gradient(to bottom, #5f2606, #220c01);
    --series-color: #ffb06e;
    --card-background: #6a1f04;
    --latest-text-color: #fff;
}

.cyber-pulse {
    --background-color: linear-gradient(to bottom, #00306d, #070b0f);
    --series-color: #89bcff;
    --latest-color: #4497ff;
    --card-background: #134b92a6;
    --latest-text-color: #fff;
}

.playlist {
    --background-color: linear-gradient(to bottom, #111924, #070b0f);
    --series-color: #000;
    --latest-color: #f2bd00;
    --card-background: #e9f1ff14;
    --latest-text-color: #000;
}

.spotify {
    position: relative;
    padding: 60px 40px;
}

.spotify .flex {
    display: flex;
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 1000px;
    grid-gap: 20px;
}

.spotify h1 {
    font-size: var(--h1-font);
    line-height: 65px;
    font-weight: var(--xl-wgt);
    color: var(--text-light);
    margin: 0 0 20px;
}

.spotify h2 {
    font-size: var(--h2-font);
    line-height: normal;
    font-weight: var(--xl-wgt);
    color: var(--text-light) !important;
    margin: 0 0 20px;
    text-align: center;
}

.spotify h3 {
    font-size: var(--h3-font);
    line-height: normal;
    font-weight: var(--l-wgt);
    margin: 0 0 15px !important;
    color: var(--text-light);
}

.spotify h4 {
    font-size: var(--h4-font);
    line-height: 36px;
    color: var(--text-light);
    margin: 0 0 20px !important;
}

.spotify p,
.spotify li {
    font-size: var(--p-font);
    line-height: 25px;
    font-weight: var(--xs-wgt);
    margin: 0 0 24px;
    color: var(--text-light);
}

.subscribe_success_message h4 {
    color: #1ED760 !Important;
    font-size: 17px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.spotify-wrapper {
    background: var(--background-color);
}

.spotify.spotify-header {
    max-width: 1200px;
    margin: auto;
}

.spotify.spotify-header .flex {
    justify-content: flex-start;
    align-content: center;
    text-align: center;
}

/*top-header css starts*/
.spotify-page.menu {
    position: sticky;
    top: 0;
    z-index: 99999;
    background: #00000075;
    backdrop-filter: blur(20px);
}

.spotify-page.menu .flex {
    width: 85%;
    max-width: 1200px;
    margin: auto;
    justify-content: space-between;
    padding: 20px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

.spotify-page.menu .flex .prdlogo img {
    width: 200px;
}

.spotify-page.menu .flex .prdmenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    grid-gap: 12px;
}
.spotify-page.menu .prdmenu .prdmenu-logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 12px;
}
.spotify-page.menu .flex .prdmenu img {
    width: 32px;
}

.spotify-page.menu .flex .prdmenu span {
    color: white;
}
/*top-header css ends*/
/*feedback-box css starts */
.spotify.spotify-feedback-box {
    border-top: 2px solid #ffffff42;
    border-bottom: 2px solid #ffffff42;
}

.spotify.spotify-feedback-box .flex {
    max-width: 1000px;
    grid-gap: 0px;
}

.spotify.spotify-feedback-box .content {
    max-width: calc(100% - 40%);
    width: 469px;
    padding-left: 30px;
}

.spotify.spotify-feedback-box .content:first-child {
    border-right: 2px solid #ffffff42;
    padding-right: 30px;
    padding-left: 0px;
}

.spotify.spotify-feedback-box .content h4,
.spotify.spotify-feedback-box .content p {
    color: #E4F1FF;
    font-size: 17px;
}


.spotify.spotify-feedback-box .content a {
    color: #E4F1FF;
    text-decoration: underline;
    font-weight: 500;
    text-underline-offset: 8px;
}

/*feedback-box css ends */

/*feedback link css starts */
.spotify.spotify-feedback-link {
    background: #020c18;
}

.spotify.spotify-feedback-link .flex {
    max-width: 1000px;
    grid-gap: 0px;
}
.spotify.spotify-feedback-link .content p {
    text-align: center;
}

.spotify.spotify-feedback-link .flex .cta-grp.flex {
    justify-content: center;
    grid-gap: 20px;
}

.spotify.spotify-feedback-link .cta-grp .cta {
    font-size: var(--p-font);
    line-height: 22px;
    font-weight: var(--l-wgt);
    text-transform: uppercase;
    min-width: 150px;
    min-height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: var(--text-light);
    text-decoration: none;
    border: 1px solid var(--text-light);
    padding: 0 20px;
}

.spotify.spotify-feedback-link .cta-grp .free-trial.cta {
    background-color: #DE2236;
    border: 1px solid #DE2236;
}

.spotify.spotify-feedback-link .cta-grp .expert.cta {
    background-color: transparent;
    border: 1px solid #ffffff;
}
/* feedback link css ends */

/* footer css starts */
.spotify-wrapper .footer-message {
    padding: 15px;
    text-align: center;
    position: sticky;
    top: 92px;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.spotify-wrapper .footer-message h4 {
    color: #E4F1FF;
    margin-bottom: 0px;
    font-size: 14px;
    margin-left: 0px;
}

/* footer css ends */
/* series info section css starts*/

.spotify.spotify-header .header-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    align-content: center;
    margin-bottom: 20px;
}

.spotify.spotify-header .header-section h4 {
    margin: 0px 5px 0px !important;
}

.spotify.spotify-header .header-section .header-podcast-section {
    margin-right: 10px;
    color: rgba(255, 255, 255, 0.60);
}

.spotify.spotify-header .series-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-bottom: 60px;
}
.spotify.spotify-header .series-info h1 {
    font-size: 60px;
}
.spotify.spotify-header .series-info h1 + p {
    margin: 0;
}
.spotify.spotify-header .series-info .image {
    max-width: 450px;
    width: 320px;
    border-radius: 20px;
    overflow: hidden;
}

.spotify.spotify-header .series-info .image img {
    width: 100%;
    object-fit: contain;
}

.spotify.spotify-header .series-info .content {
    width: calc(100% - 400px);
    padding: 0px 30px;
    margin: auto;
}
.spotify.spotify-header .content .tag-series{
    margin-bottom:20px;
}
.spotify.spotify-header .content .tag-series .tag {
    border-radius: 14px;
    background: var(--series-color);
    padding: 5px 10px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.spotify.spotify-header .series-info .content .series-info-desc {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    grid-gap: 0px 30px;
}

.spotify.spotify-header .series-info .content .series-info-desc .episode {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.spotify.spotify-header .series-info .content .series-info-desc .episode span{
	color:var(--text-light);
	font-size: 15px;
}
.spotify.spotify-header .series-info .content .series-info-desc .duartion{
	color:var(--text-light);
        display: none;
}
.spotify.spotify-header .series-info .content .series-info-desc .episode img {
    object-fit: contain;
    width: 23px;
    height: 23px;
    margin-right: 5px;
}

/* series info section css ends*/

/* series content css starts */
.spotify .spotify-recent-playlist {
    margin: auto;
}
.spotify .spotify-recent-playlist .videoContent .swiper-wrapper {
    display: flex;
    margin: auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    grid-gap: 30px;
}
.spotify .spotify-recent-playlist .episode-stories {
    background: var(--card-background);
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    opacity:0;
    transform: translate(0, 100px);
    transition: all ease 750ms;
    gap: 20px;
    padding: 20px;
    cursor:pointer;
}
.spotify .spotify-recent-playlist .home .episode-stories{
    width: 50%;
    align-items: center;
}
.spotify .spotify-recent-playlist .episode-stories.active{
	opacity:1;
	transform:translate(0px,0px);
}
.spotify .spotify-recent-playlist .episode-stories .epis-left {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.spotify .spotify-recent-playlist .episode-stories .epis-left:before {
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    content: "";
    display: block;
    height: 100%;
    left: -75%;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    width: 50%;
    z-index: 2;
}
.spotify .spotify-recent-playlist .episode-stories:hover .epis-left:after {
    content: "";
    width: 20%;
    height: 20%;
    background: url(https://www.manageengine.com/ems/images/icon/play-icon.svg) no-repeat center center;
    background-size: 100%;
    position: absolute;
    top: 40%;
    opacity: .95;
    left: 0;
    right: 0;
    margin: auto;
}
.spotify .spotify-recent-playlist .episode-stories .epis-left img {
    width: 100%;
    height: auto;
    cursor: pointer;
    border-radius: 10px;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right {
    width: calc(100% - 240px);
    display: inline-block;
    vertical-align: top;
    text-align: left;
    border-radius: 0 5px 5px 0;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right span {
    color: white;
    font-size: 16px;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right .tag {
    background-color: var(--latest-color);
    color: var(--latest-text-color);
    padding: 2px 10px;
    border-radius: 10px;
    margin-left: 20px;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right h3 {
    padding: 10px 0;
    line-height: 28px;
    margin: 0px !important;
    color: white !important;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right p {
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    margin: 0;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right .podcast-other-details {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right .podcast-other-details .speaker-sec {
    width: 70%;
    display: none;
    vertical-align: top;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right .podcast-other-details .speaker-sec h4 {
    margin: 0px !important;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right .podcast-other-details .speaker-sec p {
    line-height: 18px;
    padding: 5px 0 0 0;
    margin: 0px !important;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right .podcast-other-details .online-platforms {
    width: auto;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right .podcast-other-details .online-platforms h5 {
    color: #fff;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right .podcast-other-details .online-platforms .platform-list {
    display: flex;
    gap: 15px;
    justify-content: right;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right .podcast-other-details .online-platforms .platform-list li {
    margin: 0;
    display: inline-block;
    vertical-align: top;
    -moz-transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
    -o-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
    width: auto;
}
.spotify .spotify-recent-playlist .episode-stories .epis-right .podcast-other-details .online-platforms .platform-list li img {
    height: 32px;
    width: auto;
    max-width: 36px;
}
/* series content css ends */

/* video , subscribe , success popup css starts */
#notifyMeDetails.popup-box, #successDetails.popup-box, #video-popup-content.popup-box {
    position: fixed;
    z-index: 99999999;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.70);
    display: none;
}
#notifyMeDetails.popup-box.show, #successDetails.popup-box.show, #video-popup-content.popup-box.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
#video-popup-content.popup-box.show .video-popup-inner {
    border: 1px solid var(--card-background);
    border-radius: 5px;
    width: 800px;
    height: 450px;
    margin: 50px auto;
    position: relative;
    padding: 20px;
    backdrop-filter: blur(10px);
}
#video-popup-content.popup-box.show .video-popup-inner #closeVideo {
    cursor: pointer;
    position: absolute;
    right: -10px;
    top: -10px;
    background: #000;
    border-radius: 20px;
    -moz-transition: all ease-in-out .6s;
    -webkit-transition: all ease-in-out .6s;
    -o-transition: all ease-in-out .6s;
    transition: all ease-in-out .6s;
}
#notifyMeDetails.popup-box .notifyMeDetails, #successDetails.popup-box .successDetails {
    max-width: 1000px;
    margin: auto;
    min-height: 650px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-radius: 23px;
    background: #052446;
    /* box-shadow: 0px 0px 51px 4px rgba(76, 132, 230, 0.35); */
    padding: 13px;
    animation: zoom 0.6s forwards;
}

#successDetails.popup-box .successDetails {
    min-height: 600px !important;
}
#notifyMeDetails.popup-box .notifyMeDetails #closeSubscribePopup, #successDetails.popup-box .successDetails #closePopup {
    position: absolute;
    right: -34px;
    cursor: pointer;
    top: -17px;
}
#notifyMeDetails.popup-box .notifyMeDetails #closeSubscribePopup img, #successDetails.popup-box .successDetails #closePopup img {
    width: 25px;
}
#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent, #successDetails.popup-box .successDetails .notifyMeContent {
    background: url(../images/subscribe-popup.png);
    background-size: cover;
    border-radius: 18px;
    width: 800px;
    position: relative;
}

#successDetails.popup-box .successDetails .notifyMeContent {
    width: 750px !important;
}
#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper, #successDetails.popup-box .successDetails .notifyMeformWrapper {
    position: absolute;
    border-radius: 18px;
    background: rgba(2, 21, 42, 0.80);
    right: 33px;
    padding: 25px 20px 20px 25px;
    width: 350px;
    bottom: 33px;
}

#successDetails.popup-box .successDetails .notifyMeformWrapper {
    padding: 25px 25px 50px 25px !important;
    bottom: 75px !important;
    right: 30px !important;
}
#successDetails.popup-box .successDetails .notifyMeContent .notifyMeformWrapper .gif {
    max-width: 450px;
    width: 350px;
    max-height: 450px;
    height: 200px;
    position: relative;
}
#successDetails.popup-box .successDetails .notifyMeformWrapper .gif:before {
    content: "";
    position: absolute;
    background-image: url(../images/success.gif);
    top: 14%;
    right: 0px;
    bottom: 0px;
    left: 26%;
    background-repeat: no-repeat;
    background-size: 150px;
}
#successDetails.popup-box .successDetails .notifyMeformWrapper .gif:after {
    content: "";
    position: absolute;
    background-image: url(../images/celeb.gif);
    top: 14%;
    right: 0px;
    bottom: 0px;
    left: 26%;
    background-repeat: no-repeat;
    background-size: 200px;
}
#successDetails.popup-box .successDetails .notifyMeContent .notifyMeformWrapper .content {
    top: -8px;
    position: relative;
}
#successDetails.popup-box .successDetails .notifyMeContent .notifyMeformWrapper .content h3 {
    font-weight: 600;
    text-align: center;
    font-size: 21px;
}

#successDetails.popup-box .successDetails .notifyMeContent .notifyMeformWrapper .content h3, #successDetails.popup-box .successDetails .notifyMeContent .notifyMeformWrapper .content p {
    color: #E4F1FF !important;
}
#successDetails.popup-box .successDetails .notifyMeContent .notifyMeformWrapper .content p {
    margin-bottom: 30px;
    text-align: center;
}
#successDetails.popup-box .successDetails .notifyMeContent .notifyMeformWrapper .content .nav-dwn a {
    font-size: 16px;
    width: -webkit-fill-available;
}
#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper h2 {
    color: var(--text-light) !important;
    margin-top: 0px;
}
#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper .form {
    width: 100%;
}
#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper .form .edi-btn inputgroup {
    margin-bottom: 20px;
}
#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper .form .edi-btn inputgroup span {
    color: var(--text-light) !important;
}
#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper .form .edi-btn inputgroup span.red {
    color: #f00 !important;
}
#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper .form .edi-btn inputgroup input {
    border-radius: 6px !important;
    border: 1px solid #1F4B78 !important;
    background: #405D7D !important;
    width: 90% ! Important;
    color: var(--text-light) !important;
}
#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper .form .edi-btn inputgroup span {
    color: var(--text-light) !important;
}
#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper .form .edi-btn inputgroup select {
    border-radius: 6px !important;
    border: 1px solid #1F4B78 !important;
    background: #405D7D !important;
    color: var(--text-light) ! Important;
    margin-top: 10px !important;
}
#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper .form .edi-btn inputgroup.select:after {
    border-top: 6px solid #fff;
}
#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper .form .edi-btn p {
    color: var(--text-light) !important;
}
#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper .form .edi-btn .downloadSubmit {
    border-radius: 8px ! IMPORTANT;
    background: #DE2236 ! IMPORTANT;
    color: white !important;
    border: none ! IMPORTANT;
    width: 100% !important;
    cursor: pointer;
}

@keyframes hideAnimation {
	to {
		visibility: hidden;
	}
}

@keyframes showAnimation {
	to {
		visibility: visible;
	}
}

@keyframes animatedBackground {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0px 300px;
	}
}

@keyframes zoom {
	from {
		transform: scale(0);
	}

	to {
		transform: scale(1);
	}
}

@keyframes zoomOut {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(0);
	}
}
/* video , subscribe , success popup css ends */

/* playlist box css starts */
.playlist .spotify .spotify-recent-playlist {
    margin: 80px auto 0;
}

.spotify .spotify-recent-playlist  .playlist-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    max-width: 1100px;
    margin: 50px auto;
    gap: 40px;
}

.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info {
    width: 250px;
    background: var(--card-background);
    padding: 10px;
    position: relative;
    border-radius: 10px;
}

.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info .image-wrapper {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 10px;
    overflow: hidden;
}
.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info:hover .image-wrapper {
    filter: brightness(0.55);
    transition: .3s;
    cursor: pointer;
}

.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info .image-wrapper img.list-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info:hover .play_icon {
    width: 20%;
    height: 20%;
    position: absolute;
    top: 22%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    display: block;
    opacity: 0.75;
cursor: pointer;
}

.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info .play_icon {
    display: none;
}

.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info .feature {
    padding-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info .feature .tag {
    background-color: var(--series-color);
    padding: 2px 10px;
    border-radius: 10px;
    color: #fff;
}
.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info .feature .info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}


.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info .feature .info span {
    color: white;
    text-align: center;
    margin-left: 5px;
}

.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info h4 {
    margin: 10px 0 10px !important;
    line-height: 25px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    font-size: var(--h3-font);
}

.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info p {
    display: none;
    font-size: 14px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  z-index:2;
}
.spotify .spotify-recent-playlist .episode-stories a {
                position: absolute;
                height: 100%;
                width: 100%;
                top: 0px;
                bottom: 0px;
                right: 0px;
                left: 0px;
                color: transparent;
            }

/* playlist box css ends */

/* playlist page header css starts */
.playlist .spotify.spotify-header .image {
    max-width: 450px;
    width: 320px;
    max-height: 450px;
    height: 285px;
    position: relative;
    margin: auto;
}
.playlist .spotify.spotify-header .image .logoGif:before {
    content: "";
    position: absolute;
    background-image: url(../images/Endpoint-pulse-logo.gif);
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    animation: hideAnimation 0s ease-in 11s;
    animation-fill-mode: forwards;
    background-position: center;
}
.playlist .spotify.spotify-header .image .waveGif.waveAnimation::before {
    animation: showAnimation 0s ease-in 11s;
    animation-fill-mode: forwards;
    visibility: hidden;
}
.playlist .spotify.spotify-header .image .waveGif::before {
    content: "";
    position: absolute;
    background-image: url(../images/wave.gif);
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.playlist .spotify.spotify-header .content {
    max-width: max-content;
    margin: auto;
    width: 850px;
    position: relative;
    z-index: 1;
}
.playlist .spotify.spotify-header .content h3 {
    font-size: 25px;
    line-height: 30px;
    color: var(--text-light) !important;
}
.playlist .spotify-header .flex .nav-dwn a {
    background: #DE2236;
    cursor: pointer;
    z-index: 5;
    position: relative;
    font-size: var(--p-font);
    line-height: 22px;
    font-weight: var(--l-wgt);
    text-transform: uppercase;
    min-width: 150px;
    min-height: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    color: var(--text-light);
    text-decoration: none;
    padding: 0 20px;
}


.playlist .spotify .spotify-recent-playlist .swiper-wrapper {
    margin: 50px 0 80px;
    display: flex;
    gap: 20px;
}
/* playlist page header css ends */

/* animation css starts*/
.fade-transition {
    opacity: 1;
    transition: opacity 1s ease;
}

.fade-transition.hide {
    opacity: 0;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animation {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 800px 104px;
    position: relative;
}
.spotify .spotify-recent-playlist .episode-stories .epis-left.image{
    background-color: white;
    border-radius: 8px;
    padding: 0px;
    height: 285px;
    margin: 35px;
    width: 289px;
}
.spotify .spotify-recent-playlist .episode-stories.animation{
	width: 1200px;
	justify-content: flex-start;
}
.content-loader {
    margin-top: 10px;
    margin-bottom: 8px;
    display: block;
    background-color: var(--content-background-color);
    height: 8px;
    content-visibility: hidden;
    color: transparent !important;
}
.heading {
  width: 700px;
  margin: 40px 0px 10px 6px;
  line-height: 28px;
}
.heading2 {
  width: 100px;
  margin: 0px 0px 35px;
  line-height: 28px;
}
.episode-no {
  width: 74px;
  height: 6px;
  margin-bottom: 20px;
  margin-top: 5px;
}
.description {
  width: 700px;
  margin-bottom: 15px;
}
.speaker {
  width: 150px;
  margin: 60px 0px 20px;
}
.occupation {
  width: 300px;
  margin-bottom: 0px;
}
/* animation css ends*/


@media(max-width: 800px) {
	.spotify{
		padding:40px;
	}
    .spotify-page.menu .flex {
        width: auto;
        padding: 20px 30px;
        margin: 0px;
    }
    .spotify-page.menu .prdlogo {
        width: 50%;
    }
    .spotify-page.menu .flex .prdmenu {
        align-content: flex-start;
        justify-content: flex-end;
        width: 50%;
    }
	.spotify.spotify-header .series-info .image{
		width:100%;
	}
	.spotify.spotify-header .series-info .content{
		width:100%;
		padding: 40px 0px 0px;
	}
	.spotify .spotify-recent-playlist .episode-stories .epis-left{
		width:100%;
	}
	.spotify .spotify-recent-playlist .episode-stories .epis-right{
		width:100%;
		padding-top: 0px;
	}
	.spotify .spotify-recent-playlist .episode-stories .epis-left img{
		border-radius:30px;
	}
	.spotify.spotify-header .content {
        max-width: 100%;
    }
	.spotify.spotify-header .flex {
        justify-content: center;
    }
	.spotify.spotify-feedback-box .content:first-child {
        padding: 0px 0px 30px 0px;
        border-bottom: 1px solid #4C657E;
        border-right: none;
    }
	.spotify.spotify-feedback-box .content {
        max-width: 100%;
    }
	.spotify.spotify-feedback-box .content {
        padding: 50px 0px 30px 0px;
    }
	.spotify.spotify-feedback-box .flex {
        justify-content: center;
        text-align: center;
    }
	    .spotify-header .flex .nav-dwn {
        display: block;
    }
	    .nav-dwn a:before {
        content: "";
    }
	.nav-dwn a {
        color: #fff !important;
    }
	.playlist .spotify .spotify-recent-playlist {
	    margin: 60px auto 0;
	}
	.playlist .spotify .spotify-recent-playlist .swiper-wrapper{
		    margin: 50px 0 50px;
	}
	.spotify .spotify-recent-playlist .playlist-wrapper{
		grid-gap:30px 0px;
		justify-content:center;
		margin-bottom: 0px;
	}
	#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent,
	#successDetails.popup-box .successDetails .notifyMeContent {
		height: auto;
		background: none !important;
		width: auto !important;
	}

	#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper,
	#successDetails.popup-box .successDetails .notifyMeContent .notifyMeformWrapper {
		position: relative !IMPORTANT;
		padding: 25px 10px 0px 10px !important;
		left: 0px;
		top: 9px;
	}

	#notifyMeDetails.popup-box .notifyMeDetails .notifyMeContent .notifyMeformWrapper h2 {
		margin-bottom: 10px !important;
		margin-left: 20px;
	}

	#notifyMeDetails.popup-box .notifyMeDetails #closeSubscribePopup,
	#successDetails.popup-box .successDetails #closePopup {
		top: -7px;
		right: -3px;
	}
	#successDetails.popup-box .successDetails {
		min-height: 450px !important;
	}

	#successDetails.popup-box .successDetails .notifyMeContent .notifyMeformWrapper .content .nav-dwn {
		display: block !important;
	}
.spotify .spotify-recent-playlist .playlist-wrapper .playlist-info {
    width: auto;
}
}