/*code for blog section*/
.section-heading-center {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    
    margin-bottom: 20px;
}
.section-heading-center .title {font-size: 18px;}
 .blog-post-grid-4 {
    display: grid;
    justify-items: center;
    grid-auto-rows: auto;
    grid-column-gap: 30px;
    grid-row-gap: 15px;
    grid-template-columns: repeat(auto-fill,minmax(235px,1fr));
}
.blog-post-item { background:#fff;transition:.3s all;}
.blog-post-item:hover{box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 2px 16px 4px rgba(40,44,63,.07);}

.blog-post-grid-3 {
    display: grid;
    justify-items: center;
    grid-auto-rows: auto;
    grid-column-gap: 30px;
    grid-row-gap: 15px;
    grid-template-columns: repeat(auto-fill,minmax(235px,1fr));
}

.blog-post-item {margin-bottom:30px; position: relative;
    padding: 15px;
}
.blog-post-item .item {
    height:100%;
    display: flex;
    flex-direction: column;
}
.blog-post-item .title {font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 14px;}
.blog-post-item .title a{color:#212529;}
.blog-post-item .title a:hover {color:#0041ff; text-decoration:none;}
.blog-post-item .item-text {
    font-size:14px;
    line-height: 1.4;
    margin-bottom:20px;
}
.blog-post-item .item-img img{width:100%; height:auto;}
.blog-post-item .item .item-footer {background:none; border:0px; margin-top: auto;}
.blog-post-item .item-body {padding-bottom:0px;}
.blog-post-item .item-footer {padding-bottom:20px; padding-top:0px;}
.post-meta p{font-size:12px;}
.post-meta p a {color:#0041ff!important;}
.post-categories p {display:flex;flex-wrap: wrap;}
.post-categories p a {display:inline-flex;}
.post-categories a, .post-tags a{background:rgba(0,0,0,.05); padding:5px; font-size:12px; margin-right:5px; margin-bottom:5px; border-radius: 4px; display: inline-block; color:#333}
.post-categories a:hover, .post-tags a:hover {background:#0041ff; color:#fff; text-decoration: none;}
.btn-text-link {color:#242424!important; background:none; font-size:14px; text-decoration: none; }
.text-uppercase {text-transform: uppercase;}
.page-description {line-height: 1.5; font-size:14px; margin-bottom:30px;}
.post-tags {margin-top:15px; margin-bottom:15px;}
.blog-hero-wrapper {position:relative;}
.blog-hero-image img {width:100%;}
.blog-hero-content {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align: center; width: 100%; max-width: 700px;}
.blog-hero-content .blog-hero-title{font-size:24px; line-height:normal; color: #fff; font-weight: 500;}
.blog-hero-content .post-categories p {justify-content: center;}
.blog-post-content {line-height: 1.5; font-size:14px; margin-bottom:30px; padding-right:50px;}
.blog-post-content h2{font-size:24px;}
.blog-post-content h3{font-size:22px;margin-bottom: 10px;text-align: left;}
.blog-post-content h4{font-size:20px;margin-bottom: 10px;text-align: left;}
.blog-post-content h5{font-size:18px;margin-bottom: 10px;text-align: left;}

.blog-post-content p, .blog-post-content li{font-size:16px; line-height: 1.5;}
.blog-post-content p, .blog-post-content p ul {margin-bottom:15px;}
.blog-post-content img {max-width: 100%; margin:0px auto;}
.blog-nav {border-top: 1px solid #eee;
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
    display:flex;

}
.blog-nav .blog-nav-prev  {padding-right:50px;}
.blog-nav .blog-nav-next  {padding-left:50px; text-align:right;}

.blog-nav .blog-nav-prev a span, .blog-nav .blog-nav-next a span {font-size:14px; color:#8c8c8c;display: block;}
.blog-nav .blog-nav-prev a, .blog-nav .blog-nav-next a {color:#3a3a3a;}
.blog-sidebar {width:33%}
.blog-sidebar .list-group a {margin-bottom:10px; font-size:14px;}
.blog-sidebar .tags .tag-list {display:flex; flex-wrap: wrap;}
.blog-sidebar .tags a {margin-bottom: 5px !important;
    margin-right: 5px !important;
    background: #0041ff;
    color: #fff;
    padding: 5px;
    font-size: 13px; border-radius:4px;}

.blog-post-wrapper, .blog-list-wrapper {display:flex;}
.blog-sidebar .categories li{margin-bottom:10px;}
.blog-sidebar .categories li a{font-size:14px;}
@media screen and (min-width:768px){
    .blog-list-left {padding-right:25px}
}

@media screen and (max-width:767px){
    .blog-post-wrapper, .blog-post-wrapper, .blog-list-wrapper {
        flex-direction: column;
    }
    .blog-hero-wrapper .blog-hero-image {background:#eeeeee; min-height:70vh; }
    .blog-hero-content  {padding:20px 20px;}
    .blog-post-content {padding-right:0px;}

    .blog-sidebar {width:100%}
}

.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}
.social-sharing {margin-bottom:20px; margin-top:20px;}
.social-sharing .btn-social {
    width: 40px;
    height: 40px;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    border-radius:4px;
    margin-right:5px; margin-bottom:10px
}

.social-sharing .btn-facebook {
    color: #fff;
    background-color: #3b5998;
}

.social-sharing .btn-twitter {
    color: #fff;
    background-color: #55acee;
}

.social-sharing .btn-google {
    color: #fff;
    background-color: #dd4b39;
}

.social-sharing .btn-linkedin {
    color: #fff;
    background-color: #007bb5;
}

.social-sharing .btn-pinterest {
    color: #fff;
    background-color: #c61118;
}

.social-sharing .btn-whatsapp {
    color: #fff;
    background-color: #25d366;
}

.social-sharing .btn-like {
    color: #fff;
    background-color: #3b5998;
    height: 40px;
    width: 80px;
    margin-right: 20px;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    border-radius:4px;
    float: right;
}

@media screen and (max-width:480px){
    .blog-nav {
        flex-direction: column;
    }
    .blog-nav .blog-nav-prev{padding-right:0px;}
    .blog-nav .blog-nav-next {padding-left:0px; margin-top:20px;}
}
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-radius: .25rem;
}
.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.frm-user-details {max-width:400px; width:100%;}
.comment-form .form-group {margin-bottom:15px;}
.frm-user-details .input-group {position:relative;}
.frm-user-details .input-group-prepend {position:absolute; left:15px; top:10px;}
.frm-user-details .input-group .form-control {padding-left:40px;}
.comment-form-holder .form-control {
    padding:10px 15px; width:100%;
    font-size:14px;
    border: 1px solid #dfdfdf;
}
.blog-comments .comment-form { margin-bottom:40px; margin-top:40px;}
/*.reply-wrapper {border-bottom: 1px solid #dfdfdf;
    padding-bottom: 20px;
    margin-bottom: 20px;}*/
.reply-wrapper .comment_name,  .reply-wrapper .comment_created {font-size:14px;}
.reply-wrapper .comment_name {margin-right:10px;}
.reply-wrapper .comment_created {color:#3a3a3a}
.reply-wrapper .comment p {font-size:14px;}
.reply-wrapper .btn-reply {background:transparent; border:1px solid #0041ff; color:#0041ff; padding:10px; font-size:14px; box-shadow:none; margin-bottom: 10px;}
.reply-wrapper .btn-reply:hover, .reply-wrapper .btn-reply:focus {background:#0041ff; color:#fff;}
.reply-wrapper .reply-head {display:flex;align-items: center;}
.reply-wrapper .reply-head .photo{width:50px; border-radius:100%; overflow: hidden;background: #ddd; margin-right:10px;}
.reply-wrapper .reply-head .photo img {width:100%;}
.reply-wrapper .btn-cancel-reply {background: none;
    box-shadow: none;
    color: #fff;
    border: 1px solid #dc3545;
    font-size: 14px;
    padding: 10px 20px;
    background-color: #dc3545;
}

.text-center {
    text-align: center;
}

.reply-form .comment {
    margin-left: 60px;
}

.blog-hero-content {
    background: rgba(0,0,0,.5);
    padding: 10px;
    color: #fff;
}

.blog-hero-content .post-categories a {
    background: #f2f2f2;
}

.blog-hero-content .post-categories a:hover {
    background: #26a37c;
}

.blog-hero-content .post-meta p a {
    color: #fff !important;
}

.bg-fill {
    border: none;
    background: #eee;
}

.blog-hero-wrapper .blog-hero-image {
    min-height: 360px;
    background: #eeeeee;
}