.blog-details-section {
    font-family: 'Montserrat';
}
.couse-pagination li.active {
    color: #333333!important;
    /* font-weight: 700; */
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #333;
    background-color: white;
    border: none;
}
.page-item.active .page-link {
    z-index: 1;
    color: #088be2;
    background-color:white;
    border:none;

}
ul.pagination{
    display: inline;
    text-align: center;
}
.cat-item.active{
    background: black;
    color: white;
    font-weight: bold;
}



/*---------------------------------------------------- */

/*Blog  section*/

/*----------------------------------------------------*/

.blog-item-post {
padding: 15px 0px 0px 0px;
}
section#breadcrumb {
    margin-top: 2.5rem;
}


.blog-content-details {
padding-bottom: 2rem;
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: #17d0cf;
}

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

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

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

.blog-post-img-content .blog-img-date .blog-thumnile {
height: 150px;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
background-position: center;
background-color: #777777;
}

.blog-title-content h3 {
    font-size: 0.9rem;
    font-weight: 500;
    color: #333333;
    min-height: 2.1rem;
    padding: 0 0.1rem;
}
.blog-details-content .date-meta span a {
    color: #333;
    font-family: 'Montserrat';
    font-weight: 600;
}

.blog-title-content .blog-content {
    font-size: 13.5px;
    margin-bottom: 0.7rem;
}

.blog-title-content.headline {
    min-height: 11rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.side-bar {
    padding-left: 0.5rem;
}
a.cat-item {
    display: block;
    font-size: 12px;
}
.genius-post-item {
    padding-bottom: 15px;
}

.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;
    display: block;
    overflow: hidden;
}

.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: none;
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: 1.3rem;
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: 5px 10px 5px 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: 10px;
left: 19px;
font-size: 10px;
font-weight: 700;
content: '\F054';
}

.side-bar-widget .post-categori .cat-item:hover {
    color: #53b7fb;
}
.side-bar-widget .post-categori .cat-item {
    color: #333;
}
.blog-title-content h3 a {
    color: #333;
}

.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: 20px 0px;
border-bottom: 1px solid #ccc;
}

/* .blog-details-content h2 {
    font-size: 1.2rem;
    color: #333333;
    font-weight: 500;
    margin-top: 0.5rem;
} */

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

.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: #02a8fb;
}

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

.blog-details-content p {
    font-size: 17px;
    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: 1.2rem;
    margin-left: 5px;
}

.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: 0;
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: 1rem;
}

.blog-category a{
    color: #fff;
}
.blog-category{
    color: #fff !important;
    font-size: 0.7rem !important;
    margin-bottom: 0.5rem;
}
.heading{
    color: #fff !important;
    font-size: 2rem !important;
    line-height: 1;
    margin-bottom: 16px;
    font-weight: 200;
}
.custom-thumbnile {
    padding: 0.5rem;
}


.blog-detail-thumbnile {
    min-height: 110px;
    border-radius: 5px;
    /* background-size: cover;
    background-position: center; */
    background-color: #06274f !important;
    border: unset !important;
    color: #fff;
    background-color: #2a2a72;
    background-image: linear-gradient( 315deg , #0067a5 0%, #2a2a72 74%) !important;
}



.blog-details-content .next-prev-post i {
    margin: 0 5px;
    color: #02a8fb;
}
.addAuthor{
    font-size: 12px;
    margin-bottom: 5px;
}

.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;
}

.reply-comment-box {
margin-top: 20px;
}

.reply-comment-box .section-title-2 {
margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.blog-post-img-content .blog-img-date .blog-thumnile {
width: 100%;
}
}

/* i.fab.fa-facebook-f {
    color: #1877f2;
}
i.fab.fa-twitter-square {
    color: #1c9cea;
}
i.fab.fa-linkedin-square {
    color: #2764ac;
}
i.fab.fa-whatsapp-square {
    color: #27b03c;
} */
li a i {
    color: #fff;
}

li a:hover i {
    color: #000;
}

.share-social.ul-li ul {
    padding: 0;
}
.share-social.ul-li {
    display: flex;
}


.ul-li-block ul li {
    list-style: none;
    display: block;
}
.ul-li-block ul {
    margin: 0;
    padding: 0;
}
.best-course-pic-text .best-course-pic {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 220px;
    background-color: #555555;
    overflow: hidden;
    border-radius: 4px;
  }
  .best-course-pic-text .course-title h3 {
    font-size: 18px;
    line-height: 25px;
}

.course-title h3 {
    display: inline-block;
    width: 100%;
    color: #333333;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.course-title h3 a{
    color: #fff;
    font-size: 14px;
}
.course-title h3 {
    display: inline-block;
    width: 100%;
    color: #333333;
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.relative-position {
    position: relative;
}
.best-course-pic-text .best-course-text {
    border-radius: 4px;
    padding: 20px 35px 40px 25px;
    -webkit-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}

.trend-badge-2 {
    top: -18px;
    left: -50px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    position: absolute;
    padding: 30px 35px 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #ff5a00;
    z-index: 3;
}
.trend-badge-2 span {
    display: block;
}
.course-meta span:after {
    top: 2px;
    width: 1px;
    content: '';
    height: 15px;
    right: -14px;
    position: absolute;
    background-color: #fff;
}

.best-course-pic-text .best-course-text .course-meta span {
    font-weight: 400;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
}
.course-meta .course-category, .latest-events .course-meta .course-author {
    color: #17d0cf;
}
.course-meta span {
    float: left;
    font-size: 14px;
    margin-right: 24px;
    position: relative;
}


.blog-post-img-content .course-price {
    bottom: 20px;
    top: inherit;
}
.text-center {
    text-align: center!important;
}

.course-price {
    top: 20px;
    left: 20px;
    font-weight: 700;
    padding: 5px 15px;
    border-radius: 4px;
    position: absolute;
}

.gradient-bg:hover, .modal-body .nws-button button:hover, .teacher-pic-content .teacher-img-content:hover:after, .course-details-category li:hover {
    background: #01a6fd;
    background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #01a6fd), color-stop(100%, #4eb3bf));
    background: -webkit-gradient(linear, left top, right top, from(#17d0cf), color-stop(51%, #01a6fd), to(#17d0cf));
    background: linear-gradient(to right, #17d0cf 0%, #01a6fd 51%, #17d0cf 100%);
    background-size: 200% auto;
    background-position: 190px;
}

.gradient-bg, .modal-body .nws-button button, .teacher-pic-content .teacher-img-content:after, .course-details-category li:hover {
    background: #17d0cf;
    background: -webkit-gradient(left top, right top, color-stop(0%, #4eb3bf), color-stop(51%, #17d0cf), color-stop(100%, #4eb3bf));
    background: -webkit-gradient(linear, left top, right top, from(#01a6fd), color-stop(51%, #17d0cf), to(#01a6fd));
    background: linear-gradient(to right, #01a6fd 0%, #17d0cf 51%, #01a6fd 100%);
    background-size: 200% auto;
    -webkit-transition: background 1s ease-out;
    transition: background 1s ease-out;
}

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

.ul-li ul li {
    list-style: none;
    display: inline-block;
}
img {
    max-width: 100%;
    height: auto;
}
.view-all-btn.bold-font {
    display: flex;
    flex-direction: row;
    justify-content: inherit;
}