.join-now {

    border: none;

    background-image: linear-gradient(to right top, #13d49b, #00c7b1, #00b9bd, #00a9c0, #3999b9);

    padding: 12px 15px;

    color: #fff;

    font-size: 18px;

}



.join-now:hover {

    color: #fff;

}



.course {

    border: none;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    padding: 15px 22px;

    margin-bottom: 20px;

    border-radius: 10px;

    min-height: 210px;

}



.course:hover {

    border: none;

    background-image: linear-gradient(to right top, #13d49b, #00c7b1, #00b9bd, #00a9c0, #3999b9);

    padding: 15px 22px;

    margin-bottom: 20px;

    border-radius: 10px;

    min-height: 210px;

    color: #fff;

    transition: all .5s;

    ;

}



.course,

heading-box:hover {

    font-weight: 700;

    margin-top: 12px;

    min-height: 210px;

    color: #fff;

    transition: all .5s;

}



.heading-box {

    font-weight: 700;

    margin-top: 12px;

}





/* .heading-box:hover {

    font-weight: 700;

    margin-top: 12px;

    color: #fff;

} */



.owesome {

    font-size: 30px;

    color: #0ED095;

    /* color: #e8ec01; */

}



.log {

    font-size: 130px;

}



.price-table {

    padding: 12px;

    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

    border-radius: 20px;

    margin-bottom: 20px;

}



.price-data {

    background-image: linear-gradient(to right top, #13d49b, #00c7b1, #00b9bd, #00a9c0, #3999b9);

    padding: 25px 12px;

    border-radius: 5px;

}



.data-list,

li {

    color: #fff;

    list-style: none;

}



.buy-package {

    /* border: 2px solid #10D398; */

    border: 2px solid #10D398;

    padding: 15px 15px;

    width: 100px;

    color: #ffffff;

    border-radius: 4px;

    background-color: #10D398;
    font-size: 15px;
}



.buy-package:hover {

    color: #fff;



}



.countt {

    background-color: #fff;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    padding: 0px 10px;

    border-radius: 40px;

    margin-top: -50px;

    margin-bottom: 20px;

}



.tab-body {

    /* padding: 14px; */

    border-radius: 3px;

    background-color: #fff;

}



.attend {

    border: none;

    background-image: linear-gradient(to right top, #13d49b, #00c7b1, #00b9bd, #00a9c0, #3999b9);

    /* padding: 5px 8px; */

    color: #fff;

    font-size: 12px;

    padding: 5px 8px;

    border-radius: 10px;

    margin-top: 15px;

}



.first-tab {

    /* background-color: #fff; */

    padding: 20px;

}



.first-tab a {

    color: #3896B8;

    padding: 20px;

    font-weight: 600;

    text-align: center;

}



.first-tab:hover {

    background-color: #fff;

    padding: 20px;

}



.first-tab a:active {

    background-color: #ffffff;

    padding: 20px;

    font-weight: 600;

    text-align: center;

}



.tablee th {

    border-bottom: 1px solid grey;

    color: grey;

    font-weight: 100;

    padding: 15px 8px;

}



.tablee td {

    border-bottom: 1px solid grey;

    color: rgb(0, 0, 0);

    font-weight: 500;

    padding: 15px 8px;

}





/* try tab css */



.tablink {

    background-color: #abffe8;

    color: #3896B8;

    float: left;

    border: none;

    outline: none;

    cursor: pointer;

    padding: 14px 16px;

    font-size: 17px;

    width: 33%;

}



.tablink:hover {

    background-color: #ffffff;

}





/* Style the tab content (and add height:100% for full page content) */



.tabcontent {

    color: rgb(0, 153, 203);

    display: none;

    padding: 100px 20px;

    height: 100%;

    background-color: rgb(171 255 232);

}



#Home {

    background-color: rgb(255, 255, 255);

}



#News {

    background-color: rgb(255, 255, 255);

}



#Contact {

    background-color: rgb(255, 255, 255);

}



.top-box {

    padding: 10px 5px;

    background-image: linear-gradient(to right top, #13d49b, #00c7b1, #00b9bd, #00a9c0, #3999b9);

    border-top-left-radius: 10px;

    border-top-right-radius: 10px;

    width: 100%;

}



.bottom-box {

    padding: 10px 5px;

    width: 100%;

    margin-top: -16px;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;

}



.btn-attend {

    border: none;

    background-image: linear-gradient(to right top, #13d49b, #00c7b1, #00b9bd, #00a9c0, #3999b9);

    padding: 4px 3px;

    color: #fff;

    font-size: 15px;

    border-radius: 5px;

}





/* course and chat room css */



.course-bottom {

    background-color: rgb(255, 255, 255);

    margin-top: -46px;

    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

    padding: 49px 10px;

    margin-bottom: 30px;

}



.course-bottom ul li {

    color: #fff;

    /* padding-left: 20px; */

    padding-bottom: 8px;

    font-weight: 500;

}



.buy-packagee {

    /* border: 2px solid #10D398; */

    border: none;

    padding: 10px 6px;

    width: 80%;

    color: #ffffff;

    /* border-radius: 10px; */

    background-color: #10D398;

}