/* 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-bottom: 30px; }
.blog-card { position: relative; height: 100%; border-radius: 60px 0 60px 0; 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: 10px; }
.blog-card-title { margin-top: 20px; }
.blog-card-title h4 { font-size: 22px; line-height: 30px; padding-top: 0px; margin-bottom: 0px; }
.blog-card-title h4 a { color: #000; }
.blog-card-title h4 a:hover { color: #708993; }
.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;
    transition: all .4s;
    border-radius: 20px 0 20px 0;
}
.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: 60px 0 60px 0; 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=======*/
.blogdetails-section { padding: 10px 0 60px; }
.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=======*/
.postbanner { padding-bottom: 20px; }
table { width: 100%; border-collapse: collapse; font-size: 16px; font-weight: 400; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); }
table th { background-color: #19183b; padding: 12px 10px; color: white; font-weight: bold; font-size: 16px; }
table td { border: 1px solid #ddd; padding: 12px 10px; text-align: center; font-weight: 400; font-size: 16px; text-align: left; }
