/* 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: #f8f8f8;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;}
.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-post-btn .btn img { max-width: 32px;max-height: 32px;margin: 0px;}
.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(0);}
.blog-card-img {border-radius: 10px;border: 1px solid #e5e7eb;clip-path: polygon(50% 5%, 100% 0, 100% 100%, 0 100%, 0 0); overflow: hidden;}
.blog-card-img img {width: 100%;object-fit: cover;object-position: center;}

/*========Blog detail page css start=======*/
.blog-detail-section {position: relative;padding: 60px 0px;}
.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: 100px;}
.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 {color: #000000;}
.lets-connect-form .form-group .form-control::-moz-placeholder {color: #000000;}
.lets-connect-form .form-group .form-control:-ms-input-placeholder {color: #000000;}
.lets-connect-form .form-group .form-control:-moz-placeholder {color: #000000;}
.lets-connect-form .form-group textarea.form-control {height: 120px;}
.lets-connect-form {padding: 25px;background: #f2f1fb;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;}
.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: 20px 0px;padding: 10px 0px;}
.pagination .page-item {margin: 0px 5px;padding-left: 0px;}
.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: #3b3663;position: relative;text-align: center;border: 1px solid #3b3663;}
/* .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: #3b3663;color: #fff;user-select: none;}
.pagination .page-item a:hover::after {border-color: #3b3663;color: #ffffff;}

/* pagination end */