/*===============================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);}
.blog-headings h5{color: #00E5CC;font-size: var(--f18);font-weight: 500;text-transform: uppercase;margin-bottom: var(--m13);}
.blog-headings h2{color: #000E44;font-size: var(--f42);font-weight: 700; margin-bottom: var(--m14);}
.blog-headings p{color: #848E9F; font-size: var(--f16); font-weight: 400;}
.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{color: #848E9F;font-size: var(--f16);font-weight: 400;position: absolute;bottom: 10px;right: 10px;background-color: #731a17;padding: var(--p5) var(--p23);border-radius: 50px;color: #fff;box-shadow: 0px 0px 10px #fff;}
.blog-category a{color: #fff;}
.home-blog-image{position: relative; margin-bottom: 0px;}
.blog-date {
    color: #fff;
    font-size: var(--f14);
    font-weight: 500;
    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);
    font-size: var(--f15);}
.blog-content h4 a{
    /* font-weight: 700; */
    /* font-size: var(--f26); */
    text-decoration: none;
    line-height: 15px;
    color: var(--secondary-color);
    }
.blog-content p{
    color: #fff;
    font-size: var(--f16);
    font-weight: 400;
    height: 100%;
    }
.blog-content a.blog-read{color: #fff;font-size: var(--f16);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);font-size: var(--f14);}
.blog-wrapper{padding: 125px var(--p12) var(--p100);}
.blog-page{margin-bottom: var(--m30);background-color: #383838;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: 24px;
    overflow: hidden;
    text-transform: capitalize;
}
.blog-wrapper a.main-btn{
    width:166px;
    display:block;
    transition: all ease-in-out 300ms;
}
.blog-wrapper a.main-btn:hover{
    transform: translateY(-4px);
}
.blog-wrapper .col-lg-4{
    padding-left: var(--p8);
    padding-right: var(--p8);
}
/*=================================blog page section css end==============================*/


/*=================================Blog detail section css start==================================*/
.blog-detail-page-title h3{font-size: 24px; text-align: center; margin-bottom: 30px; color: #000E44; font-weight: 600; }
.blog-detail-image img{width: 100%;height: 370px;max-height: 370px;object-fit: cover;}
.blog-detail-image{position: relative;}
.blog-detail-title h1{color: #fff;text-decoration: none;font-size: 32px;margin-top: 10px;font-weight: 400;margin-bottom: 15px;}
.blog-detail-title h2{color: #000E44;text-decoration: none;font-size: 29px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h3{
    /* color: var(--secondary-color); */
    text-decoration: none;
    font-size: 26px;
    margin-top: 10px;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: capitalize;
}
.blog-detail-title h4{color: #000E44;text-decoration: none;font-size: 24px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h5{color: #000E44;text-decoration: none;font-size: 22px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title h6{color: #000E44;text-decoration: none;font-size: 20px;margin-top: 10px;font-weight: 600;margin-bottom: 15px;}
.blog-detail-title{margin-top: 20px;}
.blod-detail-description p{text-align: justify;font-size: 15px;font-weight: 400;color: #212529;}
.blod-detail-description{margin-top: 13px;}
.blog-detail-wrapper .widget {
    padding: 20px;
    background-color: #383838;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 0 20px rgb(0 0 0 / 7%);
    margin-bottom: 30px;
    }
h2.widget-title, h2.widgettitle {font-size: 26px;
    padding-bottom: 18px;
    margin-bottom: 30px;
    position: relative;
    color: var(--secondary-color);
    font-weight: 700;
    text-transform: capitalize;
    font-family: var(--secondary-font);}
.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:first-child, .blog-detail-wrapper .widget ul li:first-child {border-top: none; padding-top: 0; }
#secondary .widget ul li {position: relative; }
.blog-detail-wrapper .widget_categories li a {display: flex;color: #fff !important;font-size: 15px;text-decoration: none;}
.blog-detail-wrapper .widget_categories li a i {display: flex; color: #000!important; padding-left: 20px; font-size: 19px; padding-right: 14px; padding-top: 7px; }
.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: 100%;}
.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;font-size: 17px;color: #fff;text-decoration: none;font-weight: 600;}
.blog-detail-wrapper .widget_recent_entries .post-date {display: block;font-size: 14px!important;font-size: .6875rem;color: var(--secondary-color);text-transform: uppercase;}
.blog-detail-wrapper .widget_recent_entries ul{padding-left: 0px;}
.feat_blog_con p span {color: var(--white-color);font-size: 15px;margin-right: 17px;font-weight: 400;}
.feat_blog_con p span a {color: var(--white-color);font-size: 15px;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{font-size: 16px;font-weight: 400;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%;}

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

.blod-detail-description span{
    font-family: var(--primary-font);
    font-size:16px;
}

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

.feat_blog_con i{
     color:var(--secondary-color);
}

.blog-content .btn-25 span{
    font-size: 14px;
}

.blog-content .blog-feat a {
    color: var(--text-black);
    text-decoration: none;
}
/*=================================Blog detail section css end==================================*/

.page-link{
    color: var(--secondary-color);
    font-family: var(--primary-font);
}
.active>.page-link, .page-link.active{
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    color: var(--white-color);
}
.banner h1 {
    font-size: var(--f32);
    text-shadow: 0px 0px 3px #000;
    text-align: center;
  display:none;
}
section.blog-detail-wrapper p{
    color: var(--white-color);
}
section.blog-detail-wrapper h1{
    /* font-size: 40px; */
}
section.blog-detail-wrapper h2{
    font-size: 32px;
}
section.blog-detail-wrapper h3{
    font-size: 28px;
}
section.blog-detail-wrapper h4{
    font-size: 24px;
}
section.blog-detail-wrapper h5{
    font-size: 22px;
}
section.blog-detail-wrapper h6{
    font-size: 20px;
}
section.blog-detail-wrapper h2.widget-title, section.blog-detail-wrapper h2.widgettitle {
    font-size: 26px;
}
section.blog-detail-wrapper.mt-5 li{
    text-align: justify;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75em;
    color: var(--white-color);
    margin-bottom: 10px;
    list-style: initial;
}
section.blog-detail-wrapper.mt-5 ul{
    padding-left:24px;
    margin-bottom:20px;
}