.nr-cta-band {
margin: 42px 0 !important;
padding: 34px 30px !important;
border-radius: 28px !important;
background: linear-gradient(135deg, #1d4ed8 0%, #0f172a 100%) !important;
box-shadow: 0 22px 50px rgba(15, 23, 42, 0.18) !important;
position: relative !important;
overflow: hidden !important;
}
.nr-cta-band::before {
content: „” !important;
position: absolute !important;
top: -80px !important;
right: -80px !important;
width: 220px !important;
height: 220px !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.10) !important;
}
.nr-cta-band::after {
content: „” !important;
position: absolute !important;
bottom: -70px !important;
left: -70px !important;
width: 180px !important;
height: 180px !important;
border-radius: 50% !important;
background: rgba(255, 255, 255, 0.08) !important;
}
.nr-cta-band-inner {
position: relative !important;
z-index: 2 !important;
}
.nr-cta-band h3 {
margin: 0 0 14px 0 !important;
color: #ffffff !important;
font-size: 34px !important;
line-height: 1.15 !important;
font-weight: 800 !important;
}
.nr-cta-band p {
margin: 0 0 22px 0 !important;
color: rgba(255,255,255,0.92) !important;
font-size: 21px !important;
line-height: 1.7 !important;
}
.nr-cta-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
}
.nr-cta-actions a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 14px 22px !important;
min-height: 52px !important;
border-radius: 999px !important;
text-decoration: none !important;
font-weight: 800 !important;
font-size: 16px !important;
transition: 0.2s ease !important;
}
.nr-cta-phone,
.nr-cta-mail {
background: #ffffff !important;
color: #0f172a !important;
box-shadow: 0 10px 24px rgba(0,0,0,0.16) !important;
}
.nr-cta-wa {
background: #25D366 !important;
color: #ffffff !important;
box-shadow: 0 10px 24px rgba(0,0,0,0.16) !important;
}
.nr-cta-actions a:hover {
transform: translateY(-2px) !important;
opacity: 0.98 !important;
}
.nr-divider-panel {
margin: 42px 0 !important;
padding: 28px 30px !important;
border-radius: 24px !important;
background: #f8fbff !important;
border: 1px solid #dbe7ff !important;
box-shadow: 0 12px 34px rgba(15, 23, 42, 0.08) !important;
}
.nr-divider-panel h3 {
margin: 0 0 12px 0 !important;
color: #0f172a !important;
font-size: 30px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
}
.nr-divider-panel p {
margin: 0 0 20px 0 !important;
color: #334155 !important;
font-size: 19px !important;
line-height: 1.7 !important;
}
.nr-divider-actions {
display: flex !important;
flex-wrap: wrap !important;
gap: 12px !important;
}
.nr-divider-actions a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 13px 20px !important;
border-radius: 999px !important;
font-weight: 800 !important;
text-decoration: none !important;
font-size: 15px !important;
}
.nr-divider-actions a:nth-child(1) {
background: #1d4ed8 !important;
color: #ffffff !important;
}
.nr-divider-actions a:nth-child(2) {
background: #25D366 !important;
color: #ffffff !important;
}
.nr-divider-actions a:nth-child(3) {
background: #0f172a !important;
color: #ffffff !important;
}
@media (max-width: 767px) {
.nr-cta-band,
.nr-divider-panel {
padding: 24px 20px !important;
border-radius: 22px !important;
}
.nr-cta-band h3,
.nr-divider-panel h3 {
font-size: 28px !important;
}
.nr-cta-band p,
.nr-divider-panel p {
font-size: 18px !important;
}
.nr-cta-actions,
.nr-divider-actions {
flex-direction: column !important;
}
.nr-cta-actions a,
.nr-divider-actions a {
width: 100% !important;
}
}