/* 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: 30px;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;
    margin-top: 0px;}
.blog-card-title h4 a {
    color: #444444;
}
.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 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: 65%; padding-right: 30px;}
.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: 35%; 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: #fafafa; border-radius: 0px; margin-bottom: 0px;}
.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;
}
.inner-common-info {
    padding: 30px 28px 30px;
    border-radius: 22px;
    margin-top: -56px;
    position: relative;
    text-align: center;
    border: 1px solid #e5e7eb;
    background: #fafafa;
}
.inner-common-info h1 {
    font-size: 40px;
    margin: 0px;
}
.home-banner-section.inner-banner-section.blog-single-postbanner {
    background: #eaf0f5;
}
.home-banner-section.inner-banner-section {
    border-radius: 0 0 22px 22px;
    overflow: hidden;
}
.home-banner-section.inner-banner-section img {
    width: 100%;
    height: auto;
}
.blog-section {
    position: relative;
    padding: 60px 0px;
}
.postbanner {
    padding-bottom: 20px;
}
.postbanner img {
    height: 100%;
    width: 100%;
    max-height:450px;
    object-fit: cover;
}


.blog-post-left h1 { font-size: 30px; }
.blog-post-left h2 { font-size: 28px; }
.blog-post-left h3 { font-size: 26px; }
.blog-post-left h4 { font-size: 24px; }
.blog-post-left h5 { font-size: 22px; }
.blog-post-left h6 { font-size: 20px; }

.blog-post-left ul {
    padding: 0px;
    margin: 0 0 20px 20px;
    position: relative;
}
.blog-post-left li {
    margin: 0 0 6px;
    padding: 0px;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    list-style: disc;
}
.blog-post-left li a{
    color: #444444;
}
.blog-post-left li a:hover{
    color: #444444;
}
@media (max-width: 1199px) {
.blog-post-left h1 { font-size: 28px; }
.blog-post-left h2 { font-size: 26px; }
.blog-post-left h3 { font-size: 24px; }
.blog-post-left h4 { font-size: 22px; }
.blog-post-left h5 { font-size: 20px; }
.blog-post-left h6 { font-size: 18px; }
}

@media (max-width: 1023px) {
    .blog-post-col {
        width: 50%;
    }
   .inner-common-info h1 {
    font-size: 32px;
} 
}
@media (max-width: 767px) {
    .blog-section {
        padding: 35px 0px;
    }
        .blog-post-row {
        margin: 0px -10px;
    }
    .blog-card {
        padding: 15px;
    }
        .blog-card-title {
        margin-bottom: 15px;
    }
        .blog-card-content {
        margin-top: 15px;
    }
   .home-banner-section.inner-banner-section img {
    min-height: 220px;
    object-fit: cover;
} 
.inner-common-info h1 {
    font-size: 28px;
}
.inner-common-info {
    padding: 22px 16px 22px;
    margin-top: -40px;
}
.blog-form input.btn {
    font-size: 16px;
    width: 154px !important;
}
.blog-post-left {
    width: 100%;
    padding-right: 0;
}
.blog-post-right {
    width: 100%;
    position: static;
}
.blog-post-left h1 { font-size: 26px; }
.blog-post-left h2 { font-size: 24px; }
.blog-post-left h3 { font-size: 22px; }
.blog-post-left h4 { font-size: 20px; }
.blog-post-left h5 { font-size: 18px; }
.blog-post-left h6 { font-size: 16px; }
.lets-connect-form {
    padding: 16px;
}
.lets-connect-form h4 {
    font-size: 20px;
}
}
@media (max-width: 575px) {
    .blog-post-row {
        margin: 0px;
    }
        .blog-post-col {
        width: 100%;
    }
        .blog-card {
        margin: 0px;
    }
    .recent-post-wrap {
        margin: 0;
    }
}