@font-face {
font-family: "Slate Pro Condensed";
src: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/fonts/SlatePro-Condensed.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Slate Pro Condensed";
src: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/fonts/SlatePro-MediumCondensed.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Slate Pro Condensed";
src: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/fonts/SlatePro-BoldCondensed.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
} :root {
--axk-blue: #238bbb;
--axk-yellow: #e2b723;
--axk-card-blue: #6eb1cf;
--axk-card-yellow: #ebcf6e;
--axk-banner-yellow: #ebce6d;
--axk-light-grey: #f7f7f7;
--axk-stroke: #238bbb33;
--axk-text-50: #238bbb80;
--axk-text-80: #238bbbcc;
--axk-white: #ffffff;
--axk-black: #1a1a1a;
--axk-font-heading: "Slate Pro Condensed", "Inter", sans-serif;
--axk-font-body: "Inter", system-ui, -apple-system, sans-serif;
--axk-margin: 40px;
--axk-section-gap: 60px;
--axk-radius: 8px;
--axk-radius-lg: 16px;
--axk-h1: 56px;
--axk-h2: 48px;
--axk-h3: 36px;
--axk-h4: 28px;
--axk-h4-5: 24px;
--axk-h5: 18px;
--axk-text-large: 18px;
--axk-text-small: 16px;
--axk-text-tiny: 14px;
--axk-button: 14px;
--axk-header-h: 70px;
} html:has(.ax-konica) {
scroll-behavior: smooth;
}
body.ax-konica {
margin: 0;
font-family: var(--axk-font-body);
font-size: var(--axk-text-small);
line-height: 1.5;
color: var(--axk-black);
background: var(--axk-white);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
body.ax-konica *,
body.ax-konica *::before,
body.ax-konica *::after {
box-sizing: border-box;
}
body.ax-konica img,
body.ax-konica svg {
max-width: 100%;
display: block;
}
body.ax-konica a {
color: inherit;
text-decoration: none;
}
body.ax-konica button {
font: inherit;
cursor: pointer;
background: none;
border: 0;
color: inherit;
}
body.ax-konica ul {
list-style: none;
margin: 0;
padding: 0;
}
body.ax-konica p {
margin: 0;
}
body.ax-konica h1,
body.ax-konica h2,
body.ax-konica h3,
body.ax-konica h4,
body.ax-konica h5 {
font-family: var(--axk-font-heading);
font-weight: 500;
line-height: 1;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.01em;
}
body.ax-konica h1 {
font-size: var(--axk-h1);
}
body.ax-konica h2 {
font-size: var(--axk-h2);
}
body.ax-konica h3 {
font-size: var(--axk-h3);
}
body.ax-konica h4 {
font-size: var(--axk-h4);
}
body.ax-konica h5 {
font-size: var(--axk-h5);
}
.ax-konica h1,
.ax-konica h2,
.ax-konica h3,
.ax-konica h4,
.ax-konica h5,
.ax-konica h6 {
text-wrap: balance;
overflow-wrap: break-word;
}
.ax-konica .axk-container {
width: 100%;
max-width: 1440px;
margin: 0 auto;
} .ax-konica .axk-icon {
display: inline-block;
width: 1em;
height: 1em;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
flex-shrink: 0;
}
.ax-konica .axk-icon--check {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/check.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--check-outline {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/check-outline.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--document {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/document.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--security {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/security.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--locked {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/locked.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--chart-line {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/chart-line.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--cloud-upload {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/cloud-upload.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--cloud-lock {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/cloud-lock.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--archive {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/archive.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--users {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/users.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--badge {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/badge.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--time {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/time.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--headset {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/headset.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--connect {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/connect.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--idea {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/idea.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--folder {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/folder.svg);
background-image: var(--axk-icon-url);
}
.ax-konica .axk-icon--plus {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/plus.svg);
background-image: var(--axk-icon-url);
} .ax-konica .axk-btn {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 15px 29px;
border: 1px solid transparent;
border-radius: var(--axk-radius);
font-size: var(--axk-button);
font-weight: 600;
letter-spacing: 0.7px;
line-height: 1.4;
white-space: nowrap;
text-transform: uppercase;
transition:
background 0.2s ease,
border-color 0.2s ease,
transform 0.2s ease;
}
.ax-konica .axk-btn:hover {
transform: translateY(-1px);
}
.ax-konica .axk-btn--yellow {
background: var(--axk-yellow);
border-color: var(--axk-yellow);
color: var(--axk-white);
}
.ax-konica .axk-btn--yellow:hover {
color: var(--axk-blue);
background: var(--axk-white);
border-color: var(--axk-white);
}
.ax-konica .axk-btn--yellow .axk-btn__dot {
background: var(--axk-blue);
}
.ax-konica .axk-btn--yellow:hover .axk-btn__dot {
background: var(--axk-yellow);
}
.ax-konica .axk-btn--blue {
background: var(--axk-blue);
border-color: rgba(35, 139, 187, 0.5);
color: var(--axk-white);
}
.ax-konica .axk-btn--blue:hover {
background: var(--axk-white);
border-color: var(--axk-white);
color: var(--axk-blue);
}
.ax-konica .axk-btn--blue .axk-btn__dot {
background: var(--axk-yellow);
}
.ax-konica .axk-btn--blue:hover .axk-btn__dot {
background: var(--axk-blue);
}
.ax-konica .axk-btn--white {
background: var(--axk-white);
border-color: var(--axk-white);
color: var(--axk-blue);
}
.ax-konica .axk-btn--white:hover {
background: var(--axk-blue);
border-color: var(--axk-blue);
color: var(--axk-white);
}
.ax-konica .axk-btn--white .axk-btn__dot {
background: var(--axk-yellow);
}
.ax-konica .axk-btn--white:hover .axk-btn__dot {
background: var(--axk-white);
}
.ax-konica .axk-btn__dot {
width: 8px;
height: 8px;
border-radius: 50%;
flex-shrink: 0;
} .ax-konica .axk-header {
position: sticky;
top: 0;
z-index: 100;
background: var(--axk-white);
height: var(--axk-header-h);
border-bottom: 1px solid var(--axk-stroke);
padding: 0 var(--axk-margin);
}
.ax-konica .axk-header__inner {
display: flex;
align-items: center;
gap: 30px;
height: 100%;
}
.ax-konica .axk-header__logo img {
height: 29px;
width: auto;
}
.ax-konica .axk-header__nav {
display: flex;
align-items: center;
font-weight: 600;
gap: 16px;
flex: 1;
font-family: var(--axk-font-body);
font-size: var(--axk-text-tiny);
color: var(--axk-blue);
}
.ax-konica .axk-header__nav a {
position: relative;
}
.ax-konica .axk-header__nav a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -5px;
height: 2px;
background: currentColor;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.ax-konica .axk-header__nav a:hover::after,
.ax-konica .axk-header__nav a.is-active::after {
transform: scaleX(1);
}
.ax-konica .axk-header__mobile a.is-active {
text-decoration: underline;
text-underline-offset: 4px;
}
.ax-konica .axk-header__cta {
padding: 10px 22px;
margin-left: auto;
}
.ax-konica .axk-header__cta.axk-btn--blue:hover {
background: var(--axk-yellow);
border-color: var(--axk-yellow);
color: var(--axk-white);
}
.ax-konica .axk-header__cta.axk-btn--blue:hover .axk-btn__dot {
background: var(--axk-blue);
}
.ax-konica .axk-header__burger {
display: none;
width: 32px;
height: 32px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
}
.ax-konica .axk-header__burger span {
display: block;
width: 22px;
height: 2px;
background: var(--axk-blue);
transition:
transform 0.25s ease,
opacity 0.25s ease;
}
.ax-konica .axk-header__burger[aria-expanded="true"] span:nth-child(1) {
transform: translateY(6px) rotate(45deg);
}
.ax-konica .axk-header__burger[aria-expanded="true"] span:nth-child(2) {
opacity: 0;
}
.ax-konica .axk-header__burger[aria-expanded="true"] span:nth-child(3) {
transform: translateY(-6px) rotate(-45deg);
}
.ax-konica .axk-header__mobile {
display: none;
flex-direction: column;
gap: 18px;
padding: 24px var(--axk-margin);
background: var(--axk-white);
border-top: 1px solid var(--axk-stroke);
font-family: var(--axk-font-heading);
color: var(--axk-blue);
}
.ax-konica .axk-header__mobile:not([hidden]) {
display: flex;
} .ax-konica .axk-footer {
padding: 10px;
border-top: none;
}
.ax-konica .axk-footer__box {
background: var(--axk-blue);
border-radius: var(--axk-radius-lg);
padding: 88px 16px;
display: flex;
flex-direction: column;
align-items: center;
gap: 28px;
color: var(--axk-white);
}
.ax-konica .axk-footer__logo img {
width: 251px;
height: auto;
}
.ax-konica .axk-footer__nav {
width: 100%;
max-width: 928px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
}
.ax-konica .axk-footer__links,
.ax-konica .axk-footer__legal {
display: flex;
gap: 24px;
}
.ax-konica .axk-footer__links li,
.ax-konica .axk-footer__legal li {
display: flex;
align-items: center;
gap: 6px;
font-size: 12px;
color: var(--axk-white);
}
.ax-konica .axk-footer__links a,
.ax-konica .axk-footer__legal a {
position: relative;
}
.ax-konica .axk-footer__links a::after,
.ax-konica .axk-footer__legal a::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -2px;
height: 1px;
background: currentColor;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.ax-konica .axk-footer__links a:hover::after,
.ax-konica .axk-footer__legal a:hover::after {
transform: scaleX(1);
}
.ax-konica .axk-footer__bullet {
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--axk-white);
flex-shrink: 0;
}
.ax-konica .axk-footer__bottom {
width: 100%;
max-width: 928px;
border-top: 1px solid var(--axk-white);
padding-top: 16px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.ax-konica .axk-footer__copy {
font-size: 11px;
}
.ax-konica .axk-footer__disclaimer {
font-size: 10px;
opacity: 0.9;
} .ax-konica .axk-main {
display: block;
} .ax-konica .axk-hero {
position: relative;
min-height: 500px;
display: flex;
align-items: center;
padding: 60px var(--axk-margin);
color: var(--axk-white);
overflow: hidden;
isolation: isolate;
}
.ax-konica .axk-hero__bg {
position: absolute;
inset: 0;
z-index: -2;
object-fit: cover;
width: 100%;
height: clamp(150%, calc(150% + (100vw - 1440px) / 1000px * 40%), 250%);
top: clamp(-22%, calc(-22% - (100vw - 1440px) / 1000px * 3.5%), -17%);
}
.ax-konica .axk-hero__inner {
display: flex;
flex-direction: column;
gap: 24px;
max-width: 720px;
}
.ax-konica .axk-hero__logo img {
width: 109px;
height: auto;
aspect-ratio: 109 / 54;
}
.ax-konica .axk-hero__title {
color: white;
}
.ax-konica .axk-hero__subtitle {
font-family: var(--axk-font-heading);
font-size: var(--axk-h4);
font-weight: 500;
letter-spacing: 0.01em;
line-height: 1;
}
.ax-konica .axk-hero__text {
font-size: var(--axk-text-large);
}
.ax-konica .axk-hero__ctas {
display: flex;
gap: 8px;
flex-wrap: wrap;
} .ax-konica.axk-js [data-axk-reveal] {
visibility: hidden;
}
.ax-konica.axk-js [data-axk-reveal].axk-revealed,
.ax-konica.axk-js .gsap-hidden { } .ax-konica .axk-offre {
position: relative;
background: var(--axk-blue);
color: var(--axk-white);
padding: 40px var(--axk-margin) 60px;
}
.ax-konica .axk-offre__topwave {
position: absolute;
top: -72px;
left: 0;
width: 100%;
height: 100px;
background: var(--axk-blue);
clip-path: polygon(0 69px, 100% 0, 100% 100%, 0 100%);
}
.ax-konica .axk-offre__inner {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
padding-top: var(--axk-section-gap);
}
.ax-konica .axk-offre__title {
font-size: var(--axk-h2);
text-align: center;
max-width: none;
white-space: nowrap;
color: var(--axk-light-grey);
margin-bottom: var(--axk-margin);
}
@media (max-width: 1030px) {
.ax-konica .axk-offre__title {
white-space: normal;
max-width: 928px;
}
}
.ax-konica .axk-offre__common {
width: 100%;
max-width: 1063px;
margin-bottom: var(--axk-margin);
padding: 32px 40px;
background: #fff;
border-radius: var(--axk-radius-lg);
border: 2px solid var(--axk-blue);
} @media (min-width: 901px) {
.ax-konica .axk-offre__stack {
display: grid;
width: 100%;
max-width: 1063px;
}
.ax-konica .axk-offre__cards,
.ax-konica .axk-offre__common {
grid-area: 1 / 1;
}
.ax-konica .axk-offre__common {
align-self: start;
width: auto;
margin-top: 148px;
margin-bottom: 0;
margin-inline: 40px;
z-index: 2;
pointer-events: none;
}
.ax-konica .axk-offre__common-item {
pointer-events: auto;
}
.ax-konica .axk-offre__cardbody {
padding-top: 180px;
}
}
.ax-konica .axk-offre__common-title {
color: var(--axk-blue);
font-size: var(--axk-h4-5);
text-align: center;
margin: 0 0 28px;
}
.ax-konica .axk-offre__common-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.ax-konica .axk-offre__common-item {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.ax-konica .axk-offre__common-iconwrap {
flex-shrink: 0;
width: 56px;
height: 56px;
border-radius: 50%;
background: #238bbb1a;
display: flex;
align-items: center;
justify-content: center;
}
.ax-konica .axk-offre__common-iconwrap .axk-icon {
width: 32px;
height: 32px;
filter: invert(43%) sepia(76%) saturate(530%) hue-rotate(160deg)
brightness(95%) contrast(85%);
}
.ax-konica .axk-offre__common-text {
color: var(--axk-black);
font-size: var(--axk-text-tiny);
font-weight: 600;
line-height: 1.4;
max-width: 200px;
text-wrap: balance;
}
@media (max-width: 900px) {
.ax-konica .axk-offre__common {
padding: 24px 20px;
}
.ax-konica .axk-offre__common-list {
grid-template-columns: 1fr;
gap: 18px;
}
.ax-konica .axk-offre__common-item {
justify-content: flex-start;
}
}
.ax-konica .axk-offre__cards {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
width: 100%;
max-width: 1063px;
}
.ax-konica .axk-offre__note {
width: 100%;
max-width: 1063px;
margin: -24px 0 24px;
font-size: 0.8em;
text-align: left;
color: var(--axk-white);
}
.ax-konica .axk-offre__card {
position: relative;
border: 1px solid var(--axk-white);
border-radius: var(--axk-radius-lg);
padding: 60px 22px 28px;
background: #fff;
color: var(--axk-black);
display: flex;
flex-direction: column;
gap: 28px;
margin-bottom: 48px;
transition:
transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1),
box-shadow 0.45s ease;
will-change: transform;
}
.ax-konica .axk-offre__card:hover {
box-shadow: 0 14px 36px -16px rgba(0, 0, 0, 0.3);
}
@media (prefers-reduced-motion: reduce) {
.ax-konica .axk-offre__card {
transition: none;
}
}
.ax-konica .axk-offre__badge {
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
background: var(--axk-yellow);
color: var(--axk-white);
padding: 4px 8px;
border-radius: var(--axk-radius);
font-family: var(--axk-font-body);
font-size: var(--axk-button);
font-weight: 600;
text-transform: uppercase;
white-space: nowrap;
}
.ax-konica .axk-offre__cardhead {
background: var(--axk-white);
margin: -60px -22px 0;
border-radius: var(--axk-radius-lg) var(--axk-radius-lg) 0 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 28px 24px 18px;
}
.ax-konica .axk-offre__cardhead-img {
max-height: 64px;
width: auto;
}
.ax-konica .axk-offre__komidoc-logo {
width: 157px;
display: block;
} .ax-konica .axk-offre__komidoc-tier {
display: flex;
align-items: center;
gap: 10px;
font-family: var(--axk-font-body);
font-size: 16px;
font-weight: 400;
color: var(--axk-black);
text-transform: none;
letter-spacing: 0;
width: 157px;
justify-content: center;
}
.ax-konica .axk-offre__komidoc-tier::before,
.ax-konica .axk-offre__komidoc-tier::after {
content: "";
flex: 1;
height: 1px;
background: var(--axk-black);
max-width: 56px;
}
.ax-konica .axk-offre__cardbody {
display: flex;
flex-direction: column;
gap: 28px;
}
.ax-konica .axk-offre__prereq {
font-size: var(--axk-text-tiny);
font-weight: 600;
margin: 0 0 -14px;
}
.ax-konica .axk-offre__prereq-plus {
display: flex;
justify-content: center;
margin: 0 0 -14px;
}
.ax-konica .axk-offre__prereq-plus .axk-icon--plus {
--axk-icon-url: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/svg/plus-white.svg);
width: 32px;
height: 32px;
border-radius: 50%;
background-color: var(--axk-blue);
background-size: 22px;
}
.ax-konica .axk-offre__features {
display: flex;
flex-direction: column;
gap: 14px;
}
.ax-konica .axk-offre__features li {
display: flex;
gap: 10px;
font-size: var(--axk-text-tiny);
line-height: 1.4;
* {
color: inherit;
}
}
.ax-konica .axk-offre__features .axk-icon--check {
width: 16px;
height: 16px;
margin-top: 2px;
background-image: none;
background-color: var(--axk-black);
-webkit-mask: var(--axk-icon-url) center / contain no-repeat;
mask: var(--axk-icon-url) center / contain no-repeat;
} .ax-konica .axk-facturation {
background: var(--axk-banner-yellow);
padding: 24px 20px;
}
.ax-konica .axk-facturation__card {
background: var(--axk-blue);
border-radius: var(--axk-radius-lg);
display: flex;
align-items: center;
gap: 15px;
min-height: 103px;
overflow: hidden;
}
.ax-konica .axk-facturation__logo {
background: var(--axk-white);
width: 264px;
flex-shrink: 0;
align-self: stretch;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
border-right: 1px solid var(--axk-blue);
}
.ax-konica .axk-facturation__logo img {
max-width: 80%;
max-height: 70px;
}
.ax-konica .axk-facturation__text {
color: var(--axk-white);
font-family: var(--axk-font-heading);
font-size: 22px;
line-height: 1.2;
font-weight: 500;
padding: 16px 24px 16px 0;
}
.ax-konica .axk-facturation__text p {
margin: 0;
}
.ax-konica .axk-facturation__text p + p {
margin-top: 16px;
} .ax-konica .axk-facturation__text strong {
color: var(--axk-card-yellow);
font-weight: 500;
} .ax-konica .axk-features {
background-color: #fffefa;
background-image: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/img/FeaturesSection.webp);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
padding: 88px var(--axk-margin) 64px;
position: relative;
overflow: hidden;
} @media (max-width: 900px), (hover: none) {
.ax-konica .axk-features {
background-attachment: scroll;
}
}
.ax-konica .axk-features__title {
color: var(--axk-blue);
font-size: var(--axk-h2);
text-align: center;
max-width: 600px;
margin: 0 auto 80px;
}
.ax-konica .axk-features__grid {
position: relative;
width: 100%;
max-width: 1120px; height: 625px;
margin: 0 auto;
}
@property --axk-card-bg-alpha {
syntax: "<percentage>";
inherits: true;
initial-value: 100%;
}
.ax-konica .axk-features__item {
position: absolute;
width: 359px;
max-width: 100%;
} .ax-konica .axk-features__item:nth-child(1) {
left: 0%;
top: 0;
}
.ax-konica .axk-features__item:nth-child(2) {
left: 62%;
top: 0;
}
.ax-konica .axk-features__item:nth-child(3) {
left: 18%;
top: 215px;
}
.ax-konica .axk-features__item:nth-child(4) {
right: 0%;
top: 215px;
}
.ax-konica .axk-features__item:nth-child(5) {
left: 0%;
top: 430px;
}
.ax-konica .axk-features__item:nth-child(6) {
left: 36%;
top: 430px;
}
.ax-konica .axk-features__item[data-axk-feature-card] {
will-change: transform, opacity;
--axk-card-bg-alpha: 100%;
}
.ax-konica .axk-features__inner {
position: relative;
display: block;
height: 100%;
padding: 40px 60px 24px;
border-radius: var(--axk-radius-lg);
color: var(--axk-white);
transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.ax-konica .axk-features__item--yellow .axk-features__inner {
background: color-mix(
in srgb,
var(--axk-card-yellow) var(--axk-card-bg-alpha, 100%),
transparent
);
}
.ax-konica .axk-features__item--blue .axk-features__inner {
background: color-mix(
in srgb,
var(--axk-card-blue) var(--axk-card-bg-alpha, 100%),
transparent
);
}
@media (hover: hover) {
.ax-konica .axk-features__item:hover .axk-features__inner {
transform: scale(1.04);
}
}
@media (prefers-reduced-motion: reduce) {
.ax-konica .axk-features__inner {
transition: none;
}
}
.ax-konica .axk-features__icon {
position: absolute;
top: -30px;
left: 38px;
width: 60px;
height: 60px;
background-color: rgba(255, 255, 255, 0.9);
background-image: none;
border-radius: 19px;
}
.ax-konica .axk-features__icon::before {
content: "";
position: absolute;
inset: 16px;
background-color: var(--axk-features-icon-color, var(--axk-card-blue));
-webkit-mask: var(--axk-icon-url) no-repeat center / contain;
mask: var(--axk-icon-url) no-repeat center / contain;
}
.ax-konica .axk-features__item--yellow {
--axk-features-icon-color: var(--axk-card-blue);
}
.ax-konica .axk-features__item--blue {
--axk-features-icon-color: var(--axk-card-yellow);
}
.ax-konica .axk-features__cardtitle {
font-size: var(--axk-h4);
color: var(--axk-white);
margin-bottom: 8px;
text-transform: none;
line-height: 1;
}
.ax-konica .axk-features__cardtext {
font-family: var(--axk-font-body);
font-size: var(--axk-text-small);
line-height: 1.4;
text-transform: none;
} .ax-konica .axk-benefice {
padding: 88px var(--axk-margin);
}
.ax-konica .axk-benefice__box {
background: var(--axk-yellow);
border-radius: var(--axk-radius-lg);
padding: 60px 48px;
}
.ax-konica .axk-benefice__title {
color: var(--axk-white);
text-align: center;
font-size: var(--axk-h2);
margin-bottom: 40px;
}
.ax-konica .axk-benefice__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 51px;
align-items: center;
}
.ax-konica .axk-benefice__image img {
width: 100%;
height: 482px;
object-fit: cover;
border-radius: var(--axk-radius-lg);
}
.ax-konica .axk-benefice__items {
display: flex;
flex-direction: column;
gap: 24px;
}
.ax-konica .axk-benefice__item {
background: var(--axk-white);
border-radius: var(--axk-radius-lg);
padding: 28px;
display: flex;
align-items: center;
gap: 13px;
transition:
transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1),
box-shadow 0.3s ease;
}
.ax-konica .axk-benefice__item:hover {
transform: translateX(6px);
box-shadow: 0 10px 24px -12px rgba(0, 0, 0, 0.25);
}
.ax-konica .axk-benefice__iconwrap {
background: rgba(35, 139, 187, 0.1);
border-radius: 14px;
width: 44px;
height: 44px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: background 0.3s ease;
}
.ax-konica .axk-benefice__item:hover .axk-benefice__iconwrap {
background: var(--axk-blue);
}
.ax-konica .axk-benefice__item:hover .axk-benefice__iconwrap .axk-icon {
filter: brightness(0) invert(1);
}
.ax-konica .axk-benefice__iconwrap .axk-icon {
width: 20px;
height: 20px;
filter: invert(43%) sepia(76%) saturate(530%) hue-rotate(160deg)
brightness(95%) contrast(85%);
}
.ax-konica .axk-benefice__itemtitle {
color: var(--axk-blue);
font-size: var(--axk-h4-5);
text-transform: none;
} .ax-konica .axk-demo {
position: relative;
background: var(--axk-blue);
color: var(--axk-white);
padding: 100px var(--axk-margin) 60px;
overflow-x: clip;
}
.ax-konica .axk-demo__topwave {
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 100px;
background: var(--axk-banner-yellow);
clip-path: polygon(0 0, 100% 0, 0 100%);
z-index: 1;
pointer-events: none;
}
.ax-konica .axk-demo > .axk-container {
position: relative;
z-index: 2;
}
.ax-konica .axk-demo__inner {
position: relative;
display: flex;
flex-direction: column;
gap: 80px;
padding-top: var(--axk-margin);
}
.ax-konica .axk-demo__head {
text-align: center;
display: flex;
flex-direction: column;
gap: 24px;
align-items: center;
}
.ax-konica .axk-demo__title {
font-size: var(--axk-h2);
color: var(--axk-white);
}
.ax-konica .axk-demo__subtitle {
font-size: var(--axk-text-large);
max-width: 720px;
}
.ax-konica .axk-demo__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
align-items: start;
}
.ax-konica .axk-demo__form {
background: var(--axk-white);
border-radius: var(--axk-radius-lg);
padding: 33px;
border: 1px solid rgba(1, 82, 119, 0.2);
display: flex;
flex-direction: column;
}
.ax-konica .axk-demo__placeholder {
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
justify-content: center;
text-align: center;
padding: 24px;
border: 2px dashed var(--axk-stroke);
border-radius: 12px;
color: var(--axk-blue);
background: var(--axk-light-grey);
}
.ax-konica .axk-demo__placeholder-label {
font-family: var(--axk-font-heading);
font-size: var(--axk-h4);
text-transform: uppercase;
}
.ax-konica .axk-demo__placeholder-hint {
font-size: var(--axk-text-tiny);
max-width: 320px;
opacity: 0.7;
}
.ax-konica .axk-demo__placeholder code {
background: var(--axk-white);
padding: 2px 6px;
border-radius: 4px;
font-size: 12px;
}
.ax-konica .axk-demo__cards {
display: flex;
flex-direction: column;
gap: 56px;
position: sticky;
top: 100px;
}
.ax-konica .axk-demo__card {
background: var(--axk-white);
color: var(--axk-blue);
padding: 24px 20px;
border-radius: var(--axk-radius-lg);
display: flex;
flex-direction: column;
gap: 2px;
transition:
transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1),
box-shadow 0.3s ease;
}
.ax-konica .axk-demo__card:hover {
transform: translateX(6px);
box-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.25);
}
.ax-konica .axk-demo__cardhead {
display: flex;
align-items: center;
gap: 10px;
}
.ax-konica .axk-demo__cardicon {
width: 40px;
height: 40px;
border-radius: 14px;
background: rgba(226, 183, 35, 0.15);
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.ax-konica .axk-demo__cardicon .axk-icon {
width: 20px;
height: 20px;
filter: invert(73%) sepia(43%) saturate(956%) hue-rotate(7deg) brightness(95%)
contrast(86%);
}
.ax-konica .axk-demo__cardtitle {
font-size: var(--axk-h4);
color: var(--axk-blue);
line-height: 1;
font-weight: 500;
}
.ax-konica .axk-demo__cardtext {
font-family: var(--axk-font-heading);
font-size: 16px;
line-height: 20px;
letter-spacing: 0.16px;
color: var(--axk-text-50);
text-transform: none;
font-weight: 400;
font-style: normal;
text-wrap: wrap;
}  .ax-konica .axk-demo__embed .mktoForm .mktoFormRow:has(input[type="hidden"]),
.ax-konica .axk-demo__embed .mktoForm .mktoFormRow:has(input#surname) {
display: none;
} .ax-konica .axk-demo__embed .mktoForm {
width: 100%;
padding: 0;
}
.ax-konica .axk-demo__embed .mktoForm * {
box-sizing: border-box;
}
.ax-konica .axk-demo__embed .mktoForm .mktoFormRow,
.ax-konica .axk-demo__embed .mktoForm .mktoFormCol,
.ax-konica .axk-demo__embed .mktoForm .mktoFieldDescriptor,
.ax-konica .axk-demo__embed .mktoForm .mktoFieldWrap {
width: 100%;
float: none;
margin: 0 0 12px;
}
.ax-konica .axk-demo__embed .mktoForm .mktoGutter,
.ax-konica .axk-demo__embed .mktoForm .mktoOffset,
.ax-konica .axk-demo__embed .mktoForm .mktoClear {
display: none;
width: 0;
}
.ax-konica .axk-demo__embed .mktoForm .mktoLabel {
width: auto;
float: none;
display: block;
margin-bottom: 4px;
}
.ax-konica .axk-demo__embed .mktoForm .mktoField,
.ax-konica .axk-demo__embed .mktoForm input[type="text"],
.ax-konica .axk-demo__embed .mktoForm input[type="email"],
.ax-konica .axk-demo__embed .mktoForm input[type="tel"],
.ax-konica .axk-demo__embed .mktoForm input[type="url"],
.ax-konica .axk-demo__embed .mktoForm input[type="number"],
.ax-konica .axk-demo__embed .mktoForm select,
.ax-konica .axk-demo__embed .mktoForm textarea.mktoField {
width: 100%; float: none;
} .ax-konica .axk-demo__embed .mktoForm .mktoLabel {
display: flex;
align-items: baseline;
gap: 3px;
font-family: var(--axk-font-body);
font-size: var(--axk-text-small);
font-weight: 600;
color: var(--axk-blue);
}
.ax-konica .axk-demo__embed .mktoForm .mktoAsterix {
order: 2; color: var(--axk-yellow);
float: none;
padding-left: 0;
}
.ax-konica .axk-demo__embed .mktoForm .mktoField,
.ax-konica .axk-demo__embed .mktoForm input[type="text"],
.ax-konica .axk-demo__embed .mktoForm input[type="email"],
.ax-konica .axk-demo__embed .mktoForm input[type="tel"],
.ax-konica .axk-demo__embed .mktoForm input[type="url"],
.ax-konica .axk-demo__embed .mktoForm input[type="number"],
.ax-konica .axk-demo__embed .mktoForm select,
.ax-konica .axk-demo__embed .mktoForm textarea.mktoField {
min-height: 44px;
padding: 10px 14px;
border: 1px solid var(--axk-stroke);
border-radius: var(--axk-radius);
background: var(--axk-white);
font-family: var(--axk-font-body);
font-size: var(--axk-text-small);
color: var(--axk-black);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.ax-konica .axk-demo__embed .mktoForm textarea.mktoField {
min-height: 96px;
resize: vertical;
}
.ax-konica .axk-demo__embed .mktoForm .mktoField:focus,
.ax-konica .axk-demo__embed .mktoForm select:focus,
.ax-konica .axk-demo__embed .mktoForm textarea.mktoField:focus {
outline: none;
border-color: var(--axk-blue);
box-shadow: 0 0 0 3px var(--axk-stroke);
}
.ax-konica .axk-demo__embed .mktoForm .mktoError {
color: #d23b3b;
font-size: var(--axk-text-tiny);
} .ax-konica .axk-demo__embed .mktoForm .mktoHtmlText {
color: var(--axk-text-80);
font-size: var(--axk-text-tiny);
line-height: 1.5;
}
.ax-konica .axk-demo__embed .mktoForm .mktoHtmlText a {
color: var(--axk-blue);
text-decoration: underline;
}
.ax-konica .axk-demo__embed .mktoForm .mktoCheckboxList,
.ax-konica .axk-demo__embed .mktoForm .mktoRadioList {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: flex-start;
}
.ax-konica .axk-demo__embed .mktoForm .mktoCheckboxList input,
.ax-konica .axk-demo__embed .mktoForm .mktoRadioList input {
width: auto;
min-height: 0;
margin: 3px 6px 0 0;
} .ax-konica .axk-demo__embed .mktoForm .mktoButtonRow {
width: 100%;
margin-top: 8px;
}
.ax-konica .axk-demo__embed .mktoForm .mktoButtonWrap {
display: block;
width: 100%;
margin-left: 0 !important;
}
.ax-konica .axk-demo__embed .mktoForm .mktoButton {
appearance: none;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
width: 100%;
min-height: 0;
background: var(--axk-blue);
border: 1px solid var(--axk-blue);
color: var(--axk-white);
border-radius: var(--axk-radius);
padding: 15px 29px;
font-family: var(--axk-font-body);
font-size: var(--axk-button);
font-weight: 600;
letter-spacing: 0.7px;
text-transform: uppercase;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
} .ax-konica .axk-demo__embed .mktoForm .mktoButton::after {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--axk-yellow);
flex-shrink: 0;
}
.ax-konica .axk-demo__embed .mktoForm .mktoButton:hover {
background: var(--axk-white);
border-color: var(--axk-blue);
color: var(--axk-blue);
}
.ax-konica .axk-demo__embed .mktoForm .mktoButton:hover::after {
background: var(--axk-blue);
} @media (min-width: 768px) {
.ax-konica .axk-demo__embed .mktoForm .mktoFormRow {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 24px;
}
.ax-konica .axk-demo__embed .mktoForm .mktoFormRow:has(textarea),
.ax-konica .axk-demo__embed .mktoForm .mktoFormRow:has(.mktoHtmlText) {
grid-template-columns: 1fr;
}
.ax-konica .axk-demo__embed .mktoForm .mktoFormCol,
.ax-konica .axk-demo__embed .mktoForm .mktoFieldWrap {
width: 100%;
margin-bottom: 0;
} .ax-konica .axk-demo__embed .mktoForm .mktoFormRow:has(input[type="hidden"]),
.ax-konica .axk-demo__embed .mktoForm .mktoFormRow:has(input#surname) {
display: none;
}
} .ax-konica .axk-stats {
background: var(--axk-blue);
padding: 0 var(--axk-margin) 60px;
}
.ax-konica .axk-stats__box {
background: var(--axk-white);
border-radius: var(--axk-radius-lg);
padding: 40px;
}
.ax-konica .axk-stats__list {
display: flex;
flex-wrap: wrap;
gap: 60px;
align-items: center;
justify-content: center;
}
.ax-konica .axk-stats__item {
display: flex;
align-items: center;
gap: 20px;
transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.ax-konica .axk-stats__item:hover {
transform: translateY(-4px);
}
.ax-konica .axk-stats__iconwrap {
width: 55px;
height: 55px;
border-radius: 19px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.ax-konica .axk-stats__item:hover .axk-stats__iconwrap {
transform: scale(1.08) rotate(-4deg);
}
.ax-konica .axk-stats__iconwrap--blue {
background: rgba(35, 139, 187, 0.1);
}
.ax-konica .axk-stats__iconwrap--yellow {
background: rgba(226, 183, 35, 0.2);
}
.ax-konica .axk-stats__iconwrap--blue .axk-icon {
width: 28px;
height: 28px;
filter: invert(43%) sepia(76%) saturate(530%) hue-rotate(160deg)
brightness(95%) contrast(85%);
}
.ax-konica .axk-stats__iconwrap--yellow .axk-icon {
width: 28px;
height: 28px;
filter: invert(73%) sepia(43%) saturate(956%) hue-rotate(7deg) brightness(95%)
contrast(86%);
}
.ax-konica .axk-stats__body {
display: flex;
flex-direction: column;
gap: 8px;
}
.ax-konica .axk-stats__value {
font-family: var(--axk-font-heading);
font-size: 30px;
color: var(--axk-blue);
font-weight: 500;
line-height: 1;
}
.ax-konica .axk-stats__label {
font-size: var(--axk-text-small);
color: var(--axk-text-50);
}
.ax-konica .axk-stats__marker {
margin-left: 2px;
color: var(--axk-text-50);
}
.ax-konica .axk-stats__legend {
list-style: none;
margin: 24px 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 4px;
color: var(--axk-text-50);
font-size: 10px;
line-height: 1.4;
}
.ax-konica .axk-stats__legend-item {
display: flex;
gap: 4px;
}
.ax-konica .axk-stats__legend-marker {
flex-shrink: 0;
color: var(--axk-text-50);
}
.ax-konica .axk-stats__legend-text {
color: var(--axk-text-50);
font-size: 10px;
} .ax-konica .axk-cta {
position: relative;
min-height: 430px;
display: block;
overflow: hidden;
isolation: isolate; background-image: none; background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
} @media (max-width: 900px), (hover: none) {
.ax-konica .axk-cta {
background-attachment: scroll;
}
}
.ax-konica .axk-cta__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.2) 0%,
rgba(35, 139, 187, 0.2) 100%
);
}
.ax-konica .axk-cta__inner {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 430px;
gap: 24px;
padding: 60px var(--axk-margin);
text-align: center;
}
.ax-konica .axk-cta__title {
color: var(--axk-white);
font-size: var(--axk-h1);
max-width: 832px;
} .ax-konica .axk-faq {
background: var(--axk-white);
padding: 88px var(--axk-margin);
}
.ax-konica .axk-faq__inner {
max-width: 970px;
display: flex;
flex-direction: column;
gap: 40px;
align-items: center;
}
.ax-konica .axk-faq__title {
color: var(--axk-blue);
font-size: var(--axk-h3);
text-align: center;
}
.ax-konica .axk-faq__list {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
}
.ax-konica .axk-faq__item {
border: 1px solid var(--axk-stroke);
border-radius: 14px;
overflow: hidden;
transition:
border-color 0.2s ease,
background 0.2s ease;
}
.ax-konica .axk-faq__item:hover {
border-color: var(--axk-blue);
background: rgba(35, 139, 187, 0.03);
}
.ax-konica .axk-faq__btn {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 20px;
color: var(--axk-blue);
font-size: var(--axk-text-tiny);
text-align: left;
transition: color 0.2s ease;
}
.ax-konica .axk-faq__q {
font-family: var(--axk-font-body);
font-weight: 600;
}
.ax-konica .axk-faq__item:hover .axk-faq__plus {
color: var(--axk-yellow);
}
.ax-konica .axk-faq__plus {
font-family: var(--axk-font-body);
font-weight: 500;
font-size: 0;
line-height: 1;
color: var(--axk-blue);
}
.ax-konica .axk-faq__plus::before {
content: "+";
font-size: 24px;
display: block;
}
.ax-konica .axk-faq__btn[aria-expanded="true"] .axk-faq__plus::before {
content: "−";
}
.ax-konica .axk-faq__panel {
color: var(--axk-blue);
font-size: var(--axk-text-tiny);
line-height: 1.6;
}
.ax-konica .axk-faq__panel p {
margin-bottom: 12px;
padding: 0 20px 20px;
} @media (min-width: 911px) and (max-width: 1121px) {
.axk-stats__list {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 40px !important;
padding: 0 !important;
justify-items: center !important;
}
.axk-stats__item {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
width: 100% !important;
max-width: 300px !important;
gap: 20px !important;
margin: 0 auto !important;
}
.axk-stats__iconwrap {
flex-shrink: 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
}  @media (max-width: 1129px) { .ax-konica .axk-demo__grid {
grid-template-columns: 1fr;
gap: 24px;
}
.ax-konica .axk-demo__embed {
width: 100%;
max-width: 100%;
overflow: hidden;
}
}
@media (max-width: 900px) { :root {
--axk-h1: 50px;
--axk-h2: 32px;
--axk-h3: 26px;
--axk-h4: 28px;
--axk-h5: 16px;
--axk-margin: 20px;
--axk-header-h: 49px;
}
.ax-konica .axk-header__nav {
display: none;
} .ax-konica .axk-cta-bar {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 90;
background: var(--axk-white);
padding: 16px;
display: flex;
justify-content: center;
}
.ax-konica .axk-cta-bar .axk-header__cta {
width: 100%;
justify-content: center;
} .ax-konica .axk-page {
padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
}
.ax-konica .axk-header__burger {
display: flex;
margin-left: auto;
}
.ax-konica .axk-header__logo img {
height: 24px;
} .ax-konica .axk-hero {
min-height: 590px;
padding: 0 20px 40px 20px;
}
.ax-konica .axk-hero::after {
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0.55) 0%,
rgba(0, 0, 0, 0.25) 60%,
transparent 100%
);
}
.ax-konica .axk-hero__text {
font-size: var(--axk-text-small);
}
.ax-konica .axk-hero__bg {
height: 116%;
top: -16%;
}
.ax-konica .axk-hero__inner {
gap: 30px;
} .ax-konica .axk-footer {
padding: 16px;
}
.ax-konica .axk-footer__nav {
flex-direction: column;
align-items: center;
gap: 12px;
} .ax-konica .axk-footer__links,
.ax-konica .axk-footer__legal {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 16px;
}
.ax-konica .axk-footer__bottom {
flex-direction: column;
align-items: center;
text-align: center;
}
.ax-konica .axk-footer__box {
padding: 40px 16px;
} .ax-konica .axk-offre {
padding: 0px 20px 40px;
}
.ax-konica .axk-offre__title {
white-space: normal;
}
.ax-konica .axk-offre__topwave {
clip-path: polygon(0 60px, 100% 0, 100% 100%, 0 100%);
}
.ax-konica .axk-offre__stack {
display: flex;
flex-direction: column;
align-items: center;
}
.ax-konica .axk-offre__common {
order: -1;
max-width: 360px;
}
.ax-konica .axk-offre__cards {
grid-template-columns: 1fr;
gap: 40px;
max-width: 360px;
margin: 0 auto;
}
.ax-konica .axk-offre__card {
margin-top: 15px;
margin-bottom: 0px;
}
.ax-konica .axk-offre__card:last-child {
margin-bottom: 48px;
} .ax-konica .axk-features {
padding-inline: 0px;
background-image: url(//digital-solutions.konicaminolta.fr/wp-content/plugins/ax-konica/assets/img/FeaturesSection-mobile.webp);
}
.ax-konica .axk-features__grid {
position: static;
display: flex;
flex-direction: column;
align-items: center;
gap: 50px;
max-width: 360px;
height: auto;
}
.ax-konica .axk-features__item,
.ax-konica .axk-features__item:nth-child(1),
.ax-konica .axk-features__item:nth-child(2),
.ax-konica .axk-features__item:nth-child(3),
.ax-konica .axk-features__item:nth-child(4),
.ax-konica .axk-features__item:nth-child(5),
.ax-konica .axk-features__item:nth-child(6) {
position: static;
left: auto;
right: auto;
top: auto;
width: 100%;
transform: none;
} .ax-konica .axk-features__item:nth-child(odd) .axk-features__inner {
background: color-mix(
in srgb,
var(--axk-card-blue) var(--axk-card-bg-alpha, 100%),
transparent
);
}
.ax-konica .axk-features__item:nth-child(even) .axk-features__inner {
background: color-mix(
in srgb,
var(--axk-card-yellow) var(--axk-card-bg-alpha, 100%),
transparent
);
}
.ax-konica .axk-features__item:nth-child(odd) {
--axk-features-icon-color: var(--axk-card-yellow);
}
.ax-konica .axk-features__item:nth-child(even) {
--axk-features-icon-color: var(--axk-card-blue);
} .ax-konica .axk-facturation__card {
flex-direction: column;
gap: 0;
}
.ax-konica .axk-facturation__logo {
width: 100%;
border-right: 0;
border-bottom: 1px solid var(--axk-blue);
padding: 0;
img {
height: 103px;
object-fit: contain;
max-width: 100%;
max-height: 100%;
}
}
.ax-konica .axk-facturation__text {
padding: 16px;
} .ax-konica .axk-benefice {
padding: 40px 16px;
}
.ax-konica .axk-benefice__box {
padding: 20px;
}
.ax-konica .axk-benefice__grid {
grid-template-columns: 1fr;
gap: 24px;
}
.ax-konica .axk-benefice__title {
margin-bottom: 30px;
}
.ax-konica .axk-benefice__image img {
height: auto;
aspect-ratio: 295 / 282;
width: 100%;
} .ax-konica .axk-cta {
min-height: 360px;
}
.ax-konica .axk-cta__title {
font-size: 28px;
} .ax-konica .axk-faq {
padding: 60px 20px 20px;
} .ax-konica .axk-demo {
padding: 80px 20px 40px;
}
.ax-konica .axk-demo__topwave {
clip-path: polygon(0 0, 100% 0, 0 50%);
}
.ax-konica .axk-demo__inner {
gap: 40px;
}
.ax-konica .axk-demo__form {
padding: 20px;
}
.ax-konica .axk-demo__card {
padding: 16px;
} .ax-konica .axk-stats {
padding: 0 20px 40px;
}
.ax-konica .axk-stats__box {
padding: 20px 16px;
}
.ax-konica .axk-stats__list {
flex-direction: column;
align-items: flex-start;
padding: 0;
gap: 20px;
}
.ax-konica .axk-stats__value {
font-size: 18px;
}
}
@media (max-width: 786px) {
.ax-konica .axk-demo {
padding-left: 16px;
padding-right: 16px;
}
.ax-konica .axk-demo__form {
padding: 16px;
width: 100%;
box-sizing: border-box;
}
.ax-konica .axk-demo__grid {
grid-template-columns: 1fr;
gap: 16px;
}
.ax-konica .axk-demo__cards {
position: static;
gap: 16px;
}
} @media (prefers-reduced-motion: reduce) {
.ax-konica *,
.ax-konica *::before,
.ax-konica *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}