@charset 'utf-8';
   .service-landing__hero {
position: relative;
min-height: 42vh;
display: flex;
align-items: flex-end;
overflow: hidden;
margin-bottom: 0;
}
.service-landing__hero-media {
position: absolute;
inset: 0;
z-index: 0;
}
.service-landing__hero-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.service-landing__hero-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(10, 28, 48, 0.92) 0%,
rgba(10, 28, 48, 0.45) 55%,
rgba(10, 28, 48, 0.2) 100%
);
z-index: 1;
}
.service-landing__hero-media--plain {
background: linear-gradient(135deg, #0a1c30 0%, #1a4a6e 100%);
}
.service-landing__hero-inner {
position: relative;
z-index: 2;
width: 100%;
padding-top: 4rem;
padding-bottom: 3rem;
color: #f4f8fb;
}
.service-landing__hero-title {
margin: 0 0 0.5rem;
font-size: clamp(1.75rem, 4vw, 2.75rem);
line-height: 1.15;
font-weight: 700;
color: #fff;
}
.service-landing__hero-subtitle {
margin: 0 0 1rem;
font-size: clamp(1rem, 2.2vw, 1.25rem);
line-height: 1.5;
max-width: 42em;
opacity: 0.95;
padding: 0rem 2rem;
}
.service-landing__hero-price {
margin: 0 0 0.75rem;
font-size: 1.15rem;
font-weight: 600;
color: #7dd3fc;
}
.service-landing__hero-desc {
margin: 0 0 1.25rem;
max-width: 40em;
opacity: 0.9;
font-size: 0.95rem;
}
.service-landing__hero-cta {
margin: 0;
}
.service-landing__hero-button {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}
.service-landing__section {
padding: 3.5rem 0;
}
.service-landing__section-title {
text-align: center;
margin: 0 0 2rem;
font-size: clamp(1.35rem, 2.5vw, 1.85rem);
font-weight: 700;
}
.service-landing__intro {
background: #f7fafc;
}
.service-landing__intro-inner {
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.service-landing__features {
background: #fff;
}
.service-landing__feature-grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 1.5rem 2rem;
}
.service-landing__feature-item {
margin: 0;
padding: 1.25rem 1.5rem;
border-radius: 8px;
background: #f0f6fa;
border: 1px solid rgba(10, 60, 90, 0.08);
}
.service-landing__feature-title {
margin: 0 0 0.5rem;
font-size: 1.1rem;
font-weight: 600;
}
.service-landing__feature-text {
margin: 0;
font-size: 0.95rem;
line-height: 1.55;
color: #334155;
}
.service-landing__feature-text p {
margin: 0 0 0.5rem;
}
.service-landing__feature-text p:last-child {
margin-bottom: 0;
}
.service-landing__testimonials {
background: #f7fafc;
}
.service-landing__shortcode .sc_item_title,
.service-landing__shortcode .sc_section_title {
margin-top: 0;
}
.service-landing__brands {
background: #fff;
}
.service-landing__brand-row {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 2rem 2.5rem;
}
.service-landing__brand-item {
margin: 0;
padding: 0;
}
.service-landing__brand-logo {
display: block;
max-height: 56px;
width: auto;
max-width: 160px;
object-fit: contain;
filter: grayscale(0.15);
opacity: 0.9;
transition: opacity 0.2s ease;
}
.service-landing__brand-logo:hover {
opacity: 1;
}
.service-landing__gallery {
background: #f7fafc;
}
.service-landing__product-link {
text-align: center;
padding: 1rem 0 0;
}
.service-landing__cta {
background: linear-gradient(180deg, #0a1c30 0%, #0d2840 100%);
color: #e8f4fc;
}
.service-landing__cta .service-landing__section-title {
color: #fff;
}
.service-landing__cta-lead {
text-align: center;
max-width: 36rem;
margin: 0 auto 2rem;
font-size: 1rem;
line-height: 1.6;
opacity: 0.92;
}
.service-landing__form {
max-width: 36rem;
margin: 0 auto;
}
.service-landing__form .sc_form_title,
.service-landing__form .sc_form_subtitle {
color: #e8f4fc;
}
.service-landing__form .sc_form_form {
background: rgba(255, 255, 255, 0.06);
padding: 1.5rem;
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.12);
}
.service-landing__form-fallback {
text-align: center;
color: #fecaca;
}
body.service-landing .post_item_single .post_content {
padding-bottom: 0;
}
@media (max-width: 767px) {
.service-landing__hero {
min-height: 52vh;
}
.service-landing__section {
padding: 2.5rem 0;
}
.service-landing__brand-logo {
max-height: 44px;
max-width: 120px;
}
}