.container{max-width:1200px;margin:0 auto}
.ul-li-block ul{margin:0;padding:0}.ul-li-block ul li{list-style:none;display:block}
img{max-width:100%;height:auto}
button{cursor:pointer}.form-control:focus,.register-form-area select.active,.register-form-area select:focus,.register-form-area select:hover,.register-form-area select:visited,.register-form-area textarea.active,.register-form-area textarea:focus,.register-form-area textarea:hover,.register-form-area textarea:visited,button.active,button:focus,button:hover,button:visited,input.active,input:focus,input:hover,input:visited,select,select:focus,select:hover,select:visited,textarea:focus,textarea:hover{outline:0;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;color:inherit}
.form-control{-webkit-box-shadow:none;box-shadow:none}.relative-position{position:relative}.headline h1,.headline h2,.headline h3,.headline h4,.headline h5,.headline h6{margin:0}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif}.mb20{margin-bottom:20px}
.tab-content-1 {
    display: block !important;
}
.blog-item-post {
    /*padding: 105px 0px 0px 0px;*/
}

.blog-content-details {
    padding: 41px;
    padding-bottom: 80px;
    border-bottom: 1px solid #eeeeee;
}

.short-filter-tab {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.shorting-filter select {
    padding: 8px 15px;
    border-radius: 4px;
    background-color: #f7f7f7;
    border: none;
    color: #333333;
    font-weight: 700;
    margin-left: 15px;
}

.blog-button ul.product-tab li {
    margin: 0px 5px 0px 0px;
    font-size: 22px;
    padding: 5px 10px;
    background-color: #f7f7f7;
    border-radius: 4px;
}

.blog-button ul.product-tab li:after {
    display: none;
}

.blog-button ul.product-tab li.active {
    color: #fff;
    background-color: #314384;
}

.blog-post-img-content {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 35px;
    margin-bottom: 30px;
}

.blog-post-img-content .course-price {
    bottom: 20px;
    top: inherit;
}

.blog-post-img-content .blog-img-date {
    border-radius: 4px;
    margin-bottom: 30px;
}

.blog-post-img-content .blog-img-date .blog-thumnile {
    height: 400px;
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    padding: 15px;
}

.blog-title-content h3 {
    font-size: 25px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 15px;
}
.blog-title-content h3 a {
    font-size: 25px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 15px;
}
.view-all-btn a {
    font-weight: 600;
    color: #333333;
}
.blog-title-content .blog-content {
    font-size: 17px;
    margin-bottom: 22px;
}

.genius-post-item {
    padding-bottom: 45px;
}

.list-blog-item {
    background-color: #f7f7f7;
    border-radius: 4px;
    margin-bottom: 30px;
}

.list-blog-item .blog-post-img-content {
    padding: 0;
    margin: 0;
}

.list-blog-item .blog-img-date {
    margin: 0;
}

.list-blog-item .blog-title-content {
    padding-top: 30px;
}

.side-bar-search {
    position: relative;
}

.side-bar-search input,
.side-bar-search .register-form-area select,
.register-form-area .side-bar-search select,
.side-bar-search .register-form-area textarea,
.register-form-area .side-bar-search textarea {
    height: 40px;
    width: 100%;
    background-color: #f7f7f7;
    padding: 0px 15px;
    border: 1px solid #314384;
    border-radius: 4px;
}

.side-bar-search button {
    position: absolute;
    top: 8px;
    right: 10px;
    background-color: #ccc;
    border: none;
    border-radius: 100%;
    padding: 3px 6px;
    color: #fff;
    font-size: 14px;
}

.side-bar-widget {
    margin: 30px 0px;
    display: inline-block;
    width: 100%;
}

.side-bar-widget .widget-title {
    font-size: 30px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 20px;
}

.side-bar-widget .widget-title span {
    font-weight: 700;
}

.side-bar-widget .widget-title:after {
    display: none;
}

.side-bar-widget .post-categori {
    background-color: #f7f7f7;
    border-radius: 4px;
}

.side-bar-widget .post-categori .cat-item {
    position: relative;
    padding: 15px 20px 15px 35px;
    border-bottom: 1px solid #eeeeee;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

.side-bar-widget .post-categori .cat-item:before {
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    top: 19px;
    left: 19px;
    font-size: 10px;
    font-weight: 700;
    content: '\F054';
}

.side-bar-widget .post-categori .cat-item:hover {
    color: #333333;
}

.side-bar-widget .latest-news-thumbnile {
    height: 80px;
    width: 80px;
}

.side-bar-widget .latest-news-area {
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.side-bar-widget .latest-title {
    font-size: 17px;
}

.side-bar-widget .tag-clouds li {
    border: 1px solid #cfcaca;
    color: #cbc8c8;
    padding: 5px 15px;
    margin-bottom: 8px;
    margin-right: 2px;
    border-radius: 4px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

.side-bar-widget .tag-clouds li:hover {
    background-color: #17d0cf;
    border-color: #17d0cf;
    color: #fff;
}

.side-bar-widget .tag-clouds li.active {
    background-color: #17d0cf;
    border-color: #17d0cf;
    color: #fff;
}

.side-bar-widget .best-course-text {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.side-bar-widget .best-course-text h3 {
    color: #fff;
}

.side-bar-widget .best-course-text .course-meta span {
    float: none;
    margin-right: 0;
    color: #fff;
    margin: 0px 10px;
}

.side-bar-widget .best-course-pic-text:hover .best-course-text {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.blog-details-section {
    padding: 80px 0px;
    border-bottom: 1px solid #ccc;
}

.blog-details-content h2 {
    font-size: 35px;
    color: #333333;
    font-weight: 500;
}

.blog-details-content .date-meta {
    margin-top: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.blog-details-content .date-meta span {
    font-size: 13px;
    color: #ccc;
    font-weight: 700;
    margin-right: 20px;
}

.blog-details-content .date-meta span i {
    color: #FA9006;
}

.blog-details-content h3 {
    font-size: 20px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 30px;
}

.blog-details-content p {
    font-size: 20px;
    color: #333333;
    font-weight: 300;
    margin-bottom: 20px;
}

.blog-details-content .share-text {
    font-weight: 700;
    color: #333333;
    margin-top: 8px;
}

.blog-details-content .blog-share-tag {
    display: inline-block;
    width: 100%;
    margin: 40px 0px 15px 0px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.blog-details-content .share-social ul li {
    font-size: 22px;
    margin-left: 25px;
}

.blog-details-content .blog-category li {
    padding: 5px 10px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    border-radius: 4px;
}

.blog-details-content .blog-category li:hover {
    background-color: #17d0cf;
    color: #fff;
}

.blog-details-content .author-comment {
    padding: 25px;
    margin-top: 20px;
    border-radius: 4px;
    background-color: #f5f5f5;
}

.blog-details-content .author-comment .author-img {
    height: 50px;
    width: 50px;
    float: left;
    border-radius: 100%;
    overflow: hidden;
    margin-right: 20px;
}

.blog-details-content .author-comment .author-designation-comment {
    font-size: 12px;
    font-weight: 700;
}

.blog-details-content .author-comment .author-designation-comment span {
    color: #17d0cf;
}

.blog-details-content .author-comment .author-designation-comment p {
    font-size: 16px;
    color: #999999;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 0;
}

.blog-details-content .next-prev-post {
    font-weight: 700;
    color: #333333;
    display: inline-block;
    width: 100%;
    margin-top: 25px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 35px;
}

.blog-details-content .next-prev-post i {
    margin: 0 5px;
    color: #fa9006;
}

.recent-post-item {
    padding-top: 32px;
}

.recent-post-item .blog-title-content h3 {
    margin-bottom: 0;
}

.blog-comment-area {
    margin-top: 10px;
}

.blog-comment-area .comment-list li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.blog-comment-area .section-title-2 {
    margin-bottom: 65px;
}

.blog-comment-area .section-title-2 h2 {
    font-size: 30px;
}

.blog-comment-area .comment-avater {
    height: 50px;
    width: 50px;
    float: left;
    margin-right: 20px;
}

.blog-comment-area .author-designation-comment {
    overflow: hidden;
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.blog-comment-area .author-designation-comment h3 {
    font-size: 18px;
    font-weight: 700;
    color: #333333;
}

.blog-comment-area .author-name-rate {
    width: 88%;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    margin-top: 20px;
}

.blog-comment-area .author-name-rate span {
    color: #17d0cf;
}

.blog-comment-area .time-comment {
    margin-right: 10px;
}

.blog-comment-area .comment-ratting li {
    font-size: 15px;
    color: #ffc926;
    border-bottom: none;
    margin-bottom: 0;
}

.course-price {
    top: 20px;
    left: 20px;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 4px;
    position: absolute;
    background: #f7631b;
    background-size: 200% auto;
    -webkit-transition: background 1s ease-out;
    transition: background 1s ease-out;
}

.course-price span {
    color: #fff;
}

@media(max-width: 1199px){
    .course-event{
        padding: 70px 15px !important;
    }
}

@media(max-width: 991px){
    .list-blog-item .blog-title-content{
        padding: 15px;
    }
    .blog-post-img-content .blog-img-date .blog-thumnile{
        height: auto;
    }
    .blog-post-img-content .blog-img-date .blog-thumnile img{
        object-fit: cover;
        max-height: 213px;

    }
    .blog-content-details{
        padding:60px 0;
    }
    .genius-post-item{
        padding-bottom: 0;
    }
    .list-blog-item:last-child{
        margin-bottom: 0;
    }

    }
@media(max-width: 767px){

    .event-date .event-timer{
        font-size: 15px;
    }
    .course-event{
        padding: 50px 0 !important;
    }

}

@media(max-width: 575px){
    .blog-content-details{
        padding: 40px 0 30px 0;
    }
    .blog-title-content h3{
        font-size: 22px;
        margin-bottom: 10px;
    }
    .blog-title-content h3 a{
        font-size: 22px;
        margin-bottom: 10px;
    }
    .blog-title-content .blog-content{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .title-banner-sec{
        min-height: 180px;
    }
    .course-event .webinar-info{
        padding: 1rem .7rem !important;

    }
    .course-event{
        padding: 30px 15px !important;
    }
    .course-event .date-label{
        padding-top: 10px !important;
    }
    .course-event .event-date-info{
        padding-top: 0px !important;
    }

}

@media(max-width: 375px){
    .blog-content-details{
        padding: 30px 0 20px 0;
    }
}