body {
            background-color: var(--body_color);
            color: var(--text_color_primary);
        }

        .teacherdashboard_header {
            padding: 0 0 10px;
        }

        .teacherdashboard_header_container {
            background: var(--primary_color);
            /* border-radius: var(--border-radius); */
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 5px 10px;
            height: 8vh;
        }

        .teacherdashboard_header_text_container {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-direction: column;
            text-transform: capitalize;
        }

        .teacherdashboard_site_icon {
            font-size: 22px;
        }

        .teacherdashboard_header_Profile_container {
            height:50px;
            width: 50px;
            border-radius: 50%;
            overflow: hidden;
            z-index: 1;
        }
        .teacherdashboard_header_Profile_container img{
            width: 100%;
        }

        .teacherdashboard_load_container {
            height: 100%;
            margin-bottom: 15px;
            height: calc(100vh - 18vh);
            overflow: scroll;
            scrollbar-width: none;
        }

        .teacherdashboard_scroll_cards {
            margin-bottom: 10px;
        }

        #teacherCarousel {
            width: 100%;
            height: 200px;
            background-color: red;
            border-radius: var(--border_radius);
        }

        #teacherCarousel button {
            /* opacity: .2; */
        }

        .carousel-indicators button {
            height: var(--carosol_round) !important;
            width: var(--carosol_round) !important;
            border-radius: 50% !important;
        }

        .teacherdashboard_features_container {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .teacherdashboard_features_content {
            /* background: var(--body_color); */
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            border-radius: var(--border_radius);
            /* padding: 15px 10px; */
            color: var(--primary_color);
        }

        .teacherdashboard_cards_content {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            row-gap: 10px;
            background: var(--body_color);
            padding: 15px 10px;
            border-radius: var(--border_radius);
        }

        .teacherdashboard_cards_text {
            /* margin-bottom: 10px; */
            text-transform: capitalize;
            font-size: 18px;
            font-weight: bolder;
            align-self: flex-start;
            padding: 8px 10px;
        }

        .teacherdashboard_cards {
            background: var(--background_color);
            border-radius: var(--border_radius);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 5px;
            overflow: hidden;
            width: 23%;
            text-decoration: none;
            text-transform: capitalize;
            padding: 8px;
            font-size: 11px;
            color: var(--primary_color);
        }

        .teacherdashboard_cards_icon {
            margin-bottom: 3px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .teacherdashboard_cards_icon img {
            width: 50%;
        }

        .teacherdashboard_footer {
            height: 7vh;
            overflow: hidden;
            background: var(--body_color);
        }

        .teacherdashboard_footer_container ul {
            margin: 0;
            list-style: none;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 14px 0 10px 0;
            width: 100%;
        }

        .teacherdashboard_footer_container ul li a {
            text-decoration: none;
            text-transform: capitalize;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }
        
        .teacherdashboard_footer_icon {
            width: 100%;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary_color);
        }
        
        .teacherdashboard_footer_icon img {
            width: 22px;
        }
        
        .teacherdashboard_footer_name {
            color: var(--primary_color);
            font-size: 12px;
        }