.text-center {
text-align: center;
} .elementor-widget .elementor-icon-list-icon svg {
width: var(--e-icon-list-icon-size, 1em);
height: var(--e-icon-list-icon-size, 1em);
}
.elementor-button {
text-decoration: none !important;
} .ssm-footer-solutions {
--e-icon-list-icon-size: 14px;
}
.ssm-footer-solutions a {
text-decoration: none;
}
.ssm-footer-solutions .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item {
padding-block-end: calc(7px / 2);
}
.ssm-footer-solutions .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child) {
margin-block-start: calc(7px / 2);
}
.ssm-footer-solutions .elementor-icon-list-icon svg {
fill: var(--e-global-color-a2c0d56, #01b5e1);
transition: fill 0.3s;
}
.ssm-footer-solutions .elementor-icon-list-text {
color: var(--e-global-color-text, #ffffff);
font-size: 14px;
transition: color 0.3s;
}
.ssm-footer-solutions .elementor-icon-list-item:hover .elementor-icon-list-icon svg {
fill: var(--e-global-color-a2c0d56, #01b5e1);
}
.ssm-footer-solutions .elementor-icon-list-item:hover .elementor-icon-list-text {
color: var(--e-global-color-a2c0d56, #01b5e1);
}  :root {
--ssm-brand: #0e3a5f;
} .ssm-single-header {
position: relative;
background-color: #1f2a37;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
padding: 90px 20px;
overflow: hidden;
}
.ssm-single-header .elementor-background-overlay {
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.55);
z-index: 1;
}
.ssm-single-header .elementor-container {
position: relative;
z-index: 2;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.ssm-single-header .elementor-widget-wrap {
max-width: 860px;
margin: 0 auto;
}
.ssm-single-header .elementor-heading-title {
color: #ffffff;
margin: 0;
}
.ssm-single-header h6.ssm-single-eyebrow {
text-transform: uppercase;
letter-spacing: 1.5px;
margin-bottom: 14px;
opacity: 0.95;
}
.ssm-single-header h1.elementor-heading-title {
font-size: 2.6em;
line-height: 1.2;
}
.ssm-single-meta {
margin-top: 18px;
color: rgba(255, 255, 255, 0.85);
font-size: 0.9em;
}
.ssm-single-meta .ssm-meta-item + .ssm-meta-item {
margin-left: 18px;
padding-left: 18px;
border-left: 1px solid rgba(255, 255, 255, 0.35);
}
.ssm-single-meta a {
color: inherit;
text-decoration: none;
}
.ssm-single-meta a:hover,
.ssm-single-meta a:focus {
text-decoration: underline;
} .ssm-single-main {
display: block;
}
.ssm-single-grid .elementor-container {
display: flex;
flex-wrap: wrap;
gap: 50px;
max-width: 1200px;
margin: 60px auto;
padding: 0 20px;
align-items: flex-start;
}
.ssm-single-grid .ssm-single-content {
flex: 1 1 0;
min-width: 0;
}
.ssm-single-grid .ssm-single-sidebar {
flex: 0 0 340px;
max-width: 340px;
}
.ssm-single-content .elementor-widget-text-editor {
overflow-wrap: break-word;
}
.ssm-single-content img {
max-width: 100%;
height: auto;
} .ssm-single-content .elementor-widget-text-editor {
color: #3a4653;
font-size: 1.05rem;
line-height: 1.75;
}
.ssm-single-content .elementor-widget-text-editor > *:first-child {
margin-top: 0;
}
.ssm-single-content .elementor-widget-text-editor p {
margin: 0 0 1.35em;
}
.ssm-single-content .elementor-widget-text-editor h2,
.ssm-single-content .elementor-widget-text-editor h3,
.ssm-single-content .elementor-widget-text-editor h4 {
color: var(--ssm-brand, #0e3a5f);
font-weight: 700;
line-height: 1.3;
margin: 2em 0 0.6em;
}
.ssm-single-content .elementor-widget-text-editor h2 {
font-size: 1.55rem;
}
.ssm-single-content .elementor-widget-text-editor h3 {
font-size: 1.25rem;
}
.ssm-single-content .elementor-widget-text-editor h4 {
font-size: 1.1rem;
}
.ssm-single-content .elementor-widget-text-editor ul,
.ssm-single-content .elementor-widget-text-editor ol {
margin: 0 0 1.35em;
padding-left: 1.4em;
}
.ssm-single-content .elementor-widget-text-editor li {
margin-bottom: 0.5em;
line-height: 1.6;
}
.ssm-single-content .elementor-widget-text-editor ul li {
list-style: disc;
}
.ssm-single-content .elementor-widget-text-editor ol li {
list-style: decimal;
}
.ssm-single-content .elementor-widget-text-editor a {
color: #00539c;
text-decoration: underline;
}
.ssm-single-content .elementor-widget-text-editor a:hover,
.ssm-single-content .elementor-widget-text-editor a:focus {
color: #01b5e1;
}
.ssm-single-content .elementor-widget-text-editor strong {
color: var(--ssm-brand, #0e3a5f);
}
.ssm-single-content .elementor-widget-text-editor figure {
margin: 1.8em 0;
}
.ssm-single-content .elementor-widget-text-editor figure img {
display: block;
margin: 0 auto;
border-radius: 10px;
}
.ssm-single-content .elementor-widget-text-editor figcaption {
margin-top: 8px;
font-size: 0.85em;
color: rgba(13, 44, 79, 0.6);
text-align: center;
}
.ssm-single-content .elementor-widget-text-editor blockquote {
margin: 1.6em 0;
padding: 8px 20px;
border-left: 4px solid #01b5e1;
background: rgba(1, 181, 225, 0.06);
font-style: italic;
}  .ssm-single-sidebar .ssm-sidebar-widget + .ssm-sidebar-widget {
margin-top: 20px;
}
.ssm-sidebar-title {
margin: 0 0 16px;
}
.ssm-sidebar-divider {
margin-bottom: 16px;
}
.ssm-sidebar-divider .elementor-divider-separator {
display: block;
border-top: 2px solid currentColor;
opacity: 0.25;
} .ssm-sidebar-newsletter {
background-color: var(--ssm-brand, #0e3a5f);
color: #ffffff;
padding: 28px 26px;
border-radius: 6px;
}
.ssm-sidebar-newsletter .ssm-sidebar-title {
color: #ffffff;
}
.ssm-sidebar-newsletter .ssm-sidebar-text p {
margin: 0;
color: rgba(255, 255, 255, 0.9);
} .ssm-sidebar-latest {
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 6px;
padding: 28px 26px;
}
.ssm-recent-posts {
list-style: none;
margin: 0;
padding: 0;
}
.ssm-recent-posts .ssm-recent-post {
display: flex;
gap: 14px;
align-items: flex-start;
padding: 14px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.ssm-recent-posts .ssm-recent-post:first-child {
padding-top: 0;
}
.ssm-recent-posts .ssm-recent-post:last-child {
border-bottom: none;
padding-bottom: 0;
}
.ssm-recent-post__thumb {
flex: 0 0 64px;
width: 64px;
height: 64px;
overflow: hidden;
border-radius: 4px;
}
.ssm-recent-post__thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ssm-recent-post__body {
flex: 1 1 auto;
min-width: 0;
}
.ssm-recent-post__link {
display: block;
font-weight: 600;
line-height: 1.35;
text-decoration: none;
}
.ssm-recent-post__date {
display: block;
margin-top: 6px;
font-size: 0.82em;
opacity: 0.6;
}  .ssm-single-sidebar .ssm-sidebar-widget:has(.wp-block-heading) {
margin-top: 32px;
}
.ssm-single-sidebar .ssm-sidebar-widget:has(.wp-block-heading):first-child {
margin-top: 0;
} .ssm-single-sidebar .wp-block-heading {
margin: 0 0 12px;
color: var(--ssm-brand, #0e3a5f);
font-size: 1.25em;
font-weight: 700;
line-height: 1.25;
}
.ssm-single-sidebar .wp-block-paragraph {
margin: 0;
line-height: 1.6;
color: #3a4653;
} .ssm-single-sidebar .wp-block-search__inside-wrapper {
display: flex;
gap: 8px;
}
.ssm-single-sidebar .wp-block-search__input {
flex: 1 1 auto;
width: 100%;
min-width: 0;
padding: 10px 12px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
box-sizing: border-box;
}
.ssm-single-sidebar .wp-block-search__button {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
margin: 0;
padding: 0 14px;
border: none;
border-radius: 4px;
background-color: var(--ssm-brand, #0e3a5f);
color: #ffffff;
cursor: pointer;
}
.ssm-single-sidebar .wp-block-search__button svg {
width: 22px;
height: 22px;
fill: currentColor;
} .ssm-single-sidebar .wp-block-latest-posts {
list-style: none;
margin: 0;
padding: 0;
}
.ssm-single-sidebar .wp-block-latest-posts > li {
display: grid;
grid-template-columns: 64px 1fr;
grid-template-areas:
"thumb title"
"thumb date";
column-gap: 14px;
row-gap: 2px;
align-items: start;
padding: 14px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.ssm-single-sidebar .wp-block-latest-posts > li:first-child {
padding-top: 0;
}
.ssm-single-sidebar .wp-block-latest-posts > li:last-child {
padding-bottom: 0;
border-bottom: none;
} .ssm-single-sidebar .wp-block-latest-posts > li:not(:has(.wp-block-latest-posts__featured-image)) {
grid-template-columns: 1fr;
grid-template-areas:
"title"
"date";
}
.ssm-single-sidebar .wp-block-latest-posts__featured-image {
grid-area: thumb;
width: 64px;
height: 64px;
overflow: hidden;
border-radius: 4px;
}
.ssm-single-sidebar .wp-block-latest-posts__featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ssm-single-sidebar .wp-block-latest-posts__post-title {
grid-area: title;
font-weight: 600;
line-height: 1.35;
text-decoration: none;
}
.ssm-single-sidebar .wp-block-latest-posts__post-date {
grid-area: date;
font-size: 0.82em;
opacity: 0.6;
} .ssm-single-sidebar .wpcf7-form input.wpcf7-email {
width: 100%;
box-sizing: border-box;
margin-bottom: 10px;
}
.ssm-single-sidebar .wpcf7-form input.wpcf7-submit {
width: 100%;
padding: 12px 16px;
border: none;
border-radius: 4px;
background-color: var(--ssm-brand, #0e3a5f);
color: #ffffff;
font-weight: 600;
cursor: pointer;
} .ssm-share {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 32px 0;
}
.ssm-share__btn,
.ssm-share__btn:link,
.ssm-share__btn:visited,
.ssm-share__btn:hover,
.ssm-share__btn:focus {
display: inline-flex;
align-items: center;
gap: 8px;
flex: 1 1 auto;
justify-content: center;
padding: 12px 16px;
border-radius: 4px;
background-color: var(--ssm-brand, #0e3a5f);
color: #ffffff !important;
font-weight: 600;
font-size: 0.9em;
text-decoration: none;
transition: opacity 0.2s ease;
}
.ssm-share__btn:hover {
opacity: 0.85;
}
.ssm-share__btn svg {
width: 18px;
height: 18px;
flex: 0 0 18px;
fill: currentColor;
} .ssm-sidebar-search .search-form {
display: flex;
gap: 8px;
}
.ssm-sidebar-search .search-form label {
flex: 1 1 auto;
margin: 0;
}
.ssm-sidebar-search .search-field {
width: 100%;
padding: 10px 12px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
box-sizing: border-box;
}
.ssm-sidebar-search .search-submit {
padding: 10px 16px;
border: none;
border-radius: 4px;
background-color: var(--ssm-brand, #0e3a5f);
color: #ffffff;
font-weight: 600;
cursor: pointer;
} .ssm-post-tags {
list-style: none;
margin: 32px 0 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ssm-post-tags a {
display: inline-block;
padding: 6px 14px;
background-color: rgba(13, 44, 79, 0.06);
border-radius: 999px;
font-size: 0.82em;
font-weight: 600;
color: var(--e-global-color-primary, #0d2c4f);
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease;
}
.ssm-post-tags a:hover,
.ssm-post-tags a:focus {
background-color: #01b5e1;
color: #ffffff;
} @media (max-width: 1024px) {
.ssm-single-grid .elementor-container {
flex-direction: column;
gap: 48px;
margin: 40px auto;
}
.ssm-single-grid .ssm-single-content,
.ssm-single-grid .ssm-single-sidebar {
flex-basis: 100%;
max-width: 100%;
}
.ssm-single-header {
padding: 60px 20px;
}
.ssm-single-header h1.elementor-heading-title {
font-size: 1.9em;
}
} .ssm-solution-main { --ssm-primary: var(--e-global-color-primary, #0d2c4f);
--ssm-accent: #01b5e1;
--ssm-brand-blue: #00539C;
--ssm-brand-cyan: #01b5e1;
--ssm-card-bg: #ffffff;
--ssm-border: rgba(13, 44, 79, 0.08);
--ssm-shadow: 0 4px 18px rgba(13, 44, 79, 0.07);
--ssm-shadow-hover: 0 14px 34px rgba(13, 44, 79, 0.14);
--ssm-radius: 12px;
display: block;
}
.ssm-solution-section {
padding: 40px 0;
} .ssm-solution-intro {
padding: 32px 0 8px;
}
.ssm-solution-main > .ssm-solution-section:last-of-type {
padding-bottom: 16px;
}
.ssm-solution-section--alt {
background-color: #f4f6f9;
} .ssm-solution-section .elementor-container {
max-width: 1140px;
margin: 0 auto;
padding: 0 10px;
display: block;
}
.ssm-solution-title {
text-align: center;
margin: 0 0 44px;
font-weight: 700;
letter-spacing: 0.3px;
}
.ssm-solution-title::after {
content: "";
display: block;
width: 56px;
height: 3px;
margin: 16px auto 0;
border-radius: 3px;
background-color: var(--ssm-accent);
} .ssm-category-hero {
position: relative;
display: flex;
align-items: flex-start;
min-height: 340px;
margin: 0 0 40px;
border-radius: var(--ssm-radius);
overflow: hidden;
background-color: var(--ssm-primary);
background-size: cover;
background-position: center;
box-shadow: var(--ssm-shadow);
}
.ssm-category-hero.no-thumb {
min-height: 220px;
}
.ssm-category-hero__overlay {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(115deg, rgba(13, 44, 79, 0.82) 0%, rgba(13, 44, 79, 0.35) 55%, rgba(13, 44, 79, 0.15) 100%);
} .ssm-category-hero::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 20%;
z-index: 2;
background: linear-gradient(90deg, var(--ssm-brand-blue) 0%, #0a6fc9 100%);
clip-path: polygon(0 62%, 100% 0, 100% 100%, 0 100%);
box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.35);
}
.ssm-category-hero__content {
position: relative;
z-index: 3;
padding: 28px 32px;
color: #ffffff;
} .ssm-category-hero__content .ssm-category-hero__title {
margin: 0;
font-size: 2em;
font-weight: 800;
line-height: 1.05;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #ffffff;
} .ssm-category-hero__content .ssm-category-hero__title::after {
content: "";
display: block;
width: 90px;
height: 3px;
margin: 12px 0 0;
border-radius: 3px;
background-color: var(--ssm-brand-blue);
}
.ssm-category-hero__content .ssm-category-hero__subtitle {
margin: 12px 0 0;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--ssm-brand-cyan);
} .ssm-category-body {
display: flex;
flex-wrap: wrap;
gap: 32px;
align-items: flex-start;
justify-content: center;
} .ssm-category-col--products {
flex: 2 1 420px;
min-width: 0;
}
.ssm-category-col--profiles {
flex: 1 1 240px;
min-width: 0;
max-width: 360px;
}
.ssm-category-col--accessories {
flex: 1 1 240px;
min-width: 0;
} .ssm-category-col--products:not(.is-multi) {
flex: 1 1 300px;
} .ssm-category-body--cols-1 .ssm-category-col {
flex: 0 1 440px;
max-width: 100%;
}
.ssm-category-body--cols-1 .ssm-category-col.is-multi {
flex-basis: 100%;
max-width: 1000px;
}
.ssm-category-body--cols-1 .ssm-category-col__title {
text-align: center;
}
.ssm-category-body--cols-1 .ssm-category-col--profiles {
margin: 0 auto;
} .ssm-category-body--cols-1 .ssm-category-col.is-multi .ssm-solution-products,
.ssm-category-body--cols-1 .ssm-category-col.is-multi .ssm-solution-accessories {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.ssm-category-body--cols-1 .ssm-category-col.is-multi .ssm-product-card,
.ssm-category-body--cols-1 .ssm-category-col.is-multi .ssm-accessory-card {
flex: 0 1 300px;
} .ssm-category-body--cols-1 .ssm-category-col:not(.is-multi) .ssm-solution-accessories {
grid-template-columns: 1fr;
} .ssm-category-col__title {
margin: 0 0 18px;
font-size: 1.05em;
font-weight: 700;
color: var(--ssm-primary);
text-transform: uppercase;
letter-spacing: 0.5px;
}  .ssm-solution-products {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.ssm-category-col--products.is-multi .ssm-solution-products {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.ssm-product-card {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 440px; background-color: var(--ssm-card-bg);
border: 1px solid var(--ssm-border);
border-radius: var(--ssm-radius);
padding: 18px;
box-shadow: var(--ssm-shadow);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ssm-product-card:hover {
transform: translateY(-4px);
box-shadow: var(--ssm-shadow-hover);
}
.ssm-product-card__media {
width: 100%;
aspect-ratio: 4 / 3;
display: flex;
align-items: center;
justify-content: center;
background-color: #f4f6f9;
border-radius: 10px;
padding: 16px;
box-sizing: border-box;
}
.ssm-product-card__media img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.ssm-product-card__body {
flex: 1 1 auto;
min-width: 0;
}
.ssm-product-card__title {
margin: 0 0 10px;
font-size: 1.1em;
line-height: 1.15;
color: var(--ssm-primary);
} .ssm-product-card__desc,
.ssm-profile-card__desc,
.ssm-accessory-card__desc {
font-size: 0.82em;
line-height: 1.45;
}
.ssm-accessory-card__desc {
font-size: 0.75em;
}
.ssm-product-card__desc > :first-child,
.ssm-profile-card__desc > :first-child,
.ssm-accessory-card__desc > :first-child {
margin-top: 0;
}
.ssm-product-card__desc > :last-child,
.ssm-profile-card__desc > :last-child,
.ssm-accessory-card__desc > :last-child {
margin-bottom: 0;
}
.ssm-product-card__desc p,
.ssm-profile-card__desc p,
.ssm-accessory-card__desc p {
margin: 0 0 8px;
} .ssm-product-card__desc ul,
.ssm-profile-card__desc ul,
.ssm-accessory-card__desc ul {
list-style: disc;
margin: 4px 0 8px;
padding-left: 1.2em;
}
.ssm-product-card__desc ol,
.ssm-profile-card__desc ol,
.ssm-accessory-card__desc ol {
list-style: decimal;
margin: 4px 0 8px;
padding-left: 1.2em;
}
.ssm-product-card__desc li + li,
.ssm-profile-card__desc li + li,
.ssm-accessory-card__desc li + li {
margin-top: 5px;
}
.ssm-product-card__desc li::marker,
.ssm-profile-card__desc li::marker,
.ssm-accessory-card__desc li::marker {
color: var(--ssm-accent);
} .ssm-product-card__desc p:empty,
.ssm-profile-card__desc p:empty,
.ssm-accessory-card__desc p:empty {
display: none;
} .ssm-profile-card__desc p:first-child {
margin-bottom: 6px;
font-weight: 700;
color: var(--ssm-primary);
} .ssm-profiles-box {
border: 1px solid var(--ssm-border);
border-radius: var(--ssm-radius);
background-color: var(--ssm-card-bg);
padding: 20px;
box-shadow: var(--ssm-shadow);
}
.ssm-solution-profiles {
display: flex;
flex-direction: column;
gap: 18px;
}
.ssm-solution-profiles > .ssm-profile-card + .ssm-profile-card {
padding-top: 18px;
border-top: 1px solid var(--ssm-border);
}
.ssm-profile-card {
display: flex;
flex-direction: column;
gap: 10px;
}
.ssm-profile-card__media {
width: 100%;
height: 130px;
display: flex;
align-items: center;
justify-content: center;
background-color: #f4f6f9;
border-radius: 10px;
padding: 10px;
box-sizing: border-box;
}
.ssm-profile-card__media img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.ssm-profile-card__title {
margin: 0;
font-size: 1.02em;
line-height: 1.15;
color: var(--ssm-primary);
font-weight: 700;
text-align: center;
}
.ssm-solution-note {
margin: 16px 0 0;
font-size: 0.78em;
font-style: italic;
opacity: 0.7;
text-align: center;
}  .ssm-solution-accessories {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
gap: 12px;
}
.ssm-accessory-card {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 12px;
background-color: var(--ssm-card-bg);
border: 1px solid var(--ssm-border);
border-radius: var(--ssm-radius);
padding: 10px 12px;
box-shadow: var(--ssm-shadow);
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.ssm-accessory-card:hover {
transform: translateY(-3px);
box-shadow: var(--ssm-shadow-hover);
border-color: var(--ssm-accent);
}
.ssm-accessory-card__media {
flex: 0 0 54px;
width: 54px;
aspect-ratio: 1 / 1;
display: flex;
align-items: center;
justify-content: center;
background-color: #f4f6f9;
border-radius: 8px;
padding: 8px;
box-sizing: border-box;
}
.ssm-accessory-card__media img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
} .ssm-category-body--cols-1 .ssm-solution-accessories .ssm-accessory-card__media {
flex-basis: 108px;
width: 108px;
}
.ssm-accessory-card__body {
flex: 1 1 auto;
min-width: 0;
text-align: left;
}
.ssm-accessory-card__name {
display: block;
font-size: 0.82em;
font-weight: 700;
line-height: 1.3;
color: var(--ssm-primary);
}
.ssm-accessory-card__desc {
margin-top: 5px;
color: rgba(13, 44, 79, 0.75);
} .ssm-solution-benefits {
background-color: var(--e-global-color-primary, #0d2c4f);
color: #ffffff;
padding: 32px 0;
}
.ssm-benefits-list {
list-style: none;
margin: 0 auto;
padding: 0 10px;
max-width: 1140px;
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: space-between;
}
.ssm-benefits-item {
flex: 1 1 calc(25% - 15px);
min-width: 200px;
display: flex;
align-items: center;
gap: 14px;
justify-content: center;
font-weight: 600;
}
.ssm-benefits-item__icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 40px;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
color: #01b5e1;
font-size: 18px; }
.ssm-benefits-item__icon i,
.ssm-benefits-item__icon svg {
width: auto;
height: 1em;
font-size: 1em;
} @media (max-width: 1024px) {
.ssm-benefits-item {
flex-basis: calc(50% - 10px);
}
} @media (max-width: 900px) {
.ssm-category-body {
flex-direction: column;
}
.ssm-category-col--products,
.ssm-category-col--products:not(.is-multi),
.ssm-category-col--profiles,
.ssm-category-col--accessories {
flex: 1 1 auto;
width: 100%;
max-width: none;
}
}
@media (max-width: 768px) {
.ssm-benefits-item {
flex-basis: 100%;
justify-content: flex-start;
}
.ssm-category-hero {
min-height: 180px;
}
.ssm-category-hero__content .ssm-category-hero__title {
font-size: 1.5em;
}
} .ssm-models-grid {
display: grid;
grid-template-columns: repeat(var(--ssm-cols, 3), 1fr);
gap: 32px;
}
.ssm-model-card {
display: flex;
flex-direction: column;
gap: 18px;
background-color: var(--ssm-card-bg);
border: 1px solid var(--ssm-border);
border-radius: var(--ssm-radius);
padding: 20px;
box-shadow: var(--ssm-shadow);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ssm-model-card:hover {
transform: translateY(-4px);
box-shadow: var(--ssm-shadow-hover);
}
.ssm-model-card__media {
width: 100%;
aspect-ratio: 4 / 3;
background-color: #f4f6f9;
border-radius: 10px;
overflow: hidden;
}
.ssm-model-card__media model-viewer,
.ssm-model-card__media img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
}
.ssm-model-card__body {
display: flex;
flex-direction: column;
flex: 1 1 auto;
gap: 10px;
}
.ssm-model-card__title {
margin: 0;
color: var(--ssm-primary);
font-weight: 700;
line-height: 1.2;
}
.ssm-model-card__resume {
margin: 0;
font-size: 0.92em;
line-height: 1.5;
color: rgba(13, 44, 79, 0.75);
}
.ssm-model-card__btn {
align-self: flex-start;
margin-top: auto;
padding: 10px 22px;
background-color: var(--ssm-accent);
color: #ffffff;
font-weight: 600;
text-decoration: none;
border-radius: 0;
transition: background-color 0.2s ease;
}
.ssm-model-card__btn:hover,
.ssm-model-card__btn:focus {
background-color: #0095bd; color: #ffffff;
}
@media (max-width: 1024px) {
.ssm-models-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.ssm-models-grid {
grid-template-columns: 1fr;
}
} .ssm-model-single .ssm-model-single__intro {
padding: 56px 0 64px;
}
.ssm-model-single__intro .elementor-container {
max-width: 900px;
margin: 0 auto;
padding: 0 10px;
display: block;
text-align: center;
}
.ssm-model-single__title {
text-align: center;
margin: 0 0 20px;
color: var(--ssm-primary);
font-weight: 800;
}
.ssm-model-single__text {
margin: 0 auto 36px;
max-width: 760px;
text-align: center;
}
.ssm-model-single__resume {
font-size: 1.1em;
line-height: 1.6;
color: var(--ssm-primary);
font-weight: 600;
margin: 0 0 16px;
}
.ssm-model-single__stage {
width: 100%;
height: 60vh;
min-height: 420px;
max-height: 720px;
background-color: #f4f6f9;
border: 1px solid var(--ssm-border);
border-radius: var(--ssm-radius);
overflow: hidden;
}
.ssm-model-single__stage model-viewer,
.ssm-model-single__stage img {
width: 100%;
height: 100%;
display: block;
object-fit: contain;
} .ssm-posts-grid {
display: grid;
grid-template-columns: repeat(var(--ssm-cols, 3), 1fr);
gap: 32px;
}
.ssm-post-card {
display: flex;
flex-direction: column;
background-color: var(--ssm-card-bg);
border: 1px solid var(--ssm-border);
border-radius: var(--ssm-radius);
overflow: hidden;
box-shadow: var(--ssm-shadow);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ssm-post-card:hover {
transform: translateY(-4px);
box-shadow: var(--ssm-shadow-hover);
}
.ssm-post-card__media {
position: relative;
display: block;
width: 100%;
aspect-ratio: 16 / 10;
background-color: #f4f6f9;
overflow: hidden;
}
.ssm-post-card__media img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: transform 0.4s ease;
}
.ssm-post-card:hover .ssm-post-card__media img {
transform: scale(1.04);
}
.ssm-post-card__body {
display: flex;
flex-direction: column;
flex: 1 1 auto;
gap: 12px;
padding: 24px;
}
.ssm-post-card__title {
margin: 0;
font-size: 1.25em;
line-height: 1.25;
color: var(--ssm-primary);
font-weight: 700;
}
.ssm-post-card__title a {
color: inherit;
text-decoration: none;
}
.ssm-post-card__title a:hover,
.ssm-post-card__title a:focus {
color: var(--ssm-accent);
}
.ssm-post-card__excerpt {
margin: 0;
font-size: 0.92em;
line-height: 1.6;
color: rgba(13, 44, 79, 0.75);
}
.ssm-post-card__meta {
margin-top: auto;
padding-top: 16px;
border-top: 1px solid var(--ssm-border);
display: flex;
align-items: center;
gap: 8px;
font-size: 0.82em;
font-weight: 600;
color: rgba(13, 44, 79, 0.6);
} .ssm-pagination {
margin-top: 40px;
}
.ssm-pagination .page-numbers {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
}
.ssm-pagination .page-numbers li {
margin: 0;
}
.ssm-pagination a.page-numbers,
.ssm-pagination span.page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 14px;
border: 1px solid var(--ssm-border);
border-radius: var(--ssm-radius);
background-color: var(--ssm-card-bg);
color: var(--ssm-primary);
font-weight: 600;
text-decoration: none;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.ssm-pagination a.page-numbers:hover,
.ssm-pagination a.page-numbers:focus {
border-color: var(--ssm-accent);
color: var(--ssm-accent);
}
.ssm-pagination span.page-numbers.current {
background-color: var(--ssm-accent);
border-color: var(--ssm-accent);
color: #ffffff;
}
.ssm-pagination span.page-numbers.dots {
border-color: transparent;
background-color: transparent;
} .ssm-archive-wrap {
max-width: 1140px;
margin: 0 auto;
padding: 60px 20px 80px;
}
.ssm-archive-header .ssm-archive-description {
margin-top: 16px;
color: rgba(255, 255, 255, 0.85);
font-size: 1em;
}
.ssm-archive-empty {
text-align: center;
padding: 60px 0;
color: rgba(13, 44, 79, 0.7);
}
@media (max-width: 1024px) {
.ssm-posts-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.ssm-posts-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.ssm-model-single__stage {
height: 50vh;
min-height: 300px;
}
} .ssm-whatsapp-float {
position: fixed;
right: 24px;
bottom: 24px;
z-index: 9999;
display: inline-flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 50%;
background-color: #25d366;
font-size: 30px;
line-height: 1;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
text-decoration: none;
transition: transform 0.2s ease, box-shadow 0.2s ease;
} .ssm-whatsapp-float,
.ssm-whatsapp-float:link,
.ssm-whatsapp-float:visited,
.ssm-whatsapp-float:hover,
.ssm-whatsapp-float:focus,
.ssm-whatsapp-float:active {
color: #ffffff !important;
}
.ssm-whatsapp-float:hover,
.ssm-whatsapp-float:focus {
transform: scale(1.06);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.32);
}
.ssm-whatsapp-float svg {
fill: currentColor;
}
@media (max-width: 768px) {
.ssm-whatsapp-float {
right: 16px;
bottom: 16px;
width: 52px;
height: 52px;
font-size: 28px;
}
}
@media print {
.ssm-whatsapp-float {
display: none;
}
} .wpcf7-form .hidden-fields-container {
display: none;
} .wpcf7 .wpcf7-not-valid-tip {
display: block;
margin-top: -15px;
margin-bottom: 10px;
font-weight: bold;
color: red;
font-size: 0.82em;
line-height: 1.35;
} .wpcf7 .wpcf7-form-control.wpcf7-not-valid {
border-color: #c0392b !important;
box-shadow: 0 0 0 1px rgba(192, 57, 43, 0.35);
} .wpcf7 .wpcf7-response-output {
margin: 24px 0 0;
padding: 14px 18px;
border: 1px solid transparent;
border-radius: var(--ssm-radius);
font-size: 0.92em;
line-height: 1.4;
} .wpcf7 .wpcf7-response-output[aria-hidden="true"],
.wpcf7 .wpcf7-form.init .wpcf7-response-output,
.wpcf7 .wpcf7-form.resetting .wpcf7-response-output {
display: none;
} .wpcf7 .wpcf7-form.sent .wpcf7-response-output {
color: #1e6b3a;
background-color: rgba(39, 174, 96, 0.10);
border-color: rgba(39, 174, 96, 0.45);
} .wpcf7 .wpcf7-form.invalid .wpcf7-response-output,
.wpcf7 .wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7 .wpcf7-form.payment-required .wpcf7-response-output,
.wpcf7 .wpcf7-form.spam .wpcf7-response-output,
.wpcf7 .wpcf7-form.aborted .wpcf7-response-output {
color: #8a5a00;
background-color: rgba(243, 156, 18, 0.12);
border-color: rgba(243, 156, 18, 0.45);
} .wpcf7 .wpcf7-form.failed .wpcf7-response-output {
color: #c0392b;
background-color: rgba(192, 57, 43, 0.10);
border-color: rgba(192, 57, 43, 0.45);
} .wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
margin: 0;
padding: 0;
border: 0;
} .wpcf7 .wpcf7-spinner {
display: inline-block;
width: 20px;
height: 20px;
margin: 0 0 0 12px;
padding: 0;
vertical-align: middle;
background: none;
border: 2px solid rgba(1, 181, 225, 0.25);
border-top-color: var(--ssm-accent);
border-radius: 50%;
opacity: 0;
visibility: hidden;
animation: ssm-cf7-spin 0.7s linear infinite;
}
.wpcf7 .wpcf7-spinner::before {
content: none;
display: none;
}
.wpcf7 .wpcf7-form.submitting .wpcf7-spinner {
opacity: 1;
visibility: visible;
}
@keyframes ssm-cf7-spin {
to {
transform: rotate(360deg);
}
} .ssm-solutions-list {
display: flex;
flex-direction: column;
gap: 72px;
}
.ssm-solution-item {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: center;
gap: 56px;
} .ssm-solution-item--reverse .ssm-solution-item__media {
order: 2;
} .ssm-solution-item__media {
position: relative;
display: block;
width: 100%;
aspect-ratio: 16 / 10;
overflow: hidden;
background-color: #f4f6f9;
box-shadow: 0 18px 40px rgba(13, 44, 79, 0.16);
transition: box-shadow 0.3s ease;
}
.ssm-solution-item__media::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 5px;
z-index: 2;
background: linear-gradient(90deg, var(--ssm-brand-blue) 0%, var(--ssm-accent) 100%);
}
.ssm-solution-item__media:hover {
box-shadow: 0 26px 54px rgba(13, 44, 79, 0.24);
}
.ssm-solution-item__media img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: transform 0.5s ease;
}
.ssm-solution-item__media:hover img {
transform: scale(1.05);
} .ssm-solution-item__body {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 18px;
} .ssm-solution-item__eyebrow {
display: inline-flex;
align-items: center;
gap: 12px;
font-size: 0.78em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
color: var(--ssm-accent);
}
.ssm-solution-item__eyebrow::before {
content: "";
width: 30px;
height: 2px;
background-color: var(--ssm-accent);
}
.ssm-solution-item__title {
margin: 0;
font-size: 2.1em;
line-height: 1.12;
color: var(--ssm-primary);
font-weight: 800;
}
.ssm-solution-item__title a {
color: inherit;
text-decoration: none;
}
.ssm-solution-item__title a:hover,
.ssm-solution-item__title a:focus {
color: var(--ssm-accent);
} .ssm-solution-item__title::after {
content: "";
display: block;
width: 60px;
height: 3px;
margin-top: 18px;
border-radius: 3px;
background-color: var(--ssm-accent);
}
.ssm-solution-item__desc {
margin: 0;
font-size: 1.02em;
line-height: 1.65;
color: rgba(13, 44, 79, 0.72);
}
.ssm-solution-item__cats {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ssm-solution-chip {
display: inline-flex;
align-items: center;
padding: 7px 16px;
border: 1px solid rgba(1, 181, 225, 0.5);
border-radius: 999px;
background-color: rgba(1, 181, 225, 0.08);
color: var(--ssm-primary);
font-size: 0.78em;
font-weight: 600;
letter-spacing: 0.3px;
line-height: 1;
} .ssm-solution-item__btn {
display: inline-flex;
align-items: center;
gap: 10px;
align-self: flex-start;
margin-top: 6px;
padding: 14px 30px;
background-color: var(--ssm-accent);
font-size: 0.82em;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 0;
box-shadow: 0 8px 20px rgba(1, 181, 225, 0.28);
transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.ssm-solution-item__btn::after {
content: "\2192";
font-size: 1.1em;
line-height: 1;
transition: transform 0.2s ease;
}
.ssm-solution-item__btn:hover::after,
.ssm-solution-item__btn:focus::after {
transform: translateX(4px);
} .ssm-solution-item__btn,
.ssm-solution-item__btn:link,
.ssm-solution-item__btn:visited,
.ssm-solution-item__btn:hover,
.ssm-solution-item__btn:focus,
.ssm-solution-item__btn:active {
color: #ffffff !important;
text-decoration: none !important;
}
.ssm-solution-item__btn:hover,
.ssm-solution-item__btn:focus {
background-color: #0095bd; box-shadow: 0 12px 26px rgba(1, 181, 225, 0.4);
transform: translateY(-2px);
}
@media (max-width: 768px) {
.ssm-solutions-list {
gap: 48px;
}
.ssm-solution-item {
grid-template-columns: 1fr;
gap: 24px;
} .ssm-solution-item--reverse .ssm-solution-item__media {
order: 0;
}
.ssm-solution-item__title {
font-size: 1.6em;
}
} .ssm-projects-grid {
display: grid;
grid-template-columns: repeat(var(--ssm-cols, 3), 1fr);
gap: 32px;
}
.ssm-project-card {
display: flex;
flex-direction: column;
gap: 16px;
background-color: var(--ssm-card-bg);
border: 1px solid var(--ssm-border);
border-radius: 0;
padding: 20px;
box-shadow: var(--ssm-shadow);
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ssm-project-card:hover {
transform: translateY(-4px);
box-shadow: var(--ssm-shadow-hover);
}
.ssm-project-card__media {
width: 100%;
aspect-ratio: 4 / 3;
background-color: #f4f6f9;
border-radius: 0;
overflow: hidden;
}
.ssm-project-card__media img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.ssm-project-card__body {
display: flex;
flex-direction: column;
flex: 1 1 auto;
gap: 12px;
}
.ssm-project-card__title {
margin: 0;
color: var(--ssm-primary);
font-weight: 700;
font-size: 1.15em;
line-height: 1.25;
}
.ssm-project-card__resume {
margin: 0;
font-size: 0.92em;
line-height: 1.55;
color: rgba(13, 44, 79, 0.75);
}
.ssm-project-card__infos {
list-style: none;
margin: 4px 0 12px;
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.ssm-project-card__info {
display: flex;
align-items: flex-start;
gap: 10px;
font-size: 0.9em;
line-height: 1.4;
color: var(--ssm-primary);
}
.ssm-project-card__info-icon {
flex: 0 0 auto;
display: inline-flex;
justify-content: center;
width: 20px;
margin-top: 2px;
color: var(--ssm-primary);
}
.ssm-project-card__info-icon svg,
.ssm-project-card__info-icon i {
width: 1em;
height: 1em;
font-size: 1em;
}
.ssm-project-card__info-text {
flex: 1 1 auto;
}
.ssm-project-card__btn {
display: block;
margin-top: auto;
padding: 12px 20px;
background-color: var(--ssm-accent);
text-align: center;
font-weight: 600;
border-radius: 0;
box-shadow: 0 8px 20px rgba(1, 181, 225, 0.24);
transition: background-color 0.2s ease, box-shadow 0.2s ease;
} .ssm-project-card__btn,
.ssm-project-card__btn:link,
.ssm-project-card__btn:visited,
.ssm-project-card__btn:hover,
.ssm-project-card__btn:focus,
.ssm-project-card__btn:active {
color: #ffffff !important;
text-decoration: none !important;
}
.ssm-project-card__btn:hover,
.ssm-project-card__btn:focus {
background-color: #0095bd; box-shadow: 0 12px 26px rgba(1, 181, 225, 0.36);
}
@media (max-width: 1024px) {
.ssm-projects-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.ssm-projects-grid {
grid-template-columns: 1fr;
}
}  .gtranslate_wrapper #google_translate_element2 {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.gtranslate_wrapper.ssm-gt-ready {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 1.2;
} .gtranslate_wrapper.ssm-gt-ready .ssm-gt-trigger {
position: relative;
display: flex;
align-items: center;
gap: 8px;
padding: 8px 36px 8px 12px;
border: 1px solid rgba(255, 255, 255, 0.28);
border-radius: 4px;
color: #ffffff;
white-space: nowrap;
cursor: pointer;
min-width: 150px;
transition: border-color 0.2s ease;
}
.gtranslate_wrapper.ssm-gt-ready .ssm-gt-trigger:hover,
.gtranslate_wrapper.ssm-gt-ready .ssm-gt-trigger:focus {
border-color: var(--e-global-color-a2c0d56, #01b5e1);
outline: none;
}
.gtranslate_wrapper.ssm-gt-ready .ssm-gt-trigger__label {
overflow: hidden;
text-overflow: ellipsis;
} .gtranslate_wrapper.ssm-gt-ready .ssm-gt-trigger::after {
content: "";
position: absolute;
right: 14px;
top: 50%;
width: 7px;
height: 7px;
margin-top: -5px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform 0.2s ease;
pointer-events: none;
}
.gtranslate_wrapper.ssm-gt-open .ssm-gt-trigger::after {
margin-top: -2px;
transform: rotate(-135deg);
} .gtranslate_wrapper.ssm-gt-ready .ssm-gt-menu {
position: absolute;
top: calc(100% + 6px);
left: 0;
right: 0;
min-width: 100%;
display: none;
flex-direction: column;
background-color: var(--e-global-color-primary, #0d2c4f);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 4px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
overflow: hidden;
z-index: 50;
}
.gtranslate_wrapper.ssm-gt-open .ssm-gt-menu {
display: flex;
}
.gtranslate_wrapper.ssm-gt-ready .ssm-gt-menu .glink {
display: flex;
align-items: center;
gap: 8px;
padding: 9px 12px;
color: #ffffff;
text-decoration: none;
white-space: nowrap;
transition: background-color 0.15s ease, color 0.15s ease;
}
.gtranslate_wrapper.ssm-gt-ready .ssm-gt-menu .glink:hover,
.gtranslate_wrapper.ssm-gt-ready .ssm-gt-menu .glink:focus {
background-color: rgba(255, 255, 255, 0.1);
color: var(--e-global-color-a2c0d56, #01b5e1);
} .gtranslate_wrapper.ssm-gt-ready .ssm-gt-menu .glink.gt-current-lang {
display: none;
} .gtranslate_wrapper.ssm-gt-ready .ssm-gt-trigger__flag,
.gtranslate_wrapper.ssm-gt-ready .ssm-gt-menu .glink img {
display: block;
flex: 0 0 20px;
width: 20px;
height: 20px;
} .ekit-template-content-header .gtranslate_wrapper.ssm-gt-ready .ssm-gt-trigger {
border: none;
min-width: 0;
padding: 6px 20px 6px 4px;
}
.ekit-template-content-header .gtranslate_wrapper.ssm-gt-ready .ssm-gt-trigger:hover,
.ekit-template-content-header .gtranslate_wrapper.ssm-gt-ready .ssm-gt-trigger:focus {
border-color: transparent;
color: var(--e-global-color-a2c0d56, #01b5e1);
}
.ekit-template-content-header .gtranslate_wrapper.ssm-gt-ready .ssm-gt-trigger__label {
display: none;
} .ekit-template-content-header .gtranslate_wrapper.ssm-gt-ready .ssm-gt-trigger::after {
right: 6px;
} .ekit-template-content-header .gtranslate_wrapper.ssm-gt-ready .ssm-gt-menu {
right: auto;
min-width: 160px;
}