.main-dashboard {

    background-image: linear-gradient(45deg, #EBFBF3, #ffffff);

}

.sidebar {

    background: #fff;

    padding: 20px 0px;

    border-radius: 10px;

    border: 1px solid #ccc;

}

.sidebar nav a {

    text-decoration: none;

    color: #989898;

    font-family: poppins;

    font-size: 20px;

}

.sidebar nav a img {

    margin-right: 12px;

}

a.sidebar-a-tag {

    text-decoration: none;

    background: #1FB57F;

    color: #fff;

    font-family: poppins;

    font-weight: 600;

    font-size: 24px;

    padding: 10px 15px;

    border-radius: 10px;

}

.sidebar nav a:hover {

    background-image: linear-gradient(45deg, #E6FCFA, #ffffff);

    color: #1FB57F;

}

.main-dashboard .container {

    max-width: 1300px;

}

.main-content h1 {

    font-family: poppins;

    font-weight: 600;

    font-size: 30px;

}

.welcome-block.row.align-items-center {

    background: #4CC590;

    border-radius: 10px;

    padding: 10px;

    color: #fff;

}

.welcome-block h2 {

    font-family: poppins;

    font-weight: 500;

    font-size: 26px;

}

.welcome-block p {

    font-family: poppins;

    font-weight: 400;

    font-size: 18px;

}

.learning-block {

    background: #fff;

    border-radius: 10px !important;

}

.my-activity {

    background: #fff;

    border-radius: 10px !important;



}

.learning-section h4 {

    font-family: poppins;

    font-weight: 500;

    color: #000;

    font-size: 20px;

}

.learning-section text {

    font-family: poppins;

    color: #000;

    font-weight: 500;

    font-size: 5px;

}

.learning-section  h5.mb-0 {

    font-family: poppins;

    font-weight: 600;

    color: #000;

    font-size: 19px;

}

.days div {

    font-family: poppins;

    color: #000;

    font-weight: 500;

    font-size: 16px;

}

.learning-section .btn-sm {

    border: none;

    font-family: poppins;

    font-size: 16px;

    color: #848383;

}

.my-courses.mt-4 {

    background: #fff;

    padding: 20px;

    border-radius: 10px;

    border: 1px solid #ccc;

}

    



.my-courses h4.mb-0 {

    color: #000;

    font-family: poppins;

    font-weight: 500;

    font-size: 26px;

}

.my-courses .nav-link .active {

    color: #4CC590;

}

.my-courses .nav-link {

    color: #848383 !important;

    font-family: poppins;

    border: none;

    font-weight: 500;

    font-size: 18px;

}

.my-courses .tab-content h5 {

    font-family: poppins;

    color: #000;

    font-weight: 500;

    font-size: 18px;

}

.my-courses .tab-content  p{

    color: #9A9898;

    font-weight: 400;

    font-family: poppins;

    font-size: 17px !important;

}

a.View.Course {

    text-decoration: none;

    color: #fff;

    background: #4CC590;

    font-family: poppins;

    font-size: 18px;

    padding: 10px 10px;

    border-radius: 10px;

}

span.me-2.clinet-name {

    font-family: poppins;

    color: #000;

    font-size: 18px;

}

h4#calendarMonth {

    font-family: poppins;

    font-size: 18px;

    font-weight: 500;

}

.calendar  .col {

    font-size: 12px;

    padding: 7px 9px;

    padding-bottom: 0px !important;

    border: none !important;

}

.calendar.border.rounded {

    padding: 20px;

    background: #fff;

}

.upcoming-task h5 {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    overflow: hidden;

    -webkit-line-clamp: 1;

    text-overflow: ellipsis;

    white-space: normal;

    max-width: 250px;

    font-size: 14px;

}

.upcoming-task p {

    font-size: 12px;

}

.upcoming-task.mt-4 {

    background: #fff;

    padding: 20px 20px;

    border-radius: 10px;

    border: 1px solid #ccc;



}

.upcoming-task .courses-detail {

    padding: 10px !important;

}

.upcoming-task h4.mb-0 {

    font-family: poppins;

    font-size: 18px;

    font-weight: 500;

}

a.text-decoration-none {

    color: #848383;

    font-size: 18px;

}

.payment-history.mt-4 {

    background: #fff;

    padding: 20px;

    border-radius: 10px;

    border: 1px solid #ccc;

}

.payment-history h4 {

    font-size: 18px;

}

@media (max-width:767px){

    .my-courses .tab-content h5 {

    font-size: 12px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    overflow: hidden;

    -webkit-line-clamp: 1;

    text-overflow: ellipsis;

    white-space: normal;

    max-width: 119px;

}

a.View.Course {

    font-size: 9px;

}

.profile {

    display: block !important;

}

.profile h1 {

    margin-bottom: 20px !important;

}

}