﻿.blog_first_post_container{display:flex;width:100%;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);justify-content:center;margin-top:var(--header-height, 80px);padding-top:60px;padding-bottom:60px;padding-left:20px;padding-right:20px;position:relative;z-index:1}.blog_first_post_inside{align-items:center;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;width:100%;margin-top:0}.blog_first_post_inside .geeksfl_button--blog-cta{align-self:flex-start}.blog_first_post_inside h2{width:100%;font-family:"Playfair Display",Playfair,Georgia,serif;font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.2;margin:0 0 16px;text-transform:none;letter-spacing:-0.02em}.blog_first_post_inside .first_post_content{min-width:280px;flex:1;max-width:55%;position:relative}.blog_first_post_inside .first_post_content .description{font-size:17px;line-height:1.7;color:hsla(0,0%,100%,.85);margin-bottom:28px}.blog_first_post_inside .first_post_image{flex:1;max-width:45%;min-width:300px}.blog_first_post_inside .first_post_image picture{display:block;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.3)}.blog_first_post_inside .first_post_image img{width:100%;height:auto;display:block;border-radius:16px}.two_latest{width:100%;display:flex;background:#f8f9fc;padding:0 20px}.two_latest ul{display:grid;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));gap:24px;background:#fff;padding:30px;list-style:none;margin:-40px auto 0;max-width:1200px;width:100%;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.08);position:relative;z-index:10}.two_latest ul li{display:flex;gap:16px;align-items:flex-start;padding:0;width:auto;min-width:0}.two_latest ul li picture{flex-shrink:0;width:100px;height:100px;border-radius:12px;overflow:hidden}.two_latest ul li img{width:100px;height:100px;object-fit:cover;border-radius:12px;transition:transform .3s ease}.two_latest ul li:hover img{transform:scale(1.05)}.two_latest .two_details{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.two_latest .two_details .category{display:inline-flex;width:fit-content;background:#0f172a;color:#fff;border-radius:50px;padding:4px 12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-decoration:none;transition:background .2s ease}.two_latest .two_details .category:hover{background:var(--geeksfl-color-primary, #0085f5);text-decoration:none}.two_latest .two_details .title{font-family:"Playfair Display",Playfair,Georgia,serif;font-size:16px;font-weight:600;line-height:1.35;color:#0f172a;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.two_latest .two_details .title:hover{color:var(--geeksfl-color-primary, #0085f5);text-decoration:none}.blog-archive-header{background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);margin-top:var(--header-height, 80px);padding-top:50px;padding-bottom:50px;padding-left:20px;padding-right:20px;position:relative;z-index:1}.blog-archive-header__inner{max-width:1200px;margin:0 auto}.blog-archive-header h1{font-family:"Playfair Display",Playfair,Georgia,serif;font-size:clamp(32px,5vw,48px);font-weight:700;color:#fff;margin:16px 0 12px;text-transform:none;letter-spacing:-0.02em}.blog-archive-header__desc{font-size:17px;line-height:1.6;color:hsla(0,0%,100%,.8);margin:0;max-width:600px}.blog-archive-header__page{display:inline-block;margin-top:12px;padding:6px 14px;background:hsla(0,0%,100%,.15);border-radius:50px;font-size:13px;color:hsla(0,0%,100%,.9)}.blog-archive-header .blog-breadcrumbs{margin-bottom:0}.blog-archive-header .blog-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.blog-archive-header .blog-breadcrumbs li{display:flex;align-items:center;font-size:13px;color:hsla(0,0%,100%,.6)}.blog-archive-header .blog-breadcrumbs li:not(:last-child)::after{content:"›";margin-left:8px;color:hsla(0,0%,100%,.4);font-size:14px}.blog-archive-header .blog-breadcrumbs a{color:hsla(0,0%,100%,.7);text-decoration:none;transition:color .2s ease}.blog-archive-header .blog-breadcrumbs a:hover{color:#fff;text-decoration:none}.blog-archive-header .blog-breadcrumbs span{color:hsla(0,0%,100%,.5)}.blog-archive-content{background:#f8f9fc;padding:50px 0 80px;position:relative;z-index:0}.blog-section-title{font-family:"Playfair Display",Playfair,Georgia,serif;font-size:clamp(24px,3vw,32px);font-weight:700;color:#0f172a;margin:0 0 30px;text-transform:none;letter-spacing:-0.01em}.blog-archive-empty{text-align:center;padding:60px 20px}.blog-archive-empty p{font-size:18px;color:#64748b;margin-bottom:24px}.blog-archive-empty .geeksfl_button--blog-cta{display:inline-flex}.blog_posts_list{display:grid;grid-template-columns:repeat(auto-fill, minmax(340px, 1fr));gap:30px;list-style:none;margin:40px 0;padding:0}.blog_posts_list li{background:#fff;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .3s ease;max-width:none;width:100%;padding:0;border:none}.blog_posts_list li:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.12)}.blog_posts_list li a{display:flex;flex-direction:column;text-decoration:none;color:#0f172a;height:100%}.blog_posts_list li picture{display:block;aspect-ratio:16/10;overflow:hidden}.blog_posts_list li img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .4s ease}.blog_posts_list li:hover img{transform:scale(1.05)}.blog_posts_list li a{font-family:"Playfair Display",Playfair,Georgia,serif;font-size:18px;font-weight:600;line-height:1.4}.blog_posts_list li a .blog-post-title,.blog_posts_list li a span{display:block;padding:20px;font-family:"Playfair Display",Playfair,Georgia,serif;font-size:18px;font-weight:600;line-height:1.4;color:#0f172a}.blog_posts_list li:hover a .blog-post-title,.blog_posts_list li:hover a span{color:var(--geeksfl-color-primary, #0085f5)}.got_pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:50px 0 30px;padding-top:30px;border-top:1px solid #e2e8f0}.got_pagination .page-numbers,.got_pagination span,.got_pagination a{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s ease}.got_pagination a{background:#fff;color:#475569;border:1px solid #e2e8f0}.got_pagination a:hover{background:var(--geeksfl-color-primary-hover, color-mix(in srgb, var(--geeksfl-color-primary, #0085f5) 88%, #11151c 12%));color:#fff;border-color:var(--geeksfl-color-primary-hover, color-mix(in srgb, var(--geeksfl-color-primary, #0085f5) 88%, #11151c 12%));text-decoration:none}.got_pagination a:focus-visible{background:var(--geeksfl-color-primary-hover, color-mix(in srgb, var(--geeksfl-color-primary, #0085f5) 88%, #11151c 12%));color:#fff;border-color:var(--geeksfl-color-primary-hover, color-mix(in srgb, var(--geeksfl-color-primary, #0085f5) 88%, #11151c 12%));box-shadow:0 0 0 2px var(--geeksfl-color-primary-focus, color-mix(in srgb, var(--geeksfl-color-primary, #0085f5) 68%, #11151c 32%));outline:none;text-decoration:none}.got_pagination .page-numbers.current,.got_pagination span.current,.got_pagination .current{background:var(--geeksfl-color-primary, #0085f5);color:#fff;border:1px solid var(--geeksfl-color-primary, #0085f5)}.got_pagination span.dots{background:rgba(0,0,0,0);border:none;color:#94a3b8}.got_pagination .prev,.got_pagination .next{font-weight:600}@media(max-width: 900px){.blog_first_post_inside .first_post_content,.blog_first_post_inside .first_post_image{max-width:100%;min-width:100%}.blog_first_post_inside .first_post_image{order:-1}}@media(max-width: 768px){.blog_first_post_container{padding-top:40px;padding-bottom:50px}.blog_first_post_inside{gap:24px}.blog_first_post_inside h2{font-size:clamp(24px,5vw,32px)}.blog_first_post_inside .first_post_content .description{font-size:15px}.two_latest ul{padding:24px;margin-top:-30px;gap:20px}.blog_posts_list{grid-template-columns:1fr;gap:24px}.blog-archive-header{padding-top:30px;padding-bottom:40px}.blog-archive-header h1{font-size:clamp(26px,6vw,36px)}.blog-archive-content{padding:40px 0 60px}}@media(max-width: 520px){.two_latest ul{grid-template-columns:1fr}.two_latest ul li picture,.two_latest ul li img{width:80px;height:80px}.blog_first_post_container{padding-left:16px;padding-right:16px}.got_pagination span,.got_pagination a{min-width:40px;height:40px;padding:0 12px;font-size:13px}.blog_posts_list{grid-template-columns:1fr}}
