/*=======Blog page section start=========*/
.blog-section { padding: 66px 0px 66px; }
.blog-heading-top { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; padding-bottom: 40px; }
.blog-heading-top h2 { margin-bottom: 0px; color: #00223f; font-weight: bold; font-size: 40px; text-align: center; }
.blog-search-detail { margin-bottom: 50px; }
form.search-post { max-width: 510px; display: flex; }
.search-blog-input { border: none; border-bottom: 1px solid #e3e3e3; background: #fff; width: 100%; padding: 11px 15px 10px 0px; color: #000000; font-weight: normal; font-size: 16px; line-height: 28px; outline: 0; height: 51px; }
.blog-search-detail input.btn { height: 51px; border-radius: 0; color: #fff; padding: 0 10px 0 44px; min-width: 124px; border: none;  background-image: url(../images/search.svg); background-size: 24px; background-repeat: no-repeat; background-position: left 13px center;font-size: 16px;}


form.search-post { max-width: 100%; }
.blog-post-information { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.blog-post-outer {padding: 0 15px;margin-bottom: 60px; width: 33.33%; }
.blog-post-col { width: 100%; height: 100%; transition: 1s; position: relative; border-radius: 12px; }
.blog-post-col figure { position: relative; margin-bottom: 15px; }
.blog-post-col figure::before { position: absolute; content: ""; top: -20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 90%; height: 100%; border-radius: 13px; background: rgba(26, 187, 170, 0.64); z-index: -1; }
.blog-post-col figure::after { position: absolute; content: ""; top: -10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 95%; height: 100%; border-radius: 13px; background: rgba(26, 187, 170, 0.79); z-index: -1; }
.blog-post-col .box-img { border-radius: 12px; }
.blog-post-content {position: relative;}
.blog-post-content h3 { margin-bottom: 15px; color: #000; font-size: 24px; padding-top: 0px; }
.blog-post-content h3 a { color: #000;text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-size: 0 1px; background-position: 0 100%; background-repeat: no-repeat; transition: background-size .5s cubic-bezier(0,0.57,0.55,1);; will-change: background-size;}
.blog-post-content h3 a:hover { color: #ff4773; }
.blog-post-content h3 a:hover { color: unset; background-size: 100% 1px; }
.blog-post-content p time, .blog-post-left p time { font-size: 14px; }
.blog-post-content p { margin-bottom: 10px;}
.blog-time-info { margin-bottom: 10px; color: #000000; font-size: 16px; line-height: 24px; }
.blog-time-info a { color: #000000; }
.blog-time-info a:hover { color: #177fe3; }
.readmore-btn { margin-top: 25px; }
.readmore-btn a.btnmore { font-size: 16px; color: #2f2f2f; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; }
.readmore-btn a.btnmore:hover { color: #ff4773;}
.blog-post-left img{ margin-bottom: 15px; }

/*========Blog detail page css start=======*/
.blog-dtl-banner { margin-bottom: 20px; }
.blog-dtl-banner img { /*max-height: 450px;*/ width: 100%; object-fit: cover; }
.blog-post-detail { padding: 0px; border-radius: 0px; background: none; display: flex; flex-wrap: wrap; justify-content: space-between; /*align-items: flex-start;*/ }
.blog-post-left { width: 66%; }
.blog-post-left figure { margin-bottom: 15px; margin-top: 25px;}
.blog-post-left p a { color: #1abbaa; }
.blog-post-left p a:hover { color: #0d0d0d; }
.blog-post-right { width: 30%; /*position: sticky; top: 20px;*/ }
.blog-post-right figure { margin-bottom: 20px; }
.lets-connect-form .form-group .form-control {background: #ffffff; min-height: 53px; color: #000; font-size: 16px; border-radius: 5px;     font-family: 'Mulish Regular'; font-weight: normal; padding: 10px 15px 10px 15px; outline: none; box-shadow: none; border: 1px solid #d8d7d5; }
.lets-connect-form .form-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; }
.lets-connect-form .form-group .form-control::-moz-placeholder { /* Firefox 19+ */ color: #000000; }
.lets-connect-form .form-group .form-control:-ms-input-placeholder { /* IE 10+ */ color: #000000; }
.lets-connect-form .form-group .form-control:-moz-placeholder { /* Firefox 18- */ color: #000000; }
.lets-connect-form .form-group textarea.form-control { height: 120px; }
.lets-connect-form { padding: 40px; background: #f0eee5; border-radius: 0px; margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: space-between;    position: sticky;
    top: 20px; }
.lets-connect-form .form-group { margin-bottom: 15px; width: 100%; }
.lets-connect-form .form-group:last-child { margin-bottom: 0px;}
.lets-connect-form form { width: 100%; }
.lets-connect-form .wpcf7 { width: 100%;}
.apply-btn .btn:hover { background-color: #09196b; }
.lets-connect-form h4 { margin: 0px 0 18px; padding: 0px; }
/*========Blog detail page css end=======*/

/*=========blog pagination Start===========*/
.pagination-nav { width: 100%; justify-content: center; display: flex; flex-wrap: wrap; }
.pagination-nav ul.pagination { margin: 0px; display: flex; padding-left: 0; list-style: none; justify-content: center; flex-wrap: wrap; }
.pagination-nav ul.pagination li.page-item { margin: 4px 4px; }
.pagination-nav ul.pagination li.page-item a, span.page-numbers { display: block; padding: 3px; font-size: 16px; line-height: normal; border: 1px solid #09196b; font-family: "Lato", sans-serif; font-weight: normal; width: 35px; height: 35px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.pagination-nav ul.pagination li.page-item a:hover, span.page-numbers:hover { color: #fff; background: #09196b; }
.pagination-nav ul.pagination li.page-item .current { color: #fff; background: #09196b; }
.page-numbers img{ width: 20px; }
.page-numbers:hover img{ filter: invert(); }
.pagination-nav ul.pagination li.page-item a.next.page-numbers, .pagination-nav ul.pagination li.page-item a.prev.page-numbers {
    width: auto;
}
/*=========blog pagination Start===========*/

.wp-block-table table.has-fixed-layout tr th, .wp-block-table table.has-fixed-layout tr td { border: 1px solid #838383; padding: 10px; font-size: 16px; font-weight: 500; background: #fff; color: #000; }
.wp-block-table .has-fixed-layout { table-layout: inherit !important; }
.wp-block-table .has-fixed-layout tr td:first-child { min-width: 70px; }
.schema-faq-section { margin-bottom: 15px; padding: 18px 20px 18px 20px; font-size: 20px; color: #121213; font-weight: 600; border: 1px solid #dddddd; border-radius: 6px; background: #f1f1f1; }
.schema-faq-question { margin-bottom: 5px; display: block; }
/*=======Blog page section end=========*/
.box-img.imageblog img {
  border-radius: 0px;
}
.imageblog {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}


.hilight-text {
    border-left: 4px solid #09196b;
    padding: 40px;
    background: rgba(240, 238, 229, 0.48);
    margin: 30px 0px 15px;
}
.hilight-text p {
    max-width: 650px;
    color: #0f0d1d;
    font-weight: 500;
    text-transform: capitalize;
    font-style: italic;
    line-height: 26px;
}
.hilight-text svg {
    float: right;
    margin-top: -30px;
}
