/* Desktop view */
@media all and (min-width: 992px) {    
    .navbar .has-megamenu {
        position: static !important;
    }
    .navbar .megamenu {
        top: 90px;
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
        transition: all ease-in-out 0.5s;

    } 
    .navbar .has-megamenu:hover .megamenu{
        display: block;
        z-index: 9999;
    }
}
/* ============ mobile view .end// ============ */

/* *************************responsive************************ */
@media (max-width:620px) {
    .hero {
        width: 100%;
        height: calc(32vh - 90px);
        background: linear-gradient(#00a5b4 40%, #008489 60%, #045161)
    }
    .home-search {
        padding: 10px 8px 8px;
        background: transparent;
        color: #fff;
        border-radius: 6px;
    }
    .mobile-view-home{
        margin-bottom: 20px;
    }
     
    /* .mobile-view-home ul {
        display: table;
        width: 100%;
        max-width: 750px;
        margin: 0 auto;
    } */
    .mobile-view-home ul li {
        width: 25%;
        display: table-cell;
        border-right: 1px solid #fff;
        font-size: .75rem;
        color: #fff;
        text-align: center;
    }
    .desktop-view-ul li:before{   
        background: transparent;     
    }
    .mobile-view-home ul li strong {
        font-size: .875rem;
        font-weight: 600;
        display: block;
    }
    .mobile-view-home ul li:last-child {
        border: none;
    }
    .text-sm .mobile-view-para {
        font-size: 12px;
    }

    .subject-img {
        width: 50px;
        height: 50px;
        margin: 0;
    }
    .course-box{
        border-bottom: 1px solid gray;
    }
.course-name{
    text-align: left;
}

.carousel-control-next, .carousel-control-prev{
    top: 100% !important;
    bottom: -86px!important;
    border: 2px solid green;
    height: 50px!important;
}
.carousel-control-next {
    right: 33%;
}
.carousel-control-prev {
    left: 33%;
}
    .accordion-item .accordion-header .accordion-button span.fs-20{
        font-size: 14px;
    }
}
  