/* WizWeb theme — blog templates CSS (details/archive/sidebar). */
.portfolio-section .portfolio-bottom-area .pagination-area{background:#ebf2f6;height:380px;display:flex;justify-content:center;align-items:flex-end;padding:0 80px}
@media (min-width:1400px) and (max-width:1599px){.portfolio-section .portfolio-bottom-area .pagination-area{padding:0 30px}}
@media (max-width:1399px){.portfolio-section .portfolio-bottom-area .pagination-area{padding:0 30px}}
@media (max-width:1199px){.portfolio-section .portfolio-bottom-area .pagination-area{height:280px;padding:0 15px}}
.portfolio-section .portfolio-bottom-area .pagination-area .swiper-pagination{padding:40px 0 50px;border-top:1px solid var(--white-color);position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;z-index:9;bottom:unset;gap:12px}
@media (max-width:1199px){.portfolio-section .portfolio-bottom-area .pagination-area .swiper-pagination{padding:30px 0}}
.portfolio-section .portfolio-bottom-area .pagination-area .swiper-pagination .swiper-pagination-bullet{height:16px;width:16px;background-color:transparent;border:1px solid #596977;opacity:1;position:relative}
.portfolio-section .portfolio-bottom-area .pagination-area .swiper-pagination .swiper-pagination-bullet:after{content:"";height:8px;width:8px;border-radius:50%;background-color:#596977;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.portfolio-section .portfolio-bottom-area .pagination-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:var(--primary-color1);height:20px;width:20px}
.portfolio-section .portfolio-bottom-area .pagination-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width:10px;height:10px;background-color:var(--primary-color1)}
.home2-case-study-section .pagination-area{display:flex;justify-content:center;align-items:flex-end}
.home2-case-study-section .pagination-area .swiper-pagination{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;z-index:9;bottom:unset;gap:12px}
.home2-case-study-section .pagination-area .swiper-pagination .swiper-pagination-bullet{height:16px;width:16px;background-color:transparent;border:1px solid #596977;opacity:1;position:relative}
.home2-case-study-section .pagination-area .swiper-pagination .swiper-pagination-bullet:after{content:"";height:8px;width:8px;border-radius:50%;background-color:#596977;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.home2-case-study-section .pagination-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:var(--primary-color1);height:20px;width:20px}
.home2-case-study-section .pagination-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{width:10px;height:10px;background-color:var(--primary-color1)}
.home3-testimonial-section .slider-btn-and-pagination-wrap{padding-top:85px;display:flex;align-items:center;justify-content:space-between;max-width:540px;width:100%}
@media (max-width:1199px){.home3-testimonial-section .slider-btn-and-pagination-wrap{padding-top:60px}}
@media (max-width:767px){.home3-testimonial-section .slider-btn-and-pagination-wrap{padding-top:40px}}
.home3-testimonial-section .slider-btn-and-pagination-wrap .franctional-pagi2{color:var(--title-color);font-family:var(--font-hankenGrotesk);font-size:24px;font-weight:400}
@media (max-width:576px){.home3-testimonial-section .slider-btn-and-pagination-wrap .franctional-pagi2{top:unset;position:relative;right:unset;display:flex}}
.home3-testimonial-section .slider-btn-and-pagination-wrap .franctional-pagi2 .swiper-pagination-current{color:var(--title-color);font-family:var(--font-hankenGrotesk);font-size:24px;font-weight:400}
.home3-testimonial-section .slider-btn-and-pagination-wrap .franctional-pagi2 .swiper-pagination-total{color:var(--text-color);font-family:var(--font-hankenGrotesk);font-size:16px;font-weight:400}
.pagination-area{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.pagination-area .paginations{padding:0;margin:0;list-style:none;display:flex;align-items:center;gap:20px}
.pagination-area .paginations .page-item a{color:rgba(var(--text-color-opc),.5);font-family:var(--font-hankenGrotesk);font-size:17px;font-weight:700;line-height:1;width:40px;height:40px;border-radius:40px;border:1px solid rgba(var(--text-color-opc),.5);display:flex;align-items:center;justify-content:center;transition:.5s}
.pagination-area .paginations .page-item a:hover,.pagination-area .paginations .page-item.active a{background-color:var(--primary-color1);border-color:var(--primary-color1);color:var(--white-color)}
.pagination-area .paginations .page-item.paginations-button a{font-size:15px;font-weight:600;gap:5px;width:unset;height:unset;padding:11px 15px}
.pagination-area .paginations .page-item.paginations-button a svg{fill:rgba(var(--text-color-opc),.5);transition:.5s}
.pagination-area .paginations .page-item.paginations-button a:hover svg{fill:var(--white-color)}
.sidebar-area .faq-content .accordion .accordion-item .accordion-header .accordion-button{font-size:15px;text-transform:none}
.sidebar-area .widget-title{color:var(--title-color);font-family:var(--font-hankenGrotesk);font-size:22px;font-weight:700;line-height:.9;letter-spacing:.4px;border-bottom:1px solid var(--title-color);display:inline-block;margin-bottom:30px}
.sidebar-area .single-widget{padding:25px 35px;border-radius:5px;border:1px solid var(--border-color)}
@media (min-width:992px) and (max-width:1199px){.sidebar-area .single-widget{padding:25px 20px}}
@media (max-width:576px){.sidebar-area .single-widget{padding:25px 20px}}
.sidebar-area .single-widget .category-list{padding:0;margin:0;list-style:none}
.sidebar-area .single-widget .category-list li{position:relative;display:flex;align-items:center;margin-bottom:25px;transition:.5s}
.sidebar-area .single-widget .category-list li:last-child{margin-bottom:0}
.sidebar-area .single-widget .category-list li a{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap;gap:5px;color:var(--title-color);font-family:var(--font-inter);font-size:15px;font-weight:400;line-height:1;letter-spacing:.3px;transition:.5s}
.sidebar-area .single-widget .category-list li a span{display:flex;align-items:center;gap:12px}
.sidebar-area .single-widget .category-list li a span svg{fill:var(--primary-color1);transition:.5s}
.sidebar-area .single-widget .category-list li:hover a{color:var(--primary-color1)}
.sidebar-area .single-widget .category-list li:hover a span svg{transform:rotate(45deg)}
.sidebar-area .single-widget .category-list li:hover:before{background-color:var(--primary-color1);border-color:var(--primary-color1)}
.sidebar-area .single-widget .category-list.two li a span{color:var(--title-color);font-family:var(--font-inter);font-size:12px;font-weight:500;line-height:1;padding:2px 6px;border:1px solid var(--text-color);border-radius:50px;display:flex;justify-content:center;align-items:center;transition:.5s}
.sidebar-area .single-widget .category-list.two li:hover a span{border:1px solid var(--primary-color1);color:var(--primary-color1)}
.sidebar-area .single-widget .recent-post-widget{display:flex;align-items:center;gap:15px}
.sidebar-area .single-widget .recent-post-widget .recent-post-img{border-radius:5px}
.sidebar-area .single-widget .recent-post-widget .recent-post-img img{min-width:92px;max-width:92px;height:71px;border-radius:5px}
.sidebar-area .single-widget .recent-post-widget .recent-post-content{line-height:1}
.sidebar-area .single-widget .recent-post-widget .recent-post-content>a{color:rgba(var(--text-color),.5);font-family:var(--font-inter);font-size:12px;font-weight:500;display:block;margin-bottom:8px;transition:.5s}
@media (max-width:576px){.sidebar-area .single-widget .recent-post-widget .recent-post-content>a{margin-bottom:5px}}
.sidebar-area .single-widget .recent-post-widget .recent-post-content>a:hover{color:var(--primary-color1)}
.sidebar-area .single-widget .recent-post-widget .recent-post-content h6{margin-bottom:0}
.sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a{color:var(--title-color);font-family:var(--font-hankenGrotesk);font-size:18px;font-weight:700;line-height:20px;letter-spacing:.32px;transition:.5s}
@media (min-width:992px) and (max-width:1199px){.sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a{font-size:14px}}
@media (max-width:576px){.sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a{font-size:16px}}
.sidebar-area .single-widget .recent-post-widget .recent-post-content h6 a:hover{color:var(--primary-color1)}
.sidebar-area .single-widget .tag-list{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
@media (min-width:992px) and (max-width:1199px){.sidebar-area .single-widget .tag-list{gap:14px}}
.sidebar-area .single-widget .tag-list li a{color:rgba(var(--title-color-opc),.5);font-family:var(--font-inter);font-size:13px;font-weight:500;display:block;line-height:1;padding:9px 17px;border-radius:100px;background:#f3f3f3;transition:.5s}
.sidebar-area .single-widget .tag-list li:hover a{color:var(--white-color);background-color:var(--primary-color1)}
.sidebar-area .single-widget .search-box{display:flex;align-items:center}
.sidebar-area .single-widget .search-box input{width:100%;padding:8px 20px;font-family:var(--font-inter);font-size:12px;height:45px;border:1px solid rgba(var(--primary-color1-opc),.3)}
.sidebar-area .single-widget .search-box input:focus{border:1px solid #ddd}
.sidebar-area .single-widget .search-box button{background-color:var(--primary-color1);min-width:90px;height:45px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;z-index:1}
.sidebar-area .single-widget .search-box button:after{position:absolute;content:"";display:block;left:15%;right:-20%;top:-4%;height:150%;width:150%;bottom:0;border-radius:2px;background-color:var(--title-color);transform:skewX(45deg) scaleX(0);z-index:-1;transition:all .5s ease-out 0s}
.sidebar-area .single-widget .search-box button i{color:var(--white-color);font-size:22px}
@media (max-width:576px){.sidebar-area .single-widget .search-box button{min-width:70px}}
.sidebar-area .single-widget .search-box button:hover{color:var(--white-color)}
.sidebar-area .single-widget .search-box button:hover:after{transform:skewX(45deg) scale(1)}
.sidebar-area .single-widget .social-list{display:flex;align-items:center;gap:30px}
.sidebar-area .single-widget .social-list li{display:block;text-align:center}
.sidebar-area .single-widget .social-list li a i{color:var(--text-color);transition:.5s}
.sidebar-area .single-widget .social-list li a span{color:var(--text-color);font-family:var(--font-hankenGrotesk);font-size:12px;font-weight:400;line-height:1;display:block;padding-top:2px;transition:.5s}
.sidebar-area .single-widget .social-list li:hover a i{color:var(--primary-color1)}
.sidebar-area .single-widget .social-list li:hover a svg{fill:var(--primary-color1)}
.sidebar-area .single-widget .social-list li:hover a span{color:var(--primary-color1)}
.blog-details .blog-details-thumb{position:relative}
.blog-details .blog-details-thumb .batch{position:absolute;top:20px;left:15px}
.blog-details .blog-details-thumb .batch span{color:var(--dark-white-color);font-family:var(--font-hankenGrotesk);font-size:18px;font-style:italic;font-weight:500;line-height:1;border-radius:50px;border:1px solid var(--white-color);background:var(--title-color);padding:6px 26px}
.blog-details .blog-details-thumb img{border-radius:5px}
.blog-details .blog-details-author-meta{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--border-color);margin-bottom:60px;gap:15px;flex-wrap:wrap}
@media (max-width:991px){.blog-details .blog-details-author-meta{margin-bottom:50px;padding:20px 0}}
.blog-details .blog-details-author-meta .author-area{display:flex;align-items:center;gap:10px}
.blog-details .blog-details-author-meta .author-area .author-img img{width:30px;height:30px;border-radius:50%}
.blog-details .blog-details-author-meta .author-area .author-content h6{color:var(--text-color);font-family:var(--font-inter);font-size:15px;font-weight:500;line-height:1;margin-bottom:0}
.blog-details .blog-details-author-meta .author-area .author-content h6 a{color:var(--primary-color1)}
.blog-details .blog-details-author-meta ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.blog-details .blog-details-author-meta ul li{color:var(--text-color);font-family:var(--font-inter);font-weight:500;font-size:15px;line-height:1;letter-spacing:.3px;margin-right:50px;position:relative;transition:.25s ease}
@media (min-width:576px) and (max-width:768px){.blog-details .blog-details-author-meta ul li{margin-right:20px}}
@media (max-width:576px){.blog-details .blog-details-author-meta ul li{margin-right:16px;font-size:12px;line-height:1.2}}
.blog-details .blog-details-author-meta ul li:hover a{color:var(--primary-color1)}
.blog-details .blog-details-author-meta ul li:hover a svg{fill:var(--primary-color1)}
.blog-details .blog-details-author-meta ul li:before{content:"";position:absolute;right:-15px;top:3px;width:2px;height:10px;line-height:5px;background-color:var(--primary-color1);border-radius:4px}
@media (min-width:576px) and (max-width:768px){.blog-details .blog-details-author-meta ul li:before{right:-10px}}
@media (max-width:576px){.blog-details .blog-details-author-meta ul li:before{right:-10px}}
.blog-details .blog-details-author-meta ul li:last-child{margin-right:0}
.blog-details .blog-details-author-meta ul li:last-child:before{display:none;visibility:hidden}
.blog-details .blog-details-author-meta ul li svg{width:14px;margin-right:10px;fill:var(--text-color);transition:.25s ease}
@media (min-width:576px) and (max-width:768px){.blog-details .blog-details-author-meta ul li svg{margin-right:5px}}
@media (max-width:576px){.blog-details .blog-details-author-meta ul li svg{margin-right:5px}}
.blog-details .blog-details-author-meta ul li a{color:var(--text-color)}
.blog-details .blog-details-content{margin-bottom:90px}
@media (min-width:992px) and (max-width:1199px){.blog-details .blog-details-content{margin-bottom:80px}}
@media (max-width:991px){.blog-details .blog-details-content{margin-bottom:70px}}
.blog-details .blog-details-content h2{font-size:40px}
.blog-details .blog-details-content h2,.blog-details .blog-details-content h3{font-family:var(--font-hankenGrotesk);font-weight:800;line-height:1.2;color:var(--title-color);margin-bottom:15px}
.blog-details .blog-details-content h3{font-size:30px}
@media (max-width:1199px){.blog-details .blog-details-content h3{font-size:32px}}
@media (max-width:767px){.blog-details .blog-details-content h3{font-size:30px}}
.blog-details .blog-details-content p{font-family:var(--font-inter);font-weight:400;font-size:17px;line-height:1.8;color:var(--text-color);margin-bottom:10px}
@media (max-width:991px){.blog-details .blog-details-content p{font-size:17px;margin-bottom:25px}}
@media (max-width:576px){.blog-details .blog-details-content p{font-size:15px}}
.blog-details .blog-details-content img{border-radius:5px}
.blog-details .blog-details-content ul{margin-bottom:1rem!important;list-style:auto;padding:0 0 0 2rem}
.blog-details .blog-details-content ol li,.blog-details .blog-details-content ul li{margin-bottom:6px!important}
@media (max-width:576px){.blog-details .blog-details-content ul{columns:unset}}
.blog-details .blog-details-content ol li,.blog-details .blog-details-content ul li{color:var(--text-color);font-family:var(--font-hankenGrotesk);font-size:17px;font-weight:500;letter-spacing:.34px;margin-bottom:20px}
@media (max-width:767px){.blog-details .blog-details-content ul li{font-size:16px}}
.blog-details .blog-details-content ul li:last-child{margin-bottom:0}
.blog-details .blog-details-content ul li svg{fill:var(--primary-color1);margin-right:10px}
.blog-details .blog-details-content .first-para{margin-bottom:10px}
@media (max-width:576px){.blog-details .blog-details-content .first-para{margin-bottom:15px}}
.blog-details .blog-details-content .first-para:first-letter{font-size:75px;float:left;line-height:1;color:var(--title-color);font-weight:500}
@media (max-width:576px){.blog-details .blog-details-content .first-para:first-letter{font-size:60px}}
.blog-details .blog-details-content .second-para{margin-bottom:65px}
@media (max-width:991px){.blog-details .blog-details-content .second-para{margin-bottom:40px}}
@media (max-width:767px){.blog-details .blog-details-content .second-para{margin-bottom:35px}}
.blog-details .blog-details-content blockquote{position:relative}
.blog-details .blog-details-content blockquote .quotes{fill:none;stroke:rgba(var(--primary-color1-opc),.15);position:absolute;top:0;left:50%;transform:translateX(-50%)}
.blog-details .blog-details-content .blockquote-text{margin-bottom:35px;color:rgba(var(--text-color-opc),.6);font-size:22px}
@media (max-width:767px){.blog-details .blog-details-content .blockquote-text{margin-bottom:25px;font-size:18px}}
@media (max-width:576px){.blog-details .blog-details-content .blockquote-text{margin-bottom:20px}}
.blog-details .blog-details-content .third-para{margin-bottom:45px}
.blog-details .blog-details-content .blockquote-author{font-family:var(--font-hankenGrotesk);font-weight:600;font-size:30px;line-height:1;color:var(--title-color);margin-bottom:0}
@media (max-width:576px){.blog-details .blog-details-content .blockquote-author{margin-bottom:0}}
@media (min-width:576px) and (max-width:768px){.blog-details .blog-details-content .post-details-img img{width:100%}}
@media (max-width:576px){.blog-details .blog-details-content .post-details-img img{width:100%}}
.blog-details .blog-details-content .post-tags-social{margin-top:70px;margin-bottom:34px}
@media (max-width:767px){.blog-details .blog-details-content .post-tags-social{margin-top:50px}}
.blog-details .blog-details-content .post-tags-social .tags ul{list-style:none;padding:0;margin:0;display:flex;gap:20px}
@media (min-width:768px) and (max-width:991px){.blog-details .blog-details-content .post-tags-social .tags ul{gap:8px}}
@media (max-width:767px){.blog-details .blog-details-content .post-tags-social .tags ul{margin-bottom:10px}}
@media (max-width:576px){.blog-details .blog-details-content .post-tags-social .tags ul{gap:10px}}
@media (max-width:350px){.blog-details .blog-details-content .post-tags-social .tags ul{gap:6px}}
.blog-details .blog-details-content .post-tags-social .tags ul li a{font-family:var(--font-prompt);font-style:normal;font-weight:400;font-size:15px;line-height:1;color:#acacac;transition:.5s}
@media (max-width:350px){.blog-details .blog-details-content .post-tags-social .tags ul li a{font-size:14px}}
.blog-details .blog-details-content .post-tags-social .tags ul li a span{color:rgba(255,76,96,.5)}
.blog-details .blog-details-content .post-tags-social .tags ul li a:hover{color:var(--primary-one)}
.blog-details .blog-details-content .post-tags-social .social{display:flex;align-items:center;justify-content:flex-end;gap:20px}
@media (max-width:767px){.blog-details .blog-details-content .post-tags-social .social{justify-content:flex-start}}
.blog-details .blog-details-content .post-tags-social .social p{font-family:var(--font-prompt);font-style:normal;font-weight:400;font-size:18px;line-height:1;color:#2c2c2c;margin:0}
.blog-details .blog-details-content .post-tags-social .social ul{list-style:none;padding:0;margin:0;display:flex;gap:30px}
.blog-details .blog-details-content .post-tags-social .social ul li{transition:.5s}
.blog-details .blog-details-content .post-tags-social .social ul li a{font-size:18px;color:var(--border-color2);transition:.5s}
.blog-details .blog-details-content .post-tags-social .social ul li a:hover{color:var(--primary-one)}
.blog-details .blog-tag-and-social-area{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:30px}
.blog-details .blog-tag-and-social-area .blog-tag{line-height:1;display:flex;align-items:center;gap:10px}
.blog-details .blog-tag-and-social-area .blog-tag h6{color:var(--title-color);font-family:var(--font-hankenGrotesk);font-size:18px;font-weight:600;line-height:1;margin-bottom:0}
.blog-details .blog-tag-and-social-area .blog-tag ul{margin:0;padding:0;list-style:none;line-height:1;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.blog-details .blog-tag-and-social-area .blog-tag ul li a{color:var(--text-color);font-family:var(--font-hankenGrotesk);font-size:14px;font-weight:500;line-height:1;transition:.5s}
.blog-details .blog-tag-and-social-area .blog-tag ul li a:hover{color:var(--primary-color1)}
.blog-details .blog-tag-and-social-area .social-list{padding:0;margin:0;list-style:none;display:flex;align-items:center;gap:30px}
.blog-details .blog-tag-and-social-area .social-list li{display:block;text-align:center}
.blog-details .blog-tag-and-social-area .social-list li a i{color:var(--text-color);transition:.5s}
.blog-details .blog-tag-and-social-area .social-list li a span{color:var(--text-color);font-family:var(--font-hankenGrotesk);font-size:12px;font-weight:400;line-height:1;display:block;padding-top:2px;transition:.5s}
.blog-details .blog-tag-and-social-area .social-list li:hover a i{color:var(--primary-color1)}
.blog-details .blog-tag-and-social-area .social-list li:hover a svg{fill:var(--primary-color1)}
.blog-details .blog-tag-and-social-area .social-list li:hover a span{color:var(--primary-color1)}
.blog-details .comment-area{scroll-margin-top:150px}
.blog-details .comment-title{display:flex;align-items:center;gap:14px;margin-bottom:40px}
.blog-details .comment-title h4{color:var(--title-color);font-family:var(--font-hankenGrotesk);font-size:25px;font-weight:500;margin-bottom:0;line-height:1;white-space:nowrap}
.blog-details .comment-title .dash{position:relative;width:100%}
.blog-details .comment-title .dash:after{content:"";height:1px;width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);background:var(--border-color)}
.blog-details .comment{margin:0;padding:0;list-style:none}
.blog-details .comment>li{margin-bottom:40px}
.blog-details .comment>li>.single-comment-area{margin-bottom:24px}
.blog-details .comment>li:last-child,.blog-details .comment>li:last-child>.single-comment-area{margin-bottom:0}
.blog-details .comment .single-comment-area{display:flex;align-items:flex-start;gap:20px}
.blog-details .comment .single-comment-area .author-img img{max-width:50px;min-width:50px;height:50px;border-radius:50%}
.blog-details .comment .single-comment-area .comment-content .author-name-deg{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.blog-details .comment .single-comment-area .comment-content .author-name-deg h6{line-height:1;margin-bottom:0;color:var(--title-color);font-family:var(--font-hankenGrotesk);font-size:18px;font-weight:600}
.blog-details .comment .single-comment-area .comment-content .author-name-deg span{color:var(--text-color);font-family:var(--font-inter);font-size:14px;font-weight:400;line-height:1}
.blog-details .comment .single-comment-area .comment-content p{color:var(--text-color);font-family:var(--font-inter);font-size:16px;font-weight:400;line-height:28px;margin-bottom:12px}
.blog-details .comment .single-comment-area .comment-content .replay-btn{color:var(--text-color);font-family:var(--font-inter);font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:5px;line-height:1;cursor:pointer;transition:.35s}
.blog-details .comment .single-comment-area .comment-content .replay-btn svg{transition:.35s;fill:var(--text-color)}
.blog-details .comment .single-comment-area .comment-content .replay-btn:hover{color:var(--primary-color1)}
.blog-details .comment .single-comment-area .comment-content .replay-btn:hover svg{fill:var(--primary-color1)}
.blog-details .comment .comment-replay{list-style:none;margin:0 0 0 70px;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:24px 0}
.blog-details .comment .comment-replay>li{margin-bottom:30px}
.blog-details .comment .comment-replay>li:last-child{margin-bottom:0}
.blog-details .inquiry-form{background:rgba(var(--primary-color1-opc),.1);border-radius:20px;padding:45px 40px 50px}
@media (max-width:767px){.blog-details .inquiry-form{padding:45px 20px 50px}}
.blog-details .inquiry-form .title{margin-bottom:30px}
.blog-details .inquiry-form .title h4{color:var(--title-color);font-family:var(--font-hankenGrotesk);font-size:30px;font-weight:600;margin-bottom:0}
body.dark .portfolio-section .portfolio-bottom-area .pagination-area{background-color:var(--light-black-color)}
body.dark .portfolio-section .portfolio-bottom-area .pagination-area .swiper-pagination{border-top:1px solid hsla(0,0%,100%,.1)}
body.dark .blog-details .inquiry-form{background:var(--dark-white-color)}
body.dark .sidebar-area .single-widget .tag-list li a{background:transparent;border:1px solid var(--border-color)}
body.dark .sidebar-area .single-widget .tag-list li a:hover{background:var(--primary-color1)}
/* --- blog supplements (sidebar/pagination) --- */
.blog-sidebar .single-widget{margin-bottom:30px;padding:30px;border:1px solid var(--border-color);border-radius:12px}
.blog-sidebar .single-widget h4{font-size:20px;margin-bottom:20px}
.blog-sidebar .search-widget form{display:flex}
.blog-sidebar .search-widget input{flex:1;border:1px solid var(--border-color);border-radius:6px 0 0 6px;padding:12px 16px}
.blog-sidebar .search-widget button{background:var(--primary-color1);color:#fff;border:none;border-radius:0 6px 6px 0;padding:0 18px}
.blog-sidebar .category-widget ul{list-style:none;padding:0;margin:0}
.blog-sidebar .category-widget ul li{margin-bottom:12px}
.blog-sidebar .category-widget ul li a{color:var(--text-color);display:flex;justify-content:space-between}
.blog-sidebar .category-widget ul li a:hover{color:var(--primary-color1)}
.blog-sidebar .recent-widget .recent-post{display:flex;gap:14px;margin-bottom:18px}
.blog-sidebar .recent-widget .recent-post img{width:80px;height:70px;object-fit:cover;border-radius:8px}
.blog-sidebar .recent-widget .recent-post h6{font-size:15px;line-height:1.4;margin:0}
.blog-pagination{display:flex;gap:10px;justify-content:center;margin-top:40px;list-style:none;padding:0;flex-wrap:wrap}
.blog-pagination li a,.blog-pagination li span{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:8px;border:1px solid var(--border-color);color:var(--title-color)}
.blog-pagination li.active span,.blog-pagination li a:hover{background:var(--primary-color1);color:#fff;border-color:var(--primary-color1)}