/* Generated by WbamsCms. Do not edit directly. */
:root,
.draisap-dark-mode,
.dark-mode {
    --mtd-illustration-color-0: var(--mtd-illustration-primary-0, var(--brand-primary, #074FA9));
    --mtd-illustration-color-1: var(--mtd-illustration-primary-1, var(--brand-primary, #0367E4));
    --mtd-illustration-color-2: var(--mtd-illustration-primary-2, var(--brand-primary-lighter, #347BE9));
    --mtd-illustration-color-3: var(--mtd-illustration-primary-3, var(--brand-primary-lighter, #428BF0));
    --mtd-illustration-color-4: var(--mtd-illustration-primary-4, var(--brand-primary-lighter, #76A9F1));
    --mtd-illustration-color-5: var(--mtd-illustration-gray-8, var(--gray-lighter-4, #EAEEF3));
    --mtd-illustration-color-6: var(--mtd-illustration-green-3, var(--brand-success, #35B65E));
    --mtd-illustration-color-7: var(--mtd-illustration-gray-w, #ffffff);
    --shape-light-gradient-start: var(--brand-primary, #1062fe);
    --shape-dark-gradient-start: var(--brand-secondary, #083fbf);
    --svg-banner-primary-shape-left: var(--svg-banner-shape-left, var(--brand-primary, #1062fe));
    --svg-banner-primary-shape-right: var(--svg-banner-shape-right, var(--brand-primary-lighter, #009AFF));
    --svg-icon-color-3: var(--brand-secondary, #083fbf);
}

:root {
    --primary: #00620F;
    --primary-lifted: #1F8A33;
    --primary-accented: #004A0B;
    --secondary: #0C7A2A;
    --secondary-lifted: #25A75B;
    --secondary-accented: #0B5420;
    --success: #36C055;
    --success-lifted: #70D786;
    --success-accented: #2D9F46;
    --info: #1062FE;
    --info-lifted: #6298FE;
    --info-accented: #015ABE;
    --notice: #7643C9;
    --notice-lifted: #8F68D5;
    --notice-accented: #690AC2;
    --warning: #FFAA00;
    --warning-lifted: #FFC552;
    --warning-accented: #F08000;
    --error: #D92632;
    --error-lifted: #E56C74;
    --error-accented: #B6202A;
    --neutral: #5E636E;
    --neutral-lifted: #979BA4;
    --neutral-accented: #17191C;
    --grayscale: #5E636E;
    --grayscale-lifted: #ACB0B9;
    --grayscale-accented: #17191C;
    --gray: #5E636E;
    --gray-lighter: #979BA4;
    --gray-lighter-2: #ACB0B9;
    --gray-lighter-3: #DEE0E3;
    --gray-lighter-4: #E9EAEC;
    --gray-lighter-5: #F7F7F8;
    --gray-darker: #17191C;
    --gray-gradient-start: #FFFFFF;
    --gray-gradient-end: #E8F8ED;
    --text: #17191C;
    --text-muted: #979BA4;
    --text-lifted: #5E636E;
    --text-accented: #17191C;
    --text-inverted: #FFFFFF;
    --border: #DEE0E3;
    --border-muted: #E9EAEC;
    --border-lifted: #ACB0B9;
    --border-accented: #979BA4;
    --bg: #FFFFFF;
    --bg-muted: #F7F7F8;
    --bg-lifted: #E9EAEC;
    --bg-accented: #DEE0E3;
    --bg-inverted: #17191C;
    --primary-color: #00620F;
    --secondary-color: #0C7A2A;
    --success-color: #36C055;
    --info-color: #1062FE;
    --notice-color: #7643C9;
    --warning-color: #FFAA00;
    --error-color: #D92632;
    --neutral-color: #5E636E;
    --grayscale-color: #5E636E;
    --gray-color: #5E636E;
    --text-color: #17191C;
    --border-color: #DEE0E3;
    --bg-color: #FFFFFF;
    --danger: #D92632;
    --light: #E9EAEC;
    --dark: #17191C;
    --gray-gradient: linear-gradient(135deg, var(--gray-gradient-start), var(--gray-gradient-end));
    --mtd-theme-primary: #00620F;
    --mtd-theme-primary-lifted: #1F8A33;
    --mtd-theme-primary-accented: #004A0B;
    --on-primary: #FFFFFF;
    --on-primary-lifted: #FFFFFF;
    --on-secondary: #FFFFFF;
    --on-success: #FFFFFF;
    --on-info: #FFFFFF;
    --on-warning: #FFFFFF;
    --on-error: #FFFFFF;
}
body.dark-mode,
html[data-theme="dark"] body {
    --primary: #3FBF66;
    --primary-lifted: #6FD98F;
    --primary-accented: #22723D;
    --secondary: #25A75B;
    --secondary-lifted: #4ECA78;
    --secondary-accented: #0D5935;
    --success: #31AF4E;
    --success-lifted: #5CD175;
    --success-accented: #247F38;
    --info: #1062FE;
    --info-lifted: #337AFF;
    --info-accented: #0143BE;
    --notice: #7643C9;
    --notice-lifted: #8F68D5;
    --notice-accented: #690AC2;
    --warning: #EB7D00;
    --warning-lifted: #FFAE52;
    --warning-accented: #CC6D00;
    --error: #D92632;
    --error-lifted: #E56C74;
    --error-accented: #B6202A;
    --neutral: #B3B3B3;
    --neutral-lifted: #8C8C8C;
    --neutral-accented: #E0E0E0;
    --grayscale: #B3B3B3;
    --grayscale-lifted: #666666;
    --grayscale-accented: #E0E0E0;
    --gray: #B3B3B3;
    --gray-lighter: #8C8C8C;
    --gray-lighter-2: #666666;
    --gray-lighter-3: #18462F;
    --gray-lighter-4: #123523;
    --gray-lighter-5: #0D261A;
    --gray-darker: #E0E0E0;
    --gray-gradient-start: #071A12;
    --gray-gradient-end: #0D261A;
    --text: #E0E0E0;
    --text-muted: #8C8C8C;
    --text-lifted: #B3B3B3;
    --text-accented: #E0E0E0;
    --text-inverted: #121212;
    --border: #424242;
    --border-muted: #303030;
    --border-lifted: #666666;
    --border-accented: #8C8C8C;
    --bg: #071A12;
    --bg-muted: #0D261A;
    --bg-lifted: #123523;
    --bg-accented: #18462F;
    --bg-inverted: #FFFFFF;
    --primary-color: #3FBF66;
    --secondary-color: #25A75B;
    --success-color: #31AF4E;
    --info-color: #1062FE;
    --notice-color: #7643C9;
    --warning-color: #EB7D00;
    --error-color: #D92632;
    --neutral-color: #B3B3B3;
    --grayscale-color: #B3B3B3;
    --gray-color: #B3B3B3;
    --text-color: #E0E0E0;
    --border-color: #424242;
    --bg-color: #071A12;
    --danger: #D92632;
    --light: #123523;
    --dark: #FFFFFF;
    --gray-gradient: linear-gradient(135deg, var(--gray-gradient-start), var(--gray-gradient-end));
    --mtd-theme-primary: #3FBF66;
    --mtd-theme-primary-lifted: #6FD98F;
    --mtd-theme-primary-accented: #22723D;
    --on-primary: #121212;
    --on-primary-lifted: #121212;
    --on-secondary: #121212;
    --on-success: #121212;
    --on-info: #FFFFFF;
    --on-warning: #121212;
    --on-error: #FFFFFF;
}
body {
    color: var(--text);
    background-color: var(--bg);
}
.spanner {
    --mtd-spanner-color: var(--mtd-theme-primary, var(--brand-primary, var(--primary, #1062FE)));
}
.spanner > div,
.spanner > span {
    background: var(--mtd-spanner-color) !important;
    background-color: var(--mtd-spanner-color) !important;
}
.btn_loader.btn_loading .btn_loading_icon .spanner {
    --mtd-spanner-color: currentColor;
}
.btn_loader.btn_loading.btn-default .btn_loading_icon .spanner {
    --mtd-spanner-color: var(--mtd-theme-primary, var(--brand-primary, var(--primary, #1062FE)));
}
.owl-carousel .owl-dots {
    --mtd-owl-dot-color: var(--mtd-theme-primary, var(--brand-primary, var(--primary, #1062FE)));
}
.owl-carousel .owl-dots .owl-dot span {
    color: var(--mtd-owl-dot-color) !important;
    background-color: var(--mtd-owl-dot-color) !important;
    opacity: .28;
}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot:focus span {
    color: var(--mtd-owl-dot-color) !important;
    background-color: var(--mtd-owl-dot-color) !important;
    opacity: 1;
}
a,
.text-primary,
.btn-link {
    color: var(--primary);
}
a:hover,
a:focus,
.btn-link:hover,
.btn-link:focus {
    color: var(--primary-lifted);
}
.btn-primary,
button.btn-primary,
input.btn-primary,
.label-primary,
.badge-primary,
.panel-primary > .panel-heading,
.bg-primary {
    color: var(--on-primary) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.bg-gradient {
    color: var(--on-primary) !important;
    background: linear-gradient(135deg, var(--primary-accented), var(--primary), var(--primary-lifted)) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    color: var(--on-primary-lifted) !important;
    background-color: var(--primary-lifted) !important;
    border-color: var(--primary-lifted) !important;
}
.btn-secondary,
.label-secondary,
.badge-secondary,
.bg-secondary {
    color: var(--on-secondary) !important;
    background-color: var(--secondary) !important;
    border-color: var(--secondary) !important;
}
.btn-success,
.bg-success {
    color: var(--on-success) !important;
    background-color: var(--success) !important;
    border-color: var(--success) !important;
}
.btn-info,
.bg-info {
    color: var(--on-info) !important;
    background-color: var(--info) !important;
    border-color: var(--info) !important;
}
.btn-warning,
.bg-warning {
    color: var(--on-warning) !important;
    background-color: var(--warning) !important;
    border-color: var(--warning) !important;
}
.btn-danger,
.bg-danger {
    color: var(--on-error) !important;
    background-color: var(--error) !important;
    border-color: var(--error) !important;
}
.alert-success,
.label-success,
.badge-success {
    border-color: var(--success) !important;
}
.alert-info,
.label-info,
.badge-info {
    border-color: var(--info) !important;
}
.alert-warning,
.label-warning,
.badge-warning {
    border-color: var(--warning) !important;
}
.alert-danger,
.label-danger,
.badge-danger {
    border-color: var(--error) !important;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: var(--on-primary) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.form-control:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--primary) 18%, transparent);
}
.mtd-navbar.theme,
.navbar-side.theme {
    color: var(--on-primary) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.mtd-navbar.theme a,
.mtd-navbar.theme .nav-link,
.mtd-navbar.theme .dropdown-toggle,
.mtd-navbar.theme .btn,
.mtd-navbar.theme .logo,
.navbar-side.theme a,
.navbar-side.theme .nav-link,
.navbar-side.theme .dropdown-toggle,
.navbar-side.theme .btn,
.navbar-side.theme .logo {
    color: var(--on-primary) !important;
}
.mtd-navbar.theme .navbar-toggler span,
.mtd-navbar.theme .tswicther[type=checkbox] + span {
    color: var(--on-primary) !important;
}
.mtd-navbar.theme .logo-light {
    display: none !important;
}
.mtd-navbar.theme .logo-dark {
    display: block !important;
}
.mtd-navbar.theme .badge,
.navbar-side.theme .badge {
    color: var(--text) !important;
    background-color: var(--text-inverted) !important;
}
.mtd-navbar.theme .navbar-nav li ul.dropdown-menu li a:hover,
.mtd-navbar.theme .navbar-nav li ul.dropdown-menu li a:focus,
.navbar-side.theme li a:hover,
.navbar-side.theme li a:focus {
    color: var(--on-primary-lifted) !important;
    background-color: var(--primary-lifted) !important;
}
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu,
.mtd-navbar.submenu-theme .navbar-nav li.show ul.dropdown-menu,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu {
    color: var(--on-primary) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu:after,
.mtd-navbar.submenu-theme .navbar-nav li.show ul.dropdown-menu:after,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu:after {
    border-bottom-color: var(--primary) !important;
}
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu a,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu a,
.mtd-navbar.submenu-theme .dropdown-header,
.mtd-navbar.submenu-theme .mega-menu,
.mtd-navbar.submenu-theme .mega-menu p,
.mtd-navbar.submenu-theme .mega-menu h1,
.mtd-navbar.submenu-theme .mega-menu h2,
.mtd-navbar.submenu-theme .mega-menu h3,
.mtd-navbar.submenu-theme .mega-menu h4,
.mtd-navbar.submenu-theme .mega-menu h5,
.mtd-navbar.submenu-theme .mega-menu h6 {
    color: var(--on-primary) !important;
}
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu a:hover,
.mtd-navbar.submenu-theme .navbar-nav li ul.dropdown-menu a:focus,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu a:hover,
.mtd-navbar.submenu-theme .navbar-header .secondary-menu-mobile .dropdown-menu a:focus {
    color: var(--on-primary-lifted) !important;
    background-color: var(--primary-lifted) !important;
}
.footer-widgets.theme {
    color: var(--on-primary) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}
.footer-widgets.theme h1,
.footer-widgets.theme h2,
.footer-widgets.theme h3,
.footer-widgets.theme h4,
.footer-widgets.theme h5,
.footer-widgets.theme h6,
.footer-widgets.theme p,
.footer-widgets.theme span,
.footer-widgets.theme li,
.footer-widgets.theme a,
.footer-widgets.theme .footer-navbar,
.footer-widgets.theme .contacts_box {
    color: var(--on-primary) !important;
}
.footer-widgets.theme a:hover,
.footer-widgets.theme a:focus {
    color: var(--on-primary) !important;
    text-decoration: underline;
}
.footer-widgets.theme .btn,
.footer-widgets.theme mark {
    color: var(--on-primary-lifted) !important;
    background-color: var(--primary-lifted) !important;
    border-color: var(--primary-lifted) !important;
}
.footer-widgets.theme .border,
.footer-widgets.theme .contacts_box,
.footer-widgets.theme .footer-navbar .navbar-items {
    border-color: color-mix(in srgb, var(--on-primary) 24%, transparent) !important;
}
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item .testimonial-item .quote [class*='fa-'] {
    color: var(--primary) !important;
}
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.center .testimonial-item,
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.active.center .testimonial-item,
.testimonials-carousel .owl-item.center .slide-item .testimonial-item,
body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item {
    color: var(--on-primary) !important;
    background: linear-gradient(135deg, var(--primary), var(--primary-lifted)) !important;
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 18px 42px color-mix(in srgb, var(--primary) 24%, transparent) !important;
}
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.center .testimonial-item .quote [class*='fa-'],
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.center .testimonial-item .readmore,
section.testimonials .testimonials-carousel .owl-stage-outer .owl-stage .owl-item.center .testimonial-item .author-info .author-name-link span.link a,
.testimonials-carousel .owl-item.center .slide-item .testimonial-item .quote [class*='fa-'],
.testimonials-carousel .owl-item.center .slide-item .testimonial-item .readmore,
.testimonials-carousel .owl-item.center .slide-item .testimonial-item .author-info .author-name-link span.link a,
body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item .quote [class*='fa-'],
body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item .readmore,
body.dark-mode .testimonials-carousel .owl-item.center .slide-item .testimonial-item .author-info .author-name-link span.link a {
    color: var(--on-primary) !important;
}
body.dark-mode,
html[data-theme="dark"] body {
    color: var(--text);
    background-color: var(--bg);
}
:root {
    --brand-primary: #00620F;
    --brand-primary-lighter: #1F8A33;
    --brand-primary-lighter-2: #B3D0B7;
    --brand-primary-lighter-3: #C9DECD;
    --brand-primary-lighter-4: #E3EEE5;
    --brand-primary-darker: #004A0B;
    --brand-primary-gradient-start: #00620F;
    --brand-primary-gradient-end: #1F8A33;
    --brand-primary-gradient-h: linear-gradient(90deg, #00620F 0%, #1F8A33 100%);
    --brand-primary-gradient-v: linear-gradient(0deg, #1F8A33 0%, #00620F 100%);
    --brand-secondary: #0C7A2A;
    --brand-secondary-lighter: #25A75B;
    --brand-secondary-darker: #0B5420;
    --brand-secondary-gradient-start: #0B5420;
    --brand-secondary-gradient-end: #0C7A2A;
    --brand-secondary-gradient-h: linear-gradient(90deg, #0B5420 0%, #0C7A2A 100%);
    --brand-secondary-gradient-v: linear-gradient(0deg, #0C7A2A 0%, #0B5420 100%);
}
body.dark-mode,
html[data-theme="dark"] body {
    --brand-primary: #3FBF66;
    --brand-primary-lighter: #6FD98F;
    --brand-primary-lighter-2: #1B542F;
    --brand-primary-lighter-3: #154327;
    --brand-primary-lighter-4: #10341F;
    --brand-primary-darker: #2F8F4D;
    --brand-primary-gradient-start: #3FBF66;
    --brand-primary-gradient-end: #6FD98F;
    --brand-primary-gradient-h: linear-gradient(90deg, #3FBF66 0%, #6FD98F 100%);
    --brand-primary-gradient-v: linear-gradient(0deg, #6FD98F 0%, #3FBF66 100%);
    --link-color: #3FBF66;
    --link-hover-color: #6FD98F;
    --text-primary-color: #3FBF66;
    --brand-secondary: #25A75B;
    --brand-secondary-lighter: #4ECA78;
    --brand-secondary-darker: #1C7D44;
    --brand-secondary-gradient-start: #1C7D44;
    --brand-secondary-gradient-end: #25A75B;
    --brand-secondary-gradient-h: linear-gradient(90deg, #1C7D44 0%, #25A75B 100%);
    --brand-secondary-gradient-v: linear-gradient(0deg, #25A75B 0%, #1C7D44 100%);
}

body {
    font-family: "Manrope", system-ui, sans-serif !important;
}

h1, h2, h3, .h1, .h2, .h3 {
    font-family: "Outfit", "Manrope", system-ui, sans-serif;
}

/* ==== MTD VISION DESIGN LAYER START ====
   mtdvision.com's own look, on top of the Serepok theme in WBAMS's Green scheme. Every page section carries the class
   "mv" plus its own (mv-mosaic, mv-family ...). Colours: MTD green #00620F, MTD red #C50000, MTD yellow #D8CF00. */
:root { --mv-green: #00620F; --mv-green-deep: #04230C; --mv-red: #C50000; --mv-yellow: #D8CF00; }

/* the header logo (MTD Vision's own: the MV mark with the red MTD and black VISION blocks) */
.section-header .navbar-brand.serepok-brand .serepok-brand-logo { max-height: 50px; width: auto; }
@media (min-width: 1200px) { .section-header .navbar-brand.serepok-brand .serepok-brand-logo { max-height: 52px; } }
/* after dark the black VISION block keeps a faint light edge, so the logo's shape still shows */
body.dark-mode .serepok-brand-logo, body.dark-mode .mtd-footer-brand img, html[data-theme="dark"] .serepok-brand-logo { filter: drop-shadow(0 0 1px rgba(255, 255, 255, .55)) drop-shadow(0 0 10px rgba(255, 255, 255, .08)); }

/* the hero wall of screens sits on MTD's deep green, not the theme's near-black */
.sx.mv-mosaic { --sx-dark: var(--mv-green-deep); }
.mv-mosaic .sx-mosaic__dot { background: var(--mv-yellow); box-shadow: 0 0 0 4px rgba(216, 207, 0, .25); }

/* the brand's three colours as one thin stripe above the footer */
#site-footer.mtd-footer { position: relative; }
#site-footer.mtd-footer::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, var(--mv-green) 0 34%, var(--mv-red) 34% 67%, var(--mv-yellow) 67% 100%); }
/* a column heading that opens its page (Software, Services) looks like the other headings */
#site-footer .mtd-footer-menu-column > strong > a { color: inherit; font-weight: inherit; }
#site-footer .mtd-footer-menu-column > strong > a:hover, #site-footer .mtd-footer-menu-column > strong > a:focus { color: var(--mtd-primary); }
/* back to top in the bar's last place, also when the site shows no payment icons */
#site-footer .mtd-footer-bottom .mtd-back-to-top { grid-column: -2 / -1; justify-self: end; }
@media (max-width: 991.98px) { #site-footer .mtd-footer-bottom .mtd-back-to-top { grid-column: auto; justify-self: center; } #site-footer .mtd-footer-submenu .nav { justify-content: center; } }

/* screen-by-screen gallery: tall phone and builder screens are shown to their upper part, so no column runs on */
.mv-gallery .sx-masonry img { max-height: 520px; width: 100%; object-fit: cover; object-position: top center; }
@media (max-width: 575px) { .mv-gallery .sx-masonry img { max-height: 280px; } }

/* the product cards: an app's screen shows its top, like a phone held up */
.mv-family .sx-family__shot img[src*="-hub-"] { left: 26%; right: 26%; width: 48%; border-radius: 18px 18px 0 0; }

/* the call-to-action bands: the brand red as a short rule over the heading */
.mv-cta .sec-caption .rounded { background: rgba(255, 255, 255, .14); color: #fff; }

/* the documents (privacy, terms): a readable column with clear headings */
.mv-legal .mv-doc-eyebrow { margin: 0 0 6px; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--mv-green); }
body.dark-mode .mv-legal .mv-doc-eyebrow { color: #6fd98f; }
.mv-legal h1 { margin: 0 0 12px; font-size: clamp(34px, 4vw, 52px); letter-spacing: -.02em; }
.mv-legal .mv-doc-lead { font-size: 19px; line-height: 1.6; }
.mv-legal .mv-doc-date { margin-bottom: 34px; padding-bottom: 22px; border-bottom: 1px solid rgba(0, 98, 15, .18); font-size: 14px; opacity: .75; }
.mv-legal h2 { margin: 34px 0 10px; font-size: 22px; }
.mv-legal h2::before { content: ""; display: inline-block; width: 18px; height: 3px; margin: 0 10px 6px 0; border-radius: 2px; background: var(--mv-red); vertical-align: middle; }
.mv-legal p, .mv-legal li { font-size: 16.5px; line-height: 1.75; }
/* the older sections' small labels (questions, featured list) look like the newer ones' */
.mv:not(.sx) .sec-caption .rounded { padding: 6px 12px; border: 0; border-radius: 8px; background: rgba(0, 98, 15, .1); color: var(--mv-green); font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
body.dark-mode .mv:not(.sx) .sec-caption .rounded { background: rgba(111, 217, 143, .14); color: #8fe3a6; }
.mv-cta .sec-caption .rounded { background: rgba(255, 255, 255, .14) !important; color: #fff !important; }
/* the services grid: a screen behind a tile's words is shaded in MTD's deep green from the words up, so they read clearly */
@media (min-width: 768px) {
	.sx.mv-services .sx-bento__tile.sx-tone--image::after { background: linear-gradient(0deg, rgba(4, 35, 12, .97) 0%, rgba(4, 35, 12, .92) 52%, rgba(4, 35, 12, .45) 78%, rgba(4, 35, 12, .08) 100%); }
}
.sx.mv-services .sx-bento__tile.sx-tone--image .sx-bento__media { object-position: top left; }
/* the hosting band on MTD green: a white button, and the screen with a soft frame */
.mv-band.bg-primary .btn { background: #fff !important; border-color: #fff !important; color: var(--mv-green) !important; box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .45); }
.mv-band.bg-primary .btn:hover { background: #f2fbf4 !important; transform: translateY(-1px); }
.mv-band.bg-primary img { border-radius: 14px; box-shadow: 0 40px 70px -34px rgba(0, 0, 0, .6); }
/* illustration banners: two WBAMS fixes this site carries until its WBAMS update brings them (same rules as WBAMS 1.13.3) */
/* a Type 1 hero's product scene: its three layers sit on top of each other and slide in */
.mtd-banner-type1-foreground-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons { position: relative; display: block; width: min(100%, var(--site-banner-graphic-width, 596px)); max-width: 562px; aspect-ratio: 377 / 325; overflow: visible; animation: none; }
.mtd-banner-type1-foreground-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons > .promo-slider-icon { position: absolute; top: 0; right: 0; bottom: unset; display: block; width: 100%; max-width: none; height: auto; opacity: 0; visibility: visible; margin: 0; }
.mtd-banner-type1-foreground-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons > .promo-slider-icon:first-child { position: relative; }
.mtd-banner-type1-foreground-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons.is-animated > .promo-slider-icon { animation-name: showSliderIcons; animation-duration: 1s; animation-timing-function: cubic-bezier(0, 0, 0, 1); animation-fill-mode: forwards; }
.mtd-banner-type1-foreground-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons.is-animated > .promo-slider-icon.promo-slider-icon-reverse { animation-name: showSliderIconsReverse; }
.mtd-banner-type1-foreground-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons.is-animated > .promo-slider-icon:nth-child(3) { animation-delay: 0s; }
.mtd-banner-type1-foreground-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons.is-animated > .promo-slider-icon:nth-child(2) { animation-delay: .12s; }
.mtd-banner-type1-foreground-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons.is-animated > .promo-slider-icon:first-child { animation-delay: .24s; }
@media (prefers-reduced-motion: reduce) { .mtd-banner-type1-foreground-graphic .mtd-illustration-foreground.mtd-illustration-promo-icons > .promo-slider-icon { animation: none; transform: none !important; opacity: 1 !important; } }
/* the illustrations in the Green colour scheme (WBAMS 1.13.2 lets its blue defaults cover the scheme's own) */
:root:root { --mtd-illustration-primary-0: #1C7D44; --mtd-illustration-primary-1: #25A75B; --mtd-illustration-primary-2: #4ECA78; --mtd-illustration-primary-3: #58D883; --mtd-illustration-primary-4: #98ECB4; }
/* a Tall Type 5 banner: the words stay above the scene along its bottom */
.sec.site-banner:is(.site-banner--tall, .site-banner--screen) .banner_body.banner-type-5.mtd-has-illustration-background { padding-bottom: 330px !important; }
@media (max-width: 767.98px) { .sec.site-banner:is(.site-banner--tall, .site-banner--screen) .banner_body.banner-type-5.mtd-has-illustration-background { padding-bottom: 320px !important; } }
/* illustration banners: the centred words stay clear of the scenes in the corners */
.mv-illus--type-4 .sec-subtitle { max-width: 620px; margin-left: auto; margin-right: auto; }
/* the scenes' own motion (themes/serepok/core/extensions/assets/css/animations): for a visitor who asks for less motion, every part shows at once and stays still (as WBAMS 1.13.3) */
@media (prefers-reduced-motion: reduce) { .graphic-background[data-animation-css] * { animation: none !important; } .graphic-background[data-animation-css] :is([data-animation-coin], [data-animation-cube], [data-animation-dot], [data-bg-element-animation], [data-server-animation-bottom], [data-server-animation-center], [data-server-animation-top], [data-server-animation-top-2], [data-server-sm-animation-bottom], [data-server-sm-animation-center], [data-server-sm-animation-top], [data-server-sm-animation-top-2], [data-top-left-animation], [data-top-right-animation]) { opacity: 1 !important; } .graphic-background[data-animation-css] [data-animation-path] { stroke-dashoffset: 0 !important; } }
/* ==== MTD VISION DESIGN LAYER END ==== */