@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px; /* Ajustează dimensiunea după nevoie */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

@media (max-width: 768px) {
    .material-icons {
        font-size: 20px;  /* Poți ajusta dimensiunea iconiței */
        visibility: visible !important;  /* Asigură-te că iconița este vizibilă */
    }
}


<p class="chakra-text css-en-11igpis" style="
    margin-left: -20px;
">Your Courses</p> { 
margin-left:-16px;
}

.masteriyo-course-list-display-section {
    display: flex
;
    flex-direction: row;
    width: 100%;
    padding-bottom: 100px;
    justify-content: center;
}
.css-en-1n2mv2k .material-icons.custom-icon {
    margin-left: -20px;
}

@media (max-width: 768px) {


.css-en-1n2mv2k .material-icons.custom-icon { 
padding-right:20px;
  }
.mto-account-sidebar { 
display:none;
  }
    .sticky-menu {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: white;
        display: flex;
        justify-content: space-around;
        padding: 4px 0;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        border-top: 1px solid #ddd;
        z-index: 1000;
    }

    .sticky-menu .menu-item {
        list-style: none;
        margin: 0;
        padding: 8px;
        text-align: center;
        flex: 1;
        cursor: pointer;
        transition: 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;   
        background-color: transparent !important;

    }

    .sticky-menu .menu-item a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-size: 24px;
        color: #555;
        padding: 10px;
    }

  /* Buton activ */
.sticky-menu .menu-item.active a {
    background-color: #2cb087 !important; /* Fundal verde */
    color: #ffffff !important; /* Text alb */
}

.sticky-menu .menu-item.active svg {
    fill: #ffffff !important; /* Iconiță albă */
}

/* Resetarea fundalului și stilurilor pentru iconițele inactive */
.sticky-menu .menu-item a {
    background-color: transparent !important;
    color: #555555 !important;
}
.sticky-menu .menu-item svg {
    width: 24px;  /* Setăm lățimea iconiței la 24px */
    height: 24px; /* Setăm înălțimea iconiței la 24px */
}
}

#chakra-modal-\:rj\: > footer > div > button.chakra-button.css-en-ct4566 {
    background-color: white;  /* Fundal alb */
    color: #00B486;  /* Culoare text (poți ajusta după preferință) */
    border: 2px solid #00B486;  /* Contur gri deschis */
    padding: 10px 20px;  /* Spațiere internă */
    cursor: pointer;  /* Arată că este un buton clicabil */
    transition: all 0.3s ease;  /* Tranziție lină la hover */
}

#chakra-modal-\:rj\: > footer > div > button.chakra-button.css-en-ct4566:hover {
color: #228868;
    background-color: #f0f0f0;  /* Fundal ușor gri la hover */
    border-color: #228868;  /* Întunecarea conturului la hover */
}

.css-en-1j8hq87 {
display:none !important;
}

#masteriyo-account-container > div > div > div.chakra-stack.mto-profile-wrapper.css-en-47dk8w > div > div > div.css-en-rltemf > div { 
display:none; 
} 

#masteriyo-account-container > div > div > div.chakra-stack.mto-profile-wrapper.css-en-47dk8w > div > div > div:nth-child(3) { 
display:none;
}



.css-en-l32f1c {
display:none !important;
} 

.css-en-1lz3nmm { 
display:none !important;
}