body{
background:#f3f5f8;
font-family: 'Inter', sans-serif !important;
}
h1,h2,h3{

font-weight:700;
letter-spacing:-0.02em;

}
p, li{

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

}
/* HERO */

.hero{

background:linear-gradient(140deg,#0d4da2,#1c73da);
padding:75px 0 120px;
position:relative;
overflow:hidden;
color:white;

}

.loan-box{
scroll-margin-top:88px;
}

.form-note{
margin:12px 0 0;
color:#5f6b7a;
font-size:13px;
line-height:1.5;
}
.hero-btn{

background:#5ad15a !important;
color:white !important;
border:none;

padding:20px 48px;

font-size:22px;
font-weight:700;

border-radius:10px;

box-shadow:0 10px 28px rgba(0,0,0,.25);

display:block;

width:100%;

text-align:center;

text-decoration:none;

transition:all .2s;

}

.hero-btn:hover{

background:#49c249 !important;
color:white;

transform:translateY(-2px);

}

}
.hero-btn.pulse{

animation:ctaPulse 1.3s infinite;

}
.hero-btn.pulse{
animation:pulseBtn 1s ease-in-out infinite !important;
}

@keyframes pulseBtn{
0%{transform:scale(1);}
50%{transform:scale(1.08);}
100%{transform:scale(1);}
}

.hero-btn{
transform-origin:center;
}

.hero-offers-link{display:inline-flex;align-items:center;gap:8px;margin-top:15px;color:#fff;font-size:15px;font-weight:750;text-decoration:underline;text-decoration-color:rgba(255,255,255,.55);text-underline-offset:5px}
.hero-offers-link:hover{color:#dff7ff;text-decoration-color:currentColor}
.offers-more-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px auto 0;padding:20px 24px;border:1px solid #dbe6ed;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(17,42,68,.045)}
.offers-more-cta p{margin:0;color:#536a7c;font-size:14px;line-height:1.6}
.offers-more-cta strong{color:#183b55}
.offers-more-cta a{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;padding:12px 17px;border-radius:9px;background:#0d7189;color:#fff;font-size:14px;font-weight:750;text-decoration:none}
.offers-more-cta a:hover{background:#095b70;color:#fff}
.finoxa-tools{padding:76px 0;background:#f3f5f8}
.finoxa-tools-heading{max-width:700px;margin:0 auto 30px;text-align:center}
.finoxa-tools-heading h2{margin:0 0 10px;color:#18374f;font-size:clamp(1.8rem,3.4vw,2.4rem);font-weight:800}
.finoxa-tools-heading>p:last-child{margin:0;color:#627689;font-size:16px;line-height:1.65}
.finoxa-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.finoxa-tool-card{display:flex;min-width:0;min-height:250px;flex-direction:column;align-items:flex-start;padding:22px;border:1px solid #e0e8ee;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(17,42,68,.04);color:#18374f;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.finoxa-tool-card:hover{transform:translateY(-3px);border-color:#b8d5df;box-shadow:0 13px 28px rgba(17,42,68,.09);color:#18374f}
.finoxa-tool-featured{border-color:#c7e0e6;background:linear-gradient(155deg,#fff,#f2f9fa)}
.finoxa-tool-icon{display:grid;width:42px;height:42px;place-items:center;margin-bottom:17px;border-radius:12px;background:#eaf3f8;color:#0d7189;font-size:18px;font-weight:850}
.finoxa-tool-label{margin-bottom:6px;color:#0d7189;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.finoxa-tool-card h3{margin:0 0 8px;color:#18374f;font-size:19px;font-weight:800}
.finoxa-tool-card p{margin:0 0 20px;color:#64778a;font-size:13px;line-height:1.6}
.finoxa-tool-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:auto;color:#0d7189;font-size:13px;font-weight:800}
.finoxa-tool-link b{font-size:18px;transition:transform .18s ease}
.finoxa-tool-card:hover .finoxa-tool-link b{transform:translateX(3px)}
@media(max-width:991px){.finoxa-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.finoxa-tools{padding:54px 0}.finoxa-tools-heading{margin-bottom:22px}.finoxa-tools-grid{gap:11px}.finoxa-tool-card{min-height:235px;padding:17px}.finoxa-tool-card h3{font-size:17px}.finoxa-tool-card p{font-size:12px}.offers-more-cta{align-items:stretch;flex-direction:column;gap:14px;padding:18px}.offers-more-cta a{width:100%}}


.hero-text h1{

font-size:46px;
font-weight:700;
margin-bottom:25px;

}

.hero-list{

list-style:none;
padding:0;
margin-bottom:35px;

}

.hero-list li{

font-size:18px;
margin-bottom:10px;

}

/* przycisk */

.hero-btn{

background:#5ad15a;
border:none;
padding:14px 30px;
font-size:18px;
font-weight:600;
border-radius:6px;
box-shadow:0 6px 18px rgba(0,0,0,.2);
color:white;

}

.hero-btn:hover{
background:#49c249;
}

/* modelka */

.hero-image{

display:flex;
justify-content:flex-end;
align-items:center;

}

.hero-image img{

max-width:420px;
width:100%;
height:auto;

}

/* okrąg w tle fintech */

.hero::before{

content:"";
position:absolute;

right:-200px;
top:-150px;

width:600px;
height:600px;

background:rgba(255,255,255,0.05);
border-radius:50%;

}

/* fala na dole */

.hero::after{

content:"";
position:absolute;

bottom:-80px;
left:0;

width:100%;
height:160px;

background:#f3f5f8;
border-radius:100% 100% 0 0;

}

/* MOBILE */

@media (max-width:992px){

.hero{

text-align:center;
padding:120px 0 100px;

}

.hero-text h1{

font-size:34px;

}

.hero-image{

justify-content:center;
margin-top:40px;

}

.hero-model{
display:none;
}

.hero-image img{

max-width:280px;

}

}

.logo{
font-weight:700;
font-size:28px;
margin-bottom:20px;
}

.logo span{
color:#5ad15a;
}

.hero h1{
font-size:46px;
font-weight:700;
margin-bottom:20px;
}

.checklist{
list-style:none;
padding:0;
margin-bottom:30px;
}

.checklist li{
font-size:18px;
margin-bottom:8px;
}

.cta{
background:#5ad15a;
border:none;
padding:15px 30px;
font-size:18px;
font-weight:600;
border-radius:6px;
box-shadow:0 6px 18px rgba(0,0,0,.2);
}

.cta:hover{
background:#49c249;
}

.hero::after{
content:"";
position:absolute;
bottom:-80px;
left:0;
width:100%;
height:160px;
background:#f3f5f8;
border-radius:100% 100% 0 0;
}

/* sections */

.section{
padding:80px 0;
}

.section-title{
font-size:34px;
font-weight:700;
text-align:center;
margin-bottom:40px;
}

/* ranking */

.badge-top{
background:#ffc107;
color:#000;
font-weight:600;
}

/* cards */

.step-card{
background:white;
padding:30px;
border-radius:10px;
box-shadow:0 6px 18px rgba(0,0,0,.08);
text-align:center;
}



.hero-right{
display:flex;
flex-direction:column;
align-items:center;
}

.hero-model{

max-width:360px;
width:100%;
height:auto;

margin-bottom:-40px;

display:block;

}
.loan-box{

margin-top:20px;

}

.loan-box{
background:white;
padding:28px;
border-radius:12px;
box-shadow:0 15px 35px rgba(0,0,0,0.2);
max-width:420px;
width:100%;
color:#222;
}

.loan-box label{
font-weight:600;
margin-top:12px;
display:block;
}

.loan-box input[type=range]{
width:100%;
margin-top:10px;
}

.value{
font-weight:700;
margin-top:5px;
}

@media (max-width:992px){

.hero-right{
align-items:center;
margin-top:40px;
}

.hero-model{
max-width:260px;
margin-bottom:-20px;
}

.loan-box{
max-width:340px;
}

}


/* footer */

footer{
background:linear-gradient(160deg,#1f2f40,#162430);
color:white;
padding:50px 0;
text-align:center;
font-size:14px;
}

footer a{
color:white;
text-decoration:none;
margin:0 10px;
}

footer a:hover{
text-decoration:underline;
}

.site-footer .footer-brand{display:block;width:148px;height:30px;margin:0 auto 24px;padding:0;background:url('../images/finoxa-logo-light.svg') left center/contain no-repeat;font-size:0;line-height:0;color:transparent}
.site-footer .footer-brand:hover{opacity:.86}
.site-footer .footer-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 9px}
.site-footer .footer-nav a{margin:0;padding:5px 7px;color:#f4f8fb;font-size:13px;line-height:1.45}
.site-footer .footer-nav a:hover{color:#79e0c0;text-decoration:underline;text-underline-offset:4px}
.site-footer .disclaimer{max-width:820px;font-size:12px;line-height:1.7}
@media(max-width:640px){.site-footer{padding:40px 0}.site-footer .footer-nav{gap:3px 5px}.site-footer .footer-nav a{padding:6px 5px;font-size:12px}}

.disclaimer{
margin-top:20px;
opacity:.8;
font-size:13px;
max-width:700px;
margin-left:auto;
margin-right:auto;
}
/* GLASS NAVBAR */

.navbar-glass{

background:rgba(255,255,255,0.8);
backdrop-filter:blur(10px);
box-shadow:0 2px 20px rgba(0,0,0,0.08);
padding:12px 0;
transition:all .3s;

}

/* Compact main navigation; collapse before links can crowd the header. */
.navbar-glass{padding:7px 0}
.navbar-glass .navbar-nav{gap:2px}
.navbar-glass .navbar-nav .nav-link{margin-right:3px;padding:.5rem .45rem;font-size:14px;white-space:nowrap}
.navbar-glass .navbar-nav .btn-cta{padding:8px 15px;font-size:14px;white-space:nowrap}
.navbar-expand-xl .navbar-collapse{min-width:0}
@media(max-width:1199.98px){
  .navbar-expand-xl .navbar-collapse.show{max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain;padding:.35rem 0 .8rem}
  .navbar-expand-xl .navbar-nav{align-items:stretch!important;gap:0}
  .navbar-expand-xl .navbar-nav .nav-link{margin-right:0;padding:.62rem .5rem}
  .navbar-expand-xl .navbar-nav .dropdown-menu{margin:.15rem 0 .45rem}
  .navbar-expand-xl .navbar-nav .nav-item.ms-lg-3{margin-left:0!important}
  .navbar-expand-xl .navbar-nav .btn-cta{display:inline-flex;margin:.4rem .5rem}
}

/* Polished shared navigation */
.navbar-glass{background:rgba(255,255,255,.96);border-bottom:1px solid rgba(18,59,84,.08);box-shadow:0 6px 24px rgba(17,44,67,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.navbar-glass>.container{min-height:48px}
.navbar-glass .navbar-nav{align-items:center;gap:4px}
.navbar-glass .navbar-nav .nav-link{display:flex;align-items:center;min-height:40px;margin:0;padding:0 12px;border-radius:10px;color:#203b50;font-size:14px;font-weight:650;line-height:1.2;transition:background-color .18s ease,color .18s ease}
.navbar-glass .navbar-nav .nav-link:hover,.navbar-glass .navbar-nav .nav-link:focus-visible,.navbar-glass .navbar-nav .show>.nav-link{background:#edf6f6;color:#0b6878}
.navbar-glass .navbar-nav .nav-link:focus-visible,.navbar-glass .navbar-nav .btn-cta:focus-visible,.navbar-glass .navbar-toggler:focus-visible{outline:3px solid rgba(13,113,137,.28);outline-offset:2px}
.navbar-glass .navbar-nav .nav-link:not(.dropdown-toggle)::after{content:none}
.navbar-glass .navbar-nav .nav-link.dropdown-toggle::after{content:"";display:inline-block;flex:none;width:0;height:0;margin:0 0 0 8px;vertical-align:middle;border-top:5px solid currentColor;border-right:4px solid transparent;border-bottom:0;border-left:4px solid transparent;background:none;position:static;transition:transform .18s ease}
.navbar-glass .navbar-nav .show>.nav-link.dropdown-toggle::after{transform:rotate(180deg)}
.navbar-glass .dropdown-menu{min-width:220px;margin-top:8px;padding:7px;border:1px solid #e2ebef;border-radius:14px;background:#fff;box-shadow:0 16px 38px rgba(15,43,64,.14)}
.navbar-glass .dropdown-item{padding:10px 12px;border-radius:9px;color:#29465a;font-size:14px;font-weight:550;line-height:1.35;white-space:normal;transition:background-color .16s ease,color .16s ease}
.navbar-glass .dropdown-item:hover,.navbar-glass .dropdown-item:focus{background:#edf6f6;color:#0b6878}
.navbar-glass .navbar-nav .btn-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-left:5px;padding:0 17px;border:0;border-radius:10px;background:linear-gradient(135deg,#0d7189,#0b5b70);box-shadow:0 5px 14px rgba(13,113,137,.2);color:#fff;font-size:14px;font-weight:750;line-height:1;vertical-align:middle;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.navbar-glass .navbar-nav .btn-cta:hover{transform:translateY(-1px);background:linear-gradient(135deg,#0c6479,#084d60);box-shadow:0 8px 18px rgba(13,113,137,.25);color:#fff}
.navbar-glass .navbar-toggler{padding:7px 9px;border:1px solid #d7e4e9;border-radius:10px;background:#fff}
@media(max-width:1199.98px){
  .navbar-expand-xl .navbar-collapse.show{margin-top:7px;padding:9px 0 12px;border-top:1px solid #e8eff2}
  .navbar-expand-xl .navbar-nav{align-items:stretch!important;gap:3px;padding:4px 0}
  .navbar-expand-xl .navbar-nav .nav-link{min-height:42px;padding:0 12px}
  .navbar-expand-xl .navbar-nav .dropdown-menu{margin:2px 0 6px;padding:5px;border:0;border-radius:10px;background:#f3f8f9;box-shadow:none}
  .navbar-expand-xl .navbar-nav .dropdown-item{padding:10px 13px}
  .navbar-expand-xl .navbar-nav .nav-item.ms-lg-3{margin:5px 0 0!important}
  .navbar-expand-xl .navbar-nav .btn-cta{min-height:42px;margin:0;padding:0 16px}
}

/* Homepage strip with locally hosted lender and bank marks */
.partner-strip{overflow:hidden;padding:50px 0 38px;border-block:1px solid #e7eef1;background:linear-gradient(180deg,#f8fbfc 0%,#fff 100%)}
.partner-strip-header{max-width:720px;margin:0 auto 30px;text-align:center}
.partner-strip-header .section-kicker{margin-bottom:8px;color:#0d7189;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.partner-strip-header h2{margin:0 0 10px;color:#123b54;font-size:clamp(25px,3vw,34px);font-weight:800;letter-spacing:-.035em}
.partner-strip-header>p:last-child{margin:0;color:#647486;font-size:15px;line-height:1.65}
.partner-strip-toggle{margin-top:12px;padding:6px 11px;border:1px solid #d9e6e9;border-radius:999px;background:#fff;color:#486477;font-size:11px;font-weight:700;cursor:pointer}
.partner-strip-toggle:hover,.partner-strip-toggle:focus-visible{border-color:#0d7189;background:#edf6f6;color:#0b6878}
.partner-strip-toggle:focus-visible{outline:3px solid rgba(13,113,137,.25);outline-offset:2px}
.partner-strip-row{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:18px;margin:14px 0}
.partner-strip-row h3{margin:0;color:#36546a;font-size:13px;font-weight:750}
.partner-strip-viewport{position:relative;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.partner-strip-track{display:flex;width:max-content;gap:12px;margin:0;padding:5px 0;list-style:none;animation:partner-strip-scroll 58s linear infinite}
.partner-strip-track.partner-strip-banks{animation-duration:32s}
.partner-strip-viewport:hover .partner-strip-track{animation-play-state:paused}
.partner-strip.is-paused .partner-strip-track{animation-play-state:paused}
.partner-logo-tile{display:flex;flex:0 0 140px;min-height:74px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 10px;border:1px solid #e7edf0;border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(17,44,67,.035)}
.partner-logo-tile img{display:block;width:112px;height:38px;object-fit:contain}
.partner-logo-tile img[src*="erste.svg"]{padding:3px 7px;border-radius:5px;background:#0046ad}
.partner-logo-tile span{max-width:100%;overflow:hidden;color:#536678;font-size:10px;font-weight:650;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.partner-strip-note{margin:18px 0 0;color:#81909d;font-size:11px;line-height:1.5;text-align:center}
@keyframes partner-strip-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:640px){.partner-strip{padding:38px 0 28px}.partner-strip-header{margin-bottom:22px}.partner-strip-header>p:last-child{font-size:14px}.partner-strip-row{grid-template-columns:1fr;gap:8px;margin:16px 0}.partner-strip-row h3{padding-left:4px}.partner-logo-tile{flex-basis:128px;min-height:70px}.partner-strip-track{gap:9px}.partner-strip-note{max-width:360px;margin:16px auto 0}}
@media(prefers-reduced-motion:reduce){.partner-strip-track{animation:none}.partner-strip-viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.partner-strip-toggle{display:none}}

/* Cookie information notice */
.cookie-notice{position:fixed;z-index:1100;right:16px;bottom:max(16px,env(safe-area-inset-bottom));left:16px;display:flex;max-width:1020px;align-items:center;gap:18px;margin:0 auto;padding:16px 18px;border:1px solid #dce7eb;border-radius:16px;background:rgba(255,255,255,.98);box-shadow:0 14px 46px rgba(14,39,58,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.cookie-notice[hidden]{display:none!important}
.cookie-notice-copy{flex:1;min-width:0}
.cookie-notice-copy strong{display:block;margin:0 0 4px;color:#123b54;font-size:14px;font-weight:800}
.cookie-notice-copy p{margin:0;color:#536779;font-size:12px;line-height:1.5}
.cookie-notice-policy{flex:none;color:#0d7189;font-size:12px;font-weight:700;text-underline-offset:3px}
.cookie-notice-dismiss{flex:none;min-height:40px;padding:0 17px;border:0;border-radius:10px;background:#0d7189;color:#fff;font-size:13px;font-weight:750;cursor:pointer;transition:background .18s ease,transform .18s ease}
.cookie-notice-dismiss:hover{transform:translateY(-1px);background:#0b5b70}
.cookie-notice-dismiss:focus-visible,.cookie-notice-policy:focus-visible{outline:3px solid rgba(13,113,137,.28);outline-offset:3px}
@media(max-width:700px){.cookie-notice{right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;flex-wrap:wrap;gap:10px 14px;padding:14px;border-radius:14px}.cookie-notice-copy{flex-basis:100%}.cookie-notice-policy{margin-right:auto}.cookie-notice-dismiss{min-height:38px;padding:0 14px}}

.logo-dot{
color:#5ad15a;
}

.navbar-brand{display:block;width:170px;height:34px;flex:0 0 170px;margin-right:8px;padding:0!important;overflow:hidden;background:url('../images/finoxa-logo.svg') left center/contain no-repeat;font-size:0!important;line-height:0;color:transparent!important}
.navbar-brand .logo-dot{font-size:0!important;color:transparent!important}
@media(max-width:380px){.navbar-brand{width:144px;height:29px;flex-basis:144px}}

/* LINKS */

.nav-link{
font-weight:500;
margin-right:10px;
position:relative;
}

.nav-link::after{

content:"";
position:absolute;
bottom:-4px;
left:0;
width:0%;
height:2px;
background:#1c73da;
transition:0.3s;

}

.nav-link:hover::after{
width:100%;
}

/* CTA */

.btn-cta{

background:#5ad15a;
border:none;
padding:10px 22px;
font-weight:600;
border-radius:6px;
box-shadow:0 4px 12px rgba(0,0,0,0.15);

}

.btn-cta:hover{
background:#49c249;
}

/* navbar scroll */

.navbar-scrolled{
background:white;
box-shadow:0 4px 20px rgba(0,0,0,0.12);
}

.loan-summary{
margin-top:15px;
padding:15px;
background:#f6f9ff;
border-radius:8px;
font-size:14px;
}

.loan-rate{
font-size:16px;
font-weight:600;
color:#0d4da2;
}

.popular{

background:#ffd43b;
color:#000;
font-size:12px;
padding:3px 6px;
border-radius:4px;
margin-left:8px;
display:none;

}
.live-users{

margin-top:10px;
font-size:14px;
opacity:0.8;

}
.notify-box{

position:fixed;
left:20px;
bottom:20px;
margin-bottom:50px;
display:flex;
align-items:center;

background:white;

padding:12px 16px;

border-radius:12px;

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

opacity:0;
transform:translateY(30px);

transition:all .4s;

z-index:9999;

max-width:300px;

}

.notify-box.show{
opacity:1;
transform:translateY(0);
}

.notify-avatar{

width:40px;
height:40px;

border-radius:50%;

background:#1c73da;

display:flex;
align-items:center;
justify-content:center;

color:white;
font-size:18px;

margin-right:10px;

}

.notify-text{
font-size:14px;
font-weight:600;
}

.notify-time{
font-size:12px;
opacity:.6;
margin-top:2px;
}

.notify-box.show{
opacity:1;
transform:translateY(0);
}



/* seo content */
.seo-content{
padding:100px 0;
}

.seo-header{
max-width:850px;
margin:0 auto;
text-align:center;
}

.seo-lead{
font-size:20px;
line-height:1.8;
opacity:.85;
margin-top:20px;
}

.seo-cards{
margin-top:60px;
}

.seo-card{
background:#fff;
border-radius:24px;
padding:35px;
height:100%;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.seo-icon{
font-size:42px;
margin-bottom:20px;
}

.seo-card h3{
font-size:24px;
margin-bottom:15px;
font-weight:700;
}

.seo-card p{
opacity:.82;
line-height:1.7;
margin:0;
}

.seo-steps{
margin-top:80px;
}

.steps-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:35px;
}

.step-item{
background:#fff;
padding:28px;
border-radius:22px;
box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.step-number{
width:48px;
height:48px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:20px;
margin-bottom:18px;
background:#0d6efd;
color:#fff;
}

.seo-columns{
margin-top:80px;
}

.seo-box{
background:#fff;
padding:38px;
border-radius:24px;
height:100%;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.seo-box h3{
margin-bottom:20px;
font-size:28px;
}

.seo-box p,
.seo-box li{
line-height:1.9;
opacity:.85;
}

.seo-bottom-text{
max-width:900px;
margin:70px auto 0;
font-size:17px;
line-height:1.9;
opacity:.85;
text-align:center;
}

@media(max-width:991px){

.steps-grid{
grid-template-columns:1fr 1fr;
}

}

@media(max-width:768px){

.seo-content{
padding:70px 0;
}

.seo-lead{
font-size:17px;
}

.steps-grid{
grid-template-columns:1fr;
}

.seo-box{
margin-top:20px;
padding:28px;
}



/* seo content */
.seo-content{
padding:100px 0;
}

.seo-header{
max-width:850px;
margin:0 auto;
text-align:center;
}

.seo-lead{
font-size:20px;
line-height:1.8;
opacity:.85;
margin-top:20px;
}

.seo-cards{
margin-top:60px;
}

.seo-card{
background:#fff;
border-radius:24px;
padding:35px;
height:100%;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.seo-icon{
font-size:42px;
margin-bottom:20px;
}

.seo-card h3{
font-size:24px;
margin-bottom:15px;
font-weight:700;
}

.seo-card p{
opacity:.82;
line-height:1.7;
margin:0;
}

.seo-steps{
margin-top:80px;
}

.steps-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:35px;
}

.step-item{
background:#fff;
padding:28px;
border-radius:22px;
box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.step-number{
width:48px;
height:48px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:700;
font-size:20px;
margin-bottom:18px;
background:#0d6efd;
color:#fff;
}

.seo-columns{
margin-top:80px;
}

.seo-box{
background:#fff;
padding:38px;
border-radius:24px;
height:100%;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.seo-box h3{
margin-bottom:20px;
font-size:28px;
}

.seo-box p,
.seo-box li{
line-height:1.9;
opacity:.85;
}

.seo-bottom-text{
max-width:900px;
margin:70px auto 0;
font-size:17px;
line-height:1.9;
opacity:.85;
text-align:center;
}

@media(max-width:991px){

.steps-grid{
grid-template-columns:1fr 1fr;
}

}

@media(max-width:768px){

.seo-content{
padding:70px 0;
}

.seo-lead{
font-size:17px;
}

.steps-grid{
grid-template-columns:1fr;
}

.seo-box{
margin-top:20px;
padding:28px;
}