/* blog */
.blog-section {position: relative;padding: 60px 0px;}
.blog-form .blog-form-group {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;}
.blog-form input[type="search"] { 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-form 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;}
.blog-post-row {display: flex;flex-direction: row;flex-wrap: wrap;margin: 0 -15px;}
.blog-post-col {width: 33.33%;margin-top: 30px;}
.blog-card {position: relative;height: 100%;border-radius: 15px;border: 1px solid #e5e7eb;background: #f5f5f5;padding: 25px;margin: 0px 15px;transition:all .4s;}
.blog-card:hover {transform:translateY(-4px);}
.blog-card-content {position: relative;margin-top: 20px;}
.blog-card-title {margin-bottom: 20px;}
.blog-card-title h4 {font-size: 22px;line-height: 30px;padding-top: 0px;margin-bottom: 0px;}
.blog-card-content p {font-size: 16px;line-height: 24px;}
.blog-card-content .time {margin: 15px 0px;}
.blog-card-content .time p {margin: 0px;}
.blog-post-btn {position: absolute;bottom: -1px;right: -1px;padding-left: 10px;padding-top: 10px;background: #fff;border-top-left-radius: 25px;border-width: inherit;border-color: inherit;border-style: inherit;border-right: transparent;border-bottom: transparent;}
.blog-post-btn .btn {min-width: 50px;height: 50px;max-width: 50px; padding: 0;border-radius: 50px;transform: rotate(-45deg);transition: all .4s;}
.blog-card:hover .blog-post-btn .btn {transform: rotate(0deg);}
.blog-post-btn::after {position: absolute;content: "";top: -16px;right: 0px;background: transparent;width: 16px;height: 16px;border-bottom-right-radius: 15px;box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;}
.blog-post-btn::before {position: absolute;content: "";bottom: 0px;left: -16px;background: transparent;width: 16px;height: 16px;border-bottom-right-radius: 15px;box-shadow: 0.313rem 0.313rem 0 0.313rem #fff;border-bottom: 1px solid #e5e7eb;border-right: 1px solid #e5e7eb;}
.blog-post-btn .btn:hover img {filter: invert(1);}
.blog-card-img {border-radius: 10px;border: 1px solid #e5e7eb;overflow: hidden;}
.blog-card-img img {width: 100%;object-fit: cover;object-position: center;}
.blog-post-left figure img {margin-bottom: 0;}

/*========Blog detail page css start=======*/
.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: 68%; }
.blog-post-left figure { margin-bottom: 15px; }
.blog-post-left p a { color: #0d6efd; }
.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 { color: #000000; font-weight: normal; font-size: 16px; line-height: 28px;min-height: 50px; font-family: 'Mulish Regular'; border: 1px solid #ced4da; }
.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: 25px; background: #eaf0f5; border-radius: 0px; margin-bottom: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.lets-connect-form .form-group { margin-bottom: 15px; width: 100%; }
.lets-connect-form form { width: 100%; }
.lets-connect-form .wpcf7 { width: 100%;}
.lets-connect-form h4 { margin-bottom: 20px; font-size: 26px; }
.lets-connect-form input.btn:hover { color: #000000; background-color: #ffd95f; }
.blog-post-left img { margin-bottom: 15px; }
.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: #f5f5f5; }
.schema-faq-question { margin-bottom: 5px; display: block; }
/*========Blog detail page css end=======*/

/* pagination start */
.pagination {display: flex;padding-left: 0;list-style: none;justify-content: center;flex-wrap: wrap;margin: 0;padding: 10px 0px;}
.pagination .page-item {margin: 0px 5px;}
.pagination .page-item a, span.page-numbers {display: block;font-size: 14px;width: auto;border-radius: 3px;padding: 0px 10px;margin: 0;display: inline-block;color: #102e50;position: relative;text-align: center;border: 1px solid #102e50;}
/* .pagination .page-item a::after {content: '';display: block;position: absolute;top: 0;left: 0;height: 100%;width: 100%;transform: scale(.8);border: 1px solid;border-color: initial;border-radius: 100%;opacity: 0;transition: all .5s cubic-bezier(0, 0, .2, 1);} */
.pagination .page-item a:hover::after {opacity: .4;transform: scale(1.3);}
.page-item span.current, .pagination .page-item a.current, .pagination .page-item a:hover {background-color: #102e50;color: #fff;user-select: none;}
.pagination .page-item a:hover::after {border-color: #858971;color: #ffffff;}

/* pagination end */

.recent-post-section {
    padding: 0 0 85px;
}
.recent-post-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.all-post-btn {
    padding-top: 45px;
    text-align: center;
}