/* 26-3-2025 - Jagan */

.container {max-width: 1140px !important;margin: 0px auto}
.pagination {margin-top: 50px !important;text-align: center;padding-bottom: 50px;justify-content: center !important;}
.pagination .page-numbers {border: 1px solid #89c226;padding: 10px 15px;border-radius: 5px;color: #89c226;font-size: 16px;text-decoration: none;transition: all 0.8s;margin-right: 5px;}
.pagination .page-numbers.current {background-color: #89c226;color: #fff;}
.pagination .page-numbers:hover {background-color: #89c226;transition: all 0.8s;color: #fff;}

/* 28-3-2025 - Jagan */

a {text-decoration: none !important;}

/* 23-4-2026 */

.blog-list {background-color: #eaeaea;border-radius: 0px 30px 0px 30px;position: relative;}
.blog-list:before {content: '';background-image: url(/wp-content/uploads/2026/04/why-choose-vec-top.png);position: absolute;left: 0;width: 111px;height: 111px;top: 0;}
.blog-list:after {content: '';background-image: url(/wp-content/uploads/2026/04/why-choose-vec-bottom.png);position: absolute;right: 0;width: 111px;height: 111px;bottom: 0;}

.category_view {padding-left: 15%;}
.blog-list .blog-list-grid {display: flex;gap: 25px;}
.blog-list .blog-list-content {width: 60%;}
.blog-list .blog-list-image {width: 40%;overflow: hidden;}
.blog-list .blog-list-grid .blog-list-title {padding: 20px 30px 30px 75px;margin: 0px !important;}
.blog-list .blog-list-grid .blog-list-excerpt {padding: 0px 30px 0px 75px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.blog-list .view-like {display: flex;justify-content: space-between;padding: 0px 30px 30px 75px;}
.blog-list-content .view-like .date-time .time:before {content: '';background-color: #2E302C;width: 1px;height: 20px;vertical-align: middle;position: absolute;left: -16px;top: 50%;transform: translateY(-50%);}
.blog-list-content .blog-list-title a {font-family: "Questrial", Sans-serif !important;color: #2E302C;font-size: 40px;font-weight: 400;line-height: 60px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.blog-list-content .blog-list-excerpt {font-family: "Questrial", Sans-serif !important;color: #2E302C;font-size: 24px;font-weight: 400;line-height: 30px;padding: 0;margin: 0;text-transform: none;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.blog-list-content .date-time .date, .blog-list-content .date-time .time .meta {font-family: "Questrial", Sans-serif;font-size: 18px;font-weight: 400;letter-spacing: 0px;text-transform: none;line-height: 24px;color: #2E302C;}
.blog-list-content .date-time .like-btn span {font-family: "Questrial", Sans-serif;font-size: 18px;font-weight: 400;letter-spacing: 0px;text-transform: none;line-height: 24px;color: #2E302C;}


.blog-container .blog-row .blog-grid-list .blog-list-info {display: flex;gap: 30px;}
.blog_wrap .blog-row {padding: 70px 0 0 0;}
.blog-container .blog-row .blog-grid-list .blog-list-info .blog-image-element {width: 25%;}
.blog-container .blog-row .blog-grid-list .blog-list-info .blog-detail-wrap {width: 75%;}
.blog-detail-wrap {padding: 20px 0;}
.blog-detail-wrap .date-time {display: flex;gap: 25px;}
.blog-detail-wrap .date-time .date, .blog-detail-wrap .date-time .time .meta {font-family: "Inter", Sans-serif;font-size: 12px;font-weight: 400;letter-spacing: 0px;text-transform: none;line-height: 21px;color: #808080;}
.date-time-line .time:before {content: '';background-color: #808080;width: 1px;height: 20px;border-radius: 100%;vertical-align: middle;position: absolute;left: -15px;top: 50%;transform: translateY(-50%);}
.date-time-line .time {position: relative;}
.blog-detail-wrap .date-time .date, .blog-detail-wrap .date-time .time .meta {font-family: "Questrial", Sans-serif;font-size: 18px;font-weight: 400;letter-spacing: 0px;text-transform: none;line-height: 24px;color: #2E302C;}
.blog-detail-wrap .list__title {margin-top: 30px;margin-bottom: 10px;}
.blog-detail-wrap h3 a {font-family: "Questrial", Sans-serif !important;color: #2E302C;font-size: 40px;font-weight: 400;line-height: 48px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.blog-detail-wrap .entry-excerpt {font-family: "Questrial", Sans-serif !important;color: #2E302C;font-size: 24px;font-weight: 400;line-height: 30px;
padding: 0;margin: 0;text-transform: none;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.blog-detail-wrap .date-time .like-btn span {font-family: "Questrial", Sans-serif;font-size: 18px;font-weight: 400;letter-spacing: 0px;text-transform: none;line-height: 24px;color: #2E302C;}
.blog-detail-wrap .view-like {margin-top: 20px;}
.blog-list .blog-list-image img {width: 100%;z-index: 1000;width: 390px;height: 397px;object-fit: cover;display: block;position: absolute;right: 0;}
.blog-list-content .date-time {display: flex;gap: 25px;margin-top: 30px;}
.blog-list-content .blog-list-title {margin-top: 25px;margin-bottom: 0px;}
.blog-container .blog-grid-list {margin-bottom: 50px;}
.blog-container .blog-grid-list:last-child {margin-bottom: 0px;}
.view-like .like-btn .heart-icon {color: #FF0000 !important;cursor: pointer;}


/* Detail Section */

.blog-detail-element-wrapper {background-color: #eaeaea;padding: 20px 95px 50px 95px;border-radius: 0px 30px 0px 30px;position: relative;}
.blog-detail-element-wrapper:before {content: '';background-image: url(/wp-content/uploads/2026/04/why-choose-vec-top.png);position: absolute;left: 0;width: 111px;height: 111px;top: 0;}
.blog-detail-element-wrapper:after {content: '';background-image: url(/wp-content/uploads/2026/04/why-choose-vec-bottom.png);position: absolute;right: 0;width: 111px;height: 111px;bottom: 0;}

.blog-detail-element .blog-detail-banner .date-time {display: flex;gap: 25px;}
.blog-detail-element .blog-detail-banner .share-view-wrap {display: flex;justify-content: space-between;align-items: center;}
.share-view-wrap .share-element img {width: auto;height: 22px;}
.blog-detail-element .blog-detail-banner .date-time .time {position: relative;}
.blog-detail-element .blog-detail-banner .date-time .time:before {content: '';background-color: #808080;width: 1px;height: 15px;border-radius: 100%;vertical-align: middle;position: absolute;left: -15px;top: 50%;transform: translateY(-50%);}
.blog-detail-element .blog-detail-banner .date-time .date, .blog-detail-element .blog-detail-banner .date-time .time .meta {font-family: "Questrial", Sans-serif;font-size: 18px;font-weight:400;letter-spacing: 0px;text-transform: none;line-height: 24px;color: #2E302C;}
.blog-detail-element .blog-detail-banner .date-time .profile-view span {font-family: "Questrial", Sans-serif;font-size: 18px;font-weight:400;letter-spacing: 0px;text-transform: none;line-height: 24px;color: #2E302C;}
.blog-detail-element .blog-detail-banner .date-time .profile-view img {width: 25px;height: 25px;}
.blog-detail-element .blog-detail-banner .date-time .profile-view {display: flex;gap: 10px;align-items: center;}
.share-view-wrap .date {position: relative;}
.share-view-wrap .date:before {content: '';background-color: #808080;width: 1px;height: 15px;border-radius: 100%;vertical-align: middle;position: absolute;left: -15px;top: 50%;transform: translateY(-50%);}
.blog-detail-content .media-title {font-family: "Questrial", Sans-serif !important;color: #2E302C;font-size: 45px;font-weight: 400;line-height: 60px;margin-top: 50px;margin-bottom: 20px;}
.media-detail-container .media-content img {display: block;margin: 0 auto;}
.media-detail-container .media-content p {font-family: "Questrial", Sans-serif;font-size: 21px;font-weight: 400;color: #2E302C;line-height: 30px;margin-bottom: 25px;}
.media-detail-container .media-content h3 {font-family: "Questrial", Sans-serif !important;color: #2E302C;font-size: 36px;font-weight: 400;line-height: 30px;margin: 25px 0 30px 0px;}
.media-detail-container .media-content h4 {font-family: "Questrial", Sans-serif !important;color: #2E302C;font-size: 30px;font-weight: 400;line-height: 30px;margin: 0px 0 10px 0px;}
.media-detail-container .media-content p a {font-family: "Questrial", Sans-serif;font-size: 21px;font-weight: 400;color: #0292D9;line-height: 30px;}
.tag-list-wrap a {background-color: #fff;}
.tag-list-wrap a {background-color: #fff;padding: 4px 10px;margin-right: 15px;display: inline-block;margin-bottom: 15px;font-family: "Questrial", Sans-serif !important;color: #2E302C;font-size: 18px;font-weight: 400;}
.category-list-wrap {margin: 20px 0px;}
.category-list-wrap a {font-family: "Questrial", Sans-serif !important;color: #2E302C;font-size: 18px;font-weight: 400;line-height: 30px;position: relative;margin-right: 30px;}
.category-list-wrap a:before {content: '';background-color: #808080;width: 1px;height: 15px;border-radius: 100%;vertical-align: middle;position: absolute;left: -15px;top: 50%;transform: translateY(-50%);}
.category-list-wrap a:first-child:before {display: none;}
.social-icon-wrap {border-top: 1px solid #000000;border-bottom: 1px solid #000000;padding: 25px 0px;}
.social-icon-wrap a img {height: 18px;}
.social-icon-wrap a {margin-right: 30px;}
.social-icon-wrap a:last-child {margin-right: 0px;}
.view-like-comments-wrap {display: flex;justify-content: space-between;align-items: center;margin: 30px 0px;}
.view-like-comments-wrap .date-time-line {display: flex;gap: 25px;}
.like-heart-wrap .like-icon-element span {font-family: "Questrial", Sans-serif;font-size: 18px;font-weight: 400;letter-spacing: 0px;text-transform: none;line-height: 24px;color: #2E302C;}
.like-heart-wrap .like-icon-element .heart-icon {font-family: "Questrial", Sans-serif;font-size: 18px;font-weight: 400;letter-spacing: 0px;text-transform: none;line-height: 24px;color: #FF0000;}
ul li a {color: #0292D9;font-family: "Questrial", Sans-serif;font-size: 18px;font-weight: 400;line-height: 24px;padding-bottom: 10px;}
ul li {font-family: "Questrial", Sans-serif;font-size: 21px;font-weight: 400;color: #2E302C;line-height: 30px;padding-bottom: 10px;}
.blue-under-list li:last-child {padding-bottom: 0px;}
.related__post__info {padding: 50px 0px;}
.related-posts .related__title {text-align: left;}
.blog-detail-element {padding-top: 65px;}
.related-post-card .related__detail__info h3 a {font-family: "Questrial", Sans-serif !important;color: #2E302C;font-size: 30px;font-weight: 400;line-height: 42px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.related-posts .related-title {font-family: "Questrial", Sans-serif !important;color: #2E302C;font-size: 36px;font-weight: 400;line-height: 30px;}
.related-posts-grid {display: flex;gap: 20px;justify-content: space-between;}
.related-posts-grid .related-post-card {padding: 15px;}
.related-posts-grid .related-post-card .related-list-image img {width: 100%;height: 350px;}
.related-post-card .related__detail__info .date-time {display: flex;justify-content: space-between;margin-top: 0px;}
.related-post-card .related__detail__info .date-time .date, .related-post-card .related__detail__info .date-time .time {font-family: "Questrial", Sans-serif;font-size: 18px;font-weight: 400;letter-spacing: 0px;text-transform: none;line-height: 24px;color: #2E302C;}
.related-post-card .view-like-comments-wrap .time::before {content: unset !important;}
.related-wrap-element {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.related-wrap-element .full-list-wrap a {font-family: "Questrial", Sans-serif;font-size: 24px;font-weight: 400;color: #2E302C;line-height: 30px;}
.tag-list-wrap {margin-top: 40px;}
.comment-wrap {background-color: #eaeaea;padding: 20px 95px 50px 95px;border-radius: 0px 30px 0px 30px;position: relative;margin-bottom: 50px;}
.comment-wrap:before {content: '';background-image: url(/wp-content/uploads/2026/04/why-choose-vec-top.png);position: absolute;left: 0;width: 111px;height: 111px;top: 0;}
.comment-wrap:after {content: '';background-image: url(/wp-content/uploads/2026/04/why-choose-vec-bottom.png);position: absolute;right: 0;width: 111px;height: 111px;bottom: 0;}
.comment-form textarea {width: 100%;height: 120px;padding: 10px;border: 1px solid #ccc;border-radius: 8px;resize: none;margin-bottom: 10px;font-family: "Questrial", Sans-serif;font-size: 18px;font-weight: 400;}
.comment-form button {background-color: #89c226;color: #fff;border: none;padding: 10px 20px;border-radius: 6px;cursor: pointer;font-family: "Questrial", Sans-serif;font-size: 16px;font-weight: 400;}
.comment-form button:hover {background-color: #89c226;opacity: 0.6;}
.comment-list {margin-bottom: 75px;}
.comment-list .single-comment {padding: 30px;margin-bottom: 20px;border-radius: 10px;box-shadow: 0 2px 16px rgba(10, 22, 40, 0.08);border: 1px solid #E4E8EC;}
.comment-list .single-comment p {font-family: "Questrial", Sans-serif;font-size: 18px;font-weight: 400;color: #2E302C;line-height: 24px;margin: 0px;}
.comment-list .single-comment .comment-date {font-family: "Questrial", Sans-serif;font-size: 14px;font-weight: 600;color: #2E302C;line-height: 24px;}
[type=button]:focus:not(:focus-visible), [type=submit]:focus:not(:focus-visible), button:focus:not(:focus-visible) {background-color: #89c226;}
.comment-form-cookies-consent {display: none;}


/* Media Quiery Section Start */

@media only screen and (max-width: 1580px) {}

@media only screen and (max-width: 1536px) {}

@media only screen and (max-width: 1371px) {}

@media only screen and (max-width: 1364px) {}

@media only screen and (max-width: 1280px) {
    .media-detail-container {padding: 50px 15px !important;}
}

@media only screen and (max-width: 1200px) {
    .blog_wrap .blog-row {padding: 70px 20px 0 20px;gap: 20px;}
}

@media only screen and (max-width: 1100px) {}

@media only screen and (max-width: 1028px) {
    .media-detail-container .media-content img {width: 100%;}
    .blog-detail-wrap .list__title {margin-top: 10px;}
}

@media only screen and (max-width: 980px) {}

@media only screen and (max-width: 800px) {
    .blog-list {background-color: transparent !important;}
    .blog-detail-element-wrapper {background-image: none;padding: 20px 20px 50px 20px;}
    .newsletter-form {width: 75%;}
    .tag-list-wrap a {border: 1px solid #2E302C;border-radius: 4px;}
    .blog-list .blog-list-image img {width: 100%;height: auto;position: relative;}
    .blog-list-grid {padding: 0px;}
    .category_view {padding: 0 !important;}
    .blog-list .blog-list-grid .blog-list-title {padding: 20px 0px 15px 0px !important;}
    .blog-list .blog-list-grid .blog-list-excerpt {padding: 0px 0px 0px 0px !important;}
    .blog-list .view-like {padding: 20px 0px 20px 0px;}
    .blog-list:before {content: unset;}
    .blog-list::after {content: unset;}
    .blog-list-content .blog-list-title a {font-size: 28px;line-height: 38px;}
    .blog-list-content .date-time {margin-top: 0;}
    .blog-detail-wrap h3 a {font-size: 25px;line-height: 32px;}
    .blog-detail-wrap {padding: 0px;}
    .blog-detail-wrap .entry-excerpt {font-size: 20px;line-height: 26px;}
}

@media only screen and (max-width: 750px) {

    .blog-list-grid {display: block !important;}
    .blog-list .blog-list-content {width: 100%;padding-right: 0px;margin-bottom: 30px;}
    .blog-list .blog-list-image {width: 100%;}
    .blog-list .blog-list-image img {width: 100%;height: 100%;position: relative;}
    .blog-list-grid {padding: 0px;}
    .category_view {padding: 0 !important;}
    .blog-list .blog-list-grid .blog-list-title {padding: 30px 0px 40px 0px !important;}
    .blog-list .blog-list-grid .blog-list-excerpt {padding: 0px 0px 0px 0px !important;}
    .blog-list .view-like {padding: 20px 0px 20px 0px;}
    .blog-list .view-like .date-time {margin-top: 0px !important;}

    .blog-container .blog-row .blog-grid-list .blog-list-info {display: block;}
    .blog-container .blog-row .blog-grid-list .blog-list-info .blog-image-element {margin: 0 auto;}
    .blog-container .blog-row .blog-grid-list .blog-list-info .blog-detail-wrap {width: 100%;}

    .blog-list-content .blog-list-title a {font-size: 30px;line-height: 38px;}
    .blog-detail-content .media-title {font-size: 30px;line-height: 38px;}

}

@media only screen and (max-width: 640px) {
    .blog_wrap .blog-row .blog-grid-list {width: 48%;}
    .related-posts-grid {display: block;}
    .related-posts-grid .related-post-card {margin-bottom: 20px;}
}

@media only screen and (max-width: 550px) {
    .blog_wrap .blog-row .blog-grid-list {width: 100%;}
    .blog-container .blog-row .blog-grid-list .blog-list-info .blog-image-element {width: 50%;}
}

@media only screen and (max-width: 500px) {
    .related-posts .related-title {font-size: 24px;}
    .related-wrap-element .full-list-wrap a {font-size: 22px;}
}

@media only screen and (max-width: 480px) {
    .blog-container .blog-row .blog-grid-list .blog-list-info .blog-image-element {width: 100%;}
    .blog-container .blog-row .blog-grid-list .blog-list-info .blog-image-element img {width: 100%;}
}

@media only screen and (max-width: 360px) {}

@media only screen and (max-width: 320px) {}

/* Media Quiery Section End */