/*==========================================
Archive Hero
==========================================*/

.archive-hero{

    position:relative;
    overflow:hidden;
    padding:90px 0;
    background:#111b33;

}

.archive-hero::before{

    content:"";
    position:absolute;
    width:520px;
    height:520px;
    background:rgba(47,109,246,.12);
    border-radius:50%;
    top:-180px;
    right:-150px;

}

.archive-hero::after{

    content:"";
    position:absolute;
    width:420px;
    height:420px;
    background:rgba(255,255,255,.04);
    border-radius:50%;
    bottom:-220px;
    left:-120px;

}

.archive-hero .container{

    position:relative;
    z-index:2;

}

.archive-breadcrumb{

    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:30px;
    margin-top:30px;
    color:rgba(255,255,255,.7);

}

.archive-breadcrumb a{

    color:#fff;
    text-decoration:none;

}

.archive-breadcrumb a:hover{

    color:#4f8cff;

}

.archive-hero-content{

    max-width:760px;

}

.archive-badge{

    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 22px;
    border-radius:40px;
    background:rgba(47,109,246,.15);
    color:#7eb2ff;
    font-size:14px;
    font-weight:700;
    margin-bottom:28px;

}

.archive-title{

    font-size:58px;
    line-height:1.15;
    color:#fff;
    margin-bottom:25px;

}

.archive-description{

    font-size:20px;
    line-height:1.9;
    color:rgba(255,255,255,.78);
    max-width:720px;
    margin-bottom:40px;

}

.archive-meta{

    display:flex;
    gap:18px;
    flex-wrap:wrap;

}

.archive-meta-item{

    display:flex;
    align-items:center;
    gap:10px;
    padding:14px 22px;
    border-radius:40px;
    background:rgba(255,255,255,.08);
    color:#fff;
    backdrop-filter:blur(10px);

}

.archive-meta-item i{

    color:#4f8cff;

}

@media(max-width:991px){

.archive-hero{

    padding:70px 0;

}

.archive-sidebar{

position:relative;

top:0;

}

.archive-title{

    font-size:40px;

}

.archive-description{

    font-size:17px;

}

}

@media(max-width:576px){

.archive-title{

    font-size:32px;

}

.archive-description{

    font-size:16px;
    line-height:1.8;

}

.archive-meta{

    flex-direction:column;
    align-items:flex-start;

}

.archive-meta-item{

    width:100%;

}

}


/*==========================================
Archive Featured Article
==========================================*/

.archive-featured-section{

    padding:70px 0;

}

.archive-featured-card{

    display:grid;
    grid-template-columns:55% 45%;
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    text-decoration:none;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
    transition:.35s;

}

.archive-featured-card:hover{

    transform:translateY(-6px);
    box-shadow:0 25px 70px rgba(0,0,0,.12);

}

.archive-featured-image{

    overflow:hidden;

}

.archive-featured-image img{

    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:.5s;

}

.archive-featured-card:hover img{

    transform:scale(1.05);

}

.archive-featured-content{

    padding:50px;
    display:flex;
    flex-direction:column;
    justify-content:center;

}

.archive-featured-label{

    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    padding:10px 18px;
    border-radius:40px;
    background:#2f6df6;
    color:#fff;
    font-size:13px;
    font-weight:700;
    margin-bottom:22px;

}

.archive-featured-content h2{

    font-size:42px;
    line-height:1.2;
    color:#111827;
    margin-bottom:22px;

}

.archive-featured-content p{

    font-size:17px;
    line-height:1.9;
    color:#667085;
    margin-bottom:28px;

}

.archive-featured-meta{

    display:flex;
    gap:25px;
    flex-wrap:wrap;
    margin-bottom:35px;

}

.archive-featured-meta span{

    display:flex;
    align-items:center;
    gap:8px;
    color:#667085;
    font-size:15px;

}

.archive-featured-meta i{

    color:#2f6df6;

}

.archive-featured-button{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    padding:15px 30px;
    border-radius:12px;
    background:#2f6df6;
    color:#fff;
    font-weight:700;
    transition:.3s;

}

.archive-featured-card:hover .archive-featured-button{

    background:#1b56d9;

}

@media(max-width:991px){

.archive-featured-card{

    grid-template-columns:1fr;

}

.archive-featured-image{

    height:320px;

}

.archive-featured-content{

    padding:30px;

}

.archive-featured-content h2{

    font-size:34px;

}

}

@media(max-width:576px){

.archive-featured-image{

    height:240px;

}

.archive-featured-content h2{

    font-size:28px;

}

.archive-featured-content p{

    font-size:16px;

}

.archive-featured-button{

    width:100%;

}

}

/*==========================================
Archive Filter
==========================================*/

.archive-filter-section{

padding:0 0 60px;

}

.archive-filter-wrap{

display:grid;

grid-template-columns:2fr 1fr 1fr auto;

gap:20px;

align-items:center;

padding:25px;

background:#fff;

border-radius:20px;

box-shadow:0 12px 35px rgba(15,23,42,.06);

}

.archive-filter-search{

position:relative;

}

.archive-filter-search i{

position:absolute;

left:18px;

top:50%;

transform:translateY(-50%);

color:#94a3b8;

}

.archive-filter-search input{

width:100%;

height:56px;

padding:0 18px 0 48px;

border:1px solid #dbe4ef;

border-radius:14px;

font-size:15px;

outline:none;

transition:.3s;

}

.archive-filter-search input:focus{

border-color:#2563eb;

box-shadow:0 0 0 4px rgba(37,99,235,.08);

}

.archive-filter-select select{

width:100%;

height:56px;

padding:0 18px;

border:1px solid #dbe4ef;

border-radius:14px;

background:#fff;

font-size:15px;

outline:none;

cursor:pointer;

}

.archive-filter-result{

display:flex;

align-items:center;

justify-content:center;

padding:0 22px;

height:56px;

border-radius:14px;

background:#eff6ff;

color:#2563eb;

font-weight:700;

white-space:nowrap;

}

@media(max-width:991px){

.archive-filter-wrap{

grid-template-columns:1fr;

}

.archive-filter-result{

width:100%;

}

}

/*==========================================
Archive Layout
==========================================*/

.archive-content-section{

padding:70px 0;

}

.archive-layout{

display:grid;

grid-template-columns:minmax(0,1fr) 340px;

gap:40px;

align-items:start;

}

.archive-main{

min-width:0;

}

.archive-sidebar{

position:sticky;

top:120px;

display:flex;

flex-direction:column;

gap:25px;

}

/*==========================================
Heading
==========================================*/

.archive-section-heading{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:35px;

padding-bottom:20px;

border-bottom:1px solid #e5e7eb;

}

.archive-section-heading h2{

font-size:38px;

color:#0f172a;

margin-bottom:8px;

}

.archive-section-heading p{

color:#64748b;

line-height:1.8;

}

.archive-post-count{

padding:12px 22px;

border-radius:40px;

background:#eff6ff;

color:#2563eb;

font-weight:700;

white-space:nowrap;

}

/*==========================================
Grid
==========================================*/

.archive-post-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

gap:32px;

align-items:stretch;

}

@media(max-width:991px){

.archive-layout{

grid-template-columns:1fr;

}

.archive-sidebar{

position:relative;

top:0;

order:2;

}

.archive-main{

order:1;

}

.archive-section-heading{

flex-direction:column;

align-items:flex-start;

gap:20px;

}

.archive-post-grid{

grid-template-columns:1fr;

}

}


/*==========================================
Archive Cards
==========================================*/

.archive-card{

background:#fff;

border-radius:22px;

overflow:hidden;

border:1px solid #eef2f7;

box-shadow:0 10px 35px rgba(15,23,42,.06);

transition:.35s;

height:100%;
display:flex;

flex-direction:column;
position:relative;



}
.archive-card::before{

content:"";

position:absolute;

top:0;

left:-100%;

width:100%;

height:3px;

background:linear-gradient(

90deg,

#2563eb,

#60a5fa

);

transition:.45s;

}
.archive-card:hover::before{

left:0;

}


.archive-card:hover{

transform:translateY(-8px);

box-shadow:0 20px 60px rgba(37,99,235,.12);

}

.archive-card a{

display:flex;

flex-direction:column;

height:100%;

text-decoration:none;

color:inherit;

}

.archive-card-image{

aspect-ratio:16/10;

overflow:hidden;

background:#f8fafc;


}

.archive-card-image img{

width:100%;

height:100%;

object-fit:cover;

display:block;

transition:.5s;

}

.archive-card:hover img{

transform:scale(1.08);

}

.archive-card-content{

padding:24px;

display:flex;

flex-direction:column;

flex:1;

}

.archive-card-category{

display:inline-flex;

align-items:center;

width:max-content;

padding:7px 15px;

border-radius:40px;

background:#eff6ff;

color:#2563eb;

font-size:12px;

font-weight:700;

letter-spacing:.4px;

text-transform:uppercase;

margin-bottom:18px;

}

.archive-card-content h3{

font-size:24px;

line-height:1.4;

margin-bottom:16px;

color:#0f172a;

transition:.3s;

}

.archive-card:hover h3{

color:#2563eb;

}

.archive-card-content p{

color:#64748b;

line-height:1.8;

margin-bottom:22px;

flex:1;

}

.archive-card-meta{

display:flex;

justify-content:space-between;

font-size:14px;

color:#64748b;

padding-top:18px;

border-top:1px solid #eef2f7;

margin-bottom:20px;

}

.archive-card-meta span{

display:flex;

align-items:center;

gap:8px;

}

.archive-card-meta i{

color:#2563eb;

}

.archive-read-more{

display:flex;

align-items:center;

gap:10px;

font-weight:700;

color:#2563eb;

transition:.3s;
margin-top:auto;

}

.archive-card:hover .archive-read-more{

gap:16px;

}

.archive-empty{

grid-column:1/-1;

padding:80px 40px;

text-align:center;

background:#fff;

border-radius:24px;

box-shadow:0 10px 30px rgba(15,23,42,.06);

}

.archive-empty i{

font-size:60px;

color:#2563eb;

margin-bottom:20px;

}

.archive-empty h3{

font-size:34px;

margin-bottom:15px;

}

.archive-empty p{

max-width:500px;

margin:auto;

color:#64748b;

line-height:1.8;

}

/*==========================================
Archive Sidebar
==========================================*/

.archive-sidebar{

display:flex;

flex-direction:column;

gap:25px;

}

.archive-widget{

background:#fff;

padding:25px;

border-radius:20px;

box-shadow:0 12px 35px rgba(15,23,42,.06);

transition:.3s;

}

.archive-widget:hover{

transform:translateY(-5px);

box-shadow:0 20px 45px rgba(37,99,235,.10);

}

.archive-widget h3{

font-size:22px;

margin-bottom:20px;

color:#0f172a;

}

.archive-widget-search form{

display:flex;

gap:10px;

}

.archive-widget-search input{

flex:1;

height:54px;

padding:0 18px;

border:1px solid #dbe4ef;

border-radius:14px;

outline:none;

}

.archive-widget-search button{

width:54px;

border:none;

border-radius:14px;

background:#2563eb;

color:#fff;

cursor:pointer;

}

.archive-recent-posts{

list-style:none;

padding:0;

margin:0;

}

.archive-recent-posts li{

margin-bottom:18px;

padding-bottom:18px;

border-bottom:1px solid #eef2f7;

}

.archive-recent-posts li:last-child{

margin:0;

padding:0;

border:none;

}

.archive-recent-posts a{

display:flex;

gap:15px;

text-decoration:none;

color:inherit;

}

.archive-recent-posts img{

width:85px;

height:85px;

border-radius:14px;

object-fit:cover;

}

.archive-recent-posts h4{

font-size:16px;

line-height:1.5;

margin-bottom:8px;

}

.archive-recent-posts span{

font-size:13px;

color:#64748b;

}
.archive-category-list{

list-style:none;

padding:0;

margin:0;

}

.archive-category-list li{

margin-bottom:12px;

}

.archive-category-list a{

display:flex;

justify-content:space-between;

align-items:center;

padding:14px 16px;

background:#f8fafc;

border-radius:14px;

text-decoration:none;

color:#334155;

transition:.3s;

}

.archive-category-list strong{

background:#2563eb;

color:#fff;

min-width:34px;

height:34px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

font-size:13px;

}

.archive-category-list a:hover{

background:#eff6ff;

transform:translateX(5px);

}
.archive-tools-list{

list-style:none;

padding:0;

margin:0;

}

.archive-tools-list li{

margin-bottom:12px;

}

.archive-tools-list a{

display:flex;

align-items:center;

gap:12px;

padding:14px 16px;

border-radius:14px;

background:#f8fafc;

text-decoration:none;

color:#334155;

transition:.3s;

}

.archive-tools-list i{

width:24px;

color:#2563eb;

}

.archive-tools-list a:hover{

background:#2563eb;

color:#fff;

transform:translateX(5px);

}

.archive-tools-list a:hover i{

color:#fff;

}

.archive-newsletter-widget{

background:linear-gradient(135deg,#2563eb,#3b82f6);

}

.archive-newsletter-widget h3,

.archive-newsletter-widget p{

color:#fff;

}

.archive-newsletter-widget p{

margin-bottom:20px;

line-height:1.8;

}

.archive-newsletter-widget form{

display:flex;

flex-direction:column;

gap:15px;

}

.archive-newsletter-widget input{

height:54px;

padding:0 18px;

border:none;

border-radius:14px;

}

.archive-newsletter-widget button{

height:54px;

border:none;

border-radius:14px;

background:#0f172a;

color:#fff;

font-weight:700;

cursor:pointer;

}

/*==========================================
Archive Pagination
==========================================*/

.archive-pagination{

margin-top:60px;

display:flex;

justify-content:center;

}

.archive-pagination ul{

display:flex;

align-items:center;

gap:12px;

padding:0;

margin:0;

list-style:none;

}

.archive-pagination li{

margin:0;

}

.archive-pagination a,
.archive-pagination span{

display:flex;

align-items:center;

justify-content:center;

min-width:48px;

height:48px;

padding:0 18px;

border-radius:14px;

background:#fff;

border:1px solid #e5e7eb;

color:#334155;

font-weight:700;

text-decoration:none;

transition:.3s;

}

.archive-pagination a:hover{

background:#2563eb;

border-color:#2563eb;

color:#fff;

}

.archive-pagination .current{

background:#2563eb;

border-color:#2563eb;

color:#fff;

}

.archive-empty a{

display:inline-flex;

align-items:center;

justify-content:center;

margin-top:25px;

padding:14px 30px;

background:#2563eb;

color:#fff;

text-decoration:none;

border-radius:12px;

font-weight:700;

transition:.3s;

}

.archive-empty a:hover{

background:#1d4ed8;

}
/*==========================================
Trending Categories
==========================================*/

.archive-trending-categories{

display:flex;

flex-wrap:wrap;

gap:12px;

}

.archive-trending-categories a{

padding:10px 18px;

background:#eff6ff;

color:#2563eb;

border-radius:40px;

text-decoration:none;

font-size:14px;

font-weight:600;

transition:.3s;

}

.archive-trending-categories a:hover{

background:#2563eb;

color:#fff;

transform:translateY(-2px);

}
/*==========================================
Featured Tool
==========================================*/

.archive-featured-tool{

background:linear-gradient(135deg,#2563eb,#3b82f6);

color:#fff;

}

.archive-featured-tool h3,

.archive-featured-tool h4,

.archive-featured-tool p{

color:#fff;

}

.archive-tool-box{

text-align:center;

}

.archive-tool-box i{

font-size:55px;

margin-bottom:20px;

}

.archive-tool-box h4{

font-size:26px;

margin-bottom:15px;

}

.archive-tool-box p{

line-height:1.8;

margin-bottom:25px;

}

.archive-tool-box a{

display:inline-block;

padding:14px 28px;

background:#fff;

color:#2563eb;

border-radius:12px;

font-weight:700;

text-decoration:none;

transition:.3s;

}

.archive-tool-box a:hover{

transform:translateY(-3px);

}

/*==========================================
Tag Cloud
==========================================*/

.archive-tag-cloud{

display:flex;

flex-wrap:wrap;

gap:12px;

}

.archive-tag-cloud a{

padding:10px 16px;

background:#f8fafc;

border-radius:30px;

text-decoration:none;

color:#334155;

font-size:14px !important;

transition:.3s;

}

.archive-tag-cloud a:hover{

background:#2563eb;

color:#fff;

}

/*==========================================
SEO Content
==========================================*/

.archive-seo-section{

padding:80px 0;

}

.archive-seo-box{

background:#fff;

padding:50px;

border-radius:24px;

box-shadow:0 12px 35px rgba(15,23,42,.06);

}

.archive-seo-box h2{

font-size:42px;

margin-bottom:25px;

color:#0f172a;

}

.archive-seo-box p{

font-size:17px;

line-height:2;

color:#64748b;

margin-bottom:20px;

}

/*==========================================
FAQ
==========================================*/

.archive-faq-section{

padding:0 0 90px;

}

.archive-faq-section h2{

text-align:center;

font-size:42px;

margin-bottom:45px;

}

.archive-faq-list{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:25px;

}

.archive-faq-item{

background:#fff;

padding:30px;

border-radius:20px;

box-shadow:0 10px 30px rgba(15,23,42,.06);

}

.archive-faq-item h3{

font-size:22px;

margin-bottom:15px;

color:#0f172a;

}

.archive-faq-item p{

line-height:1.9;

color:#64748b;

}

@media(max-width:768px){

.archive-faq-list{

grid-template-columns:1fr;

}

.archive-seo-box{

padding:30px;

}

.archive-seo-box h2,
.archive-faq-section h2{

font-size:30px;

}

}















/*=========================================
Archive Filters
=========================================*/

.archive-filter-section{

    padding:30px 0;

    background:#ffffff;

}

.archive-filter-bar{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    flex-wrap:wrap;

    padding:25px;

    background:#ffffff;

    border-radius:18px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.archive-search-box{

    position:relative;

    flex:1;

    min-width:280px;

}

.archive-search-box i{

    position:absolute;

    left:18px;

    top:50%;

    transform:translateY(-50%);

    color:#666;

}

.archive-search-box input{

    width:100%;

    height:56px;

    padding:0 20px 0 50px;

    border:1px solid #ddd;

    border-radius:14px;

    font-size:16px;

    outline:none;

}

.archive-search-box input:focus{

    border-color:#4f46e5;

}

.archive-filter-item select{

    height:56px;

    padding:0 20px;

    border:1px solid #ddd;

    border-radius:14px;

    font-size:15px;

    background:#fff;

    cursor:pointer;

}

.archive-results-count{

    font-size:17px;

    color:#555;

}

.archive-results-count strong{

    color:#4f46e5;

}

@media(max-width:991px){

.archive-filter-bar{

    flex-direction:column;

    align-items:stretch;

}

.archive-search-box{

    min-width:100%;

}

.archive-filter-item{

    width:100%;

}

.archive-filter-item select{

    width:100%;

}

.archive-results-count{

    text-align:center;

}

}

/*=========================================
Archive Content
=========================================*/

.archive-content-section{

    padding:70px 0;

    background:#f8f9fc;

}

.archive-content-wrapper{

    display:grid;

    grid-template-columns:minmax(0,2fr) 360px;

    gap:40px;

    align-items:start;

}

.archive-main{

    min-width:0;

}

.archive-section-heading{

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    gap:20px;

    margin-bottom:35px;

}

.archive-section-heading h2{

    margin:0;

    font-size:38px;

    font-weight:800;

    color:#0f172a;

}

.archive-section-heading p{

    margin:12px 0 0;

    color:#64748b;

    font-size:17px;

}

.archive-total-posts{

    padding:14px 22px;

    border-radius:50px;

    background:#4f46e5;

    color:#fff;

    font-weight:700;

    white-space:nowrap;

}

.archive-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

}

@media(max-width:1100px){

.archive-content-wrapper{

    grid-template-columns:1fr;

}

}

@media(max-width:768px){

.archive-grid{

    grid-template-columns:1fr;

}

.archive-section-heading{

    flex-direction:column;

    align-items:flex-start;

}

.archive-section-heading h2{

    font-size:30px;

}

}

/*=========================================
Archive Cards
=========================================*/

.archive-card{

    background:#fff;

    border-radius:22px;

    overflow:hidden;

    box-shadow:0 15px 45px rgba(0,0,0,.08);

    transition:.35s;

}

.archive-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 55px rgba(0,0,0,.12);

}

.archive-card a{

    display:block;

    color:inherit;

    text-decoration:none;

}

.archive-card-image{

    aspect-ratio:16/10;

    overflow:hidden;

}

.archive-card-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.4s;

}

.archive-card:hover img{

    transform:scale(1.06);

}

.archive-card-content{

    padding:24px;

}

.archive-card-category{

    display:inline-block;

    margin-bottom:14px;

    padding:6px 14px;

    border-radius:30px;

    background:#eef2ff;

    color:#4f46e5;

    font-size:13px;

    font-weight:700;

    text-transform:uppercase;

}

.archive-card-content h3{

    margin:0 0 15px;

    font-size:25px;

    line-height:1.35;

    color:#0f172a;

}

.archive-card-content p{

    color:#64748b;

    margin-bottom:20px;

    line-height:1.8;

}

.archive-card-meta{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

    font-size:14px;

    color:#64748b;

    margin-bottom:20px;

}

.archive-read-more{

    display:inline-block;

    color:#4f46e5;

    font-weight:700;

    transition:.3s;

}

.archive-card:hover .archive-read-more{

    transform:translateX(6px);

}

/*=========================================
Archive Pagination
=========================================*/

.archive-pagination{

    margin-top:60px;

    display:flex;

    justify-content:center;

}

.archive-pagination .page-numbers{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:48px;

    height:48px;

    margin:0 6px;

    border-radius:12px;

    background:#ffffff;

    color:#0f172a;

    font-weight:700;

    text-decoration:none;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    transition:.3s;

}

.archive-pagination .page-numbers:hover{

    background:#4f46e5;

    color:#ffffff;

}

.archive-pagination .current{

    background:#4f46e5;

    color:#ffffff;

}

/*=========================================
Archive Sidebar
=========================================*/

.archive-sidebar{

display:flex;

flex-direction:column;

gap:25px;

position:sticky;

top:120px;

height:max-content;

}

.archive-widget{

background:#fff;

padding:25px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.archive-widget h3{

margin-bottom:20px;

font-size:22px;

}

.archive-search-form{

display:flex;

gap:10px;

}

.archive-search-form input{

flex:1;

height:52px;

padding:0 18px;

border:1px solid #ddd;

border-radius:12px;

}

.archive-search-form button{

width:52px;

border:none;

background:#4f46e5;

color:#fff;

border-radius:12px;

cursor:pointer;

}

.archive-recent-list{

list-style:none;

padding:0;

margin:0;

}

.archive-recent-list li{

margin-bottom:18px;

}

.archive-recent-list a{

display:flex;

gap:14px;

text-decoration:none;

color:inherit;

}

.archive-recent-list img{

width:80px;

height:80px;

border-radius:12px;

object-fit:cover;

}

.archive-recent-list h4{

font-size:15px;

margin-bottom:6px;

line-height:1.5;

}

.archive-recent-list span{

font-size:13px;

color:#64748b;

}

.archive-category-list{

list-style:none;

padding:0;

margin:0;

}

.archive-category-list li{

margin-bottom:12px;

}

.archive-category-list a{

display:flex;

justify-content:space-between;

padding:14px 16px;

background:#f8fafc;

border-radius:12px;

text-decoration:none;

color:#0f172a;

}

.archive-category-list strong{

color:#4f46e5;

}

.archive-tools-list{

list-style:none;

padding:0;

margin:0;

}

.archive-tools-list li{

margin-bottom:12px;

}

.archive-tools-list a{

display:block;

padding:14px 16px;

background:#f8fafc;

border-radius:12px;

text-decoration:none;

color:#0f172a;

transition:.3s;

}

.archive-tools-list a:hover{

background:#4f46e5;

color:#fff;

}

.archive-newsletter{

background:linear-gradient(135deg,#4f46e5,#2563eb);

color:#fff;

}

.archive-newsletter h3,

.archive-newsletter p{

color:#fff;

}

.archive-newsletter input{

width:100%;

height:52px;

padding:0 16px;

border:none;

border-radius:12px;

margin:18px 0;

}

.archive-newsletter button{

width:100%;

height:52px;

border:none;

border-radius:12px;

background:#fff;

color:#4f46e5;

font-weight:700;

cursor:pointer;

}

@media(max-width:1100px){

.archive-sidebar{

position:relative;

top:0;

}

}
/*==========================================
Archive SEO
==========================================*/

.archive-seo-section{

padding:90px 0;

background:#fff;

}

.archive-seo-content{

max-width:950px;

margin:auto;

text-align:center;

}

.archive-seo-content h2{

font-size:42px;

margin-bottom:25px;

color:#0f172a;

}

.archive-seo-content p{

font-size:17px;

line-height:2;

color:#64748b;

margin-bottom:18px;

}

/*==========================================
Archive FAQ
==========================================*/

.archive-faq-section{

padding:0 0 90px;

background:#fff;

}

.archive-section-title{

text-align:center;

margin-bottom:50px;

}

.archive-section-title h2{

font-size:42px;

color:#0f172a;

}

.archive-faq-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:30px;

}

.archive-faq-item{

padding:30px;

background:#f8fafc;

border-radius:20px;

transition:.35s;

}

.archive-faq-item:hover{

transform:translateY(-6px);

box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.archive-faq-item h3{

font-size:22px;

margin-bottom:15px;

color:#0f172a;

}

.archive-faq-item p{

line-height:1.9;

color:#64748b;

}

@media(max-width:768px){

.archive-faq-grid{

grid-template-columns:1fr;

}

.archive-seo-content h2,

.archive-section-title h2{

font-size:30px;

}

.archive-seo-content p{

font-size:16px;

}

}

/*==========================================
Archive Empty
==========================================*/

.archive-empty{

padding:70px 30px;

text-align:center;

background:#fff;

border-radius:24px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

grid-column:1/-1;

}

.archive-empty i{

font-size:60px;

color:#4f46e5;

margin-bottom:20px;

}

.archive-empty h3{

font-size:34px;

margin-bottom:15px;

}

.archive-empty p{

max-width:500px;

margin:0 auto 25px;

line-height:1.9;

color:#64748b;

}

.archive-empty a{

display:inline-block;

padding:14px 28px;

background:#4f46e5;

color:#fff;

text-decoration:none;

border-radius:12px;

font-weight:700;

transition:.3s;

}

.archive-empty a:hover{

background:#3730a3;

}

@media(max-width:576px){

.archive-card-content{

padding:20px;

}

.archive-card-content h3{

font-size:22px;

}

.archive-featured-content{

padding:24px;

}

.archive-featured-content h2{

font-size:28px;

}

.archive-pagination .page-numbers{

width:42px;

height:42px;

font-size:14px;

}

}