.body-certificate {
    position: absolute;
    top: 215px;
    left: 120px;
    font-size: 18px !important;
  
}

.cirtificate-detail {
    width: 100% !important;
}

.cirtificate-detail p{
    width: 70% !important;
}

.learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link, .learning-courses-about-main-block .nav-tabs .nav-link.active {
    background-color: green;
    color: white;
    border-bottom: none;
    margin: 0 5px 0px 5px;
    padding-top: 13px;
    height: 45px;
}

.learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link, .learning-courses-about-main-block .nav-tabs .nav-link {
    background-color: #e7e6e1;
    color: black;
    margin: 0 5px 0px 5px;
    padding-top: 13px;
    height: 45px;

}

@media screen and (min-width:321px) and (max-width:480px) {
    .body-certificate {
        position: absolute;
        top: 95px;
        left: 55px;
        font-size: 8px !important;
      
    }
    .learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link, .learning-courses-about-main-block .nav-tabs .nav-link.active {
        background-color: green;
        color: white;
        border-bottom: none;
        margin: 0px 1px 1px 0px;
    }

    .learning-courses-about-main-block .nav-tabs .nav-item.show .nav-link, .learning-courses-about-main-block .nav-tabs .nav-link {
        background-color: #e7e6e1;
        color: black;
        margin: 0 1px 3px 0px;
    }
    hr.sep-3::after {
        content: 'menu';
        display: inline-block;
        position: relative;
        left: 39%;
        border: 13px;
        transform-origin: 50% 50%;
        padding: 1rem;
        background-color: #F2F3F5;
        bottom: 27px;
    }
}