.wdm-no-memberships-banner{

	display: flex;

    justify-content: center;

    align-items: center;

    background: #F3E8FC;

    padding: 16px;

    gap: 12px;

	border-radius:12px;

}



.wdm-no-memberships-banner span{

  font-family: Inter;

  font-size: 16px;

  font-weight: 600;

  line-height: 24px;

  text-align: left;

  color: #262626;

}



.no-membership-card p a {

  color: #6006A5;

  text-decoration: none;

}



.no-membership-card p a:hover {

  text-decoration: underline;

}



.wdm-no-membership-list ul.bwf-icon-list{

  list-style: none;

  margin: 0;

    text-align: center;

    display: flex;

    align-items: center;

    gap: 24px;

}



.wdm-no-membership-list ul.bwf-icon-list li.bwf-icon-list-item-wrap{

    display: flex;

    gap: 8px;

    max-width: max-content;

    font-size: 14px;

    line-height: 20px;

    color: #262626;

}



.wdm-no-membership-list .bwf-icon-inner-svg{

    width: 20px;

    height: 20px;

    object-fit: contain;

}



.wdm-membership-plans .wdm-current-plan-heading{

	font-family: Inter;

	font-size: 24px;

	font-weight: 600;

	line-height: 32px;

	text-align: left;

	color:#262626;

	margin:0;

	margin-bottom:24px;

}



.dark-gray-top-label{

font-family: Inter;

font-size: 12px;

font-weight: 400;

line-height: 16px;

text-align: left;

color:#758393;

	margin:0;

}



.wdm-current-plan-info .plan-details .plan-price{

	display:flex;

	flex-direction:column;

	gap:8px;

}



.wdm-current-plan-info .plan-details .plan-price .bottom-value{

	margin:0;

	font-family: Inter;

	font-size: 16px;

	font-weight: 600;

	line-height: 24px;

	text-align: left;

}



.wdm-current-plan-info .plan-details .plan-price .bottom-value span{

	font-weight:400;

	font-size:12px;

	line-height:16px;

	color:#758393;

}



.wdm-current-plan-info .plan-details{

	display:flex;

	width:100%;

	gap:20px;

}



.wdm-current-plan-info .plan-name{

	display:flex;

	column-gap:12px;

	align-items:center;

}



.wdm-current-plan-info .plan-name img {

  width: 3em;

}



.wdm-current-plan-info .plan-name h2{

margin:0;

font-family: Inter;

font-size: 20px;

font-weight: 600;

line-height: 28px;

}



.wdm-membership-plans{

	display: flex;

  flex-direction: column;

	gap:20px;

  padding: 0px;

}



.wdm-current-plan-info{

	display:flex;

	flex-direction:column;

	gap:24px;

	padding:24px;

  margin-bottom: 1em;

	border-radius:20px;

	border: 1px solid #F2F2F2

}



.wdm-current-plan-info .plan-details .trial-plan-expiry{

		display: flex;

    justify-content: space-between;

    width: 50%;

}



.wdm-current-plan-info .plan-details .bottom-value{

	margin:0;

font-family: Inter;

font-size: 16px;

font-weight: 400;

line-height: 24px;

color:#262626;

}



.wdm-light-gray-border{

	padding:12px;

	border: 1px solid #F2F2F2;

	border-radius:12px;

}



.wdm-current-plan-info .plan-details > * {

	flex:1;

}



.wdm-current-plan-info .plan-details .trial-plan-expiry > *{

	flex:1;

	display:flex;

	flex-direction:column;

	row-gap:8px;

}



.wdm-current-plan-info .plan-details .next-payment-on {

	display:flex;

	flex-direction:column;

	gap:8px;

}



.wdm-current-plan-info .plan-details .wdm-available-credits{

	display:flex;

	flex-direction:column;

	gap:8px;

  position: relative;

}



.wdm-current-plan-info .plan-details .wdm-available-credits .bottom-value{

	margin:0;

	font-family: Inter;

	font-size: 16px;

	font-weight: 600;

	line-height: 24px;

	text-align: left;

}



.wdm-current-plan-info .plan-details .wdm-available-credits .credit-renew-date{

	background:#E8FDFD;

	padding:4px 8px;

	font-family: Inter;

	font-size: 14px;

	font-weight: 400;

	line-height: 20px;

	color:#363636;

	border-radius:10px;

}



.wdm-current-plan-info .plan-details .wdm-available-credits .credit-renew-date span{

	font-weight:600;

}

.wdm-current-plan-info .plan-details .wdm-available-credits .wdm-tooltip-icon{

	width:18px;

	height:18px;

	position:absolute;

	top: 13.5px;

  right: 13.5px;

}



.wdm-tooltip {

    /* position: relative; */

	display: inline-block;

}



.wdm-tooltip .wdm-tooltiptext {

    visibility: hidden;

    width: 200px;

    background-color: #758393;

    color: #FFFFFF;

    text-align: center;

    border-radius: 8px;

    padding: 6px 8px;

    position: absolute;

    z-index: 1;

    opacity: 0;

    transition: opacity 0.3s;

    font-size:14px;

    line-height:20px;

    top: -70px;

    right: 0;

}



/* Show the tooltip when hovering over the icon */

.wdm-tooltip:hover{

	cursor:pointer;

}

.wdm-tooltip:hover .wdm-tooltiptext {

    visibility: visible;

    opacity: 1;

}



.wdm-tooltip .wdm-tooltiptext::after {

  content: " ";

    position: absolute;

    margin-top: -9px;

    border-width: 9px 12px;

    border-style: solid;

    border-color: transparent #758393 transparent transparent;

    top: 111%;

    left: 50%;

    margin-left: 62px;

    border-color: #758393 transparent transparent transparent;

}



.wdm-current-plan-info .wdm-membership-banner{

	padding: 16px;

	border-radius: 12px;

	background:#F3E8FC;

	display:flex;

	align-items:center;

  justify-content: space-between;

}



.wdm-current-plan-info .wdm-membership-banner .banner-heading h2{

	font-family: Inter;

	font-size: 16px;

	font-weight: 600;

	line-height: 24px;

	color:#262626;

	margin:0;

}



.wdm-current-plan-info .wdm-membership-banner .banner-heading p{

	margin:0;

	color:#363636;

	font-family: Inter;

	font-size: 12px;

	font-weight: 400;

	line-height: 16px;

}



.wdm-current-plan-info .wdm-membership-banner .banner-cta .intro-video-cta{

	padding: 10px 20px 10px 20px;

	border-radius: 8px;

	border: 1px solid #E1E4EA;

	background: #FFFFFF;

	color:#262626;

	font-family: Inter;

	font-size: 14px;

	font-weight: 600;

	line-height: 20px;

	max-width: 153px;

    width: 100%;

}



.wdm-current-plan-info .wdm-membership-banner .banner-cta{

	max-width: 305px;

  width: 100%;

	display:flex;

	gap:12px;

}



.wdm-current-plan-info .wdm-membership-banner .banner-cta .upgrade-cta{

	padding: 10px 20px 10px 20px;

	border-radius: 8px;

/* 	border: 1px solid #E1E4EA; */

	background: #6006A5;

	color:#FFFFFF;

	font-family: Inter;

	font-size: 14px;

	font-weight: 600;

	line-height: 20px;

	max-width: 140px;

  width: 100%;

}



.wdm-manage-your-subscription-title h2{

	font-family: Inter;

	font-size: 24px;

	font-weight: 600;

	line-height: 32px;

	text-align: left;

	color:#262626;

	margin:0;

	margin-bottom:12px;

}



.wdm-manage-your-subscription-title p{

	color:#758393;

	font-size:16px;

	margin:0;

	line-height:24px

}



.wdm-manage-your-subscription{

	display:flex;

	flex-direction:column;

	row-gap:40px;

	margin-top:40px;

}



.wdm-cancel-membership-wrapper{

	display:flex;

	justify-content:center;

	align-items:center;

}



.wdm-cancel-membership{

	background:transparent;

	outline:none;

	border:none;

	color:#758393;

	font-weight:600;

	font-family: 'Inter';

  font-size: 14px;

  line-height: 20px;

	padding:0;

}



.wdm-cancel-membership:hover, .wdm-cancel-membership:focus{

	text-decoration:underline;

	background:transparent;

	color:#758393;

}



.wdm-member-bonuses-section{

	display:flex;

	flex-direction:column;

	row-gap:40px;

}



.wdm-enthusiast-title h3{

	margin:0;

	font-family: Inter;

	font-size: 16px;

	font-weight: 600;

	line-height: 24px;

	color:#262626;

	text-transform:uppercase;

}



.wdm-bonus-card{

	padding:12px;

	border-radius:20px;

	background:#FAFAFA;

	display:flex;

	flex-direction:column;

	row-gap:20px;

	max-width: calc((100% - 40px) / 3);

	border: 1px solid #FAFAFA;

}



.wdm-bonus-card:hover{

	border: 1px solid #E1E4EA;

}



.wdm-bonus-card-img{

	/* background: #fff; */

  /* max-height: 220px; */

  /* height: 220px; */

  display: flex;

  justify-content: center;

  align-items: center;

}



.wdm-bonus-card-img img {

  border-radius: 20px;

  width: 100%;

}



.wdm-bonus-card-text{

	padding:0px 8px;

	display:flex;

	flex-direction:column;

	gap:8px;

	flex:1;

}



.wdm-bonus-card-text p{

	margin:0;

}



.wdm-bonus-card-text .bonus-category{

	color:#6006A5;

	font-family: Inter;

font-size: 14px;

font-weight: 600;

line-height: 20px;

text-transform:uppercase;

}



.wdm-bonus-card-text .bonus-title{

	color:#262626;

	font-family: Inter;

font-size: 24px;

font-weight: 600;

line-height: 32px;

}



.wdm-bonus-card-text .bonus-desc{

	color:#262626;

	font-family: Inter;

font-size: 14px;

font-weight: 400;

line-height: 20px;

}



.wdm-access-bonus{

	border: 1px solid #6006A5;

	padding:14px 20px;

	display:flex;

	gap:8px;

	justify-content:center;

	align-items:center;

	max-width: 100%;

	width:100%;

	border-radius:40px;

	color:#6006A5;

	font-family: Inter;

font-size: 16px;

font-weight: 600;

line-height: 24px;

	background:transparent;

	height:54px;

  text-decoration: none;

}



.wdm-access-bonus:hover, .wdm-access-bonus:focus{

	background:#F3E8FC;

	border: 1px solid #6006A5;

	color:#6006A5;

}



.wdm-available-bonuses{

	display:flex;

	flex-direction:column;

	gap:40px;

	margin-top:40px;

}



.wdm-member-bonuses-section{

	display:flex;

	flex-direction:column;

	gap:40px;

}



.wdm-member-bonuses-enthusiast{

	display:flex;

	flex-direction:column;

	gap:20px;

}



.wdm-enthusiast-bonuses{

	display: flex;

  gap: 20px;

  flex-wrap: wrap;

}



.wdm-enthusiast-title{

	display:flex;

	justify-content:space-between;

	margin-bottom:20px;

}



.wdm-enthusiast-title button{

	max-width:224px;

}



.wdm-confirmation-popup, .wdm-confirmation-popup-loader-div {

    display: none;  /* Initially hidden */

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #00000066;

    /* Semi-transparent background */

    justify-content: center;

    align-items: center;

    z-index: 9999;

  }



  .wdm-memb-spinner {

    border: 4px solid rgba(0, 0, 0, 0.1); /* Light gray border */

    border-top: 4px solid #ffffff; /* White color for the top border to make it visible against the dark background */

    border-radius: 50%;

    width: 50px;

    height: 50px;

    animation: spin 1s linear infinite; /* Animation to rotate the spinner */

}



/* Spinner animation */

@keyframes spin {

    from {

        transform: rotate(0deg);

    }

    to {

        transform: rotate(360deg);

    }

}

  

/* Modal Content */

.wdm-modal-content {

  position: relative;

  background-color: white;

  padding: 40px;

  border-radius: 20px;

  max-width: 720px;

  width: 100%;

  text-align: center;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);

  display:flex;

  flex-direction: column;

  row-gap: 40px;

}



.wdm-modal-content p, .wdm-modal-content h1, .wdm-modal-content h2{

  margin: 0;

}



.wdm-modal-content .modal-content{

  display: flex;

  flex-direction: column;

  gap: 20px;

  justify-content: center;

  align-items: center;

}



.wdm-modal-content .modal-content h1{

  font-family: Inter;

  font-size: 32px;

  font-weight: 600;

  line-height: 40px;

  color: #262626;

}



.wdm-modal-content .modal-content h2{

  font-family: Inter;

  font-size: 18px;

  font-weight: 600;

  line-height: 28px;

  color: #262626;

}



.wdm-modal-content .modal-content p{

  font-family: Inter;

  font-size: 16px;

  font-weight: 400;

  line-height: 24px;

  color: #262626;

}



/* Close (X) Button */

.modal-close-btn {

  position: absolute;

  top: 10px;

  right: 10px;

  background: none;

  border: none;

  font-size: 24px;

  color: #333;

  cursor: pointer;

  transition: color 0.3s;

}



.modal-close-btn:hover {

  background: none;  /* Change color on hover to make it stand out */

}



/* Button Styling */

.wdm-modal-content .modal-actions button {

  padding: 14px 20px;

  border-radius: 40px;

  cursor: pointer;

  font-family: Inter;

  font-size: 16px;

  font-weight: 600;

  line-height: 24px;

  color: #262626;

}





.wdm-modal-content .modal-actions .wdm_ac_1 {

  background: transparent;

  border: 1px solid #262626;

}



.wdm-modal-content .modal-actions .wdm_ac_1:hover,

.wdm-modal-content .modal-actions .wdm_ac_1:focus{

  background: transparent;

}



.wdm-modal-content .modal-actions .wdm_ac_2 {

  background: #FFA133;

}



.wdm-modal-content .modal-actions .wdm_ac_2:hover,

.wdm-modal-content .modal-actions .wdm_ac_2:focus{

  background: #FFA133;

}



.wdm-modal-content .modal-actions{

  display: flex;

  align-items: center;

  justify-content: center;

  column-gap: 12px;

}



.wdm_max_width_cancel2{

  max-width: 727px;

}



.gb-container.wdm-membership-get-inspired-section {

  margin-top: 80px;

}



.gb-container.wdm-membership-get-inspired-section .gb-headline-text{

margin-bottom: 40px;

}



div#wdm-get-started-with-ease {

  margin-bottom: 3.25em;

}



#wdm-get-started-with-ease .gb-accordion__content p{

font-size: 16px;

}



@media screen and (max-width: 768px) {

    .wdm-no-membership-list ul.bwf-icon-list{

      flex-direction: column;

      row-gap: 12px;

    }

    .wdm-membership-plans{

        padding: 0px;

    }

    .wdm-current-plan-info{

        padding: 20px;

        gap: 20px;

    }



    .wdm-current-plan-info .plan-name h2{

        font-size: 18px;

        line-height: 28px;

    }



    .wdm-current-plan-info .plan-details{

        flex-direction: column;

        gap:12px;

    }



    .wdm-tooltip .wdm-tooltiptext{

        top: -70px;

        /* margin-left: -60px; */

        right: -10px;

    }



    .wdm-tooltip .wdm-tooltiptext::after{

        top: 111%;

        left: 50%;

        margin-left: 52px;

        border-color: #758393 transparent transparent transparent;

    }



    .wdm-current-plan-info .wdm-membership-banner{

        flex-direction: column;

        gap:20px;

    }



    .banner-heading{

        display: flex;

        flex-direction: column;

        gap: 8px;

    }



    .wdm-current-plan-info .wdm-membership-banner .banner-cta{

        align-items: center;

    }



    .wdm-current-plan-info .wdm-membership-banner .banner-cta .intro-video-cta{

        max-width: 122px;

        width: 100%;

        padding: 10px 0px;

    }



    .wdm-current-plan-info .wdm-membership-banner .banner-cta .upgrade-cta{

        max-width: 122px;

        width: 100%;

        padding: 10px 0px;

    }



    .wdm-manage-your-subscription{

        row-gap: 32px;

    }



    .wdm-bonus-card{

        max-width: 100%;

    }



    .wdm-modal-content .modal-content h1{

        font-size: 28px;

        line-height: 36px;

    }



    .wdm-modal-content{

        padding: 20px;

        row-gap: 32px;

        max-width: calc( 100% - 32px );

    }



    .wdm-modal-content .modal-actions{

        flex-direction: column;

        gap: 12px;

    }



    .wdm-modal-content .modal-actions button{

        width: 100%;

    }

  }