.blog-page {max-width: 1200px;margin: auto;}
.filter-chips {display: flex;gap: 12px;margin-bottom: 24px;flex-wrap: wrap;justify-content: center;}
.chip {background-color: #fff;box-shadow: 0 0 10px 0px #3c2fc014;border-radius: 60px;justify-content: flex-start;align-self: flex-start;align-items: center;padding: 14px 40px;display: flex;font-family: Plus Jakarta Sans, sans-serif;color: #102c6d;font-size: 16px;line-height: 25px;font-weight: 700;border: none;transition: all 0.3s ease;}
.category-box_blogs .chip {all: unset; cursor: pointer;}
.chip.active {background-image: linear-gradient(90deg, #f86800, #102c6d);color: #fff;border-radius: 60px;justify-content: flex-start;align-self: flex-start;align-items: center;padding: 14px 40px;display: flex;}
.category-box_blogs .chip.active {all: unset;}
.blog-content {display: flex;gap: 24px;}
.blog-cards {width: 70%;display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 20px;    height: fit-content;}
.blog_details_container .blog-cards {width: 100%;grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));}
.blog-card {background: #fff;padding: 18px;border-radius: 14px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.06);animation: popIn 0.4s ease forwards;}
.blog-card h3 {margin: 0 0 8px;font-family: Plus Jakarta Sans, sans-serif;}
.blog-card p {margin: 0;font-size: 14px;color: #666;line-height: inherit;font-family: Plus Jakarta Sans, sans-serif;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blog-card h1 {color: #102c6d;text-transform: capitalize;font-family: Plus Jakarta Sans, sans-serif;font-size: 24px;font-weight: 600;line-height: 30px;padding-top: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blog_card_det{display: flex;flex-direction: column;gap: 8px;}
.blog_card_det .home-one-button-autofit{ margin-top: 6px;}
.read_more_blog {display: flex;width: fit-content;padding: 12px 30px !important;}
.blog-card img{border-radius: 6px;height: 250px;width: 100%;}
.category-box_blogs{background: #fff;border-radius: 14px;padding: 20px;box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.06);}
.blog-list {width: 30%;position: sticky;height: fit-content;top: calc(0px + 2rem);transition: 0.4s;display: flex;flex-direction: column;gap: 24px;}
.blog-list h4 {margin-bottom: 12px;font-family: Plus Jakarta Sans, sans-serif;}
.blog-list .cat_list {padding: 0;display: flex;flex-direction: column;}
.blog-list .cat_list a {padding: 14px 0 0 0;font-weight: 600;color: #000;font-size: 14px;font-family: Plus Jakarta Sans, sans-serif;}
.blog-list .cat_list a:not(:last-child) {border-bottom: 1px solid #eee;padding: 14px 0;}
.blog-list .cat_list a:last-child {padding: 14px 0;}
.custom-slider {position: relative;user-select: none;}
.slider-wrapper {position: relative;overflow: hidden;border-radius: 16px;}
.slide {display: none;position: relative;max-height:250px;}
.slide.active {display: block;}
.slide img {width: 100%;height: 250px;object-fit: cover;pointer-events: none;}
.overlay {position: absolute;inset: 0;background: linear-gradient(to bottom,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.75));}
.tag {position: absolute;top: 14px;left: 14px;background: #fff;color: #000;padding: 2px 14px;font-size: 12px;border-radius: 20px;z-index: 2;font-family: Plus Jakarta Sans, sans-serif;}
.slide-content {position: absolute;bottom: 20px;left: 20px;right: 20px;color: #fff;z-index: 2;}
.slide-content h3 {margin: 0 0 6px;font-family: Plus Jakarta Sans, sans-serif;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.slide-content p {margin: 0;font-size: 14px;opacity:1;font-family: Plus Jakarta Sans, sans-serif;color: #fff;}
.nav {position: absolute;top: 50%;transform: translateY(-50%);background: rgba(250, 250, 250, 0.55);color: #fff;border: none;font-size: 28px;padding: 6px 12px;cursor: pointer;opacity: 0;transition: 0.3s;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.prev {left: 10px;}
.next {right: 10px;}
.custom-slider:hover .nav {opacity: 1;z-index: 999999999;}
.dots {display: flex;justify-content: center;gap: 8px;margin-top: 12px;}
.dot {width: 8px;height: 8px;background: #cbd5e1;border-radius: 50%;cursor: pointer;}
.dot.active {background: #102C6D;}

.blog_cards_container.grid {max-width: 1200px;margin: 40px auto 00px auto;padding: 0;display: flex;flex-wrap: wrap;list-style-type: none;}
.blog_cards_container.grid>.element-item {width: calc(100% / 3 - 30px);margin: 0px 15px;overflow: hidden;border-radius: 15px;box-shadow: 0 10px 30px #3c2fc014;margin-bottom: 30px;position: relative;}
.blog_filters_box .filters {display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;gap: 16px;}
.blog_cards_container.grid .element-item img {max-width: 100%;border-radius: 10px;}
.blog_filters_box .filters button {grid-column-gap: 10px;grid-row-gap: 10px;background-color: #fff;box-shadow: 0 10px 30px #3c2fc014;border-radius: 60px;justify-content: flex-start;align-self: flex-start;align-items: center;padding: 14px 40px;display: flex;font-family: Plus Jakarta Sans, sans-serif;color: #102c6d;font-size: 16px;line-height: 25px;font-weight: 700;border: none;}
.blog_filters_box .filters button.is-checked {grid-column-gap: 10px;grid-row-gap: 10px;background-image: linear-gradient(90deg, #f86800, #102c6d);color: #fff;border-radius: 60px;justify-content: flex-start;align-self: flex-start;align-items: center;padding: 14px 40px;display: flex;}
.blog_cards_container .element-item>div {padding: 20px 15px;background-color: #fff;}
.blog_cards_container .element-item h1 {color: #102c6d;text-transform: capitalize;font-family: Plus Jakarta Sans, sans-serif;font-size: 24px;font-weight: 600;line-height: 30px;padding-top: 24px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: 84px;}
.blog_cards_container .element-item p {color: var(--body-text-color);margin-bottom: 10px;font-family: Plus Jakarta Sans, sans-serif;font-size: 16px;line-height: 28px;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.blog_tagline {margin-top: 16px;}
.blog_date{font-weight: 600;}
.blog_category{background-color: #fff;border-radius: 100px;position: absolute;padding: 1px 16px;top: 30px;left: 30px;}
.blog_time{background: rgba(141, 141, 141, 0.65);border-radius: 100px;position: absolute;padding: 4px 12px;top: 30px;right: 30px;opacity: 0;transition: 0.25s;display: flex;gap: 8px;align-items: center;}
.blog-card:hover .blog_time {opacity: 1;}
.blog_time p{color: #fff;}
.blog_time img {height: 14px;width: 14px;filter: invert(1);}
.blog_category p {font-family: Plus Jakarta Sans, sans-serif;margin-bottom: 0 !important;font-weight: 600;font-size: 12px;}
.blog-category{background-color: #fff;border-radius: 100px;padding: 4px 24px;box-shadow: 0 0 10px 0 rgba(128, 128, 128, 0.313);width: fit-content;}
.blog-category p{font-family: Plus Jakarta Sans, sans-serif;margin-bottom: 0 !important;font-weight: 600;font-size: 14px;}
.blog-detail-one-hero-aection {padding: 60px 15px 60px;overflow: hidden;}
.blog-detail-one-banner-background {background-position: 50%;background-repeat: no-repeat;background-size: cover;}
.blog_img{object-fit: cover;}
.blog_details_container{padding: 60px 0;border-top: 1px solid #102c6d42;}
.blog_details_box{display: flex;flex-direction: column;gap: 06px;}
.blog_details_box table {text-align: left; width: 100%; border-collapse: collapse;}
.blog_details_box table th {text-align: left; padding: 10px; background-color: #f5f5f5; font-weight: bold;}
.blog_details_box table td {text-align: left; padding: 10px; border-bottom: 1px solid #eee;}
.blog_breadcrumb_box{font-size: 12px;display: flex;align-items: center;gap: 6px;flex-wrap: wrap;}
.blog_breadcrumb_box a{color: var(--primary);font-weight: 600;}
.blog_breadcrumb_box p {font-size: 12px;margin: 0;line-height: initial;}
.navbar-one {box-shadow: 0 0 10px 0 rgba(128, 128, 128, 0.313);}
.blog_det_title{padding-bottom: 16px;}
.blog_features_list_box{display: flex;}
.blog-one-banner-background {
    background-image: url("../img/blog.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

@keyframes popIn {
    from {opacity: 0;transform: scale(0.96);}
    to {opacity: 1;transform: scale(1);}
}
@media (max-width: 1400px){
    .blog_details_container{padding-left: 16px;padding-right: 16px;}
}
@media (min-width:992px) and (max-width:1070px) {
    .navlink {font-size: 15px;}
    .dropdown-toggle {padding: 24px 10px 26px;}
    .navlink.padding {padding-left: 10px;padding-right: 10px;}
}
@media (max-width: 992px){
    .blog-detail-one-hero-aection {padding: 40px 15px 40px;}
    .blog_card_det .home-one-button-autofit{margin: inherit;margin-left: inherit !important;}
}
@media (max-width: 767px) {
    .blog_filters_box .filters button {padding: 5px 10px;margin: 5px;}
    .blog_cards_container.grid>.element-item {width: calc(100% / 2 - 30px);}
    .blog_cards_container .element-item p {font-size: 16px;line-height: 22px;}
    .blog_breadcrumb_box {gap: 2px;flex-wrap: wrap;}
    .custom-slider {max-width: 100%;}
    .slide img {height: 360px;}
    .blog-content {flex-direction: column;}
    .blog-cards, .blog-list {width: 100%;}
    .chip {padding: 10px 24px;font-size: 14px;line-height: 18px;}
    .blog-card h1 {font-size: 20px;line-height: 26px;}
    .blog_details_container {padding-top: 40px;}
}

@media (max-width: 575px) {
    .blog_cards_container.grid>li {width: calc(100% - 30px);}
}