/*===============================blog page section css start================================*/
/*.blog-content a.blog-read:hover{background-color: var(--secondary-color);color: var(--text-white);border-color: var(--secondary-color);}*/
.blog-headings p{padding: 0% 27%;}
.blog-content{padding: var(--p15);}
.blog-headings{text-align: center; padding-bottom: var(--p40);}
.home-blog-image img{width: 100%;border-radius: 0px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;
    height: 230px;
    object-fit: cover;
}
.blog-category a{color: #fff;}
.home-blog-image{position: relative; margin-bottom: 0px;}
.blog-date {margin-left: var(--m20);
    letter-spacing:0px;
}
.blog-feat{margin-top: var(--m10);margin-bottom: var(--m9);}
.blog-date:first-child{margin-left: 0px;
    letter-spacing: 0px;}
.blog-date i{color: var(--secondary-color);
}
.blog-content p{color: #212529;
   max-height: 50px;
   overflow: hidden;
}
.blog-content a.blog-read{background-color: var(--ocean-color);padding: var(--p8) var(--p30);display: inline-block;margin-top: var(--m7);border-radius: 0;text-decoration: none;margin-bottom: 0px;}
.blog-content a.blog-read i{margin-left: var(--m5);}
.blog-page{margin-bottom: var(--m30);background-color: #fff; border-radius: 0px;box-shadow: 0 2px 20px rgb(0 0 0 / 15%);}
.blog-content h4{line-height: 1.1;
    margin-bottom: 10px;
    font-family: var(--secondary-font);
    color: #000;
    height: 52px;
    overflow: hidden;
    text-transform: capitalize;
}
.blog-content h4 a{
    color: var(--black-color);
    font-family: var(--secondary-font);
}
.blog-wrapper a.main-btn{
    width:166px;
    display:block;
}

.blog-wrapper .col-lg-4{
    padding-left: var(--p8);
    padding-right: var(--p8);
}
h6.blog-feat{
    font-size:var(--f14);
}
h6.blog-feat a{
    color: var(--black-color);
}
/*=================================blog page section css end==============================*/


/*=================================Blog detail section css start==================================*/
.blog-detail-page-title h3{text-align: center; }
.blog-detail-image img{width: 100%;height: 370px;max-height: 370px;object-fit: cover;}
.blog-detail-image{position: relative;}

.blog-detail-title h3{
    text-decoration: none;
    text-transform: capitalize;
}
.blog-detail-title{margin-top: 20px;}
.blod-detail-description p{text-align: justify;}
.blod-detail-description{margin-top: 13px;
    margin-bottom: 0px !important;
}
.blod-detail-description ol, .blod-detail-description ol li{
    list-style: auto;
}
.blog-detail-wrapper .widget {padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 20px rgb(0 0 0 / 7%);
    margin-bottom: 30px;}
h3.widget-title, h3.widgettitle {
    position: relative;
    text-transform: capitalize;}
/*.blog-detail-wrapper .widget-title:after{position: absolute;content: '';width: 63px;height: 2px;background-color: var(--secondary-color);bottom: 6px;left: 0;}*/
#secondary .widget ul {margin: 0; padding-left: 0; list-style-type: none; }
.blog-detail-wrapper .widget ol li, .blog-detail-wrapper .widget ul li {padding: .72rem 0; border-bottom: 1px solid #e8ecef; border-top: 1px solid #e8ecef; list-style-type: none; padding-left: 0; display: flex; justify-content: space-between; }
.blog-detail-wrapper .widget_categories ul{padding-left: 0;}
.blog-detail-wrapper .widget ol li, .blog-detail-wrapper .widget ul li{
    /* margin-bottom:0px !important; */
    padding-top: 0px;
    border-top: 0px solid;
}
.blog-detail-wrapper .widget ol li:first-child, .blog-detail-wrapper .widget ul li:first-child {border-top: none;padding-top: 0;margin-bottom: 16px;}
#secondary .widget ul li {position: relative; }
.blog-detail-wrapper .widget_categories li a {display: flex; text-decoration: none; color:var(--black-color); }
.blog-detail-wrapper .widget_categories li a i {display: flex; padding-left: 20px; padding-right: 14px; padding-top: 7px; }
.blog-detail-wrapper .widget_categories li a:hover{
    color:var(--secondary-color);
}
.blog-detail-wrapper .widget_recent_entries img {margin-right: 17px; height: 74px; max-width: 75px; display: block; object-fit: cover; border-radius: 10px; }
.blog-detail-wrapper .widget_recent_entries li.item-recent-post .title-post {display: flex; flex-direction: column; width: 80%;}
.blog-detail-wrapper .widget_recent_entries li.item-recent-post a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.3;max-height: 2.6em;margin-bottom: .5em;text-decoration: none; color:var(--black-color);}
.blog-detail-wrapper .widget_recent_entries li.item-recent-post a:hover{
    color:var(--secondary-color);
}
.blog-detail-wrapper .widget_recent_entries .post-date {display: block;text-transform: uppercase;}
.blog-detail-wrapper .widget_recent_entries ul{padding-left: 0px;}
.feat_blog_con p span {margin-right: 17px;}
.feat_blog_con p span a {color: var(--black-color);margin-right: 17px;font-weight: 400; text-decoration: none;}
.blog-detail-image{position: relative;}
.blog-detail-image img{border-radius: 10px;}
.blog-detail-image .blog-detail-cat{position: absolute;bottom: 10px;right: 10px;background-color: #721915;padding: 5px 23px;border-radius: 50px;color: #fff;box-shadow: 0px 0px 10px #fff;}
.blog-detail-image .blog-detail-cat a{color: #fff; text-decoration: none;}
.blog-detail-wrapper  .blod-detail-description img{width: 100%;
    
    object-fit: cover;}

section.blog-detail-wrapper.mt-5 {
    margin-top: 0px !important;
}

.blod-detail-description span{
}

.blod-detail-description a span, .blod-detail-description a{
    text-decoration-color: var(--secondary-color) !important;
}

.blog-content .blog-feat a {
    text-decoration: none;
}
section#recent-posts-2 ul li{
    justify-content: initial;
}
section.blog-detail-wrapper.mt-5 li{
    list-style: initial;
    margin-bottom: 10px;
}
section.blog-detail-wrapper.mt-5 ul, section.blog-detail-wrapper.mt-5 ol{
    padding-left: 24px;
}
section.blog-detail-wrapper .blog-right-categories {
    position: sticky;
    top: 110px;
}
/*=================================Blog detail section css end==================================*/
/*External css*/
section.about, section.abt-long {
    background-color: var(--lt-bg-color);
}
section.blog-wrapper input.form-control {
    padding: var(--p10) var(--p15);
    background: var(--white-color);
    border: none;
    min-height: 60px;
    color: var(--primary-color);
    font-size: var(--f14);
    border-radius: 0;
    border: 2px solid var(--black-color);
}
section.blog-wrapper form{
    display: flex;
    gap: 20px;
}
section.blog-wrapper button.main-btn {
    min-width: 130px;
    border-radius: 0;
}
section.blog-wrapper .head-sec {
    text-align: center;
    width: 60%;
    margin: auto;
    margin-bottom: 30px;
}
section.blog-wrapper .newsletter {
   width: 100%;
    max-width: 650px;
    margin: auto;
    margin-bottom: 50px;
}
section.blog-wrapper .newsletter h3{
    text-align: center;
}
section.blog-detail-wrapper.mt-5 ul, section.blog-detail-wrapper.mt-5 ul li{
    list-style: disc;
}
section.blog-detail-wrapper.mt-5 ol, section.blog-detail-wrapper.mt-5 ol li{
    list-style: decimal;
}
section#categories-5 {}

section#categories-5 ul{padding-left: 0px !important;}

section#categories-5 ul>ul{ padding-left:10px !important;}

section#categories-5 ul>ul>ul{ padding-left:10px !important;}


section#categories-5 ul>ul>ul>ul{  padding-left:10px !important;}


section#categories-5 ul>ul>ul>ul>ul{  padding-left:10px !important;}
.content-table {
    height: 300px;
    overflow-y: scroll;
}