.elementor-715 .elementor-element.elementor-element-396d4bb8{--display:flex;}.elementor-715 .elementor-element.elementor-element-3e5d8b5{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-715 .elementor-element.elementor-element-1c36aff{background-color:#FFFFFF;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;padding:4px 12px 4px 12px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#DBEAFE;}.elementor-715 .elementor-element.elementor-element-1c36aff.elementor-element{--align-self:center;}.elementor-715 .elementor-element.elementor-element-1c36aff .elementor-icon-box-wrapper{text-align:start;}.elementor-715 .elementor-element.elementor-element-1c36aff .elementor-icon-box-title{margin-block-end:0px;color:#314158;}.elementor-715 .elementor-element.elementor-element-1c36aff .elementor-icon-box-title, .elementor-715 .elementor-element.elementor-element-1c36aff .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:18px;letter-spacing:1.2px;}.elementor-715 .elementor-element.elementor-element-1c36aff .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;line-height:26px;color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-715 .elementor-element.elementor-element-1cb7028{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-715 .elementor-element.elementor-element-1cb7028 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:800;letter-spacing:-1.5px;color:var( --e-global-color-b84db8e );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-715 .elementor-element.elementor-element-cce1d3e{width:var( --container-widget-width, 43% );max-width:43%;margin:24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:43%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-text );}.elementor-715 .elementor-element.elementor-element-cce1d3e.elementor-element{--align-self:center;}.elementor-715 .elementor-element.elementor-element-ee2eef0{--display:flex;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:90px;--padding-left:0px;--padding-right:0px;}body.elementor-page-715:not(.elementor-motion-effects-element-type-background), body.elementor-page-715 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}:root{--page-title-display:none;}body.elementor-page-715{margin:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-715 .elementor-element.elementor-element-3e5d8b5{--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-715 .elementor-element.elementor-element-cce1d3e{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-715 .elementor-element.elementor-element-ee2eef0{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-715 .elementor-element.elementor-element-3e5d8b5{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-715 .elementor-element.elementor-element-1c36aff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-715 .elementor-element.elementor-element-1cb7028{text-align:center;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-715 .elementor-element.elementor-element-cce1d3e{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-715 .elementor-element.elementor-element-ee2eef0{--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-ee2eef0 */.featureguide-wrapper{margin-bottom:80px}
.guide-card{position:relative;overflow:hidden;background:#0A0F1C;color:#fff;border-radius:40px;box-shadow:0 20px 40px rgba(0,0,0,.1)}
.guide-overlay{position:absolute;inset:0;background-image:url("https://grainy-gradients.vercel.app/noise.svg");opacity:.1;pointer-events:none}
.guide-glow{position:absolute;width:640px;height:640px;top:-50%;right:-20%;background:rgba(79,70,229,.3);border-radius:50%;filter:blur(100px)}
.guide-content{position:relative;z-index:2;padding:80px;display:flex;align-items:center;gap:48px}
.guide-text{flex:1;text-align:left}
.guide-tags{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.tag-primary{padding:6px 16px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;line-height: normal;}
.tag-featured{display:flex;align-items:center;gap:8px;color:#818cf8;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px}
.tag-featured svg{width:14px;height:14px}
.guide-text h2{font-size:36px;line-height:41.4px;font-weight:800;margin:0 0 24px;letter-spacing: -0.9px;}
.guide-text p{max-width:650px;color:#94a3b8;font-size:18px;line-height:1.7;font-weight:500;margin-bottom:40px}
.guide-buttons{display:flex;flex-wrap:wrap;gap:16px}
.guide-buttons .btn-primary,.guide-buttons .btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border-radius:16px;font-size:14px;font-weight:700;text-decoration:none;transition:.3s}
.guide-buttons .btn-primary{background:#fff;color:#1e1b4b}
.guide-buttons .btn-primary:hover{transform:translateY(-3px);background:#f1f5f9}
.guide-buttons .btn-secondary{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#fff}
.guide-buttons .btn-secondary:hover{background:rgba(255,255,255,.1)}
.guide-icon-box{width:34%;display:flex;justify-content:center}
.guide-icon{width:256px;height:256px;border-radius:40px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(12px);transform:rotate(3deg);transition:.7s}
.guide-icon:hover{transform:rotate(6deg)}
.guide-icon svg{width:96px;height:96px;color:rgba(255,255,255,.4)}

@media(max-width:900px){
.guide-content{padding:40px;flex-direction:column}
.guide-icon-box{display:none}
.guide-text h2{font-size:32px}
}

@media(max-width:787px){
 .guide-card{
        border-radius: 20px;
    }
    .guide-tags{
        flex-wrap: wrap;
    }
    .guide-text h2{
        font-size: 22px;
        line-height: 28px;
        margin: 0 0 15px;
    }
    .guide-text p{
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        margin-bottom: 25px;
    }
    .guide-buttons .btn-primary, .guide-buttons .btn-secondary{
        padding: 7px 20px;
    border-radius: 7px;
    }
    .guide-buttons .btn-primary svg, .guide-buttons .btn-secondary svg{
        width: 18px;
    }
.guide-content{padding:30px 20px}
.guide-buttons a{width:100%}
}

.blog-search__featured{display:flex;flex-direction:column;overflow:hidden;border-radius:2.5rem;background:#fff;border:1px solid rgba(226,232,240,.8);box-shadow:0 8px 30px rgba(0,0,0,.04);transition:.5s;position:relative;margin-bottom:96px}
.blog-search__featured:hover{box-shadow:0 20px 40px rgba(0,0,0,.08)}
.blog-search__featured-image,.blog-search__card-image{overflow:hidden;aspect-ratio:16/9}
.blog-search__card-image{aspect-ratio:16/10}
.blog-search__featured-image img,.blog-search__card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.blog-search__featured:hover img,.blog-search__card:hover img{transform:scale(1.05)}
.blog-search__featured-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent)}
.blog-search__featured-content{padding:2.5rem;display:flex;flex-direction:column;justify-content:center}
.blog-search__featured-author{border-bottom:1px solid #f1f5f9;margin-bottom:2.5rem;padding-bottom:2.5rem}
.blog-search__featured-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.blog-search__category{display:inline-block;padding:.4rem 1rem;background:#f1f5f9;color:#1e293b;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:999px}
.blog-search__featured-badge{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#0a0f1c}
.blog-search__featured-dot{width:6px;height:6px;border-radius:50%;background:#2563eb}
.blog-search__featured-title{margin:0 0 1.5rem;font-size:2.25rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#0f172a;transition:.3s}
.blog-search__featured:hover .blog-search__featured-title{color:#2563eb}
.blog-search__featured-description{margin-bottom:2.5rem;color:#64748b;font-size:1.125rem;line-height:1.8;font-weight:500}
.blog-search__author{display:flex;align-items:center;gap:1rem}
.blog-search__author-avatar{width:48px;height:48px;border-radius:50%;background:#f1f5f9;color:#334155;font-weight:700;font-size:.875rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.blog-search__author-name{font-size:.875rem;font-weight:700;color:#0f172a}
.blog-search__author-date{font-size:9px;font-weight:700;color:#90a1b9;letter-spacing:.9px;text-transform:uppercase}
.blog-search__author-meta{display:flex;gap:.6rem;margin-top:.35rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}
.blog-search__button{display:inline-flex;align-items:center;gap:.75rem;width:max-content;padding:1rem 2rem;background:#0a0f1c;color:#fff;border-radius:1rem;text-decoration:none;font-size:.875rem;font-weight:700;transition:.3s}
.blog-search__button:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 10px 25px rgba(15,23,42,.15)}


.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:32px}
.guide-grid .guide-card{background:#fff;border-radius:24px;border:1px solid #e2e8f0;padding:40px;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.03);transition:.3s}
.guide-grid .guide-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.guide-grid .guide-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}
.guide-grid .guide-icon{width:56px;height:56px;border-radius:16px;background:#f8fafc;border:1px solid #f1f5f9;color:#334155;display:flex;align-items:center;justify-content:center;transition:.3s;transform: none;}
.guide-grid .guide-card:hover .guide-icon{background:#0A0F1C;color:#fff}
.guide-grid .guide-icon svg{color:inherit;width:20px;height:20px}
.guide-grid .guide-category{padding:6px 12px;background:#f8fafc;color:#45556c;border:1px solid #f1f5f9;border-radius:999px;font-size:10px;line-height: 1;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.guide-grid .guide-card h3{margin:0 0 16px;font-size:20px;font-weight:800;line-height:1.35;color:#0f172a;transition:.3s}
.guide-grid .guide-card:hover h3{color:#2563eb}
.guide-grid .guide-card p{flex:1;margin:0 0 40px;font-size:14px;font-weight:500;line-height:1.7;color:#64748b}
.guide-grid .guide-footer{padding-top:24px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:16px}
.guide-grid .guide-time{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.guide-grid .guide-time svg{width:14px;height:14px}
.guide-grid .guide-actions{display:flex;align-items:center;gap:12px}
.guide-grid .guide-btn{width:40px;height:40px;border-radius:50%;background:#f8fafc;color:#94a3b8;display:flex;align-items:center;justify-content:center;transition:.3s}
.guide-grid .guide-btn svg{width:16px;height:16px}
.guide-grid .guide-btn:hover{background:#e2e8f0;color:#0f172a}
.guide-grid .guide-card:hover .guide-btn.read-btn{background:#0A0F1C;color:#fff}

/* Responsive */

@media(min-width:768px){
.blog-search__grid{grid-template-columns:repeat(2,1fr)}
}

@media(min-width:1024px){
.blog-search__grid{grid-template-columns:repeat(3,1fr)}
.blog-search__featured{flex-direction:row}
.blog-search__featured-image,.blog-search__featured-content{width:50%}
.blog-search__featured-image{aspect-ratio:auto}
.blog-search__featured-content{padding:4rem}
}

@media(max-width:1024px){
.guide-grid{grid-template-columns:repeat(2,1fr);padding: 0 32px;}
}

@media(max-width:768px){
.guide-grid{grid-template-columns:1fr}
.guide-grid .guide-card{padding:24px}
}

@media(max-width:767px){
.blog-search__featured-title{font-size:1.8rem}
.guide-grid{padding: 0; gap: 24px;}
.guide-grid .guide-card {
        padding: 20px;
        border-radius: 16px;
    }
    .guide-grid .guide-header{margin-bottom: 12px;}
    .guide-grid .guide-card h3{margin: 0 0 9px;}
    .guide-grid .guide-card p{
        margin: 0 0 20px;
    }
    .guide-grid .guide-footer{
        padding-top: 12px;
    }
}/* End custom CSS */