body::-webkit-scrollbar-thumb {
  background-color: #2f2d39;
}
.d-none{
     display:none !important;
}
 #subscribed-courses {
     padding-bottom: 60px;
     margin-top: 30px;
     min-height: calc(90vh - 90px);
 }
 .subscribed-courses__heading {
     text-align: left;
     margin-bottom: 20px 
}
 #subscribed-courses .button{
     width: 100%;
     background-color: white;
     color: #00504B;
     font-family: "Josefin Sans";
     font-size: 16px;
}
 #subscribed-courses .button:hover{
     background-color: transparent;
     border: 1px solid #00504B;
     color: white;
}
 .subscribed-courses__heading h2 {
     padding: 0 calc(41px - var(--padding));
     margin-bottom: 15px;
     font-weight: 700;
     text-transform: capitalize;
     color: #CCF8A9;
     font-size: 24px 
}
 .subscribed-courses__heading p {
     font-weight: 300;
     font: normal normal 300 15px/23px var(--fontBody);
     line-height: 1.5;
     letter-spacing: 0 
}
 #card-container{
     display:grid;
     grid-template-columns: 1fr 1fr 1fr;
     gap:16px;
}
 #card-container .card {
     display:flex;
     align-items: flex-end;
     position:relative;
     height:320px;
     background-repeat:no-repeat;
     background-size:cover;
     background-position: center;
     border-radius: 8px;
     border: 1px solid #CCF8A9!important;
     padding: 0px 32px 32px 32px;
}
 #card-container .card:before{
     content:"";
     width:100%;
     height:100%;
     border-radius: 8px;
     margin-left: -32px;
     margin-bottom: -32px;
     position:absolute;
     z-index:0;
     transition:all .15s;
     background:transparent linear-gradient(180deg,rgba(17, 40, 59, 0.40) 20%, #11283B 100%);
}
 #card-container .card__text{
     z-index:1;
}
 #subscribed-courses .card__text__title {
     text-align: center !important 
}
 #card-container .card__text__title{
     color: #FFF !important;
     font-family: Montserrat;
     font-size: 32px !important;
     font-style: normal !important;
     font-weight: 700 !important;
     line-height: normal !important;
     text-align: left !important;
     margin-bottom: 16px !important;
}
 .courses-disclaimer{
     margin-top:40px;
     max-width:309px;
     text-align:center;
}
 .courses-disclaimer h3{
     color: #CCF8A9;
     font-family: Montserrat;
     font-size: 16px;
     font-weight: 700;
     line-height: normal;
     margin-bottom:10px;
}
 .courses-disclaimer p{
     color: #FFF;
     font-family: Montserrat;
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
     margin-bottom:24px;
}
 .courses-disclaimer div{
     margin: auto;
     width: 180px;
}
 @media (max-width: 1350px) {
     #card-container{
         grid-template-columns: 1fr 1fr;
    }
    #card-container .card__text__title{
     font-size: 28px !important;
     }
 @media (max-width: 768px) {
    #card-container{
         grid-template-columns: 1fr;
    }
     #card-container .card {
         height:232px;
    }
    #card-container .card__text__title{
     font-size: 20px !important;
     }
}