:root{--colour-primary:#0d223f;--colour-accent:#2C814D;--colour-bg:#f4f7f9;--colour-card:#ffffff;--colour-text:#1a2a3a;--colour-muted:#222;--radius:12px;--shadow:0 2px 8px rgba(0, 0, 0, 0.05);--font-family:'Montserrat',sans-serif;--fold-1-color:#F9FAFB;--fold-2-color:#F6F5F3;--fold-3-color:#EAECF0;--fold-4-color:#B6A4D7;--fold-5-color:#F9FAFB;--fold-6-color:#F6F5F3;--fold-7-color:#CFC04A;--fold-8-color:#3CBD71;--fold-9-color:#F9FAFB;--fold-10-color:#F6F5F3;--fold-11-color:#EAECF0;--fold-12-color:#101828;--current-fold-color:var(--fold-1-color);--next-fold-color:var(--fold-2-color);--fold-progress:0;--accent: #4C86E4; }
.accent { color: var(--accent); }
*,::after,::before{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font-family);padding-top:0;background:linear-gradient(to bottom,var(--current-fold-color) 0,var(--next-fold-color) calc(var(--fold-progress) * 100%));color:var(--colour-text);line-height:1.6}
main{padding-top:165px!important}
@media (max-width:1200px){
main{padding-top:110px!important}
}
.hide-large{display:none !important}
@media (max-width:768px){
	.hide-large{display:block !important}
	.show-large{display:none !important}
}
.text-center{text-align:center}
h1,h2,h3,h4,h5,h6{margin:0 0 .5em;font-weight:700;line-height:1.2}
h1{font-size:3rem;line-height:1.2}
h2{font-size:2rem;line-height:1.3}
h3{font-size:1.5rem;line-height:1.4}
@media (max-width:768px){
	h1{font-size:2.4rem;line-height:1.2}
h2{font-size:1.6rem;line-height:1.3}
h3{font-size:1.2rem;line-height:1.4}
}
a,li,p{font-size:1rem}
p{margin:0 0 1em}
a{color:var(--colour-accent);text-decoration:none}
a:focus,a:hover{text-decoration:underline}
.container{max-width:1902px;margin:0 auto}
.btn{display:inline-block;padding:.75rem 1.25rem;border-radius:var(--radius);font-weight:600;font-size:.9rem;text-align:center;cursor:pointer;transition:background-color .2s,color .2s}
.btn-primary{background-color:var(--colour-accent);color:#fff}
.btn-primary:focus,.btn-primary:hover{background-color:var(--colour-primary);color:#fff}
.btn-secondary{background-color:#f0f4fb;color:var(--colour-primary)}
.btn-secondary:focus,.btn-secondary:hover{background-color:var(--colour-primary);color:#fff}
.btn-tertiary{background-color:transparent;border:1px solid var(--colour-primary);color:var(--colour-primary)}
.btn-tertiary:focus,.btn-tertiary:hover{background-color:var(--colour-primary);color:#fff}
.skip-link{position:absolute;top:-40px;left:0;background:var(--colour-primary);color:#fff;padding:8px 16px;z-index:100;transition:top .3s}
.skip-link:focus{top:0}
header#header{position:fixed;top:0;width:100%;z-index:1000;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05)}
.logged-in header#header{top:30px}
.nav-icon{width:30px;height:30px;position:relative;padding:5px;z-index:99;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);cursor:pointer;position:initial;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;display:none;margin-left:20px}
.nav-icon span{display:block;position:absolute;height:2px;width:26px;background:#000;border-radius:0;opacity:1;right:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}
.nav-icon span:first-child{top:8px}
.nav-icon span:nth-child(2){top:16px}
.nav-icon span:nth-child(3){top:24px;width:13px}
.nav-icon.open{z-index:99999999;top:0}
.nav-icon.open span{background:#363f44!important}
.nav-icon.open span:first-child{top:12px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.nav-icon.open span:nth-child(2){opacity:0;left:-60px}
.nav-icon.open span:nth-child(3){top:12px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);width:26px}
@media (max-width:1200px){
.nav-icon{right:0;left:auto;display:inline-block}
.nav-icon span{background:#363f44}
}
.navbar{background-color:#fff;border-bottom:1px solid #e0e6ed;width:100%}
.navbar-inner{display:flex;align-items:center;justify-content:space-between;color:#002b5b;padding:.75rem 40px;position:relative}
@media (max-width:767px){
.navbar-inner{padding:.75rem 20px}
}
.navbar-inner.top{border-bottom:solid 1px #dadada}
.navbar-inner .site-brand,.navbar-inner a{color:inherit;transition:color .2s ease}
.navbar-inner a:focus,.navbar-inner a:hover{color:var(--colour-accent)}
.brand-logo{height:2rem;width:auto}
.top-bar{background-color:var(--colour-primary);color:#fff;font-size:.8rem;padding:.25rem 1rem;white-space:nowrap;display:flex;overflow-x:auto;z-index:9;justify-content:center}
.top-bar::-webkit-scrollbar{display:none}
.top-bar .offer{display:flex;align-items:center;padding:0 .75rem}
.top-bar .offer+.offer::before{content:'';width:1px;height:14px;background-color:rgba(255,255,255,.4);margin-right:.75rem}
.site-brand{font-size:1.5rem;font-weight:700;color:inherit;margin-right:1rem}
@media (max-width:576px){
.site-brand img{width:120px}
}
.nav-toggle{background:0 0;border:none;font-size:1.5rem;color:inherit;cursor:pointer;display:none}
.primary-navigation{list-style:none;display:flex;flex-wrap:wrap;padding:0;margin:0}
.primary-navigation.hidden{display:none!important}
.primary-navigation li{margin-right:1rem}
.primary-navigation a{font-weight:500;color:inherit; white-space:nowrap}
.primary-navigation a:focus,.primary-navigation a:hover,.primary-navigation .current-menu-item a{color:var(--colour-accent)}
.has-dropdown{position:relative;display:flex;align-items:center}
.has-dropdown .dropdown-toggle{background:0 0;border:none;color:var(--colour-primary);padding:.25rem;cursor:pointer;font-size:.8rem}
.filter-menu{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid #eee;border-radius:var(--radius);box-shadow:0 4px 8px rgba(0,0,0,.05);padding:.5rem;white-space:nowrap;z-index:999}
.has-dropdown.open .filter-menu{display:block}
.filter-menu li{list-style:none;margin-bottom:.25rem}
.filter-menu li:last-child{margin-bottom:0}
.filter-menu button{background-color:#f0f4fb;border:none;border-radius:var(--radius);padding:.375rem .75rem;font-size:.8rem;cursor:pointer;color:var(--colour-primary);width:100%;text-align:left}
.filter-menu button.active,.filter-menu button:focus,.filter-menu button:hover{background-color:var(--colour-primary);color:#fff}
.search-form{position:relative;flex:0 0 450px;margin-left:1rem}
@media (min-width:1200px) and (max-width:1600px){
.search-form{flex:0 0 250px}
}
@media (max-width:1199px){
.search-form{flex:0 0 250px}
}
@media (max-width:576px){
.search-form{flex:0 0 150px}
.search-form input[type=search]{font-size:14px}
}
.search-form input[type=search]{width:100%;padding:.5rem 2.25rem .5rem .75rem;border:1px solid #e5e6f0;border-radius:var(--radius);background-color:#fff;color:var(--colour-text);outline:0;transition:border-color .2s ease}
.search-form button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%); background:none; border:none}
.search-form button .fa-search{color:var(--colour-muted);}
.search-form input[type=search]::placeholder{color:var(--colour-muted);opacity:1}
.search-form input[type=search]:focus{border-color:var(--colour-accent);box-shadow:0 0 0 2px rgba(58,186,114,.2)}
.login-link{color:var(--colour-accent);font-weight:600}
.login-link:focus,.login-link:hover{text-decoration:underline}
.user-actions{display:flex;align-items:center;gap:1rem;margin-left:1rem}
.user-actions a{margin-left:15px}
.user-actions a.btn{color:#fff}
@media (max-width:1200px){
.navbar-inner.mobile-bar,.top-nav{display:none}
.primary-navigation{flex-wrap:wrap!important}
#header .navbar-inner.mobile-bar{background:#fff;height:calc(100vh - 110px);width:280px;position:absolute;right:-280px;display:block;transition:ease all .2s}
#header.open-navbar .navbar-inner.mobile-bar{right:0;display:block;box-shadow:0 2px 4px rgba(0,0,0,.2)}
.primary-navigation li{width:100%;margin-right:0;text-align:right}
.primary-navigation li a{display:block;padding:8px 0;font-weight:600}
}
@media (max-width:868px){
.primary-navigation li a{font-size:15px;padding:5px 0}
#header .navbar-inner.mobile-bar{padding-top:90px}
.us-action{position:absolute;bottom:-75px;right:-240px;z-index:9;transition:ease all .2s}
#header.open-navbar .us-action{right:40px}
}
.categories-bar{display:flex;overflow-x:auto;padding:.5rem 1rem;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background-color:#fff}
.categories-bar::-webkit-scrollbar{display:none}
.categories-bar li{list-style:none;margin-right:.5rem}
.categories-bar button{background-color:#f0f4fb;border:none;border-radius:var(--radius);padding:.375rem .75rem;font-size:.8rem;cursor:pointer;transition:background-color .2s;color:var(--colour-primary)}
.categories-bar button.active,.categories-bar button:focus,.categories-bar button:hover{background-color:var(--colour-primary);color:#fff}
#main-content{padding-top:165px}
@media (max-width:1200px){
#main-content{padding-top:110px}
}
.hero{position:relative;color:var(--colour-primary);text-align:left;padding:4rem 1rem;background-color:var(--fold-1-color)}
.hero::after{content:none}
.hero-inner{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:1902px;margin:0 auto}
.hero-text{flex:1;max-width:900px}
.hero-text h1{font-size:2.5rem;margin-bottom:1rem;line-height:1.2;color:var(--colour-primary)}
.hero-text p{font-size:1.125rem;margin-bottom:2rem;color:var(--colour-text)}
.hero-text .btn{font-size:1rem}
.hero-illustration{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden}
.hero-illustration img{max-width:100%;height:auto;border-radius:var(--radius)}
.hero-illustration img:not(:last-of-type){position:absolute!important;left:-9999px;top:-9999px;width:0;height:0;display:none!important}
.hero-illustration img:last-of-type{display:block;max-width:100%;height:auto;border-radius:var(--radius)}
@media (min-width:768px){
.hero-inner{flex-direction:row;align-items:center;justify-content:space-between}
.hero-text h1{font-size:3.5rem}
.hero-text p{font-size:1.125rem}
}
section.fold{padding:4rem 40px}
@media (max-width:768px){
section.fold{padding:40px 20px}
}
.cta-section{padding-top:2.5rem;padding-bottom:2.5rem}
section>.container>h2{font-size:1.75rem;color:var(--colour-primary);text-align:center;margin:2rem 0 1rem}
.business-support{text-align:center;color:var(--colour-primary);background-color:var(--fold-3-color)}
.deals-section h3{margin-top:50px}
.deals-section h3 a{color:#111; font-size:1.5rem}
.deals-section h2+h3{margin-top:0}
.deals-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}
.deal-card{background-color:var(--colour-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;display:flex;flex-direction:column;height:100%}
.deal-card header{display:flex;align-items:center;margin-bottom:.75rem}
.deal-card .icon-container{width:56px;height:56px;background-color:#fff;display:flex;align-items:center;justify-content:center;margin-right:.75rem;font-size:1.2rem;color:var(--colour-primary)}
.deal-card .icon-container img{max-width:56px;max-height:56px}
.deal-card h3{font-size:1.1rem;margin:0}
.deal-card h3 a{color:var(--colour-text);}
.deal-card h3 a:hover{color:var(--colour-accent);}
.deal-card .offer{font-weight:600;color:var(--colour-accent);margin-top:.25rem;font-size:.9rem}
.deal-card .description{font-size:.85rem;color:var(--colour-muted);margin-bottom:15px}
.deal-card .rating{color:#f5b21e;font-size:.9rem;margin-bottom:.5rem}
.deal-card .buttons{margin-top:auto;display:flex;gap:.5rem;flex-wrap:wrap}
.deal-card .buttons a{flex:1 1 auto}
.faq-grid,.features-grid,.guides-grid,.insights-grid,.pricing-cards,.reviews-grid,.testimonial-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}
.faq-item,.feature-item,.guide-card,.insight-card,.review-card,.testimonial-card{background-color:var(--colour-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;display:flex;flex-direction:column}
.pricing-cards.container,.testimonial-grid.container{max-width:1440px}
.pricing-card{background-color:var(--colour-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;display:grid;grid-template-rows:auto auto auto 1fr auto}
.guide-image{position:relative}
.guide-image img{position:absolute;width:100%;height:100%;top:0;object-fit:cover}
.guide-image::before{content:'';width:100%;padding-bottom:50%;background-color:#f0f4fb;display:block;border-bottom:1px solid #eef4fa}
.guide-card .guide-content,.insight-card .insight-content,.review-card .review-content{padding-top:.75rem;flex:1;display:flex;flex-direction:column}
.faq-item h3,.feature-item h3,.guide-card h3,.insight-card h3,.review-card h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--colour-primary)}
.faq-item h3 a,.feature-item h3 a,.guide-card h3 a,.insight-card h3 a,.review-card h3 a{font-size:1.1rem;color:var(--colour-primary); transition:ease all .2s}
.faq-item h3 a:hover,.feature-item h3 a:hover,.guide-card h3 a:hover, .insight-card h3 a:hover,.review-card h3 a:hover{color:#2C814D}
.faq-item p,.guide-card p,.insight-card p,.review-card p{font-size:.85rem;color:var(--colour-muted);margin-bottom:1rem;flex:1}
section .category{font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--colour-accent);margin-bottom:.25rem}
.guide-card a,.insight-card a,.review-card a{font-weight:600;color:var(--colour-accent);align-self:flex-start}
.feature-item{text-align:center}
.feature-item i{font-size:2rem;color:var(--colour-accent);margin-bottom:.75rem}
.feature-item p{color:var(--colour-muted)}
.pricing{background-color:#f5f8ff;padding:3rem 1rem;text-align:center}
.pricing h2{margin-bottom:.5rem}
.pricing .lead{color:var(--colour-muted);margin-bottom:2rem}
.pricing-card{align-items:flex-start}
.pricing-card.popular{border:2px solid var(--colour-accent);transform:scale(1.02)}
.pricing-card .price{font-size:2rem;color:var(--colour-primary);margin-bottom:.5rem}
.pricing-card .price .old-price{text-decoration:line-through;font-size:1rem;color:var(--colour-muted);margin-right:.5rem}
.pricing-card .price .small{font-size:.8rem;color:var(--colour-muted)}
.pricing-card ul{list-style:none;padding:0;margin:1rem 0}
.pricing-card ul li{display:flex;align-items:flex-start;font-size:.85rem;margin-bottom:.5rem;color:var(--colour-text);text-align:left}
.pricing-card ul li i{margin-right:.5rem;color:var(--colour-accent);margin-top:.25rem;width:18px}
.pricing-card .btn{width:100%;margin-top:auto}
.pricing .small{font-size:.75rem;color:var(--colour-muted);margin-top:1rem}
.testimonials{background-color:#f5f8ff;padding:3rem 1rem;text-align:center}
.testimonial-card{text-align:left}
.testimonial-card .stars{color:#f5b21e;margin-bottom:.5rem}
.testimonial-card .quote{font-size:.9rem;margin-bottom:1rem}
.testimonial-card .author{display:flex;align-items:center;margin-top:auto}
.testimonial-card .author i{margin-right:.5rem;color:var(--colour-accent)}
.testimonial-card .author .name{font-weight:600;color:var(--colour-primary)}
.testimonial-card .author .role{font-size:.75rem;color:var(--colour-muted)}
.faq{background-color:#fff;padding:2rem 1rem;text-align:center}
.faq .container{max-width:1440px}
.faq-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}
.entry-content .faq-grid{margin-bottom:1.5rem}
@media (min-width:600px){
.faq-grid{grid-template-columns:repeat(2,1fr)}
}
.faq-item{background-color:var(--colour-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:0;display:flex;flex-direction:column}
.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;background:0 0;border:none;padding:1rem;font-size:1rem;font-weight:600;color:var(--colour-primary);cursor:pointer; text-align:left}
.faq-question i{margin-left:.5rem;transition:transform .3s}
.faq-item.open .faq-question i{transform:rotate(180deg)}
.faq-answer{overflow:hidden;max-height:0;transition:max-height .3s ease;font-size:.9rem;color:#1a1a1a;text-align:left;padding:1rem}
.faq-answer ul li{margin-bottom:8px}
.faq-item.open .faq-answer,.faq-question[aria-expanded=true]+.faq-answer{max-height:500px}
.cta-section{background-color:#d7e6fa;color:#1a1a1a;padding:2.5rem 1rem;text-align:center}
.cta-section .cta-btn{background-color:#1a1a1a;color:#1a1a1a;padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;display:inline-block;margin-top:1rem;color:#fff}
.cta-section .cta-btn:focus,.cta-section .cta-btn:hover{background-color:#f0f4fb;color:#1a1a1a}
footer{background-color:#001f3f;color:#b0c3d6;padding:2.5rem 40px}
.footer-top{max-width:1902px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}
.footer-brand{font-size:1.3rem;font-weight:700;color:#fff}
.footer-tagline{font-size:.9rem;color:#b0c3d6}
.footer-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}
.footer-nav div{display:flex;flex-wrap:wrap;align-content:baseline}
.footer-nav a{color:#b0c3d6;font-size:.85rem;margin-bottom:.4rem;display:block;width:100%}
.footer-nav a:focus,.footer-nav a:hover{color:#fff}
.social-icons a{display:inline-block;margin-right:.75rem;font-size:1.2rem;color:#b0c3d6}
.social-icons a:focus,.social-icons a:hover{color:#fff}
.bottom-legal{border-top:1px solid #2c3f50;margin-top:1.5rem;padding-top:1rem;font-size:.75rem;text-align:center}
.bottom-legal a{color:#b0c3d6;margin:0 .5rem}
.bottom-legal a:focus,.bottom-legal a:hover{color:#fff}
section.fold.faq .container{max-width:992px}
.faq-grid{grid-template-columns:repeat(1,1fr)}
@media (min-width:600px){
.deals-grid,.features-grid,.guides-grid,.insights-grid,.pricing-cards,.reviews-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}
.primary-navigation{flex-wrap:nowrap}
}
@media (min-width:900px){
.deals-grid,.features-grid,.guides-grid,.insights-grid,.pricing-cards,.reviews-grid,.testimonial-grid{grid-template-columns:repeat(3,1fr)}
.nav-toggle{display:none}
.primary-navigation{display:flex!important}
}
@media (min-width:1440px){
.deals-grid,.features-grid,.guides-grid,.insights-grid,.reviews-grid{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:1800px){
.deals-grid,.features-grid,.guides-grid,.insights-grid,.reviews-grid{grid-template-columns:repeat(5,1fr)}
}
#cookie-banner{position:fixed;bottom:0;left:0;right:0;background-color:#fff;color:var(--colour-text);padding:1rem;box-shadow:0 -2px 6px rgba(0,0,0,.1);display:none;z-index:2000;font-size:.85rem}
#cookie-banner button{margin-left:1rem;background-color:var(--colour-accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer;font-weight:600}
#cookie-banner button:focus,#cookie-banner button:hover{background-color:var(--colour-primary)}
.entry-content{flex:1;width:100%}
.entry-content h2:first-of-type{margin-top:1rem}
.entry-content h2{margin:40px 0 20px}
.entry-content ul{list-style:none;padding-left:1rem;margin-bottom:1rem}
.entry-content ul li{position:relative;padding-left:1rem;margin-bottom:.5rem}
.entry-content ul li::before{content:'\2022';position:absolute;left:0;color:var(--colour-accent)}
.entry-content h3{font-size:18px}
.entry-content h4{font-size:16px} 
.sidebar{flex:0 0 300px}
@media (min-width:1200px){
.sidebar{flex:0 0 350px}
}
@media (max-width:767px){
.sidebar{flex:none; margin-top:50px;width:100%}
}
.sidebar-section{margin-bottom:2rem;background-color:var(--colour-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}
.sidebar-section h3{margin-bottom:.75rem;font-size:1.25rem}
.link-list{list-style:none;margin:0;padding:0}
.link-list li{margin-bottom:.5rem}
.link-list a{color:var(--colour-primary)}
.link-list a:hover{color:var(--colour-accent)}
.audit-form input[type=url]{width:100%;padding:.5rem .75rem;border:1px solid #e5e6f0;border-radius:var(--radius);margin-bottom:.5rem}
.audit-form input[type=email]{width:100%;padding:.5rem .75rem;border:1px solid #e5e6f0;border-radius:var(--radius);margin-bottom:.5rem}
.audit-form button{width:100%}
.blog-hero{width:100%;height:auto;border-radius:var(--radius);margin:1.5rem 0}
.image-placeholder{width:100%;height:220px;background-color:#eef4fa;border-radius:var(--radius);margin:1.5rem 0}
.entry-content ul{list-style:none;padding-left:1.5rem;margin-bottom:1rem}
.entry-content ul li{position:relative;padding-left:1.75rem;margin-bottom:.75rem}
.entry-content ul li::before{content:'\f058';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--colour-accent);position:absolute;left:0;top:.15rem}
.entry-content ul.pros-cons li::before{display:none}
.entry-content ul.pros-cons li{padding-left:0}
.entry-content ul.pros-cons li ul{margin-top:15px}
.entry-content ul.pros-cons li ul li{padding-left:1.75rem}
.entry-content ul.pros-cons li:first-child ul li:before{content:'\f058';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--colour-accent);position:absolute;left:0;top:0;display:block}
.entry-content ul.pros-cons li:last-child ul li:before{content:"\f057";font-family:'Font Awesome 6 Free';font-weight:900;color:#d10000;position:absolute;left:0;top:0;display:block }
.entry-content table{border:solid 1px #ddd; border-spacing:0; margin:20px 0;border-bottom:none;width:100%}
.entry-content table th{background:#1E3A5F;padding:18px 15px; font-weight:700;text-align:left !important;color:#fff; border-right:solid 1px #919395}
.entry-content table tr td{padding:15px;border-bottom:solid 1px #ddd;background:#fff;border-right:solid 1px #ccc  }
.entry-content table tr td:last-child,.entry-content table tr th:last-child{border-right:none}
.entry-content table tr td:first-child{font-weight:600}
.entry-content table tr:nth-child(odd) td{background:#FFF8E1 }
@media (max-width:576px){
	.entry-content table tr td, .entry-content table tr th{font-weight:14px;padding:15px 5px}
	.entry-content table tr th{font-weight:600}
}

.cta-box{background-color:#f7fff9;border-left:4px solid var(--colour-accent);border-radius:var(--radius);padding:1rem}
.share-bar{display:flex;align-items:center;gap:.5rem;margin:1rem 0}
.share-bar span{color:var(--colour-muted);font-weight:600}
.share-bar a{color:var(--colour-primary);font-size:1.25rem}
.share-bar a:hover{color:var(--colour-accent)}
.callout,blockquote{padding:1rem;border-left:4px solid var(--colour-accent);background-color:#f7f9fb;border-radius:var(--radius);margin:1.5rem 0}
.callout strong,blockquote b,blockquote strong{display:block;margin-bottom:.5rem;color:var(--colour-primary)}
.search-label{margin-left:1rem;margin-right:.5rem;font-weight:600;color:var(--colour-primary);white-space:nowrap}
.link-list li{position:relative;padding-left:1.25rem}
.link-list li::before{content:'\f054';font-family:'Font Awesome 6 Free';font-weight:900;color:var(--colour-accent);position:absolute;left:0;top:.1rem}
@media (min-width:900px){
.entry-content{flex:3;padding-right:5.5rem}
.sidebar{padding-left:30px;border-left:1px solid #e5e6f0}
	.full-header .entry-content{padding-right:50px}
}
.post-thumbnail{margin-bottom:20px;}
.post-thumbnail img{width:100%}
.wp-block-buttons .wp-block-button__link{background:#2A7E4B;border-radius:10px;color:#fff;transition:ease all .2s}
.wp-block-buttons .wp-block-button__link:hover{background:#1a2a3a;color:#fff;text-decoration:none}
.visually-hidden{display:none}
h1.cat-title{text-align:center; }
.sub-menu{position:absolute; background:#fff; display:none}

.bg-content{display:flex; flex-wrap:nowrap;padding:40px}
.post-navigation{padding:40px}
header.entry-header{background:#fff}
header.entry-header .container{display:flex; flex-wrap:nowrap; justify-content:center; align-items:center;flex-direction:row-reverse;padding:40px;background:#fff}
header.entry-header .post-thumbnail{width:35%}
header.entry-header .post-thumbnail img{max-width:500px; max-height:100%; height:auto; width:auto;max-width:100%}
header.entry-header .post-thumbnail .post-meta img{width:auto}
header.entry-header .pr-title{padding-right:60px; width:65%}
.full-header .entry-header .post-thumbnail,.full-header header.entry-header .pr-title{width:100%}
.full-header .entry-header .post-thumbnail img{max-width:100%}
.full-header .entry-header {background:#fff;}
.full-header .entry-header .container{padding:50px 40px }
.full-header .entry-header h1.entry-title{font-size:4.5rem; max-width:1440px}
.full-header .entry-header .pr-title{padding-right:0;max-width:1440px }
.full-header .entry-header .pr-title .short-des{max-width:1200px}
.full-header .entry-header .post-meta{margin-top:50px}
.category-accounting .full-header .entry-header{background:#C6B0EE}

.short-des{max-width:800px; font-size:18px}
@media (max-width:1024px){
	header.entry-header,.post-navigation{padding:40px 20px}
	.bg-content{padding:40px 20px}
	header.entry-header .post-thumbnail{width:40%}
	header.entry-header .pr-title{padding-right:60px; width:60%}
	.full-header .entry-header h1.entry-title{font-size:3.6rem}
	header.entry-header .container{padding:30px 0}
}
@media (max-width:768px){
	.bg-content{flex-wrap:wrap}
	header.entry-header .container{flex-wrap:wrap; flex-direction:column-reverse}
	header.entry-header .post-thumbnail{width:100%; margin-top:30px}
	header.entry-header .pr-title{padding-right:0; width:100%}
	sidebar {flex: 1;; margin-top:50px}
		.full-header .entry-header h1.entry-title{font-size:3rem}
	.full-header .entry-header .container{padding:40px 20px}
}
@media (max-width:576px){
	.full-header .entry-header h1.entry-title{font-size:30px}
	.short-des{font-size:16px}
}
.post-meta {
    display: flex;
    align-items: center;
    font-size: 0.9em;
    color: #666;
    margin-bottom: 1rem;
	margin-top:120px
}
.category-guides .post-meta,.category-guides .post-author-info .share-button{color:#000}
.post-author-avatar img {
    border-radius: 50%;
    margin-right: 10px;
}
.post-author-info div {
    margin-right: 10px;
    display: inline-block;
}


.custom-share {
  position: relative;
  display: inline-block;
}

.post-author-info .share-button {
  border:none;
  background: none;
  color: #666;
  padding: 0;
  border-radius: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
font-family: var(--font-family);
}
.post-author-info .share-button:hover,.post-author-info .share-button:focus{color:#1a2a3a;border:none; outline:none;background:none}

.post-author-info .share-menu {
  display: none;
  position: absolute;
  top: 110%;
  left: 0;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  padding: 8px 0;
  width: 200px;
}

.post-author-info .share-menu a,
.post-author-info .share-menu button {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #333;
  gap: 10px;
  cursor: pointer;
}

.post-author-info .share-menu a:hover,
.post-author-info .share-menu button:hover {
  background: #f5f5f5;
}
.post-date span{display:inline-block; margin:0 10px}

@media (max-width:767px){
.post-meta{margin-top:40px }
	header.entry-header .post-thumbnail img{max-height:150px; max-width:100%}
	header.entry-header .container{padding:0}
}
@media (max-width:576px){
	.post-author-info .share-menu{left:auto; right:-50px}
}
.page-404-header {
    position: relative;
    max-height: 785px;
    min-height: 595px;
    height: calc(100vh - 100px)
}

.page-404-header .container {
    position: relative;
    z-index: 1;
    color: #313131;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    height: 100%
}

.page-404-header h1 {
    color: #313131;
    font-size: 32px;
	font-weight:700
    line-height: 56px;
    margin-bottom: 15px;
    width: 100%;
    margin-top: 30px; text-align:center
}

.page-404-header h1 span {
    font-size: 36px;
    line-height: 20px;
    display: block;
    text-align: center;
    opacity: .5;
    margin-bottom: 25px
}

.page-404-header div.content-404 {
    max-width: 615px;
    margin: 0 auto
}

.page-404-header div.content-404 p {
    color: #313131;
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 40px;
	text-align:center
}

.page-404-header div.content-404 .btn-main {
    height: 3.5rem;
    line-height: calc(3.5rem - 2px);
    padding: 0 1.5rem;
    font-size: 1rem
}

.page-404-header .scrolldown {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 48px;
    display: inline-block
}

.page-404-header .scrolldown svg path,.page-404-header .scrolldown svg rect {
    transition: .3s ease all
}

.page-404-header .scrolldown:hover svg path,.page-404-header .scrolldown:hover svg rect {
    stroke: #04b456
}

.section-popular-blog {
    padding: 60px 0 40px
}

.section-popular-blog .common-title-block {
    margin-bottom: 30px
}

@media (min-width: 993px) {
    .section-popular-blog .swiper-container-horizontal>.swiper-pagination-bullets {
        display:none
    }
}

@media (max-width: 992px) {
    .section-popular-blog .swiper-container-horizontal>.swiper-pagination-bullets {
        margin:0 auto 24px;
        float: none
    }
}

.section-social-connect {
    position: relative;
    padding: 60px 0
}

.section-social-connect:before {
    content: "";
    width: 71px;
    height: 1px;
    background: #313131;
    position: absolute;
    left: 0;
    right: 0;
    position: absolute;
    display: inline-block;
    top: 15px;
    margin: 0 auto
}

.section-social-connect .common-title-block h2 {
    font-size: 24px;
    font-family: "Poppins SemiBold",Arial,sans-serif;
    line-height: 1.5;
    margin-bottom: 5px
}

.section-social-connect .sc-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 25px
}

.section-social-connect .sc-list a {
    display: flex;
    width: 160px;
    height: 64px;
    border: solid 1px rgba(0,0,0,.12);
    border-radius: 6px;
    margin: 0 6px;
    transition: .3s ease all;
   align-items:center; justify-content:center
}

.section-social-connect .sc-list a:hover {
    color: #fff;
    background: #313131;
    border-color: #313131
}

.section-social-connect .sc-list a svg {
    margin-right: 5px;
    transition: .3s all ease
}

.section-social-connect .sc-list a span {
    font-size: 16px;
    font-family: "Poppins Medium",Arial,sans-serif
}

.section-social-connect .sc-list a svg path {
    transition: .3s all ease
}

.section-social-connect .sc-list a:hover svg path {
    fill: #fff
}

.gray-note {
    background: #f8f8f8;
    padding: 20px 0
}

.gray-note div {
    font-size: 16px;
    color: #313131;
    line-height: 24px
}

@media (max-width: 1200px) {
    .page-404-header {
        height:calc(100vh - 122px)
    }
}

@media (max-width: 992px) {
    svg.error404 {
        width:400px
    }

    .page-404-header h1 {
        font-size: 30px;
        line-height: 38px;
        margin-top: 0
    }
}

@media (max-width: 767px) {
    svg.error404 {
        width:250px
    }

    .section-social-connect .sc-list a {
        height: 3.5rem;
        line-height: calc(3.5rem - 2px);
        padding: 0 1.5rem;
        font-size: 1rem;
        width: 60px;
        padding: 0 10px;
        margin-right: 10px
    }

    .section-social-connect .sc-list a svg {
        max-width: 22px;
        max-height: 22px;
        margin-right: 0
    }

    .section-social-connect .sc-list a span {
        display: none
    }
}

@media (max-width: 576px) {
    .page-404-header .scrolldown svg {
        width:40px;
        height: 40px
    }

    .page-404-header div.content-404 p {
        font-size: 16px;
        margin-bottom: 30px
    }

    .section-social-connect .sc-list {
        flex-wrap: wrap
    }

    .see-all {
        text-align: left!important
    }
}

.product-bar{background:#F1F4FE;padding:40px; border-radius:10px;max-width:670px; margin:0 auto; text-align:center;margin:40px auto}
.product-bar h3{font-size:2.5rem; font-weight:400;margin-bottom:20px }
.product-bar h3 span{background:#fff; display:inline-block; padding:5px 10px; border-radius:5px; font-weight:600}
.product-bar img{max-width:65px; max-height:65px; height:auto; width:100%}


.no-wrap { white-space: nowrap; }
.wp-caption img { display:block; max-width:100%; height:auto;width:auto; max-width:100% }
.wp-caption.has-image .media-ph { display:none; }  /* hide placeholder when image present */

figure.wp-caption div,figure.brand-figure div{margin:40px 0; display:none}
figure.wp-caption.has-image,figure.brand-figure{display:block;}
figure.wp-caption img,figure.brand-figure img{ margin:0 auto; max-width:100%;height:auto}
figure.wp-caption .wp-caption-text,figure.brand-figure .wp-caption-text{margin-top:15px; text-align:center; display:none}
figure.wp-caption.has-image .wp-caption-text,figure.brand-figure .wp-caption-text{display:block}
figure.wp-caption .wp-caption-text#hero-cap{display:block}

.search-result-section{margin-top:40px}
.result-content.container{max-width:1200px}
.result-content article{background:#fff; margin-bottom:40px;padding:30px; border:solid 1px #ddd; border-radius:8px}

.guide-subcat-block{margin-bottom:80px}
.guide-subcat-header{display:flex; flex-wrap:nowrap; align-items:center;margin-bottom:30px}
.guide-subcat-header h2 a{font-size:2rem; margin-right:20px; color:var(--colour-text);position:relative; top:2px}
.guide-featured{display:flex; flex-wrap:nowrap;margin-bottom:25px }
.featured-thumb{width:40%; margin-right:50px; border-radius:10px; overflow:hidden}
.featured-thumb img{width:100%;height:auto}
.featured-meta{width:60%}
.featured-meta h3 a{font-size:20px;color:var(--colour-text); }

.related-posts.guides-new{background:#ffffff;padding:50px 0}
.related-posts.guides-new h2{font-size:3rem; margin-bottom:40px}
.related-posts.guides-new .container{padding:0 40px}
@media (max-width:1024px){
	.related-posts.guides-new .container{padding:0 20px}
}
@media (max-width:768px){
	.guide-featured{flex-wrap:wrap; gap:20px}
	.featured-thumb,.featured-meta{width:100%; margin-right:0}
	.featured-meta .publish-date{display:none}
	
}
.section-list-articles{padding:50px 0}
.section-list-articles h1{margin-bottom: 40px}
/* Pagination container */
.pagination {
  display: flex;
  justify-content: center;
  margin: 2rem 0;
}

/* Default WP pagination markup */
.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/* Individual page links */
.pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
  border-radius: 9999px; /* pill shape */
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  background-color: #f5f5f5;
  color: #333;
  transition: all 0.2s ease;
}

/* Hover/focus */
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
  background-color: #e2e2e2;
  color: #000;
}

/* Current page */
.pagination .page-numbers.current {
  background-color: var(--primary-color, #0073e6);
  color: #fff;
  font-weight: 600;
  pointer-events: none;
}

/* Prev/Next links */
.pagination .prev,
.pagination .next {
  font-weight: 600;
}

/* Smaller screens */
@media (max-width: 600px) {
  .pagination .page-numbers {
    min-width: 2rem;
    height: 2rem;
    font-size: 0.85rem;
    padding: 0 0.5rem;
  }
}

.table-div{width:100%; overflow-x:auto}