/* Generated on: Thu May 19 2022 05:36:38 GMT+0000 (Coordinated Universal Time) */

/* ==========================================================================
   normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css 
   ========================================================================== */

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    font-family: 'Red Hat Display', sans-serif;
}
:root{
        --primary-blue: #003d82 !important;/*primary blue color for website*/ 
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box;
    padding: 0
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    height: auto
}

input[type='search'] {
    -webkit-appearance: none
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

/* ==========================================================================
   Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below.
   ========================================================================== */

@font-face {
    font-family: 'webflow-icons';
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');
    font-weight: normal;
    font-style: normal
}

[class^="w-icon-"],
[class*=" w-icon-"] {
    font-family: 'webflow-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    margin: 0;
    min-height: 100%;
    background-color: #fff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333
}

img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block
}

html.w-mod-touch * {
    background-attachment: scroll !important
}

.w-block {
    display: block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

.w-clearfix:before,
.w-clearfix:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-clearfix:after {
    clear: both
}

.w-hidden {
    display: none
}

.w-button {
    display: inline-block;
    padding: 9px 15px;
    background-color: #3898EC;
    color: white;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0
}

input.w-button {
    -webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
    color: transparent !important
}

.w-webflow-badge,
.w-webflow-badge * {
    position: static;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    z-index: auto;
    display: block;
    visibility: visible;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
    box-sizing: border-box;
    width: auto;
    height: auto;
    max-height: none;
    max-width: none;
    min-height: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    float: none;
    clear: none;
    border: 0 none transparent;
    border-radius: 0;
    background: none;
    background-image: none;
    background-position: 0 0;
    background-size: auto auto;
    background-repeat: repeat;
    background-origin: padding-box;
    background-clip: border-box;
    background-attachment: scroll;
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
    transform: none;
    transition: none;
    direction: ltr;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-align: inherit;
    letter-spacing: inherit;
    text-decoration: inherit;
    text-indent: 0;
    text-transform: inherit;
    list-style-type: disc;
    text-shadow: none;
    font-smoothing: auto;
    vertical-align: baseline;
    cursor: inherit;
    white-space: inherit;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal
}

.w-webflow-badge {
    position: fixed !important;
    display: inline-block !important;
    visibility: visible !important;
    z-index: 2147483647 !important;
    top: auto !important;
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    color: #AAADB0 !important;
    background-color: #fff !important;
    border-radius: 3px !important;
    padding: 6px 8px 6px 6px !important;
    font-size: 12px !important;
    opacity: 1 !important;
    line-height: 14px !important;
    text-decoration: none !important;
    transform: none !important;
    margin: 0 !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    white-space: nowrap;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
    cursor: pointer
}

.w-webflow-badge>img {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    vertical-align: middle !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    margin-bottom: 10px
}

h1 {
    font-size: 38px;
    line-height: 44px;
    margin-top: 20px
}

h2 {
    font-size: 32px;
    line-height: 36px;
    margin-top: 20px
}

h3 {
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px
}

h4 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 10px
}

h5 {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px
}

h6 {
    font-size: 12px;
    line-height: 18px;
    margin-top: 10px
}

p {
    margin-top: 0;
    margin-bottom: 10px
}

blockquote {
    margin: 0 0 10px 0;
    padding: 10px 20px;
    border-left: 5px solid #E2E2E2;
    font-size: 18px;
    line-height: 22px
}

figure {
    margin: 0;
    margin-bottom: 10px
}

figcaption {
    margin-top: 5px;
    text-align: center
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px
}

.w-list-unstyled {
    padding-left: 0;
    list-style: none
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

button,
html input[type='button'],
input[type='reset'] {
    border: 0;
    cursor: pointer;
    -webkit-appearance: button
}

.w-form {
    margin: 0 0 15px
}

.w-form-done {
    position: absolute;
    top: 100%;
    padding: 20px;
    text-align: center;
    background-color: #dddddd;
    margin-top: 15px;
}

.w-form-fail {
    display: none;
    margin-top: 10px;
    padding: 10px;
    background-color: #ffdede
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold
}

.w-input,
.w-select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc
}

.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
    color: #999
}

.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
    color: #999;
    opacity: 1
}

.w-input:-ms-input-placeholder,
.w-select:-ms-input-placeholder {
    color: #999
}

.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
    color: #999
}

.w-input:focus,
.w-select:focus {
    border-color: #3898EC;
    outline: 0
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
    cursor: not-allowed;
    background-color: #eeeeee
}

textarea.w-input,
textarea.w-select {
    height: auto
}

.w-select {
    background-color: #f3f3f3
}

.w-select[multiple] {
    height: auto
}

.w-form-label {
    display: inline-block;
    cursor: pointer;
    font-weight: normal;
    margin-bottom: 0
}

.w-radio {
    display: block;
    margin-bottom: 5px;
    padding-left: 20px
}

.w-radio:before,
.w-radio:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-radio:after {
    clear: both
}

.w-radio-input {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    float: left;
    margin-left: -20px
}

.w-radio-input {
    margin-top: 3px
}

.w-file-upload {
    display: block;
    margin-bottom: 10px
}

.w-file-upload-input {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -100
}

.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
    display: inline-block;
    color: #333333
}

.w-file-upload-error {
    display: block;
    margin-top: 10px
}

.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
    display: none
}

.w-file-upload-uploading-btn {
    display: flex;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #cccccc;
    background-color: #fafafa
}

.w-file-upload-file {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    margin: 0;
    padding: 8px 9px 8px 11px;
    border: 1px solid #cccccc;
    background-color: #fafafa
}

.w-file-upload-file-name {
    font-size: 14px;
    font-weight: normal;
    display: block
}

.w-file-remove-link {
    margin-top: 3px;
    margin-left: 10px;
    width: auto;
    height: auto;
    padding: 3px;
    display: block;
    cursor: pointer
}

.w-file-upload-error-msg {
    display: inline-block;
    color: #ea384c;
    padding: 2px 0
}

.w-file-upload-info {
    display: inline-block;
    line-height: 38px;
    padding: 0 12px
}

.w-file-upload-label {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid #cccccc;
    background-color: #fafafa
}

.w-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 940px
}

.w-container:before,
.w-container:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-container:after {
    clear: both
}

.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px
}

.w-row:before,
.w-row:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-row:after {
    clear: both
}

.w-row .w-row {
    margin-left: 0;
    margin-right: 0
}

.w-col {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.w-col .w-col {
    padding-left: 0;
    padding-right: 0
}

.w-col-1 {
    width: 8.33333333%
}

.w-col-2 {
    width: 16.66666667%
}

.w-col-3 {
    width: 25%
}

.w-col-4 {
    width: 33.33333333%
}

.w-col-5 {
    width: 41.66666667%
}

.w-col-6 {
    width: 50%
}

.w-col-7 {
    width: 58.33333333%
}

.w-col-8 {
    width: 66.66666667%
}

.w-col-9 {
    width: 75%
}

.w-col-10 {
    width: 83.33333333%
}

.w-col-11 {
    width: 91.66666667%
}

.w-col-12 {
    width: 100%
}

.w-hidden-main {
    display: none !important
}

@media screen and (max-width:991px) {
    .w-container {
        max-width: 728px
    }
    .w-hidden-main {
        display: inherit !important
    }
    .w-hidden-medium {
        display: none !important
    }
    .w-col-medium-1 {
        width: 8.33333333%
    }
    .w-col-medium-2 {
        width: 16.66666667%
    }
    .w-col-medium-3 {
        width: 25%
    }
    .w-col-medium-4 {
        width: 33.33333333%
    }
    .w-col-medium-5 {
        width: 41.66666667%
    }
    .w-col-medium-6 {
        width: 50%
    }
    .w-col-medium-7 {
        width: 58.33333333%
    }
    .w-col-medium-8 {
        width: 66.66666667%
    }
    .w-col-medium-9 {
        width: 75%
    }
    .w-col-medium-10 {
        width: 83.33333333%
    }
    .w-col-medium-11 {
        width: 91.66666667%
    }
    .w-col-medium-12 {
        width: 100%
    }
    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto
    }
}

@media screen and (max-width:767px) {
    .w-hidden-main {
        display: inherit !important
    }
    .w-hidden-medium {
        display: inherit !important
    }
    .w-hidden-small {
        display: none !important
    }
    .w-row,
    .w-container .w-row {
        margin-left: 0;
        margin-right: 0
    }
    .w-col {
        width: 100%;
        left: auto;
        right: auto
    }
    .w-col-small-1 {
        width: 8.33333333%
    }
    .w-col-small-2 {
        width: 16.66666667%
    }
    .w-col-small-3 {
        width: 25%
    }
    .w-col-small-4 {
        width: 33.33333333%
    }
    .w-col-small-5 {
        width: 41.66666667%
    }
    .w-col-small-6 {
        width: 50%
    }
    .w-col-small-7 {
        width: 58.33333333%
    }
    .w-col-small-8 {
        width: 66.66666667%
    }
    .w-col-small-9 {
        width: 75%
    }
    .w-col-small-10 {
        width: 83.33333333%
    }
    .w-col-small-11 {
        width: 91.66666667%
    }
    .w-col-small-12 {
        width: 100%
    }
}

@media screen and (max-width:479px) {
    .w-container {
        max-width: none
    }
    .w-hidden-main {
        display: inherit !important
    }
    .w-hidden-medium {
        display: inherit !important
    }
    .w-hidden-small {
        display: inherit !important
    }
    .w-hidden-tiny {
        display: none !important
    }
    .w-col {
        width: 100%
    }
    .w-col-tiny-1 {
        width: 8.33333333%
    }
    .w-col-tiny-2 {
        width: 16.66666667%
    }
    .w-col-tiny-3 {
        width: 25%
    }
    .w-col-tiny-4 {
        width: 33.33333333%
    }
    .w-col-tiny-5 {
        width: 41.66666667%
    }
    .w-col-tiny-6 {
        width: 50%
    }
    .w-col-tiny-7 {
        width: 58.33333333%
    }
    .w-col-tiny-8 {
        width: 66.66666667%
    }
    .w-col-tiny-9 {
        width: 75%
    }
    .w-col-tiny-10 {
        width: 83.33333333%
    }
    .w-col-tiny-11 {
        width: 91.66666667%
    }
    .w-col-tiny-12 {
        width: 100%
    }
}

.w-widget {
    position: relative
}

.w-widget-map {
    width: 100%;
    height: 400px
}

.w-widget-map label {
    width: auto;
    display: inline
}

.w-widget-map img {
    max-width: inherit
}

.w-widget-map .gm-style-iw {
    text-align: center
}

.w-widget-map .gm-style-iw>button {
    display: none !important
}

.w-widget-twitter {
    overflow: hidden
}

.w-widget-twitter-count-shim {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 28px;
    height: 20px;
    text-align: center;
    background: white;
    border: #758696 solid 1px;
    border-radius: 3px
}

.w-widget-twitter-count-shim * {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
    position: relative;
    font-size: 15px;
    line-height: 12px;
    text-align: center;
    color: #999;
    font-family: serif
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
    position: relative;
    display: block
}

.w-widget-twitter-count-shim.w--large {
    width: 36px;
    height: 28px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
    margin-left: 5px;
    margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
    margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
    top: 50%;
    left: 0;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
    border-color: rgba(117, 134, 150, 0);
    border-right-color: #5d6c7b;
    border-width: 4px;
    margin-left: -9px;
    margin-top: -4px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
    border-width: 5px;
    margin-left: -10px;
    margin-top: -5px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: white;
    border-width: 4px;
    margin-left: -8px;
    margin-top: -4px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
    border-width: 5px;
    margin-left: -9px;
    margin-top: -5px
}

.w-widget-twitter-count-shim.w--vertical {
    width: 61px;
    height: 33px;
    margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.w-widget-twitter-count-shim.w--vertical:before {
    border-color: rgba(117, 134, 150, 0);
    border-top-color: #5d6c7b;
    border-width: 5px;
    margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: white;
    border-width: 4px;
    margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
    font-size: 18px;
    line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
    width: 76px
}

.w-slider {
    position: relative;
    height: 300px;
    text-align: center;
    background: #dddddd;
    clear: both;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0)
}

.w-slide {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    white-space: normal;
    text-align: left
}

.w-nav {
    position: relative;
    background: #dddddd;
    z-index: 1000
}

.w-nav:before,
.w-nav:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-nav:after {
    clear: both
}

[data-nav-menu-open] {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #C8C8C8;
    text-align: center;
    overflow: visible;
    min-width: 200px
}

.w--nav-link-open {
    display: block;
    position: relative
}

.w-nav[data-animation="over-left"] .w-nav[data-animation="over-left"] .w-nav[data-animation="over-right"] .w-nav[data-animation="over-right"] .w-nav[data-collapse="all"] .w-nav[data-collapse="all"] .w--nav-dropdown-open {
    display: block
}

.w--nav-dropdown-toggle-open {
    display: block
}

.w--nav-dropdown-list-open {
    position: static
}

@media screen and (max-width:991px) {
    .w-nav[data-collapse="medium"] .w-nav[data-collapse="medium"] }

@media screen and (max-width:767px) {
    .w-nav[data-collapse="small"] .w-nav[data-collapse="small"] }

@media screen and (max-width:479px) {
    .w-nav[data-collapse="tiny"] .w-nav[data-collapse="tiny"] }

.w-tabs {
    position: relative
}

.w-tabs:before,
.w-tabs:after {
    content: " ";
    display: table;
    grid-column-start: 1;
    grid-row-start: 1;
    grid-column-end: 2;
    grid-row-end: 2
}

.w-tabs:after {
    clear: both
}

.w-tab-menu {
    position: relative
}

.w-tab-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    padding: 9px 30px;
    text-align: left;
    cursor: pointer;
    color: #222222;
    background-color: #dddddd
}

.w-tab-link.w--current {
    background-color: #C8C8C8
}

.w-tab-link:focus {
    outline: 0
}

.w-tab-content {
    position: relative;
    display: block;
    overflow: hidden
}

.w-tab-pane {
    position: relative;
    display: none
}

.w--tab-active {
    display: block
}

@media screen and (max-width:479px) {
    .w-tab-link {
        display: block
    }
}

.w-ix-emptyfix:after {
    content: ""
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.w-dyn-empty {
    padding: 10px;
    background-color: #dddddd
}

.w-dyn-hide {
    display: none !important
}

.w-dyn-bind-empty {
    display: none !important
}

.wf-layout-layout {
    display: grid !important
}

.wf-layout-cell {
    display: flex !important
}

/* ==========================================================================
   Start of custom Webflow CSS
   ========================================================================== */

.w-form-formrecaptcha {
    margin-bottom: 8px;
}

h1 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Red Hat Display', sans-serif;
    color: #fff;
    font-size: 4vw;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -2px;
}

h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-size: 3.5vw;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -4px;
}

h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-size: 1.5vw;
    line-height: 1.2;
    font-weight: 700;
}

h4 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-size: 1.2vw;
    line-height: 1.5;
    font-weight: 500;
}

h5 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-size: 1vw;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

p {
    margin-bottom: 0px;
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-size: 1vw;
    line-height: 1.75;
    padding-bottom: 15px !important;
}

a {
    -webkit-transition: color 400ms cubic-bezier(.19, 1, .22, 1);
    transition: color 400ms cubic-bezier(.19, 1, .22, 1);
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #003d82;
}

ul {
    margin-bottom: 0px;
    padding-left: 1vw;
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-size: 1vw;
    line-height: 1.5;
}

li {
    color: #000;
}

img {
    display: inline-block;
    max-width: 100%;
}

figure {
    overflow: hidden;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

figcaption {
    margin-top: 5px;
    font-family: 'Red Hat Display', sans-serif;
    color: rgba(0, 0, 0, 0.75);
    font-size: 0.8vw;
    line-height: 1.5;
    font-style: italic;
}

.style-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 5vw;
    padding-bottom: 5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #121212;
}

.home-h1 {
    line-height: 0.98;
}

.home-h1.black {
    color: #000;
}

.home-h1.black.be-h3 {
    font-size: 4.8vw;
    line-height: 1;
}

.h2 {
    font-weight: 700;
    letter-spacing: -2px;
}

.h2.section-links {
    color: #fff;
    font-size: 1vw;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: capitalize;
}

.h2.section-links.black {
    color: #000;
}

.h2.smaller {
    font-size: 1.8vw;
    letter-spacing: -1px;
}

.h2.with-m {
    margin-right: 0.1vw;
}

.h3 {
    font-family: 'Red Hat Display', sans-serif;
}

.h3.big {
    font-size: 1.8vw;
}

.h3.big.uppcase {
    text-transform: uppercase;
}

.h3.for-tab {
    font-size: 1.2vw;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.h3.smaller.accordion-title {
    font-size: 1vw;
    text-transform: none;
}

.h3.for-footer {
    margin-bottom: 0.8vw;
    font-family: 'Red Hat Display', sans-serif;
    color: #fff;
    font-size: 0.8vw;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.h3.for-footer.bottom {
    margin-bottom: 0vw;
    font-weight: 300;
    text-transform: none;
}

.h3.finder {
    min-width: 8vw;
    margin-top: -1vw;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #003d82;
    font-size: 0.8vw;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.h3.about-why {
    letter-spacing: -1px;
}

.h3.category {
    font-size: 1.2vw;
}

.h3.scroll {
    font-size: 0.8vw;
    line-height: 1.2;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.h3.form-message {
    color: #000;
    font-size: 1vw;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.5px;
}

.h3.form-message.error {
    text-align: left;
}

.h3.download {
    font-size: 0.75vw;
    line-height: 1.2;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.h3.download-card {
    font-size: 0.8vw;
}

.h3.cms {
    margin-top: 0.5vw;
    color: #000;
    font-size: 1vw;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: -0.5px;
}

.h3.p-title {
    font-size: 1vw;
    line-height: 1.5;
    font-weight: 500;
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

.h3.p-casestudy {
    font-size: 1.2vw;
}

.h3.contact-link {
    padding-bottom: 0.2vw;
    border-bottom: 1.6px solid #000;
    font-size: 1vw;
    line-height: 1.2;
}

.h3.location {
    font-size: 1.2vw;
}

.h3.case-card {
    margin-bottom: 0.5vw;
    color: #003d82;
    font-size: 0.8vw;
    line-height: 1.5;
    text-transform: uppercase;
}

.h3.case-benefits {
    margin-bottom: 1vw;
    color: #003d82;
}

.h3.button {
    color: #000;
    font-size: 0.8vw;
    line-height: 1.5;
    font-weight: 600;
    text-transform: uppercase;
}

.h4 {
    display: inline;
}

.h4.on-newscard {
    margin-right: 1.2vw;
    margin-left: 1.2vw;
}

.h4.case-study {
    font-family: 'Red Hat Display', sans-serif;
    color: rgba(0, 0, 0, 0.5);
    font-size: 1vw;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.h4.case-study.black {
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
}

.h4.bold {
    font-weight: 700;
}

.h4.banner {
    color: #fff;
    font-size: 1vw;
    font-weight: 700;
}

.p.big {
    font-size: 1.1vw;
}

.p.big.bold {
    font-size: 1.5vw;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.p.small {
    font-size: 0.8vw;
}

.p.small.transparent {
    margin-left: 1.2vw;
    opacity: 0.5;
    text-transform: uppercase;
}

.p.small.themecolor {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #003d82;
    font-size: 0.6vw;
    text-transform: uppercase;
}

.p.small.new-p {
    opacity: 0.75;
    color: #fff;
    font-weight: 300;
    text-transform: capitalize;
}

.p.white {
    color: #fff;
    font-weight: 300;
}

.p.f-description {
    width: 80%;
}

.p.uppcase {
    text-transform: uppercase;
}

.number {
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-size: 3.2vw;
    line-height: 1.1;
    font-weight: 700;
}

.number.thiner {
    font-weight: 300;
}

.subheading {
    font-size: 1vw;
    letter-spacing: -0.5px;
}

.subheading.themecolor {
    color: #003d82;
}

.subheading.white {
    color: #fff;
}

.subheading.white.trans {
    opacity: 0;
}

.subheading.bigger {
    font-size: 1.2vw;
    font-weight: 700;
}

.subheading.news {
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

.subheading.news.info {
    font-weight: 700;
}

.subheading.p-info {
    font-family: 'Red Hat Display', sans-serif;
    color: #003d82;
    font-weight: 500;
    text-transform: uppercase;
}

.subheading.p-info.black {
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
}

.subheading.p-info.themecolor {
    margin-bottom: 0.5vw;
    font-weight: 400;
}

.subheading.p-info.smaller {
    opacity: 0.75;
    color: #000;
    font-size: 0.75vw;
    line-height: 1.2;
    text-transform: capitalize;
}

.subheading.contact {
    margin-bottom: 2vw;
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-weight: 500;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.subheading.bold {
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-size: 1vw;
    font-weight: 700;
    text-transform: capitalize;
}

.btn {
    padding: 0.8vw 2vw;
    border-radius: 0.5vw;
    background-color: #003d82;
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-size: 0.8vw;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-decoration: none;
    text-transform: uppercase;
}

.btn.narrow {
    padding-right: 1vw;
    padding-left: 1vw;
}

.btn.outline {
    border-style: solid;
    border-width: 0.8px;
    border-color: rgba(0, 61, 130, 0.5);
    background-color: transparent;
}

.btn.outline.white {
    border-color: hsla(0, 0%, 100%, 0.5);
    background-color: hsla(0, 0%, 100%, 0.05);
    color: #fff;
}

.btn.wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.btn.wrapper.outline {
    position: relative;
}

.btn.submit {
    padding: 0vw 0vw 0.5vw;
    background-color: transparent;
    font-family: 'Red Hat Display', sans-serif;
    color: #fff;
}

.btn.load-more-button {
    margin-top: 2vw;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

.btn.load-more-button:hover {
    background-color: #003d82;
}

.secondary-btn-wrapper {
    position: relative;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 1vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    text-decoration: none;
}

.secondary-btn-wrapper.abs {
    position: absolute;
    left: auto;
    top: -15%;
    right: 0%;
    bottom: auto;
}

.btn-text {
    font-family: 'Red Hat Display', sans-serif;
    color: #ffffff;
    font-size: 0.8vw;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.btn-text.bottom {
    margin-top: 0vw;
}

.btn-text.bottom.white {
    color: #fff;
}

.btn-text.top.white {
    color: #fff;
}

.btn-text.top.abs {
    position: absolute;
}

.btn-text.white {
    color: #fff;
}

.themecolor-circle {
    background-color: #003d82 !important;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1.2vw;
    height: 1.2vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100vw;
    background-color: #003d82;
    background-image: url("../img/about/right-arrow.png");
    background-position: 50% 50%;
    background-size: 50% 50%;
    background-repeat: no-repeat;
}

.themecolor-circle.big {
    position: absolute;
    width: 180%;
    height: 180%;
    background-color: #003d82;
    background-image: none;
    opacity: 0.1;
}

.themecolor-circle.accordion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 2vw;
    height: 2vw;
    margin-top: 0.5vw;
}

.themecolor-circle.abs {
    position: absolute;
    left: auto;
    top: auto;
    right: 0%;
    bottom: 1vw;
}

.themecolor-circle.close {
    width: 2vw;
    height: 2vw;
    background-image: url("../img/6196e315836b7844dd3c35d5_close icon.svg");
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25);
}

.btn-text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 1.2vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.div-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.logo-img {
    width: 100%;
    max-width: none;
}

.logo-img.loader {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.logo-img.loader.rel {
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.logo-wrapper {
    position: fixed;
    left: 4vw;
    top: 7px;
    right: auto;
    bottom: auto;
    z-index: 999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 17vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 400ms cubic-bezier(.19, 1, .22, 1);
    transition: transform 400ms cubic-bezier(.19, 1, .22, 1);
    transition: transform 400ms cubic-bezier(.19, 1, .22, 1), -webkit-transform 400ms cubic-bezier(.19, 1, .22, 1);
}

.logo-wrapper:hover {
    -webkit-transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
}

.nav-wrapper {
    position: fixed;
    left: auto;
    top: 1.2vw;
    right: 4vw;
    bottom: auto;
    z-index: 99;
}

.nav-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Red Hat Display', sans-serif;
    color: #fff;
    font-size: 0.75vw;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
}

.nav-link.w--current {
    color: #003d82;
}

.card-wrapper.news:hover h4,
.card-wrapper.product-category:hover h3 {
    color: #003d82 !important;
}

.section-link-parent:hover .section-link-line {
    background-color: #003d82 !important;
}

.nav-link.w--current:hover {
    color: #ffa9a9;
}

.nav-link.white a {
    color: #fff !important;
    padding: 20px 0;
    -webkit-transition: -webkit-transform 400ms cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 400ms cubic-bezier(.19, 1, .22, 1);
    transition: transform 400ms cubic-bezier(.19, 1, .22, 1);
    transition: transform 400ms cubic-bezier(.19, 1, .22, 1), -webkit-transform 400ms cubic-bezier(.19, 1, .22, 1);
}

.nevactive .nav-link.white a {
    color: #000 !important;
}

.nevactive .nav-overlay {
    display: block;
    opacity: 1;
}

.nav-link.white:hover a {
    -webkit-transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
}

.nav-link.page {
    margin-right: 0.5vw;
    -webkit-transition: color 400ms cubic-bezier(.19, 1, .22, 1);
    transition: color 400ms cubic-bezier(.19, 1, .22, 1);
}

.nav-link.page:hover {
    color: #003d82;
}

.nav-link.page.w--current {
    color: #003d82;
}

.nav-link.page.black {
    color: #000;
}

.nav-link.page.black.w--current {
    color: #003d82;
}

.nav-link.black {
    -webkit-transition: -webkit-transform 400ms cubic-bezier(.19, 1, .22, 1);
    transition: -webkit-transform 400ms cubic-bezier(.19, 1, .22, 1);
    transition: transform 400ms cubic-bezier(.19, 1, .22, 1);
    transition: transform 400ms cubic-bezier(.19, 1, .22, 1), -webkit-transform 400ms cubic-bezier(.19, 1, .22, 1);
    color: #000;
}

.nav-link.black:hover {
    -webkit-transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
}

.nav-link.black.w--current:hover {
    color: #000;
}

.svg-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1vw;
    height: 1vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f86b33;
}

.svg-img.burger {
    display: none;
    cursor: pointer;
}

.svg-img.social {
    border-radius: 0vw;
    box-shadow: none;
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: rgba(255, 255, 255, 0.6);
}

.svg-img.social:hover {
    color: #f86b33;
}

.nav-item-wrapper {
    position: relative;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    padding: 0;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto auto auto auto auto auto;
    grid-template-columns: auto auto auto auto auto auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.nav-overlay {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 98;
    width: 100vw;
    height: 5vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    display: none;
    background-color: #fff;
    box-shadow: 0 1px 15px 0 rgba(0, 0, 0, 0.05);
}

.line {
    width: 0.8px;
    height: 0.8vw;
    margin-right: 10px;
    margin-left: 10px;
    background-color: #fff;
}

.line.anim {
    position: absolute;
    top: 0%;
    bottom: 0%;
    height: 100%;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #000;
    opacity: 0.25;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.line.anim.h {
    top: auto;
    bottom: auto;
    width: 100%;
    height: 0.8px;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.line.anim.h.right {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}

.line.anim.h.white {
    background-color: #fff;
}

.line.anim.v {
    top: auto;
    bottom: auto;
}

.line.h {
    margin-right: 0px;
    margin-left: 0px;
}

.submenu {
    display: none;
    position: absolute;
    width: 160px;
    display: none;
    position: absolute;
    width: 400px !important;
    background-color: #fff;
    left: 0;
    padding-top: 4px;
    top: 50px;
    background-color: #fff;
    border: 1px solid #aaaa;
    box-shadow: 0 0 28px -7px #aaa;
}

.nav-link.hasmenu .submenu li {
    list-style: none;
    padding: 8px 5px;
    border-bottom: 1px solid #ccc;
}

.nav-link.hasmenu .submenu a {
    color: #000 !important;
    text-transform: none;
}

.hasmenu {
    position: relative;
}

.nav-link.hasmenu:hover .submenu {
    display: block;
}

.line.form {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 0.8px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #003d82;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.section {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    padding: 4% 10%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.section.home-mainmate {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    height: 100vh;
    padding-top: 0vw;
    padding-bottom: 0vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #121212;
    background-image: none;
    background-size: auto;
    background-repeat: repeat;
}

.section.renew-des {
    z-index: 1;
    padding-top: 0vw;
}

.section.renew-des.contact-ending {
    z-index: 0;
    margin-top: -20vw;
    padding-top: 22vw;
}

.section.renew-des.downloadsheet {
    z-index: 0;
    padding-top: 5vw;
    padding-bottom: 0vw;
}

.section.renew-des.top-padding {
    padding-top: 10vw;
    padding-bottom: 0vw;
}

.section.renew-des.no-bottom-margin {
    padding-bottom: 0vw;
}

.section.footer {
    padding-top: 10vw;
    padding-bottom: 16vw;
    background-color: #00142a;
}

.whybehind-points {
    margin-left: 30px;
    font-size: 16px;
}

.section.softomate-section {
    height: 100vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.section.softomate-section.category {
    z-index: 1;
    height: auto;
    padding-bottom: 5vw;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.section.softomate-section.auto {
    z-index: 1;
    height: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.section.softomate-section.product-cms {
    height: auto;
    padding-bottom: 2vw;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.section.softomate-section.for-n {
    height: auto;
}

.section.product-catelog {
    z-index: 1;
    padding-top: 0vw;
}

.section.warranty {
    z-index: 1;
}

.section._404 {
    height: 100vh;
}

.section.no-bottom-margin {
    z-index: 1;
    padding-top: 0vw;
    padding-bottom: 10vw;
}

.section.for-news {
    z-index: 1;
    margin-top: -7vw;
    padding-top: 2vw;
}

.section.product-content {
    overflow: visible;
    padding-top: 0vw;
}

.section.p-types {
    z-index: 1;
}

.section.news {
    z-index: 1;
    padding-top: 0vw;
}

.section.challenges.no-bottom {
    padding-bottom: 0vw;
}

.gradian-img {
    position: absolute;
    left: auto;
    top: 0%;
    left: 0%;

    bottom: auto;
    width: 120vw;
    max-width: none;
}

.gradian-img.for-footer {
    left: auto;
    top: -26%;
    right: -0%;
    bottom: auto;
    width: 100vw;
    opacity: 0.2;
}

.bg-img.htr {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    max-width: none;
    -webkit-filter: contrast(115%);
    filter: contrast(115%);
    -o-object-fit: cover;
    object-fit: cover;
}

.bg-img {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 100%;
    max-width: none;
    -webkit-filter: contrast(115%);
    filter: contrast(115%);
    -o-object-fit: cover;
    object-fit: cover;
}

.bg-img.white {
    top: auto;
    height: auto;
    mix-blend-mode: multiply;
}

.softothemecontent.softto-sec{position: relative;
    width: 100%;
    margin-top: -5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.section.softto-sec{min-height: 60vh;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;}

.section.softto-sec.industry-hero {
    min-height: 72vh;
    padding-bottom: 80px;
}

.industry-hero .home-h1 {
    font-size: clamp(2rem, 3.8vw, 4.2rem);
    line-height: 1.08;
}

/* Accordion: height + transform controlled via JS inline !important styles.
   IX2 (Webflow) sets inline height/transform without !important — our JS overrides it. */

/* Solution icon: sit above the absolutely-positioned circles */
.solution-icon-wrapper i {
    position: relative;
    z-index: 1;
    font-size: 1.4rem;
    color: var(--primary-blue);
}

/* AI section intro text: override the 30vw width constraint */
#ai-in-finance .softothemecontent.about,
#ai-in-proptech .softothemecontent.about {
    width: 100%;
    max-width: 860px;
}

/* Fix blank space in Key Features cards: icon-container is 150px — reduce it */
.web-design-service .icon-container {
    width: 70px !important;
    height: 70px !important;
    font-size: 30px !important;
    padding: 14px !important;
    margin-bottom: 12px !important;
    background: var(--primary-blue) !important;
    color: white !important;
}

/* Reduce deco-img circle size in Why Choose section */
.web-design-service .deco-img.for-img {
    width: 7vw;
    height: 7vw;
}

.softothemecontent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.softothemecontent.mainmate {
    position: relative;
    width: 80%;
    margin-top: 0vw;
}

.softothemecontent.mainmate.cms-no-margin {
    margin-top: 0vw;
    margin-bottom: 4vw;
}

.softothemecontent.mainmate.cms-no-margin.for-news {
    width: 80%;
}

.softothemecontent.mainmate.product-cms {
    width: 42%;
    margin-top: 0vw;
}

.softothemecontent.ahed-by {
    position: relative;
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-top: 0vw;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 15vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.softothemecontent.about {
    position: relative;
    width: 30vw;
    margin-top: 0vw;
}

.softothemecontent.for-tab {
    display: -ms-grid;
    display: grid;
    margin-top: 0vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.8vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.softothemecontent.img {
    position: relative;
    width: 100%;
    margin-top: 0vw;
    margin-bottom: 6vw;
}

.softothemecontent.img.right {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.softothemecontent.align-right {
    width: 100%;
    margin-top: 0vw;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.softothemecontent.align-right.support {
    margin-top: 2vw;
}

.softothemecontent.values {
    position: relative;
    width: 65%;
    margin-top: 0vw;
}

.softothemecontent.values.soluton {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
}

.softothemecontent.case-study {
    position: relative;
    width: 100%;
    margin-top: 0vw;
    padding-top: 3vw;
    padding-bottom: 3vw;
}

.softothemecontent.case-study.on-p {
    margin-top: 2vw;
}

.softothemecontent.case-study.no-padding {
    padding-top: 0vw;
}

.softothemecontent.case-study.on-s {
    padding-top: 0vw;
    padding-bottom: 0vw;
}

.softothemecontent.full-width {
    position: relative;
    width: 100%;
    margin-top: 3vw;
}

.softothemecontent.section-link {
    position: absolute;
    top: auto;
    bottom: 15px;
    width: 80%;
    margin-top: 0vw;
    padding-left: 0vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.softothemecontent.softomate-section {
    position: relative;
    width: 61%;
    margin-top: -10vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.softothemecontent.softomate-section._404 {
    margin-top: 0vw;
}

.softothemecontent.faq {
    position: relative;
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-top: 0vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.softothemecontent.solution-case {
    width: 100%;
    margin-top: 0vw;
}

.softothemecontent.about-why {
    display: -ms-grid;
    display: grid;
    margin-top: 0vw;
    align-self: flex-end;
    grid-auto-columns: 1fr;
    grid-column-gap: 6vw;
    grid-row-gap: 3vw;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.softothemecontent.why {
    width: 52.8%;
    margin-top: 3vw;
}

.softothemecontent.product-card-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    margin-top: 2vw;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    margin: auto;
    justify-content: center;
}

.softothemecontent.small-section-title {
    position: relative;
    margin-top: 0vw;
}

.softothemecontent.warranty {
    width: 90%;
    margin-top: 4vw;
}

.softothemecontent.warranty.second {
    margin-top: 3vw;
}

.softothemecontent.news {
    width: 100%;
    margin-top: 0vw;
}

.softothemecontent.download {
    overflow: auto;
    width: 100%;
    height: 100%;
    margin-top: 0vw;
    padding-right: 1vw;
}

.softothemecontent.download.enquire-form {
    overflow: visible;
    height: auto;
}

.softothemecontent.types {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -2vw;
    margin-bottom: 3vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 0.5fr 0.5fr;
    grid-template-columns: 0.5fr 0.5fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.softothemecontent.type-cta-wrapper {
    position: relative;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    width: 50%;
    margin-top: 2vw;
}

.softothemecontent.p-types {
    width: 45%;
    margin-top: 0vw;
}

.softothemecontent.content {
    position: relative;
    width: 60%;
    margin-top: 4vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.softothemecontent.product {
    position: -webkit-sticky;
    position: sticky;
    top: 12vw;
    width: 80%;
    margin-top: 0vw;
}

.softothemecontent.product.right {
    position: relative;
    top: auto;
    width: 100%;
    margin-top: -8vw;
}

.softothemecontent.product-info {
    position: relative;
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-top: 0vw;
    justify-items: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.softothemecontent.related-p {
    margin-top: 2vw;
}

.softothemecontent.contact {
    position: relative;
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-top: 0vw;
    margin-bottom: 2vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-auto-columns: 1fr;
    grid-column-gap: 6vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 0.4fr 0.7fr;
    grid-template-columns: 0.4fr 0.7fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.softothemecontent.location {
    position: relative;
    display: -ms-grid;
    display: grid;
    margin-top: 0vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 3vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.softothemecontent.case-content {
    width: 45vw;
    margin-top: 0vw;
    padding-left: 6vw;
}

.softothemecontent.case-content.with-margin {
    margin-bottom: 4vw;
}

.softothemecontent.case-content.on-right {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.softothemecontent.soluion-content {
    width: 65%;
    margin-top: 0vw;
    margin-bottom: 4vw;
}

.softothemecontent.for-tabs {
    position: relative;
    width: 100%;
    margin-top: 0vw;
}

.softothemecontent.legal {
    width: 80%;
    margin-top: 0vw;
}

.span {
    color: #003d82;
}

.span.number {
    opacity: 0.5;
    color: #000;
    font-size: 0.8vw;
    font-weight: 600;
    text-transform: uppercase;
}

.span.for-footer {
    position: relative;
    top: -6px;
    margin-left: 2px;
    font-size: 0.6vw;
    font-weight: 900;
    text-shadow: 0 0 10px #003d82;
    white-space: normal;
}

.mainmate-softothemecontent {
    display: -ms-grid;
    display: grid;
    width: 50%;
    margin-top: 2vw;
    margin-left: 6vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-items: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.mainmate-softothemecontent.longer {
    width: 65%;
    margin-top: 3vw;
}

.mainmate-softothemecontent._404 {
    position: relative;
    width: auto;
    grid-row-gap: 2vw;
}

.fingerprint-wrapper {
    position: absolute;
    left: auto;
    top: auto;
    right: 8vw;
    bottom: 5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35vw;
    height: 35vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.scan-img {
    position: absolute;
    width: 100%;
    max-width: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.scan-img._2 {
    width: 92%;
}

.scan-img._3 {
    width: 82%;
}

.scan-img._4 {
    width: 80%;
    -webkit-filter: contrast(120%);
    filter: contrast(120%);
}

.scan-img._5 {
    top: 26%;
    width: 34%;
}

.scan-img._6 {
    top: 45%;
    width: 22%;
    margin-right: 0.2vw;
}

.scan-img._7 {
    top: 46.5%;
    width: 19%;
}

.scan-img._8 {
    position: static;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 150%;
    -o-object-fit: fill;
    object-fit: fill;
}

.softo-animation-wrap {
    position: absolute;
    left: auto;
    top: auto;
    right: -5%;
    bottom: 10%;
    -webkit-perspective: 1600px;
    perspective: 1600px;
    -webkit-perspective-origin: 20% 50%;
    perspective-origin: 20% 50%;
}

.scanner-wrapper {
    position: absolute;
    top: 46.5%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 19%;
    height: 6.6vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0.2vw;
    background-image: none;
}

.preloader {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 10000;
    display: none;
    width: 100%;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #ffffff;
}

.burger-menu-wrapper {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    display: none;
}

.social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 0.8vw;
    height: 0.8vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.title-wrapper {
    display: -ms-grid;
    display: grid;
    width: 85%;
    margin-bottom: 4vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.8vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.title-wrapper.h {
    position: relative;
}

.title-wrapper.h.right {
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.title-wrapper.offset {
    position: relative;
}

.title-wrapper.next-category {
    width: 100%;
    margin-bottom: 2vw;
    grid-row-gap: 1vw;
}

.about-product-wrapper {
    position: relative;
    width: 32vw;
    height: 32vw;
}

.number-wrapper {
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-top: 2vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 2vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.number-parent {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 1.5vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.line-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.line-wrapper.h {
    position: absolute;
    left: 0%;
    top: 0%;
    right: auto;
    bottom: auto;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.line-wrapper.h.bottom {
    top: auto;
    bottom: 0px;
}

.line-wrapper.h.for-footer {
    position: relative;
}

.line-wrapper.h.rel {
    position: relative;
}

.line-block {
    position: relative;
    width: 0.32vw;
    height: 0.6vw;
    background-color: #000;
}

.line-block.for-tab {
    position: absolute;
    top: 4.94vw;
    width: 0.6vw;
    height: 0.32vw;
}

.line-block.h {
    width: 0.6vw;
    height: 0.32vw;
}

.line-block.h.right {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.line-block.h.white {
    background-color: #fff;
}

.line-block.h.abs {
    position: absolute;
    left: 0%;
    top: auto;
    right: auto;
    bottom: -0.16vw;
}

.number-content {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.btn-wrapper {
    margin-top: 4vw;
}

.btn-wrapper.for-tab {
    display: -ms-grid;
    display: grid;
    margin-top: 0vw;
    align-self: flex-end;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.btn-wrapper.for-contact {
    display: -ms-grid;
    display: grid;
    margin-top: 0vw;
    align-self: flex-end;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.btn-wrapper.for-accordion {
    margin-top: 0vw;
}

.btn-wrapper.for-warranty {
    display: -ms-grid;
    display: grid;
    margin-top: 0vw;
    align-self: flex-end;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.btn-wrapper._404 {
    display: -ms-grid;
    display: grid;
    margin-top: 0vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.btn-wrapper.for-next {
    display: -ms-grid;
    display: grid;
    margin-top: 0vw;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    justify-items: end;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.btn-wrapper.for-next.news {
    margin-top: 2vw;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
}

.btn-wrapper.product-info {
    display: -ms-grid;
    display: grid;
    margin-top: 1vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 3vw;
    grid-row-gap: 0vw;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.btn-wrapper.for-solutions {
    margin-top: 0vw;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.deco-img {
    opacity: 0.3 !important;
    position: absolute;
    left: auto;
    top: 0%;
    right: -5%;
    bottom: auto;
    z-index: -1;
    width: 14vw;
    height: 14vw;
    max-width: none;
}

.deco-img.for-img {
    top: -8%;
    right: 1%;
    width: 12vw;
    height: 12vw;
    opacity: 0.75;
}

.deco-img.for-contact {
    left: -13%;
    top: auto;
    right: auto;
    bottom: 14%;
    width: 12vw;
    height: 12vw;
}

.deco-img.for-solution {
    top: 22%;
    width: 12vw;
    height: 12vw;
}

.deco-img.for-about {
    left: auto;
    top: auto;
    right: -20%;
    bottom: 1%;
}

.deco-img.forwhy {
    top: 20%;
    right: -17%;
}

.deco-img.for-product {
    left: auto;
    top: 32%;
    right: -33%;
    bottom: auto;
    width: 12vw;
    height: 12vw;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.deco-img.for-support {
    left: auto;
    top: 0%;
    right: -7%;
    bottom: auto;
    width: 12vw;
    height: 12vw;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.deco-img.for-news {
    right: -56%;
}

.deco-img.for-category {
    left: 45%;
    top: auto;
    right: auto;
    bottom: -32%;
}

.deco-img.for-types {
    left: -6%;
    top: -11%;
    right: auto;
    bottom: auto;
    width: 5vw;
    height: 5vw;
}

.deco-img.for-next {
    top: auto;
    bottom: 5%;
    width: 12vw;
    height: 12vw;
}

.deco-img.for-case-study {
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0%;
}

.about-product-parent {
    position: relative;
    left: -25%;
    top: -7%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-perspective: 1600px;
    perspective: 1600px;
    -webkit-perspective-origin: 20% 50%;
    perspective-origin: 20% 50%;
}

.deco-outline {
    position: absolute;
    width: 90%;
    height: 90%;
    border: 0.8px solid #000;
    border-radius: 100vw;
    opacity: 0.25;
}

.deco-outline.dash-line {
    width: 100%;
    height: 100%;
    border-style: dashed;
    border-color: rgba(0, 0, 0, 0.1);
    opacity: 1;
}

.deco-outline.solid {
    width: 80%;
    height: 80%;
    border-color: rgba(0, 0, 0, 0.15);
    opacity: 1;
}

.banner-img-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 28vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 1.2vw;
    box-shadow: 0 0 25px 0 #000;
}

.category-icon {
    width: 4vw;
    height: 4vw;
    max-width: none;
    margin-right: 0.5vw;
    border-radius: 0vw;
    box-shadow: none;
    -webkit-transform: scale3d(1none, 1none, 1none);
    transform: scale3d(1none, 1none, 1none);
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.tab-menu {
    display: -ms-grid;
    display: grid;
    width: 100%;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto auto auto;
    grid-template-columns: auto auto auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-bottom: 0.8px solid rgba(0, 0, 0, 0.25);
}

.tab {
    width: 100%;
}

.tab-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0vw 2vw 1vw 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    background-color: transparent;
    color: #000;
    font-size: 1.1vw;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.tab-title.w--current {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold !important;
    background-color: transparent;
    color: #003d82;
}

.tab-content-parent {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 14vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 0.5fr 0.8fr;
    grid-template-columns: 0.5fr 0.8fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.tab-content-parent.singserpro{grid-column-gap: 3vw;align-items: start;display: flex;}

.text-content-parent {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 2vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.tab-content {
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0px;
}

.card-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    padding: 0.8vw 1.2vw 1.5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 0.8px;
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: 0.5vw;
    background-color: #fff;
}

.card-wrapper.home-product {
    display: -ms-grid;
    display: grid;
    height: 100%;
    padding: 1.8vw 1.2vw 1.5vw;
    justify-items: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 3vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    box-shadow: 1px 1px 3px 0 transparent;
    -webkit-transition: box-shadow 400ms cubic-bezier(.19, 1, .22, 1);
    transition: box-shadow 400ms cubic-bezier(.19, 1, .22, 1);
}

.card-wrapper.home-product:hover {
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
}

.card-wrapper.home-product.shorter {
    min-height: 15vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
    grid-row-gap: 1.2vw;
}

.card-wrapper.home-product.case {
    width: 20vw;
    grid-row-gap: 2vw;
    padding: 0;
}

.card-wrapper.news {
    overflow: hidden;
    height: 100%;
    padding: 0vw 0vw 1.2vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: box-shadow 400ms cubic-bezier(.19, 1, .22, 1);
    transition: box-shadow 400ms cubic-bezier(.19, 1, .22, 1);
}

.card-wrapper.news:hover {
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
}

.card-wrapper.product-category {
    display: -ms-grid;
    display: grid;
    padding: 1.5vw 3vw 1.5vw 2vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    box-shadow: 1px 1px 3px 0 transparent;
    -webkit-transition: box-shadow 400ms cubic-bezier(.19, 1, .22, 1);
    transition: box-shadow 400ms cubic-bezier(.19, 1, .22, 1);
}

.card-wrapper.product-category:hover {
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
}

.card-wrapper.banner {
    border-style: none;
    border-radius: 0vw 0.5vw 0.5vw 0vw;
    background-color: transparent;
    background-image: url("../61959b907cc85b1629ae5f8c_banner-card-bg-min.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 0 15px 0 #000;
}

.cms-wrapper {
    position: relative;
    width: 100%;
}

.cms-wrapper.full-width {
    position: relative;
    width: 100%;
}

.cms-wrapper.new-product {
    position: relative;
    overflow: visible;
}

.cms-wrapper.type {
    margin-top: 5vw;
}

.cms-wrapper.type.no-margin {
    margin-top: 0vw;
}

.cms-wrapper.product-lightbox {
    overflow: hidden;
    margin-bottom: 4vw;
}

.cms-wrapper.for-next-category {
    width: auto;
    margin-left: auto;
}

.cms-wrapper.fullheight {
    height: 100%;
}

.cms-wrapper.fullheight.finder {
    margin-top: 2vw;
}

.cms-list {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 3vw;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.cms-list.full-width {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 0vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.cms-list._3-c {
    grid-row-gap: 3vw;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.cms-list._2-c {
    width: 100%;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
}

.cms-list._4-c {
    width: 100%;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.cms-list.banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.cms-list.for-download {
    grid-row-gap: 2vw;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.cms-list.product-type {
    grid-column-gap: 0vw;
    grid-row-gap: 10vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.cms-list.right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.cms-list.news-next {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.cms-list.for-poduct {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    justify-items: start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    grid-auto-columns: auto;
    -ms-grid-columns: 1fr auto auto auto auto;
    grid-template-columns: 1fr auto auto auto auto;
}

.cms-list._3-c-p {
    width: 100%;
    grid-row-gap: 1.5vw;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.cms-list.for-finder {
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-column-gap: 0vw;
    grid-row-gap: 2vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.cms-list._6-c {
    width: 100%;
    height: 100%;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    justify-items: start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-column-gap: 1.5vw;
    grid-row-gap: 3vw;
    -ms-grid-columns: auto auto auto auto auto;
    grid-template-columns: auto auto auto auto auto;
}

.card-name-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 0.8px solid hsla(0, 0%, 100%, 0.25);
}

.card-name-wrapper.news {
    display: -ms-grid;
    display: grid;
    margin-bottom: 1.5vw;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.card-name-wrapper.category {
    display: -ms-grid;
    display: grid;
    justify-items: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.card-img {
    width: 75%;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.card-img-full{    width: 100%;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;}

.card-img.news {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.card-img.category {
    width: 5vw;
}

.card-img.new-p {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.empty-state {
    display: none;
}

.h5.for-tab {
    font-size: 0.8vw;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: none;
}

.img-wrapper {
    position: relative;
}

.img-wrapper.case-study {
    overflow: hidden;
    width: 100%;
    height: 23vw;
    border-radius: 0.6vw;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
}

.img-wrapper.case-study.taller {
    width: 40%;
    height: 18vw;
}

.img-wrapper.case-study.shorter {
    height: 15vw;
}

.img-round-corner {
    position: relative;
    overflow: hidden;
    width: 56vw;
    height: 25vw;
    max-width: none;
    border-radius: 1vw;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.25);
    -o-object-fit: cover;
    object-fit: cover;
}

.img-round-corner.smaller {
    position: absolute;
    z-index: 1;
    left: auto;
    top: 18%;
    right: -24%;
    bottom: auto;
    width: 20vw;
    height: 24vw;
    border-radius: 0.8vw;
    box-shadow: none;
}

.card-img.servic {
    width: 100%;
}

.img-round-corner.smaller.left {
    left: -28%;
    right: auto;
}

.img-round-corner.right {
    margin-left: auto;
    -o-object-position: 50% 24%;
    object-position: 50% 24%;
}

.img-round-corner.home-about {
    -webkit-filter: contrast(110%) brightness(98%);
    filter: contrast(110%) brightness(98%);
}

.value-wrapper {
    position: relative;
    display: -ms-grid;
    display: grid;
    width: 100%;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    justify-items: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto 0.75fr;
    grid-template-columns: auto 0.75fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.value-wrapper.solutions {
    padding-bottom: 3vw;
}

.value-icon-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 10vw;
    height: 10vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.value-icon {
    position: absolute;
    width: 40%;
    height: 40%;
    max-width: none;
    object-fit: contain;
}

.value-circle {
    position: absolute;
    width: 72%;
    height: 72%;
    border-style: solid;
    border-width: 0.8px;
    border-color: rgba(0, 0, 0, 0.15);
    border-radius: 100vw;
}

.value-circle.dash {
    position: relative;
    width: 100%;
    height: 100%;
    border-style: dashed;
    border-color: rgba(0, 0, 0, 0.1);
}

.value-softothemecontent {
    display: -ms-grid;
    display: grid;
    justify-items: start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0vw;
    grid-row-gap: 1vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.value-softothemecontent.solutions {
    width: 70%;
    margin-top: 0.5vw;
}

.case-study-card {
    position: relative;
    display: -ms-grid;
    display: grid;
    width: 100%;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 10vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 0.8fr 0.8fr;
    grid-template-columns: 0.8fr 0.8fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.case-study-card.on-p {
    grid-column-gap: 4vw;
    -ms-grid-columns: 0.9fr 1fr;
    grid-template-columns: 0.9fr 1fr;
}

.case-study-card.on-s {
    padding-top: 3vw;
    padding-bottom: 3vw;
}

.case-study-cntent {
    position: relative;
    display: -ms-grid;
    display: grid;
    width: 100%;
    justify-items: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.case-study-cntent.on-s {
    width: 38%;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.info-wrapper {
    position: relative;
    display: -ms-grid;
    display: grid;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.info-wrapper.abs {
    position: absolute;
    left: 0vw;
    top: 34%;
    right: auto;
    bottom: auto;
    width: 43.6%;
}

.info-wrapper.abs.home {
    top: 30%;
}

.info-parent {
    position: relative;
    z-index: 1;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 1vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 6vw auto;
    grid-template-columns: 6vw auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.info-parent.transparent {
    opacity: 0;
}

.case-study-product-img {
    position: absolute;
    left: auto;
    top: -40%;
    right: 0%;
    bottom: auto;
    height: 150%;
    max-width: none;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    -o-object-fit: contain;
    object-fit: contain;
}

.case-study-img {
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
    object-fit: cover;
}

.card-img-wrapper {
    overflow: hidden;
    width: 100%;
    height: 14vw;
}

.deco-wrapper {
    position: absolute;
    left: auto;
    top: 0%;
    right: -15%;
    bottom: auto;
    z-index: -1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35vw;
    height: 35vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.deco-wrapper.about {
    left: -1%;
    top: 40%;
}

.deco-wrapper.on-left {
    left: -15%;
    right: auto;
}

.deco-wrapper.case-img {
    left: 0px;
    right: auto;
}

.footer-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 15px;
}

.footer-parent {
    display: -ms-grid;
    display: grid;
    justify-items: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 2vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.footer-parent._4-c {
    grid-column-gap: 4vw;
    grid-row-gap: 0vw;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.footer-link-wrapper {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.6vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.footer-link {
    position: relative;
    font-family: 'Red Hat Display', sans-serif;
    color: #fff;
    font-size: 0.8vw;
    line-height: 1.2;
    font-weight: 300;
    text-decoration: none;
    text-transform: capitalize;
}

.footer-link.legal {
    margin-right: 4vw;
}

.social-wrapper {
    display: -ms-grid;
    display: grid;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 1.5vw;
    grid-row-gap: 1vw;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.social-wrapper._4-c {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    grid-row-gap: 0vw;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.svg-embed {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1vw;
    height: 1vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #f86b33;
}

.svg-embed.social {
    border-radius: 0vw;
    box-shadow: none;
    -webkit-transition: color 200ms ease;
    transition: color 200ms ease;
    color: rgba(255, 255, 255, 0.6);
}

.svg-embed.social:hover {
    color: #f86b33;
}

.svg-embed.share {
    position: relative;
    max-width: none;
    border-radius: 0vw;
    box-shadow: none;
    color: #000;
}

.svg-embed.share {
    border-radius: 0vw;
    box-shadow: none;
    color: #fff;
}

.social-img {
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.footer-bottom-wrapper {
    position: absolute;
    top: auto;
    bottom: 5vw;
    width: 80%;
}

.footer-bottom-parent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.8vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0.5;
}

.footer-text-link {
    color: #fff;
    font-weight: 500;
}

.legal-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.to-top-wrapper {
    position: absolute;
    left: auto;
    top: 10%;
    right: 5%;
    bottom: auto;
    overflow: hidden;
    width: 2.8vw;
    height: 2vw;
    border-radius: 0.2vw;
    background-color: #000;
    background-image: url("../img/6189bb896b3f50273e839024_green arrow.svg");
    background-position: 50% 50%;
    background-size: 35% 35%;
    background-repeat: no-repeat;
    box-shadow: 0 0 15px 0 #000;
    -webkit-transition: box-shadow 400ms cubic-bezier(.19, 1, .22, 1);
    transition: box-shadow 400ms cubic-bezier(.19, 1, .22, 1);
}

.to-top-wrapper:hover {
    box-shadow: 0 0 20px 3px rgba(0, 61, 130, 0.5);
}

.subscribe-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.subscribe-form {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 1vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.form-field {
    margin-bottom: 0px;
    padding: 0vw 2vw 0.5vw 0px;
    border: 0px solid #000;
    border-radius: 0px;
    background-color: transparent;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    font-family: 'Red Hat Display', sans-serif;
    color: #fff;
    font-size: 0.8vw;
    line-height: 1.2;
}

.form-field::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, 0.75);
}

.form-field:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.75);
}

.form-field::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.75);
}

.form-field::placeholder {
    color: hsla(0, 0%, 100%, 0.75);
}

.form-field.underline {
    padding-top: 1vw;
    padding-bottom: 2vw;
    border-bottom-width: 0.8px;
    color: #000;
    font-size: 1vw;
}

.form-field.underline:focus {
    border-bottom-color: #003d82;
}

.form-field.underline::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.35);
    font-weight: 700;
    text-transform: uppercase;
}

.form-field.underline:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.35);
    font-weight: 700;
    text-transform: uppercase;
}

.form-field.underline::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.35);
    font-weight: 700;
    text-transform: uppercase;
}

.form-field.underline::placeholder {
    color: rgba(0, 0, 0, 0.35);
    font-weight: 700;
    text-transform: uppercase;
}

.form-field.underline.dropdown {
    height: 3.5vw;
    padding-bottom: 1vw;
    color: rgba(0, 0, 0, 0.35);
    font-weight: 700;
    text-transform: uppercase;
}

.form {
    position: relative;
    z-index: 1;
    display: -ms-grid;
    display: grid;
    margin-bottom: 0px;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.form.abs {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.form.on-contact {
    padding-bottom: 2vw;
}

.product-finder {
    position: fixed;
    left: auto;
    top: 12vw;
    right: 0%;
    bottom: auto;
    z-index: 99;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-top: 1.5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    justify-items: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    cursor: pointer;
}

.product-finder.abs {
    position: absolute;
    left: 6%;
    top: 8%;
    right: auto;
    bottom: auto;
    overflow: hidden;
    width: 108%;
    height: 89%;
    padding-top: 0vw;
    padding-left: 0vw;
    border-style: solid;
    border-width: 0.8px;
    border-color: #003d82;
    border-radius: 0.55vw;
    background-color: transparent;
}

.product-finder.rel {
    position: relative;
    top: auto;
    right: -20%;
    overflow: visible;
    width: 4vw;
    height: 12vw;
    padding-top: 0vw;
    padding-right: 0.2vw;
    padding-left: 0vw;
    border-style: solid;
    border-width: 0.8px;
    border-color: rgba(0, 61, 130, 0.15);
    border-radius: 0.5vw;
    background-color: hsla(0, 0%, 100%, 0.05);
}

.finder-icon {
    position: absolute;
    left: auto;
    top: auto;
    right: auto;
    bottom: 1vw;
    width: 0.6vw;
    max-width: none;
}

.section-link-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.section-link-wrapper._2-c {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr ;
    grid-template-columns: 1fr 1fr ;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.section-link-wrapper._2-c.extra-c {
    grid-row-gap: 0vw;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}

.section-link-parent {
    display: -ms-grid;
    display: grid;
    width: 18vw;
    justify-items: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.section-link-line {
    width: 100%;
    height: 2px;
    margin-bottom: 0.5vw;
    background-color: #fff;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.section-link-line.black {
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.page-nav-wrapper {
    position: absolute;
    left: 4vw;
    top: 6vw;
    right: auto;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: none !important;
}

.accordion-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2.5vw 1vw 2vw 2vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.accordion-wrapper.features {
    display: block;
    padding-left: 0vw;
}

.accordion-wrapper:hover h3 {
    color: #003d82 !important;
}

.accordion-parent {
    width: 100%;
}

.accordion-parent.question {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.accordion-parent.answer {
    display: -ms-grid;
    display: grid;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.solution-icon-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.solution-icon-circle {
    position: absolute;
    width: 60px;
    height: 60px;
    border-style: solid;
    border-width: 0.8px;
    border-color: rgba(0, 0, 0, 0.15);
    border-radius: 100vw;
}

.solution-icon-circle.dash {
    width: 85px;
    height: 85px;
    border-style: dashed;
}

.solution-icon {
    position: relative;
    width: 2.5vw;
    height: 2.5vw;
    max-width: none;
}

.cms-card-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2vw;
    padding-bottom: 2vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 0.45fr 0.45fr;
    grid-template-columns: 0.45fr 0.45fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.cms-card-wrapper:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.about-value-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 4vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.h1 {
    letter-spacing: -2px;
}

.h1.black {
    color: #000;
}

.h1.black.smaller {
    font-size: 4.2vw;
}

.category-card-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.scroll-indicator {
    position: absolute;
    left: auto;
    top: auto;
    right: 5%;
    bottom: 5vw;
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.8vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: color 400ms cubic-bezier(.19, 1, .22, 1);
    transition: color 400ms cubic-bezier(.19, 1, .22, 1);
    color: rgba(0, 0, 0, 0.6);
}

.scroll-indicator:hover {
    color: #003d82;
}

.filters-hide {
    display: none;
}

.filter-text {
    margin-bottom: 0px;
    padding: 0px;
    border: 0px solid #000;
    background-color: transparent;
    -webkit-transition: color 400ms cubic-bezier(.19, 1, .22, 1);
    transition: color 400ms cubic-bezier(.19, 1, .22, 1);
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-size: 0.8vw;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    cursor: pointer;
}

.filter-text:hover {
    color: #003d82;
}

.filter-text::-webkit-input-placeholder {
    color: #000;
    line-height: 1;
}

.filter-text:-ms-input-placeholder {
    color: #000;
    line-height: 1;
}

.filter-text::-ms-input-placeholder {
    color: #000;
    line-height: 1;
}

.filter-text::placeholder {
    color: #000;
    line-height: 1;
}

.filter-text.filter-reset-master {
    cursor: pointer;
}

.filter-text.fltr-active {
    color: #003d82;
}

.filter-text.hide {
    display: none;
}

.filters-expand {
    position: absolute;
    left: -5%;
    top: 2vw;
    right: auto;
    bottom: auto;
    z-index: 10;
    display: -ms-grid;
    display: grid;
    min-width: 14vw;
    padding: 1vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 0vw;
    grid-row-gap: 1.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-style: solid;
    border-width: 0.8px;
    border-color: rgba(0, 0, 0, 0.15);
    border-radius: 0.5vw;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.filters-expand.category {
    top: 1.5vw;
    display: none;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.filters-expand.lang {
    position: relative;
    left: auto;
    top: auto;
    z-index: 0;
    display: -ms-grid;
    display: grid;
    min-width: auto;
    padding: 0vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 0vw;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-style: none;
    border-radius: 0vw;
    background-color: transparent;
    box-shadow: none;
}

.filter-accodrian {
    position: relative;
    z-index: 1;
    padding-bottom: 1vw;
}

.filter-open {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 0.5vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    cursor: pointer;
}

.filter-open:hover {
    color: #e84f1a;
}

.filter-wrapper {
    position: relative;
    z-index: 1;
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-bottom: 4vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    justify-items: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    grid-auto-columns: 1fr;
    grid-column-gap: 4.5vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-bottom: 0.8px solid rgba(0, 0, 0, 0.1);
}

.filter-wrapper.news-category {
    margin-bottom: 0vw;
    padding-bottom: 1vw;
    -ms-grid-columns: auto auto 1fr;
    grid-template-columns: auto auto 1fr;
    border-bottom-style: none;
}

.filter-wrapper.download {
    margin-bottom: 2vw;
}

.filter-icon {
    width: 0.8vw;
    height: 0.8vw;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.filterparent {
    position: relative;
    z-index: 1;
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.filterparent.news {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
}

.filterparent.category {
    padding-bottom: 1vw;
    grid-column-gap: 2vw;
    -ms-grid-columns: auto auto auto auto auto;
    grid-template-columns: auto auto auto auto auto;
}

.filterparent.download {
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
}

.warranty-parent {
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-top: 2.8vw;
    margin-left: 0.8vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.warranty-parent.no-offset {
    margin-top: 0vw;
    margin-left: 0vw;
}

.warranty-card-wrapper {
    position: relative;
    display: -ms-grid;
    display: grid;
    width: 100%;
    padding: 2vw 3vw 3vw 2vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-style: solid;
    border-width: 0.8px;
    border-color: rgba(0, 61, 130, 0.15);
    border-radius: 0.5vw;
    background-color: rgba(0, 0, 0, 0.02);
}

.warranty-softothemecontent {
    margin-top: 0.5vw;
}

.warranty-softothemecontent.content {
    display: -ms-grid;
    display: grid;
    margin-top: 0vw;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.warranty-softothemecontent.content.shorter {
    width: 70%;
    justify-items: start;
}

.card-outline-offset {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-top: -0.8vw;
    margin-left: -0.8vw;
    border-style: solid;
    border-width: 1px;
    border-color: #003d82;
    border-radius: 0.5vw;
}

.form-wrapper {
    position: relative;
    width: 100%;
    margin-top: 2vw;
    margin-bottom: 0px;
}

.messgae {
    padding: 1vw 2vw;
    border-radius: 0.5vw;
    background-color: rgba(0, 61, 130, 0.1);
}

.messgae.error {
    margin-top: 1vw;
    background-color: rgba(153, 10, 10, 0.1);
}

.messgae.success {
    margin-bottom: 2vw;
}

.embed-code {
    position: fixed;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: none;
    margin-bottom: 0px;
}

.wg-element-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.wg-dd-1-list {
    position: absolute;
    left: 0%;
    top: 120%;
    right: auto;
    bottom: auto;
    overflow: hidden;
    border-radius: 0.5vw;
    background-color: #fff;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}

.wg-dropdown-1-link {
    padding: 1vw;
    -webkit-transition: background-color 100ms ease;
    transition: background-color 100ms ease;
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-size: 0.75vw;
    line-height: 1;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}

.wg-dropdown-1-link:hover {
    color: #003d82;
}

.wg-code {
    display: none;
}

.wg-dropdown-1 {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.new-release-wrapper {
    position: absolute;
    left: 0px;
    top: auto;
    right: auto;
    bottom: 1vw;
    overflow: hidden;
    width: 15vw;
    padding-top: 2vw;
    padding-right: 2vw;
    padding-bottom: 2vw;
}

.card-parent-featured {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.img-parent {
    overflow: hidden;
    width: 100%;
    height: 14vw;
}

.img-parent.featured {
    width: 7vw;
    height: 7vw;
    margin-top: 0.6vw;
    margin-bottom: 1vw;
}

.popup-wrapper {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1200;
    display: none;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.75);
}

.overlay-wrapper {
    position: relative;
    display: -ms-grid;
    display: grid;
    overflow: hidden;
    width: 65%;
    height: 65vh;
    padding: 3vw 4vw;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 2vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    border-radius: 0.5vw;
    background-color: #fff;
    box-shadow: 0 0 25px 0 #000;
}

.overlay-wrapper.download.taller {
    height: 75vh;
}

.overlay-wrapper.for-finder {
    width: 80%;
    height: 75vh;
    padding-right: 3vw;
    padding-left: 3vw;
}

.download-wrapper {
    display: -ms-grid;
    display: grid;
    overflow: hidden;
    padding: 1vw 2vw 1vw 1vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-style: solid;
    border-width: 0.8px;
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: 0.5vw;
    box-shadow: 1px 1px 3px 0 transparent;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
}

.download-wrapper:hover {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}

.download-softothemecontent {
    display: -ms-grid;
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.4vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.pdf-icon {
    width: 2.2vw;
    height: 2.2vw;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.pdf-icon.type {
    position: absolute;
    left: auto;
    top: 12%;
    right: 3%;
    bottom: auto;
    width: 1.5vw;
    height: 1.5vw;
}

.pdf-icon.p-category {
    width: 2.5vw;
    height: 2.5vw;
}

.pdf-icon.p-category.trans {
    opacity: 0;
}

.pdf-icon.case-study {
    width: 1.5vw;
    height: 1.5vw;
}

.download-parent {
    display: -ms-grid;
    display: grid;
    width: 100%;
    height: 100%;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    grid-auto-columns: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.download-parent.download {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

.download-parent.form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    height: 60vh;
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.close-wrapper {
    position: absolute;
    left: auto;
    top: 1.5vw;
    right: 2vw;
    bottom: auto;
    cursor: pointer;
}

.white-gradien {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    width: 100%;
    height: 10vw;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #fff), to(hsla(0, 0%, 100%, 0)));
    background-image: linear-gradient(0deg, #fff 25%, hsla(0, 0%, 100%, 0));
}

.type-cta-parent {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.type-cta {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.cms-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cms-title-wrapper.news-next {
    width: 42%;
    margin-top: 1vw;
}

.cms-mainmate-softothemecontent {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 1vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.category-graphic-wrapper {
    position: absolute;
    left: auto;
    top: auto;
    right: 10%;
    bottom: 15%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 28vw;
    height: 28vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.circle {
    position: absolute;
    width: 90%;
    height: 90%;
    border-style: solid;
    border-width: 0.8px;
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: 100vw;
}

.circle.dash {
    width: 120%;
    height: 120%;
    border-style: dashed;
}

.circle.img {
    width: 110%;
    height: 110%;
    max-width: none;
    border-style: none;
    border-radius: 0vw;
}

.category-img-wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 25vw;
    height: 22vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.category-img {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.category-img.round {
    height: 80%;
    border-radius: 0.5vw;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
    -o-object-fit: cover;
    object-fit: cover;
}

.left-arrow {
    display: none;
}

.right-arrow {
    display: none;
}

.slide-nav {
    display: none;
}

.category-slide {
    width: 100%;
    height: 100%;
}

.slider {
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.slide-mask {
    width: 100%;
    height: 100%;
}

.application-img-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.category-graphic-parent {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.news-iinfo-wrapper {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 6vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr auto;
    grid-template-columns: 1fr 1fr auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.new-info-parent {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.8vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.news-img {
    width: 60%;
    height: 28vw;
    max-width: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    border-radius: 1.2vw;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);
    -o-object-fit: cover;
    object-fit: cover;
}

.rich-text {
    width: 100%;
    margin-bottom: 4vw;
}

.rich-text.p-cms {
    width: 85%;
    margin-bottom: 1vw;
}

.rich-text.p-cms h2 {
    font-size: 1.2vw;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.rich-text.features {
    display: none;
}

.rich-text.product-inner {
    margin-bottom: 0vw;
}

.rich-text.product-inner p {
    font-size: 0.8vw;
}

.rich-text.case-study {
    margin-bottom: 0vw;
}

.rich-text.case-study.padding {
    margin-top: 2vw;
}

.rich-text.no-margin {
    margin-bottom: 0vw;
}

.rich-text.news h2 {
    font-size: 2vw;
    font-weight: 700;
    letter-spacing: -1px;
}

.rich-text.news figure {
    overflow: visible;
}

.rich-text.news img {
    border-radius: 0.5vw;
}

.rich-text.news h3 {
    font-weight: 600;
}

.share-after {
    display: -ms-grid;
    display: grid;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 1.5vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto auto auto;
    grid-template-columns: auto auto auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.share-embed {
    position: absolute;
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
}

.social-share-btn {
    display: block;
    width: 1vw;
    height: 1vw;
    background-image: none;
    cursor: pointer;
}

.social-share-btn.fb {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-share-btn.lk {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-share-btn.tw {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-share-btn.em {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.social-share-btn-2 {
    display: block;
    width: 1.2vw;
    height: 1.2vw;
    background-image: none;
}

.product-info-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 5vw;
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.product-info-parent {
    position: relative;
    display: -ms-grid;
    display: grid;
    padding-top: 1vw;
    padding-bottom: 0vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
}

.product-softothemecontent {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 0.4fr 0.6fr;
    grid-template-columns: 0.4fr 0.6fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.lightbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.lightbox.vid {
    position: relative;
    overflow: hidden;
    height: 24vw;
    border-radius: 0.5vw;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
}

.lightbox-img {
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.lightbox-img.video {
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    -o-object-fit: cover;
    object-fit: cover;
}

.lightbox-img.overview {
    -o-object-fit: cover;
    object-fit: cover;
}

.lightbox-wrapper {
    width: 5vw;
    height: 5vw;
    margin-right: 2vw;
    margin-bottom: 0px;
    padding: 0px;
}

.lightbox-wrapper:first-child {
    width: 100%;
    height: 22vw;
    margin-right: 0vw;
    margin-bottom: 2vw;
    padding: 2vw;
    border-style: solid;
    border-width: 0.8px;
    border-color: rgba(0, 0, 0, 0.15);
    border-radius: 0.5vw;
}

.product-title-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 2vw;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
}

.p-title-parent {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.product-content-parent {
    position: relative;
    display: -ms-grid;
    display: grid;
    width: 100%;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 6vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.benefits-wrapper {
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-top: 1vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.benefit-parent {
    display: -ms-grid;
    display: grid;
    justify-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.benefit-softothemecontent {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 0.5vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.dot {
    width: 1vw;
    height: 1vw;
    margin-top: 0.4vw;
    border-radius: 100vw;
    background-color: #003d82;
}

.ex1 {
    position: relative;
    display: -ms-grid;
    display: grid;
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: stretch;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.accordion-container {
    position: relative;
    display: none;
    width: 100%;
    padding-top: 1vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
}

.feature-img {
    width: 15vw;
    height: 15vw;
    max-width: none;
    border-radius: 0.5vw;
    -o-object-fit: cover;
    object-fit: cover;
}

.main-accordion {
    z-index: 0;
    display: block;
    width: 100%;
    padding-top: 2vw;
    padding-bottom: 2vw;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    border-bottom: 0.8px solid rgba(0, 0, 0, 0.25);
}

.collection-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.dropdown-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0px 0.8vw 0px 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.finder-wrapper {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1200;
    display: none;
    width: 100%;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.75);
}

.softomate-t-con-wrap {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 1vw;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-transform: capitalize;
    cursor: pointer;
}

.category-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    justify-items: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.finderparent {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    justify-items: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 0.5vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.finderparent.filter-reset-master {
    font-size: 1vw;
    line-height: 1.5;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-transform: capitalize;
    cursor: pointer;
}

.news-cms-next-rapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.news-next-img {
    overflow: hidden;
    width: 28vw;
    height: 14vw;
    max-width: none;
    border-radius: 0.5vw;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
    -o-object-fit: cover;
    object-fit: cover;
}

.contact-info-wrapper {
    display: -ms-grid;
    display: grid;
    justify-items: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.contact-info {
    display: -ms-grid;
    display: grid;
    justify-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 2.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.map-emebed-wrapper {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 2vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.contact-form-title {
    margin-bottom: 2vw;
}

.contact-form-wrapper {
    margin-bottom: 0px;
}

.contact-form-wrapper.pop-up {
    overflow: visible;
    width: 100%;
}

.embed-code-map {
    width: 100%;
    height: 18vw;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.contact-info-parent {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 2.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.location-wrapper {
    position: relative;
    padding-top: 3vw;
}

.location-parent {
    display: -ms-grid;
    display: grid;
    margin-top: 2vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.location-info {
    display: -ms-grid;
    display: grid;
    justify-items: start;
    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.location-contact-info {
    display: -ms-grid;
    display: grid;
    margin-top: 1vw;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.product-wrapper {
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 0.3vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.product-img {
    width: 2.5vw;
    height: 2.5vw;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.product-name {
    font-size: 0.8vw;
}

.p-lightbox-wrapper {
    width: 100%;
}

.case-info-wrapper {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 6vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto auto auto auto;
    grid-template-columns: auto auto auto auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.case-pdf-wrapper {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 1vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.case-solution-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.case-benefit-wrapper {
    display: -ms-grid;
    display: grid;
    width: 100%;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.case-benefit-parent {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 1.5vw;
    grid-row-gap: 0vw;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.testimonial-wrapper {
    display: -ms-grid;
    display: grid;
    overflow: hidden;
    width: 80%;
    padding: 3vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-auto-columns: 1fr;
    grid-column-gap: 4vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    border-style: solid;
    border-width: 0.8px;
    border-color: rgba(0, 0, 0, 0.15);
    border-radius: 1vw;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
}

.t-img {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: none;
    border-radius: 0.5vw;
    -o-object-fit: cover;
    object-fit: cover;
}

.t-softothemecontent {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    justify-items: end;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1.5vw;
    -ms-grid-columns: 0.8fr;
    grid-template-columns: 0.8fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.name-wrapper {
    position: relative;
    display: -ms-grid;
    display: grid;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    grid-column-gap: 1vw;
    grid-row-gap: 0vw;
    -ms-grid-columns: 0.8fr 1fr;
    grid-template-columns: 0.8fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.testimonial-name {
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-size: 1.2vw;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: -0.5px;
    text-transform: capitalize;
}

.testimonial-name.title {
    font-size: 0.8vw;
    font-weight: 400;
}

.quote {
    margin-bottom: -2vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-family: 'Red Hat Display', sans-serif;
    color: #003d82;
    font-size: 5vw;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

.quote.right {
    margin-bottom: -1vw;
    line-height: 0.8;
}

.name-parent {
    display: -ms-grid;
    display: grid;
    margin-top: -0.5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0.5vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.t-img-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20vw;
    height: 20vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.t-wrapper {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 1vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.hidden {
    display: none;
}

.wg-element {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

.wg-element:hover {
    background-color: transparent;
}

.wg-dd-1-togle {
    z-index: 1;
    width: 100%;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-family: 'Red Hat Display', sans-serif;
    color: #fff;
    font-size: 0.75vw;
    line-height: 1;
    font-weight: 600;
    text-transform: uppercase;
}

.wg-dd-1-togle:hover {
    color: #003d82;
}

.wg-dd-1-togle.themecolor {
    color: #000;
}

.empty {
    display: none;
}

.filter-empty-message {
    font-family: 'Red Hat Display', sans-serif;
    color: #000;
    font-size: 1vw;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: -0.5px;
}

.feature-img-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.collection-list {
    position: relative;
    width: 100%;
}

.home-product-lottie {
    width: 40vw;
    height: 40vw;
}

.solution-title-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.load-more-button {
    margin-right: 0px;
    margin-left: auto;
    padding: 1vw;
    border-radius: 0.2vw;
    background-color: #fff;
}

.load-more-button.btn {
    border-width: 0.8px;
    border-color: rgba(0, 61, 130, 0.5);
    border-radius: 0.5vw;
}

.embed {
    display: none;
}

.recaptcha {
    margin-bottom: 0px;
}

.feature-title-wrapper {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 0.5vw;
    grid-row-gap: 0px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.play-btn {
    position: absolute;
    overflow: hidden;
    width: 4vw;
    height: 4vw;
    border-radius: 100vw;
    box-shadow: 0 0 25px 0 #000;
}

.play-btn-img {
    width: 100%;
    height: 100%;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
}

.loader {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 15vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.multi-ref-target {
    width: 100%;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.nest-multi-reference {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 2vw;
    grid-row-gap: 2vw;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.hidden-link {
    position: absolute;
}

.product-type-wrapper {
    position: relative;
}

.fltr-active {
    color: #003d82;
}

.btn-data-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0.8vw 2vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 0.8px;
    border-color: rgba(0, 61, 130, 0.5);
    border-radius: 0.5vw;
}

.data-wrapper {
    position: relative;
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 3vw;
    grid-row-gap: 0px;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.data-sheet-link {
    width: 1.5vw;
    height: 1.5vw;
    background-image: url("../img/61b1799e3f51d220e2b5cea9_en-pdf.svg");
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.data-sheet-link.es {
    background-image: url("../img/61b912412b588651f345eec9_es-pdf.svg");
}

.data-sheet-link.en {
    background-image: url("../img/61b91241d7bd40741e6ee8d0_en-pdf.svg");
}

.for-finder-all {
    font-family: 'Red Hat Display', sans-serif;
}

@media screen and (max-width: 991px) {
    h1 {
        font-size: 64px;
        line-height: 1.2;
        letter-spacing: 0px;
    }
    h2 {
        font-size: 48px;
        line-height: 1.2;
        letter-spacing: -0.5px;
    }
    h3 {
        font-size: 28px;
    }
    h4 {
        font-size: 24px;
    }
    h5 {
        font-size: 20px;
    }
    p {
        font-size: 20px;
        line-height: 1.3;
    }
    ul {
        margin-bottom: 0px;
        padding-left: 3vw;
        font-size: 20px;
    }
    figcaption {
        font-size: 14px;
    }
    .home-h1.black.be-h3 {
        font-size: 64px;
    }
    .h2.section-links {
        font-size: 20px;
    }
    .h2.smaller {
        font-size: 32px;
    }
    .h2.with-m {
        margin-right: 0.5vw;
    }
    .h3.big {
        font-size: 32px;
    }
    .h3.for-tab {
        font-size: 16px;
    }
    .h3.smaller {
        font-size: 24px;
    }
    .h3.smaller.accordion-title {
        font-size: 20px;
    }
    .h3.for-footer {
        margin-bottom: 2vw;
        font-size: 16px;
    }
    .h3.category {
        font-size: 24px;
    }
    .h3.form-message {
        font-size: 16px;
    }
    .h3.download {
        font-size: 12px;
    }
    .h3.download-card {
        font-size: 16px;
    }
    .h3.cms {
        margin-top: 2vw;
        font-size: 16px;
        letter-spacing: 0px;
    }
    .h3.p-title {
        font-size: 16px;
    }
    .h3.p-casestudy {
        font-size: 24px;
    }
    .h3.contact-link {
        font-size: 16px;
    }
    .h3.location {
        font-size: 20px;
    }
    .h3.case-card {
        font-size: 16px;
    }
    .h3.case-benefits {
        font-size: 24px;
    }
    .h3.button {
        font-size: 16px;
    }
    .h4 {
        line-height: 1.2;
    }
    .h4.on-newscard {
        margin-right: 2vw;
        margin-left: 2vw;
        font-size: 20px;
    }
    .h4.case-study {
        font-size: 16px;
    }
    .h4.banner {
        font-size: 16px;
    }
    .p.big {
        font-size: 24px;
    }
    .p.big.bold {
        font-size: 20px;
    }
    .p.small {
        font-size: 16px;
    }
    .p.small.transparent {
        margin-left: 2vw;
    }
    .p.small.themecolor {
        font-size: 12px;
    }
    .p.small.new-p {
        font-size: 14px;
    }
    .number {
        font-size: 48px;
    }
    .subheading {
        font-size: 20px;
    }
    .subheading.bigger {
        font-size: 24px;
    }
    .subheading.news {
        font-size: 16px;
    }
    .subheading.contact {
        margin-bottom: 4vw;
    }
    .subheading.bold {
        font-size: 24px;
    }
    .btn {
        padding: 1.6vw 4vw;
        border-radius: 10px;
        font-size: 16px;
    }
    .btn.narrow {
        padding-right: 2vw;
        padding-left: 2vw;
    }
    .btn.wrapper.narrow.nav-desktop {
        display: none;
    }
    .btn.load-more-button {
        margin-top: 6vw;
        margin-right: auto;
        margin-left: 0px;
        border-radius: 10px;
    }
    .secondary-btn-wrapper {
        grid-column-gap: 3vw;
    }
    .secondary-btn-wrapper.abs {
        position: relative;
        left: auto;
        top: auto;
        right: 0%;
        bottom: auto;
        margin-top: 10vw;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .btn-text {
        font-size: 16px;
    }
    .btn-text.top.abs {
        position: relative;
    }
    .themecolor-circle {
        width: 3vw;
        height: 3vw;
    }
    .themecolor-circle.big {
        width: 6vw;
        height: 6vw;
    }
    .themecolor-circle.accordion {
        width: 4vw;
        height: 4vw;
    }
    .themecolor-circle.abs {
        bottom: 3vw;
    }
    .themecolor-circle.close {
        width: 4vw;
        height: 4vw;
    }
    .btn-text-wrapper {
        height: 24px;
    }
    .logo-wrapper {
        left: 5vw;
        top: 2.5vw;
        width: 20vw;
    }
    .nav-wrapper {
        top: 2.5vw;
        right: 5vw;
    }
    .nav-link {
        display: none;
        font-size: 16px;
    }
    .nav-link.burger {
        display: block;
    }
    .nav-link.page {
        display: block;
        margin-right: 1vw;
    }
    .svg-img {
        width: 3vw;
        height: 3vw;
    }
    .svg-img.burger {
        display: block;
        width: 5vw;
        height: auto;
        max-width: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        color: #003d82;
    }
    .svg-img.social {
        color: #f86b33;
    }
    .nav-item-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .nav-overlay {
        height: 9vw;
    }
    .line {
        height: 2.6vw;
        margin-right: 20px;
        margin-left: 20px;
    }
    .section {
        padding: 12vw 8%;
    }
    .section.home-mainmate {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .section.renew-des.contact-ending {
        margin-top: -20vw;
        padding-top: 35vw;
    }
    .section.renew-des.downloadsheet {
        margin-top: -10vw;
        padding-top: 15vw;
    }
    .section.renew-des.top-padding {
        padding-top: 12vw;
    }
    .section.footer {
        min-height: 50vh;
        padding-bottom: 10vw;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .section.softomate-section {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .section.softomate-section.category {
        min-height: 100vh;
    }
    .section.softomate-section.product-cms {
        padding-top: 25vw;
        padding-bottom: 10vw;
    }
    .section.softomate-section.for-n {
        padding-top: 15vw;
        padding-bottom: 20vw;
    }
    .section.product-catelog {
        padding-top: 3vw;
    }
    .section._404 {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .section.no-bottom-margin {
        padding-bottom: 12vw;
    }
    .section.for-news {
        margin-top: 0vw;
        padding-top: 4vw;
        padding-bottom: 0vw;
    }
    .gradian-img {
        top: 17%;
        right: -63%;
        width: 140vw;
        opacity: 0.85;
        -webkit-transform: rotate(37deg);
        -ms-transform: rotate(37deg);
        transform: rotate(37deg);
    }
    .gradian-img.for-footer {
        left: auto;
        top: 14%;
        right: -53%;
        bottom: auto;
        width: 130vw;
        -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
        transform: rotate(9deg);
    }
    .bg-img.white {
        height: 50vw;
    }
    .softothemecontent.mainmate {
        width: 80%;
        margin-top: 20vw;
    }
    .softothemecontent.mainmate.cms {
        margin-top: 12vw;
    }
    .softothemecontent.mainmate.cms-no-margin {
        margin-top: 15vw;
        margin-bottom: 6vw;
    }
    .softothemecontent.mainmate.cms-no-margin.for-news {
        width: 90%;
    }
    .softothemecontent.mainmate.product-cms {
        width: 80%;
    }
    .softothemecontent.ahed-by {
        grid-row-gap: 6vw;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .softothemecontent.about {
        width: 100%;
    }
    .softothemecontent.for-tab {
        grid-row-gap: 2vw;
    }
    .softothemecontent.img {
        margin-bottom: 15vw;
    }
    .softothemecontent.img.right {
        margin-bottom: 20vw;
    }
    .softothemecontent.align-right.support {
        margin-top: 6vw;
    }
    .softothemecontent.values {
        width: 100%;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }
    .softothemecontent.values.soluton {
        -webkit-box-ordinal-group: -999;
        -webkit-order: -1000;
        -ms-flex-order: -1000;
        order: -1000;
    }
    .softothemecontent.case-study {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .softothemecontent.case-study.on-p {
        margin-top: 4vw;
    }
    .softothemecontent.section-link {
        right: auto;
        bottom: 10vw;
        width: auto;
        margin-top: 10vw;
        padding-left: 0vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .softothemecontent.softomate-section {
        width: 100%;
        margin-top: 20vw;
    }
    .softothemecontent.about-why {
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        align-self: flex-start;
        grid-column-gap: 10vw;
        grid-row-gap: 8vw;
    }
    .softothemecontent.why {
        width: 70%;
        margin-top: 6vw;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .softothemecontent.product-card-wrapper {
        width: 100%;
        margin-top: 4vw;
    }
    .softothemecontent.small-section-title {
        margin-top: 10vw;
    }
    .softothemecontent.warranty {
        width: 85%;
        margin-top: 6vw;
    }
    .softothemecontent.warranty.second {
        width: 100%;
        margin-top: 6vw;
    }
    .softothemecontent.download {
        padding-right: 2vw;
    }
    .softothemecontent.types {
        display: -ms-grid;
        display: grid;
        margin-bottom: 6vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        grid-auto-columns: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
    .softothemecontent.type-cta-wrapper {
        position: relative;
        top: auto;
        right: auto;
        width: 97%;
        margin-top: 2vw;
    }
    .softothemecontent.p-types {
        width: 100%;
    }
    .softothemecontent.content {
        width: 100%;
        margin-top: 6vw;
    }
    .softothemecontent.product.right {
        margin-top: 0vw;
    }
    .softothemecontent.product.left {
        position: relative;
        top: 0vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 6vw;
    }
    .softothemecontent.related-p {
        margin-top: 4vw;
    }
    .softothemecontent.contact {
        grid-column-gap: 0vw;
        grid-row-gap: 8vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .softothemecontent.location {
        grid-row-gap: 6vw;
    }
    .softothemecontent.case-content {
        width: 100%;
        padding-left: 0vw;
    }
    .softothemecontent.case-content.with-margin {
        margin-bottom: 6vw;
    }
    .softothemecontent.soluion-content {
        width: 100%;
        margin-bottom: 6vw;
        -webkit-box-ordinal-group: -99998;
        -webkit-order: -99999;
        -ms-flex-order: -99999;
        order: -99999;
    }
    .softothemecontent.legal {
        width: 100%;
    }
    .span.number {
        font-size: 16px;
    }
    .span.for-footer {
        font-size: 14px;
    }
    .mainmate-softothemecontent {
        width: 80%;
        margin-top: 4vw;
        margin-left: 0vw;
        grid-row-gap: 4vw;
    }
    .mainmate-softothemecontent.longer {
        width: 80%;
        margin-top: 6vw;
    }
    .mainmate-softothemecontent._404 {
        margin-top: 6vw;
        grid-row-gap: 4vw;
    }
    .fingerprint-wrapper {
        width: 60vw;
        height: 60vw;
    }
    .softo-animation-wrap {
        bottom: 5%;
        margin-top: 0px;
    }
    .scanner-wrapper {
        height: 11.5vw;
    }
    .burger-menu-wrapper {
        position: fixed;
        left: auto;
        top: 0%;
        right: 0%;
        bottom: auto;
        z-index: 999;
        display: none;
        overflow: hidden;
        width: 100vw;
        height: 100vh;
        padding-right: 0px;
        padding-bottom: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        background-color: rgba(0, 0, 0, 0.75);
    }
    .social {
        width: 2.5vw;
        height: 2.5vw;
    }
    .burger-menu-parent {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 90%;
        height: 100%;
        padding: 15vw 8vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        justify-items: start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-content: start;
        -ms-flex-line-pack: start;
        align-content: start;
        grid-auto-columns: 1fr;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        background-color: #121212;
        box-shadow: 6px 0 25px 1px #000;
    }
    .burger-menu-parent.inner {
        display: -ms-grid;
        display: grid;
        overflow: auto;
        height: 95%;
        padding: 0vw;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
        grid-auto-columns: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 6vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        background-color: transparent;
        box-shadow: none;
    }
    .back-btn-wrapper {
        position: absolute;
        left: auto;
        top: 2.5%;
        right: 5%;
        bottom: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 1.5vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 5px;
        background-color: #003d82;
        box-shadow: 0 0 25px 2px #000;
    }
    .title-wrapper.h {
        width: 95%;
        margin-bottom: 6vw;
    }
    .title-wrapper.h.right {
        width: 85%;
    }
    .title-wrapper.next-category {
        margin-bottom: 4vw;
    }
    .about-product-wrapper {
        width: auto;
        height: auto;
    }
    .number-wrapper {
        margin-top: 4vw;
        grid-row-gap: 4vw;
    }
    .number-parent {
        grid-column-gap: 3vw;
    }
    .line-wrapper.h.p-title {
        display: none;
    }
    .line-block {
        width: 5px;
        height: 10px;
    }
    .line-block.for-tab {
        display: none;
    }
    .line-block.h {
        width: 10px;
        height: 5px;
    }
    .line-block.h.abs {
        bottom: -2.5px;
    }
    .btn-wrapper {
        margin-top: 8vw;
        margin-left: auto;
    }
    .btn-wrapper.for-tab {
        grid-column-gap: 4vw;
    }
    .btn-wrapper.for-contact {
        grid-column-gap: 6vw;
    }
    .btn-wrapper.for-accordion {
        display: none;
        margin-left: 0px;
    }
    .btn-wrapper.why {
        margin-top: 5vw;
    }
    .btn-wrapper.for-warranty {
        margin-left: 0px;
        grid-row-gap: 2vw;
    }
    .btn-wrapper._404 {
        margin-left: 0px;
        grid-column-gap: 0vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .btn-wrapper.for-next {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
        justify-items: start;
        grid-column-gap: 4vw;
    }
    .btn-wrapper.for-next.news {
        margin-top: 4vw;
        margin-left: 0px;
    }
    .btn-wrapper.product-info {
        margin-top: 0vw;
        margin-left: 0px;
        grid-column-gap: 0vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .deco-img {
        top: 40%;
        right: -15%;
        width: 25vw;
        height: 25vw;
    }
    .deco-img.for-img {
        top: -28%;
        right: 0%;
        width: 15vw;
        height: 15vw;
    }
    .deco-img.for-contact {
        left: -11%;
        top: auto;
        right: auto;
        bottom: 28%;
        width: 15vw;
        height: 15vw;
    }
    .deco-img.for-solution {
        right: 0%;
        width: 18vw;
        height: 18vw;
    }
    .deco-img.forwhy {
        top: 44%;
        right: -9%;
        width: 20vw;
        height: 20vw;
    }
    .deco-img.for-product {
        top: -24%;
        right: 7%;
        width: 18vw;
        height: 18vw;
    }
    .deco-img.for-support {
        left: auto;
        top: auto;
        right: 0%;
        bottom: 0%;
        width: 18vw;
        height: 18vw;
    }
    .deco-img.for-news {
        left: 65%;
        top: -15%;
        right: auto;
    }
    .deco-img.for-category {
        left: auto;
        right: 0px;
    }
    .deco-img.for-types {
        left: auto;
        right: 10%;
        display: none;
        width: 8vw;
        height: 8vw;
    }
    .deco-img.for-next {
        right: 6%;
        bottom: 18%;
        width: 15vw;
        height: 15vw;
    }
    .about-product-parent {
        left: auto;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .banner-img-link {
        height: 35vw;
        border-radius: 25px;
    }
    .category-icon {
        width: 8vw;
        height: 8vw;
        margin-right: 2vw;
    }
    .tab-menu {
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
        border-bottom-style: none;
    }
    .tab {
        border-style: solid;
        border-width: 0.8px;
        border-color: rgba(0, 0, 0, 0.1);
        border-radius: 35px;
    }
    .tab-title {
        padding: 3vw 2vw;
        border-bottom-style: solid;
        border-bottom-color: rgba(0, 0, 0, 0.15);
        font-size: 16px;
    }
    .tab-title.w--current {
        border-bottom-width: 2px;
        border-bottom-color: #003d82;
    }
    .tab-content-parent {
        grid-column-gap: 0vw;
        grid-row-gap: 6vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .tab-content {
        padding: 6vw 4vw 4vw;
    }
    .card-wrapper {
        border-radius: 15px;
    }
    .card-wrapper.home-product {
        padding: 4vw 2vw 3vw;
        grid-row-gap: 6vw;
        border-radius: 10px;
    }
    .card-wrapper.home-product.shorter {
        min-height: 38vw;
        grid-row-gap: 3vw;
    }
    .card-wrapper.home-product.case {
        width: 40vw;
        height: auto;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .card-wrapper.news {
        padding-bottom: 3vw;
        border-radius: 10px;
    }
    .card-wrapper.product-category {
        padding-top: 4vw;
        padding-bottom: 4vw;
        padding-left: 3vw;
        -webkit-align-content: start;
        -ms-flex-line-pack: start;
        align-content: start;
        grid-row-gap: 3vw;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        border-radius: 10px;
    }
    .card-wrapper.banner {
        padding: 2vw 3vw 4vw;
        border-radius: 0vw 15px 15px 0vw;
    }
    .cms-wrapper {
        width: auto;
    }
    .cms-wrapper.type {
        margin-top: 10vw;
    }
    .cms-wrapper.product-lightbox {
        margin-bottom: 10vw;
    }
    .cms-list {
        grid-column-gap: 6vw;
    }
    .cms-list._3-c {
        grid-row-gap: 6vw;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .cms-list._2-c {
        grid-column-gap: 4vw;
        grid-row-gap: 4vw;
    }
    .cms-list._4-c {
        grid-column-gap: 4vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .cms-list.for-download {
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .cms-list.product-type {
        grid-row-gap: 15vw;
    }
    .cms-list.right {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .cms-list.news-next {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-list.for-poduct {
        grid-row-gap: 3vw;
    }
    .cms-list._3-c-p {
        grid-row-gap: 6vw;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .cms-list.for-finder {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .cms-list._6-c {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-row-gap: 4vw;
        -ms-grid-columns: auto auto auto;
        grid-template-columns: auto auto auto;
    }
    .card-name-wrapper.news {
        margin-bottom: 3vw;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        grid-row-gap: 3vw;
    }
    .card-name-wrapper.category {
        grid-row-gap: 2vw;
    }
    .card-img.category {
        width: 45%;
    }
    .card-img.on-p {
        width: 60%;
    }
    .h5.for-tab {
        font-size: 14px;
    }
    .img-wrapper.case-study {
        height: 45vw;
        border-radius: 10px;
    }
    .img-wrapper.case-study.taller {
        width: 100%;
        height: 45vw;
        margin-bottom: 4vw;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
    .img-wrapper.case-study.shorter {
        height: 30vw;
    }
    .img-round-corner {
        width: 65vw;
        height: 35vw;
        border-radius: 10px;
    }
    .img-round-corner.smaller {
        top: 10%;
        right: -29%;
        width: 28vw;
        height: 35vw;
        border-radius: 10px;
    }
    .img-round-corner.smaller.left {
        top: 15%;
    }
    .value-wrapper {
        padding-top: 6vw;
        padding-bottom: 6vw;
        grid-column-gap: 8vw;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    }
    .value-wrapper.solutions {
        padding-bottom: 6vw;
    }
    .value-icon-wrapper {
        width: 15vw;
        height: 15vw;
    }
    .value-softothemecontent.solutions {
        width: 100%;
        margin-top: 0vw;
        grid-row-gap: 2vw;
    }
    .case-study-card {
        grid-column-gap: 0vw;
        grid-row-gap: 6vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .case-study-card.on-s {
        padding-top: 5vw;
        padding-bottom: 5vw;
    }
    .case-study-cntent {
        grid-row-gap: 3vw;
    }
    .case-study-cntent.on-s {
        width: 100%;
    }
    .info-wrapper {
        grid-row-gap: 2vw;
    }
    .info-wrapper.abs {
        top: 19.5%;
        width: 60%;
    }
    .info-wrapper.abs.home {
        top: 16.5%;
        display: none;
    }
    .info-parent {
        -ms-grid-columns: 15vw auto;
        grid-template-columns: 15vw auto;
    }
    .info-parent.transparent {
        opacity: 1;
    }
    .case-study-product-img {
        display: none;
    }
    .card-img-wrapper {
        height: 22vw;
    }
    .deco-wrapper {
        left: auto;
        top: 0%;
        right: -29%;
        bottom: auto;
        width: 50vw;
        height: 50vw;
    }
    .deco-wrapper.on-left {
        left: -26%;
    }
    .footer-wrapper {
        display: -ms-grid;
        display: grid;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        grid-auto-columns: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 8vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        padding-bottom: 15px;
    }
    .footer-parent {
        grid-row-gap: 6vw;
    }
    .footer-parent._4-c {
        grid-column-gap: 6vw;
        grid-row-gap: 6vw;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .footer-link-wrapper {
        grid-row-gap: 2vw;
    }
    .footer-link {
        font-size: 16px;
    }
    .social-wrapper {
        grid-column-gap: 6vw;
        grid-row-gap: 4vw;
    }
    .svg-embed {
        width: 3vw;
        height: 3vw;
    }
    .svg-embed.social {
        color: #f86b33;
    }
    .footer-bottom-wrapper {
        position: relative;
        bottom: auto;
        width: 100%;
        margin-top: 10vw;
    }
    .footer-bottom-parent {
        display: -ms-grid;
        display: grid;
        margin-bottom: 4vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        grid-auto-columns: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
    .legal-wrapper {
        display: -ms-grid;
        display: grid;
        width: 100%;
        grid-auto-columns: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
    .to-top-wrapper {
        top: 5%;
        right: 8%;
        width: 5vw;
        height: 4.5vw;
        border-radius: 5px;
    }
    .subscribe-wrapper {
        width: 50vw;
    }
    .form-field {
        font-size: 16px;
    }
    .form-field.underline {
        padding-top: 2vw;
        padding-bottom: 3vw;
        font-size: 16px;
    }
    .form-field.underline.dropdown {
        height: 10vw;
    }
    .form {
        grid-row-gap: 4vw;
    }
    .form.on-contact {
        padding-bottom: 4vw;
    }
    .product-finder {
        bottom: 18vw;
        display: none;
        width: 8vw;
        height: 22vw;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }
    .section-link-wrapper._2-c {
        margin-top: 4vw;
        grid-column-gap: 10vw;
    }
    .section-link-wrapper._2-c.extra-c {
        margin-top: 6vw;
        grid-row-gap: 5vw;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .section-link-parent {
        width: 32vw;
        grid-row-gap: 1vw;
    }
    .section-link-parent.black {
        width: 100%;
    }
    .page-nav-wrapper {
        left: 5vw;
        top: 15vw;
    }
    .accordion-wrapper {
        padding: 5vw 2vw 5vw 3vw;
    }
    .accordion-parent.question {
        grid-column-gap: 6vw;
    }
    .accordion-parent.answer {
        grid-row-gap: 3vw;
    }
    .solution-icon {
        width: 5vw;
        height: 5vw;
    }
    .cms-card-wrapper {
        padding-top: 5vw;
        padding-bottom: 5vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .cms-card-wrapper:nth-child(even) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .about-value-wrapper {
        margin-top: 6vw;
    }
    .h1.black.smaller {
        font-size: 48px;
    }
    .scroll-indicator {
        display: none;
    }
    .filter-text {
        font-size: 16px;
    }
    .filters-expand {
        position: static;
        overflow: hidden;
        min-width: auto;
        padding: 0vw 4vw;
        grid-row-gap: 4vw;
        border-radius: 25px;
    }
    .filters-expand.category {
        position: absolute;
        left: 0%;
        top: 4vw;
        padding: 3vw;
        grid-row-gap: 6vw;
        border-radius: 10px;
    }
    .filter-open {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        grid-column-gap: 1vw;
    }
    .filter-wrapper {
        margin-bottom: 10vw;
        padding-bottom: 2vw;
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        grid-column-gap: 0vw;
        grid-row-gap: 2.5vw;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .filter-wrapper.news-category {
        grid-row-gap: 3vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .filter-wrapper.download {
        margin-bottom: 4vw;
    }
    .filter-icon {
        width: 2vw;
        height: 2vw;
    }
    .filterparent {
        grid-column-gap: 0vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .filterparent.news {
        grid-column-gap: 0vw;
        grid-row-gap: 3vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .filterparent.category {
        grid-column-gap: 3vw;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
    }
    .warranty-parent {
        margin-top: 6vw;
        margin-left: 2vw;
        grid-column-gap: 0vw;
        grid-row-gap: 8vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .warranty-card-wrapper {
        padding: 4vw 5vw 10vw 4vw;
        grid-row-gap: 2vw;
        border-radius: 10px;
    }
    .warranty-softothemecontent.content {
        grid-row-gap: 2vw;
    }
    .warranty-softothemecontent.content.shorter {
        width: 100%;
    }
    .card-outline-offset {
        margin-top: -2vw;
        margin-left: -2vw;
        border-radius: 10px;
    }
    .form-wrapper {
        margin-top: 6vw;
    }
    .messgae {
        padding-top: 2vw;
        padding-bottom: 2vw;
        border-radius: 10px;
    }
    .messgae.error {
        margin-top: 2vw;
    }
    .wg-element-wrapper {
        margin-right: 5vw;
    }
    .wg-dd-1-list {
        top: 150%;
    }
    .wg-dd-1-list.w--open {
        border-radius: 10px;
    }
    .wg-dropdown-1-link {
        padding: 2vw 4vw 2vw 2vw;
        font-size: 20px;
    }
    .new-release-wrapper {
        width: 35vw;
        padding-top: 4vw;
        padding-right: 4vw;
        padding-bottom: 4vw;
    }
    .img-parent {
        height: 22vw;
    }
    .img-parent.featured {
        width: 14vw;
        height: 14vw;
        margin-top: 4vw;
        margin-bottom: 4vw;
    }
    .overlay-wrapper {
        width: 85%;
        height: 70vh;
        padding-top: 5vw;
        padding-bottom: 5vw;
        grid-row-gap: 4vw;
        border-radius: 15px;
    }
    .overlay-wrapper.download.taller {
        height: 65vh;
    }
    .overlay-wrapper.for-finder {
        width: 90%;
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
    .download-wrapper {
        padding: 2vw 3vw 2vw 2vw;
        grid-column-gap: 4vw;
        border-radius: 10px;
    }
    .download-softothemecontent {
        grid-row-gap: 1vw;
    }
    .pdf-icon {
        width: 5vw;
        height: 5vw;
    }
    .pdf-icon.type {
        width: 3vw;
        height: 3vw;
    }
    .pdf-icon.p-category {
        width: 5vw;
        height: 5vw;
    }
    .pdf-icon.case-study {
        width: 3vw;
        height: 3vw;
    }
    .download-parent {
        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-align-content: start;
        -ms-flex-line-pack: start;
        align-content: start;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .download-parent.finder {
        grid-column-gap: 0vw;
        grid-row-gap: 6vw;
    }
    .download-parent.form {
        margin-top: 2vw;
        padding-right: 2vw;
    }
    .close-wrapper {
        top: 2.5vw;
    }
    .white-gradien {
        height: 15vw;
    }
    .type-cta-parent {
        grid-column-gap: 0vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .type-cta {
        grid-row-gap: 2vw;
    }
    .cms-title-wrapper.news-next {
        width: 100%;
        margin-top: 4vw;
        margin-bottom: 0vw;
    }
    .cms-mainmate-softothemecontent {
        grid-column-gap: 2vw;
    }
    .category-graphic-wrapper {
        bottom: 12%;
        width: 55vw;
        height: 55vw;
    }
    .category-img-wrapper {
        width: 32vw;
        height: 32vw;
    }
    .category-img.round {
        border-radius: 10px;
    }
    .news-iinfo-wrapper {
        grid-column-gap: 8vw;
    }
    .new-info-parent {
        grid-row-gap: 2vw;
    }
    .news-img {
        width: 100%;
        height: 40vw;
        border-radius: 15px;
    }
    .rich-text {
        margin-bottom: 6vw;
    }
    .rich-text.p-cms {
        width: 100%;
        margin-bottom: 4vw;
    }
    .rich-text.p-cms h2 {
        font-size: 32px;
    }
    .rich-text.case-study.padding {
        margin-top: 4vw;
    }
    .rich-text.news h2 {
        font-size: 32px;
    }
    .rich-text.news img {
        border-radius: 15px;
    }
    .share-after {
        grid-column-gap: 5vw;
    }
    .social-share-btn.fb {
        width: 3vw;
        height: 3vw;
    }
    .social-share-btn.lk {
        width: 3vw;
        height: 3vw;
    }
    .social-share-btn.tw {
        width: 3vw;
        height: 3vw;
    }
    .social-share-btn.em {
        width: 3vw;
        height: 3vw;
    }
    .product-info-wrapper {
        position: relative;
        top: 0vw;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        justify-items: center;
    }
    .product-info-parent {
        display: none;
    }
    .product-softothemecontent {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .lightbox.vid {
        height: 40vw;
        border-radius: 15px;
    }
    .lightbox-wrapper {
        width: 12vw;
        height: 12vw;
    }
    .lightbox-wrapper:first-child {
        height: 40vw;
        border-radius: 15px;
    }
    .product-title-wrapper {
        z-index: 10;
        overflow: hidden;
        margin-bottom: 6vw;
        padding: 3vw;
        border-radius: 10px;
        background-color: #fff;
        box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
    }
    .p-title-parent {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-column-gap: 6vw;
    }
    .product-content-parent {
        grid-row-gap: 10vw;
    }
    .benefits-wrapper {
        margin-top: 4vw;
        grid-column-gap: 0vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .benefit-parent {
        grid-row-gap: 1.5vw;
    }
    .benefit-softothemecontent {
        grid-column-gap: 1vw;
    }
    .dot {
        width: 2vw;
        height: 2vw;
        margin-top: 0.5vw;
    }
    .accordion-container {
        padding-top: 2vw;
    }
    .feature-img {
        width: 22vw;
        height: 22vw;
    }
    .main-accordion {
        padding-top: 4vw;
        padding-bottom: 4vw;
    }
    .softomate-t-con-wrap {
        font-size: 16px;
        letter-spacing: 0px;
    }
    .finderparent {
        grid-column-gap: 1vw;
    }
    .news-cms-next-rapper {
        width: 80%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .news-next-img {
        width: 46vw;
        height: 23vw;
        margin-top: 4vw;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        border-radius: 10px;
    }
    .contact-info-wrapper {
        grid-row-gap: 2vw;
    }
    .contact-info {
        grid-column-gap: 2vw;
        grid-row-gap: 0vw;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .map-emebed-wrapper {
        grid-row-gap: 4vw;
    }
    .contact-form-title {
        margin-bottom: 4vw;
    }
    .embed-code-map {
        height: 25vw;
    }
    .contact-info-parent {
        grid-row-gap: 6vw;
    }
    .location-wrapper {
        padding-top: 6vw;
    }
    .location-parent {
        margin-top: 4vw;
        grid-column-gap: 4vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .location-info {
        grid-row-gap: 2vw;
    }
    .location-contact-info {
        grid-row-gap: 2vw;
    }
    .product-img {
        width: 5vw;
        height: 5vw;
    }
    .product-name {
        font-size: 14px;
    }
    .case-info-wrapper {
        -ms-grid-row-align: stretch;
        align-self: stretch;
        grid-column-gap: 8vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: auto auto auto;
        grid-template-columns: auto auto auto;
    }
    .case-pdf-wrapper {
        grid-column-gap: 2vw;
    }
    .case-solution-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        grid-column-gap: 6vw;
        grid-row-gap: 0vw;
        -ms-grid-columns: 0.8fr 1fr;
        grid-template-columns: 0.8fr 1fr;
    }
    .case-benefit-wrapper {
        grid-column-gap: 4vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .case-benefit-parent {
        grid-column-gap: 3vw;
    }
    .testimonial-wrapper {
        width: 100%;
        padding: 6vw;
        border-radius: 10px;
    }
    .t-img {
        border-radius: 10px;
    }
    .t-softothemecontent {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .testimonial-name {
        font-size: 16px;
    }
    .testimonial-name.title {
        font-size: 14px;
    }
    .quote {
        font-size: 36px;
    }
    .quote.right {
        margin-bottom: 0vw;
    }
    .t-img-wrapper {
        width: 25vw;
        height: 25vw;
    }
    .wg-element {
        width: 50%;
    }
    .wg-dd-1-togle {
        color: #003d82;
        font-size: 20px;
    }
    .filter-empty-message {
        font-size: 16px;
    }
    .home-product-lottie {
        width: 70vw;
        height: 70vw;
    }
    .play-btn {
        width: 8vw;
        height: 8vw;
    }
    .loader {
        width: 35vw;
    }
    .nest-multi-reference {
        grid-column-gap: 4vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .btn-data-wrapper {
        display: -ms-grid;
        display: grid;
        padding: 1.6vw 4vw;
        grid-auto-columns: 1fr;
        grid-column-gap: 6vw;
        grid-row-gap: 0px;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        border-radius: 10px;
    }
    .data-wrapper {
        grid-column-gap: 8vw;
    }
    .data-sheet-link {
        width: 4vw;
        height: 4vw;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 56px;
    }
    h2 {
        font-size: 36px;
    }
    h3 {
        font-size: 24px;
    }
    h5 {
        font-size: 16px;
        letter-spacing: 0.5px;
    }
    ul {
        padding-left: 4vw;
    }
    .home-h1 {
        font-size: 48px;
    }
    .home-h1.black.be-h3 {
        font-size: 56px;
    }
    .h2 {
        letter-spacing: -1px;
    }
    .h2.smaller {
        font-size: 28px;
    }
    .h3.big {
        font-size: 28px;
    }
    .h3.smaller {
        font-size: 20px;
    }
    .h3.smaller.accordion-title {
        font-size: 16px;
    }
    .h3.about-why {
        font-size: 28px;
    }
    .h3.cms {
        margin-top: 4vw;
    }
    .h3.case-benefits {
        margin-bottom: 2vw;
    }
    .h4.on-newscard {
        margin-right: 3vw;
        margin-left: 3vw;
        font-size: 20px;
    }
    .p.small.transparent {
        margin-left: 3vw;
    }
    .number {
        font-size: 44px;
    }
    .subheading {
        font-size: 16px;
    }
    .subheading.contact {
        margin-bottom: 6vw;
    }
    .btn {
        padding: 3vw 8vw;
    }
    .btn.narrow {
        padding-right: 4vw;
        padding-left: 4vw;
    }
    .btn.load-more-button {
        margin-top: 8vw;
    }
    .themecolor-circle {
        width: 4vw;
        height: 4vw;
    }
    .themecolor-circle.big {
        width: 8vw;
        height: 8vw;
    }
    .themecolor-circle.abs {
        bottom: 4vw;
    }
    .themecolor-circle.close {
        width: 6vw;
        height: 6vw;
    }
    .logo-wrapper {
        top: 0.5vw;
        width: 50vw;
    }
    .nav-wrapper {
        top: 3vw;
    }
    .nav-link {
        text-align: left;
    }
    .svg-img {
        width: 3.5vw;
        height: 3.5vw;
    }
    .svg-img.burger {
        width: 6vw;
    }
    .nav-overlay {
        height: 12vw;
    }
    .section.home-mainmate {
        height: auto;
        min-height: 100vh;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .section.renew-des.contact-ending {
        margin-top: 0vw;
    }
    .section.footer {
        padding-top: 15vw;
        padding-bottom: 15vw;
    }
    .section.softomate-section {
        height: auto;
        min-height: 100vh;
        padding-bottom: 20vw;
    }
    .section.softomate-section.category {
        padding-bottom: 10vw;
    }
    .section.softomate-section.product-cms {
        min-height: auto;
        padding-top: 20vw;
    }
    .section.softomate-section.for-n {
        min-height: auto;
        padding-top: 2vw;
        padding-bottom: 25vw;
    }
    .section.product-catelog {
        padding-top: 10vw;
    }
    .section._404 {
        height: auto;
        min-height: 100vh;
        padding-top: 22vw;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .section.for-news {
        padding-top: 6vw;
    }
    .gradian-img.for-footer {
        top: 11%;
        right: -67%;
        width: 160vw;
    }
    .bg-img.white {
        height: 70vw;
    }
    .softothemecontent.mainmate {
        width: 100%;
        margin-top: 18vw;
    }
    .softothemecontent.mainmate.cms-no-margin {
        margin-top: 18vw;
    }
    .softothemecontent.mainmate.cms-no-margin.for-news {
        width: 100%;
    }
    .softothemecontent.mainmate.product-cms {
        width: 100%;
    }
    .softothemecontent.case-study {
        padding-top: 6vw;
        padding-bottom: 6vw;
    }
    .softothemecontent.section-link {
        position: relative;
        right: auto;
        bottom: auto;
    }
    .softothemecontent.softomate-section {
        margin-top: 18vw;
    }
    .softothemecontent.about-why {
        -ms-grid-row-align: stretch;
        align-self: stretch;
        grid-column-gap: 0vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .softothemecontent.small-section-title {
        margin-top: 15vw;
    }
    .softothemecontent.warranty {
        width: 96%;
    }
    .softothemecontent.download {
        padding-right: 3vw;
    }
    .softothemecontent.types {
        grid-row-gap: 8vw;
    }
    .softothemecontent.type-cta-wrapper {
        margin-top: 4vw;
    }
    .softothemecontent.case-content.with-margin {
        margin-bottom: 10vw;
    }
    .mainmate-softothemecontent.longer {
        width: 100%;
    }
    .fingerprint-wrapper {
        position: relative;
        bottom: auto;
        width: 65vw;
        height: 65vw;
    }
    .softo-animation-wrap {
        position: relative;
        right: -15%;
        bottom: auto;
        margin-top: 5vw;
        margin-bottom: 20vw;
        margin-left: auto;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .scanner-wrapper {
        height: 12vw;
    }
    .social {
        width: 3.5vw;
        height: 3.5vw;
    }
    .burger-menu-parent {
        grid-row-gap: 8vw;
    }
    .burger-menu-parent.inner {
        grid-row-gap: 5vw;
    }
    .title-wrapper.h {
        width: 100%;
        margin-bottom: 8vw;
        grid-row-gap: 2vw;
    }
    .title-wrapper.h.right {
        width: 100%;
    }
    .title-wrapper.next-category {
        margin-bottom: 6vw;
    }
    .number-wrapper {
        margin-top: 6vw;
        grid-row-gap: 6vw;
    }
    .number-content {
        grid-row-gap: 1vw;
    }
    .btn-wrapper {
        margin-top: 12vw;
    }
    .btn-wrapper.for-tab {
        margin-left: 0px;
    }
    .btn-wrapper.for-contact {
        grid-row-gap: 6vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .btn-wrapper.why {
        margin-top: 10vw;
    }
    .btn-wrapper.for-warranty {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .btn-wrapper.for-next {
        margin-left: 0px;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
        justify-items: start;
        grid-column-gap: 0vw;
        grid-row-gap: 6vw;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .btn-wrapper.product-info {
        grid-row-gap: 6vw;
    }
    .deco-img {
        top: 53%;
        width: 28vw;
        height: 28vw;
    }
    .deco-img.forwhy {
        right: -3%;
    }
    .deco-img.for-product {
        right: -4%;
        width: 22vw;
        height: 22vw;
    }
    .deco-img.for-support {
        left: 0%;
        top: auto;
        right: auto;
        bottom: 0%;
    }
    .deco-img.for-news {
        left: 75%;
    }
    .deco-img.for-news-inner {
        top: 60%;
        right: 0%;
    }
    .deco-img.for-next {
        right: -13%;
        width: 20vw;
        height: 20vw;
    }
    .banner-img-link {
        height: 45vw;
    }
    .category-icon {
        width: 10vw;
        height: 10vw;
        margin-right: 3vw;
    }
    .tab-title {
        padding-top: 3vw;
        padding-bottom: 3vw;
    }
    .tab-content-parent {
        grid-row-gap: 8vw;
    }
    .text-content-parent {
        grid-row-gap: 4vw;
    }
    .card-wrapper.home-product {
        padding-right: 3vw;
        padding-bottom: 4vw;
        padding-left: 3vw;
    }
    .card-wrapper.home-product.shorter {
        min-height: 45vw;
        padding-top: 2vw;
        padding-bottom: 2vw;
        grid-row-gap: 4vw;
    }
    .card-wrapper.home-product.shorter.w--current {
        height: 50vw;
    }
    .card-wrapper.home-product.case {
        width: 50vw;
        padding-bottom: 5vw;
    }
    .card-wrapper.product-category {
        padding-right: 8vw;
        padding-left: 0vw;
        grid-row-gap: 0vw;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
    }
    .card-wrapper.banner {
        padding-top: 3vw;
        padding-right: 5vw;
        padding-left: 5vw;
    }
    .cms-wrapper.for-next-category {
        width: 100%;
        margin-left: 0px;
    }
    .cms-list._3-c {
        grid-column-gap: 0vw;
        grid-row-gap: 8vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-list._2-c {
        grid-column-gap: 0vw;
        grid-row-gap: 6vw;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .cms-list.for-download {
        grid-column-gap: 0vw;
        grid-row-gap: 6vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-list.for-poduct {
        grid-column-gap: 5vw;
        grid-row-gap: 5vw;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .cms-list.for-finder {
        grid-row-gap: 5vw;
    }
    .cms-list._6-c {
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        -ms-grid-columns: auto auto auto;
        grid-template-columns: auto auto auto;
    }
    .card-name-wrapper.news {
        margin-bottom: 5vw;
    }
    .card-img {
        width: 65%;
    }
    .card-img.category {
        width: 50%;
    }
    .img-wrapper.case-study.taller {
        height: 50vw;
        margin-bottom: 6vw;
    }
    .img-wrapper.case-study.shorter {
        height: 45vw;
    }
    .value-wrapper {
        grid-column-gap: 0vw;
        grid-row-gap: 0vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .value-icon-wrapper {
        width: 18vw;
        height: 18vw;
    }
    .case-study-card.on-p {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .case-study-cntent {
        grid-row-gap: 5vw;
    }
    .info-wrapper {
        grid-row-gap: 3vw;
    }
    .card-img-wrapper {
        height: 40vw;
    }
    .deco-wrapper.on-left.support {
        left: auto;
        right: -26%;
    }
    .footer-wrapper {
        grid-row-gap: 12vw;
    }
    .footer-parent {
        grid-row-gap: 8vw;
    }
    .footer-link-wrapper {
        grid-row-gap: 3vw;
    }
    .social-wrapper {
        grid-column-gap: 10vw;
        grid-row-gap: 6vw;
    }
    .svg-embed {
        width: 3.5vw;
        height: 3.5vw;
    }
    .footer-bottom-parent {
        margin-bottom: 6vw;
    }
    .to-top-wrapper {
        width: 6.5vw;
        height: 5.5vw;
    }
    .form-field.underline.dropdown {
        height: 12vw;
    }
    .form {
        grid-column-gap: 0vw;
        grid-row-gap: 6vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .form.on-contact {
        overflow: hidden;
        padding-bottom: 6vw;
    }
    .product-finder {
        width: 10vw;
        height: 30vw;
    }
    .section-link-wrapper._2-c {
        grid-column-gap: 0vw;
        grid-row-gap: 10vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .section-link-wrapper._2-c.extra-c {
        grid-row-gap: 10vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .section-link-parent {
        width: 50vw;
        grid-row-gap: 2vw;
    }
    .section-link-line {
        margin-bottom: 1vw;
    }
    .section-link-line.black {
        height: 1px;
    }
    .page-nav-wrapper {
        top: 15vw;
        display: none;
    }
    .accordion-wrapper {
        padding-top: 6vw;
        padding-bottom: 6vw;
    }
    .accordion-parent.question {
        grid-column-gap: 8vw;
    }
    .solution-icon-wrapper {
        margin-top: 1vw;
    }
    .solution-icon {
        width: 6vw;
        height: 6vw;
    }
    .cms-card-wrapper {
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
    .h1.black.smaller {
        font-size: 36px;
        letter-spacing: -1px;
    }
    .filter-text {
        font-size: 14px;
    }
    .filters-expand {
        grid-row-gap: 6vw;
        border-radius: 15px;
    }
    .filters-expand.category {
        top: 6vw;
        padding-top: 4vw;
        padding-right: 6vw;
        padding-bottom: 4vw;
    }
    .filters-expand.lang {
        grid-column-gap: 0vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .filter-open {
        width: 100%;
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
        grid-column-gap: 2vw;
    }
    .filter-wrapper {
        padding-bottom: 4vw;
        grid-row-gap: 4vw;
    }
    .filter-wrapper.news-category {
        grid-row-gap: 4vw;
    }
    .filterparent {
        grid-row-gap: 6vw;
    }
    .filterparent.news {
        grid-row-gap: 4vw;
    }
    .filterparent.category {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .filterparent.download {
        grid-row-gap: 4vw;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .warranty-card-wrapper {
        padding-top: 5vw;
        padding-right: 6vw;
        padding-left: 5vw;
    }
    .messgae.error {
        margin-top: 4vw;
    }
    .messgae.success {
        margin-bottom: 4vw;
    }
    .wg-dropdown-1-link {
        padding: 3vw 6vw 3vw 3vw;
    }
    .new-release-wrapper {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        overflow: visible;
        width: 48vw;
        margin-top: 4vw;
        margin-left: -8vw;
    }
    .img-parent {
        height: 45vw;
    }
    .img-parent.featured {
        width: 18vw;
        height: 18vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .overlay-wrapper {
        width: 80%;
    }
    .overlay-wrapper.download.taller {
        height: 70vh;
    }
    .overlay-wrapper.for-finder {
        grid-row-gap: 6vw;
    }
    .download-wrapper {
        padding: 4vw 5vw 4vw 3vw;
    }
    .download-softothemecontent {
        grid-row-gap: 2vw;
    }
    .pdf-icon {
        width: 8vw;
        height: 8vw;
    }
    .pdf-icon.type {
        width: 4vw;
        height: 4vw;
    }
    .pdf-icon.p-category {
        width: 6vw;
        height: 6vw;
    }
    .download-parent.finder {
        grid-row-gap: 8vw;
    }
    .close-wrapper {
        top: 4vw;
    }
    .white-gradien {
        height: 30vw;
    }
    .category-graphic-wrapper {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 15vw;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .news-iinfo-wrapper {
        grid-column-gap: 0vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .rich-text.p-cms h2 {
        font-size: 28px;
    }
    .rich-text.news h2 {
        font-size: 28px;
    }
    .share-after {
        grid-column-gap: 8vw;
    }
    .social-share-btn.fb {
        width: 3.5vw;
        height: 3.5vw;
    }
    .social-share-btn.lk {
        width: 3.5vw;
        height: 3.5vw;
    }
    .social-share-btn.tw {
        width: 3.5vw;
        height: 3.5vw;
    }
    .social-share-btn.em {
        width: 3.5vw;
        height: 3.5vw;
    }
    .lightbox.vid {
        height: 45vw;
    }
    .lightbox-wrapper {
        margin-right: 4vw;
    }
    .lightbox-wrapper:first-child {
        height: 45vw;
        padding: 4vw;
    }
    .ex1 {
        width: 86vw;
    }
    .accordion-container {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .feature-img {
        width: 22vw;
        height: 22vw;
    }
    .dropdown-toggle {
        padding-right: 2.2vw;
    }
    .finderparent {
        grid-column-gap: 3vw;
    }
    .news-cms-next-rapper {
        width: 100%;
    }
    .news-next-img {
        width: 80vw;
        height: 40vw;
    }
    .contact-info {
        grid-column-gap: 0vw;
        grid-row-gap: 6vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .map-emebed-wrapper {
        grid-row-gap: 6vw;
    }
    .contact-form-title {
        margin-bottom: 6vw;
    }
    .contact-form-wrapper {
        overflow: hidden;
    }
    .embed-code-map {
        height: 45vw;
    }
    .contact-info-parent {
        grid-row-gap: 8vw;
    }
    .product-img {
        width: 8vw;
        height: 8vw;
    }
    .product-name {
        font-size: 12px;
    }
    .case-info-wrapper {
        grid-row-gap: 6vw;
        -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
    }
    .case-solution-wrapper {
        grid-column-gap: 0vw;
        grid-row-gap: 10vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .case-benefit-wrapper {
        grid-column-gap: 0vw;
        grid-row-gap: 8vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .testimonial-wrapper {
        grid-column-gap: 0vw;
        grid-row-gap: 6vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .t-softothemecontent {
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        justify-items: start;
    }
    .name-wrapper {
        grid-column-gap: 2vw;
    }
    .name-parent {
        grid-row-gap: 2vw;
    }
    .t-img-wrapper {
        width: 100%;
        height: 60vw;
    }
    .wg-element {
        width: 100%;
    }
    .embed {
        display: none;
    }
    .nest-multi-reference {
        grid-column-gap: 0vw;
        grid-row-gap: 6vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .btn-data-wrapper {
        padding: 3vw 8vw;
        grid-column-gap: 8vw;
    }
    .data-wrapper {
        grid-column-gap: 10vw;
    }
    .data-sheet-link {
        width: 6vw;
        height: 6vw;
    }
}

@media screen and (max-width: 479px) {
    h1 {
        font-size: 36px;
    }
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 20px;
    }
    p {
        font-size: 16px;
    }
    ul {
        padding-left: 6vw;
        font-size: 16px;
    }
    .home-h1 {
        font-size: 36px;
        line-height: 1;
    }
    .home-h1.black.be-h3 {
        font-size: 36px;
    }
    .h2 {
        letter-spacing: -1px;
    }
    .h2.section-links {
        font-size: 16px;
    }
    .h2.smaller {
        font-size: 24px;
    }
    .h2.with-m {
        margin-right: 1vw;
    }
    .h3.big {
        font-size: 24px;
    }
    .h3.smaller.accordion-title {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .h3.for-footer {
        margin-bottom: 4vw;
    }
    .h3.p-casestudy {
        font-size: 20px;
    }
    .h3.case-benefits {
        margin-bottom: 4vw;
    }
    .h4.on-newscard {
        margin-right: 4vw;
        margin-left: 4vw;
        letter-spacing: -0.5px;
    }
    .p.big {
        font-size: 20px;
    }
    .p.small {
        font-size: 14px;
    }
    .p.small.transparent {
        margin-left: 4vw;
    }
    .p.f-description {
        width: 95%;
    }
    .number {
        font-size: 32px;
    }
    .subheading.contact {
        margin-bottom: 10vw;
    }
    .btn {
        padding: 5vw 10vw;
        border-radius: 8px;
        font-size: 14px;
    }
    .btn.narrow {
        padding-right: 5vw;
        padding-left: 5vw;
    }
    .btn.load-more-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 10vw;
        margin-left: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .secondary-btn-wrapper {
        grid-column-gap: 5vw;
    }
    .secondary-btn-wrapper.abs {
        margin-top: 15vw;
    }
    .btn-text {
        font-size: 14px;
    }
    .themecolor-circle {
        width: 6vw;
        height: 6vw;
    }
    .themecolor-circle.big {
        width: 12vw;
        height: 12vw;
    }
    .themecolor-circle.accordion {
        width: 8vw;
        height: 8vw;
        margin-left: auto;
    }
    .themecolor-circle.accordion.about-v {
        display: none;
    }
    .themecolor-circle.abs {
        bottom: 6vw;
    }
    .themecolor-circle.close {
        width: 8vw;
        height: 8vw;
    }
    .btn-text-wrapper {
        height: 21px;
    }
    .logo-wrapper {
        left: 6vw;
        top: 2vw;
        width: 50vw;
    }
    .nav-wrapper {
        top: 4vw;
        right: 6vw;
    }
    .nav-link {
        font-size: 14px;
    }
    .nav-link.page.w--current {
        font-size: 12px;
    }
    .nav-link.page.black {
        margin-right: 2vw;
        font-size: 10px;
    }
    .nav-link.page.black.margin {
        margin-bottom: 5vw;
    }
    .svg-img {
        width: 6vw;
        height: 6vw;
    }
    .svg-img.burger {
        width: 8vw;
    }
    .nav-overlay {
        height: 15vw;
    }
    .section {
        padding: 20vw 6%;
    }
    .section.renew-des.downloadsheet {
        padding-top: 25vw;
    }
    .section.renew-des.top-padding {
        padding-top: 20vw;
    }
    .section.footer {
        padding-top: 25vw;
        padding-bottom: 25vw;
    }
    .section.softomate-section.category {
        padding-bottom: 15vw;
    }
    .section.softomate-section.product-cms {
        padding-top: 25vw;
    }
    .section.softomate-section.for-n {
        padding-top: 15vw;
        padding-bottom: 25vw;
    }
    .section.product-catelog {
        padding-top: 15vw;
    }
    .section._404 {
        padding-top: 28vw;
    }
    .section.no-bottom-margin {
        padding-bottom: 15vw;
    }
    .section.for-news {
        padding-top: 8vw;
    }
    .gradian-img.for-footer {
        top: 13%;
        right: -60%;
        width: 120vw;
        -webkit-transform: rotate(-17deg);
        -ms-transform: rotate(-17deg);
        transform: rotate(-17deg);
    }
    .softothemecontent.mainmate {
        margin-top: 22vw;
    }
    .softothemecontent.mainmate.cms {
        margin-top: 10vw;
    }
    .softothemecontent.for-tab {
        grid-row-gap: 4vw;
    }
    .softothemecontent.img {
        margin-bottom: 20vw;
    }
    .softothemecontent.align-right.support {
        margin-top: 10vw;
    }
    .softothemecontent.case-study {
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
    .softothemecontent.section-link {
        width: 100%;
        margin-top: 12vw;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }
    .softothemecontent.softomate-section {
        margin-top: 22vw;
    }
    .softothemecontent.about-why {
        grid-row-gap: 10vw;
    }
    .softothemecontent.why {
        width: 100%;
        margin-top: 10vw;
    }
    .softothemecontent.product-card-wrapper {
        margin-top: 6vw;
    }
    .softothemecontent.small-section-title {
        margin-top: 20vw;
    }
    .softothemecontent.warranty {
        width: 96%;
        margin-top: 10vw;
    }
    .softothemecontent.warranty.second {
        margin-top: 15vw;
    }
    .softothemecontent.types {
        margin-bottom: 10vw;
        grid-row-gap: 10vw;
    }
    .softothemecontent.type-cta-wrapper {
        width: 98%;
        margin-top: 6vw;
    }
    .softothemecontent.content {
        margin-top: 8vw;
    }
    .softothemecontent.product.left {
        width: 100%;
    }
    .softothemecontent.related-p {
        margin-top: 6vw;
    }
    .softothemecontent.contact {
        grid-row-gap: 15vw;
    }
    .softothemecontent.location {
        grid-row-gap: 10vw;
    }
    .softothemecontent.case-content.with-margin {
        margin-bottom: 15vw;
    }
    .mainmate-softothemecontent {
        width: 100%;
        grid-row-gap: 6vw;
    }
    .mainmate-softothemecontent.longer {
        margin-top: 8vw;
    }
    .mainmate-softothemecontent._404 {
        grid-row-gap: 8vw;
    }
    .fingerprint-wrapper {
        right: auto;
        width: 85vw;
        height: 85vw;
    }
    .softo-animation-wrap {
        right: auto;
        margin-left: 0px;
    }
    .scanner-wrapper {
        height: 16vw;
    }
    .social {
        width: 6vw;
        height: 6vw;
    }
    .burger-menu-parent {
        width: 100%;
        padding: 20vw 10vw;
        grid-row-gap: 10vw;
    }
    .burger-menu-parent.inner {
        height: 97%;
        padding-bottom: 0vw;
        grid-row-gap: 5vw;
    }
    .back-btn-wrapper {
        top: 5vw;
    }
    .title-wrapper.h {
        margin-bottom: 10vw;
    }
    .title-wrapper.next-category {
        margin-bottom: 10vw;
    }
    .number-wrapper {
        margin-top: 10vw;
        grid-row-gap: 10vw;
    }
    .number-parent {
        grid-column-gap: 6vw;
    }
    .number-content {
        grid-row-gap: 3vw;
    }
    .btn-wrapper {
        margin-top: 30vw;
    }
    .btn-wrapper.for-tab {
        grid-column-gap: 0vw;
        grid-row-gap: 8vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .btn-wrapper.for-contact {
        width: 100%;
        margin-left: 0px;
        grid-row-gap: 8vw;
    }
    .btn-wrapper.why {
        margin-left: 0px;
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    }
    .btn-wrapper._404 {
        grid-row-gap: 8vw;
    }
    .btn-wrapper.for-next {
        justify-items: stretch;
        grid-row-gap: 8vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .btn-wrapper.for-next.news {
        margin-top: 6vw;
        justify-items: stretch;
    }
    .btn-wrapper.product-info {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        justify-items: stretch;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        grid-row-gap: 10vw;
    }
    .deco-img {
        top: auto;
        bottom: 10%;
        width: 40vw;
        height: 40vw;
    }
    .deco-img.for-img {
        width: 20vw;
        height: 20vw;
    }
    .deco-img.for-contact {
        bottom: 46%;
        width: 20vw;
        height: 20vw;
    }
    .deco-img.for-solution {
        top: 38%;
        bottom: auto;
        width: 28vw;
        height: 28vw;
    }
    .deco-img.for-product {
        top: -100%;
        right: -38%;
        width: 40vw;
        height: 40vw;
    }
    .deco-img.for-support {
        left: 25%;
    }
    .deco-img.for-news {
        top: 0%;
        bottom: auto;
        width: 30vw;
        height: 30vw;
    }
    .deco-img.for-news-inner {
        bottom: -41%;
    }
    .deco-img.for-next {
        left: 11%;
        right: auto;
        bottom: -2%;
        width: 22vw;
        height: 22vw;
    }
    .banner-img-link {
        border-radius: 15px;
    }
    .category-icon {
        width: 15vw;
        height: 15vw;
    }
    .tab-menu {
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .tab {
        border-radius: 20px;
    }
    .tab-title {
        padding: 5vw 4vw;
        font-size: 14px;
    }
    .tab-content-parent {
        grid-row-gap: 10vw;
    }
    .text-content-parent {
        grid-row-gap: 8vw;
    }
    .tab-content {
        padding: 10vw 6vw 6vw;
    }
    .card-wrapper.home-product {
        padding: 10vw 5vw 8vw;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        grid-row-gap: 10vw;
    }
    .card-wrapper.home-product.shorter {
        min-height: 90vw;
        padding-top: 3vw;
        padding-bottom: 6vw;
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between;
        grid-row-gap: 6vw;
    }
    .card-wrapper.home-product.case {
        width: 100%;
    }
    .card-wrapper.news {
        padding-bottom: 5vw;
    }
    .card-wrapper.product-category {
        padding: 8vw 5vw 10vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .card-wrapper.banner {
        padding: 6vw 10vw 10vw;
    }
    .cms-wrapper.new-product {
        right: auto;
    }
    .cms-wrapper.type {
        margin-top: 15vw;
    }
    .cms-wrapper.product-lightbox {
        margin-bottom: 15vw;
    }
    .cms-list {
        grid-column-gap: 0vw;
        grid-row-gap: 10vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-list._3-c {
        grid-row-gap: 10vw;
    }
    .cms-list._2-c {
        grid-row-gap: 10vw;
    }
    .cms-list._4-c {
        grid-column-gap: 0vw;
        grid-row-gap: 10vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-list.for-download {
        grid-row-gap: 10vw;
    }
    .cms-list.product-type {
        grid-row-gap: 20vw;
    }
    .cms-list.news-next {
        width: 100%;
    }
    .cms-list.for-poduct {
        grid-column-gap: 8vw;
        grid-row-gap: 8vw;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .cms-list._3-c-p {
        grid-row-gap: 10vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-list.for-finder {
        grid-row-gap: 10vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .cms-list._6-c {
        grid-column-gap: 0vw;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .card-name-wrapper.news {
        margin-bottom: 8vw;
        grid-row-gap: 6vw;
    }
    .card-img {
        width: 75%;
    }
    .card-img.category {
        width: 35%;
    }
    .img-wrapper.case-study {
        height: 55vw;
    }
    .img-wrapper.case-study.taller {
        height: 55vw;
        margin-bottom: 8vw;
    }
    .img-wrapper.case-study.shorter {
        height: 55vw;
    }
    .img-round-corner {
        width: 75vw;
        height: 45vw;
    }
    .img-round-corner.smaller {
        top: 35%;
        right: -18%;
        width: 32vw;
        height: 40vw;
    }
    .img-round-corner.smaller.left {
        left: -16%;
        top: 28%;
    }
    .value-wrapper {
        grid-row-gap: 2vw;
    }
    .value-wrapper.solutions {
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
    .value-icon-wrapper {
        width: 25vw;
        height: 25vw;
    }
    .value-softothemecontent.solutions {
        margin-left: -5vw;
    }
    .case-study-card {
        grid-row-gap: 8vw;
    }
    .case-study-card.on-s {
        padding-top: 8vw;
        padding-bottom: 8vw;
    }
    .case-study-cntent {
        grid-row-gap: 6vw;
    }
    .info-wrapper {
        grid-row-gap: 5vw;
    }
    .info-wrapper.abs {
        top: 23%;
        width: 100%;
    }
    .info-wrapper.abs.home {
        top: 20%;
    }
    .info-parent {
        grid-column-gap: 4vw;
        -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
    }
    .card-img-wrapper {
        height: 45vw;
    }
    .deco-wrapper {
        right: -39%;
        width: 70vw;
        height: 70vw;
    }
    .deco-wrapper.on-left {
        left: 59%;
    }
    .footer-wrapper {
        grid-row-gap: 15vw;
    }
    .footer-parent {
        grid-row-gap: 10vw;
    }
    .footer-parent._4-c {
        grid-column-gap: 0vw;
        grid-row-gap: 10vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .footer-link-wrapper {
        grid-row-gap: 5vw;
    }
    .social-wrapper {
        width: 100%;
        grid-column-gap: 15vw;
        grid-row-gap: 0vw;
        -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .svg-embed {
        width: 6vw;
        height: 6vw;
    }
    .footer-bottom-parent {
        margin-bottom: 15vw;
        grid-row-gap: 8vw;
    }
    .legal-wrapper {
        grid-row-gap: 8vw;
    }
    .to-top-wrapper {
        top: 3%;
        width: 12vw;
        height: 10vw;
    }
    .subscribe-wrapper {
        width: 100%;
    }
    .subscribe-form {
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .form-field.underline.dropdown {
        height: 20vw;
    }
    .form {
        width: 100%;
        grid-row-gap: 8vw;
    }
    .form.on-contact {
        padding-bottom: 10vw;
    }
    .product-finder {
        bottom: 30vw;
        width: 15vw;
        height: 46vw;
    }
    .section-link-wrapper._2-c {
        width: 100%;
        margin-top: 6vw;
        grid-row-gap: 15vw;
    }
    .section-link-wrapper._2-c.extra-c {
        margin-top: 10vw;
        grid-row-gap: 15vw;
    }
    .section-link-parent {
        width: 100%;
    }
    .section-link-line {
        height: 1px;
        margin-bottom: 2vw;
    }
    .page-nav-wrapper {
        left: 6vw;
        top: 18vw;
    }
    .accordion-wrapper {
        padding: 10vw 4vw 10vw 5vw;
    }
    .accordion-parent.question {
        grid-column-gap: 0vw;
        grid-row-gap: 8vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .solution-icon {
        width: 10vw;
        height: 10vw;
    }
    .about-value-wrapper {
        margin-top: 10vw;
    }
    .h1.black.smaller {
        font-size: 28px;
    }
    .filters-expand {
        grid-row-gap: 10vw;
    }
    .filters-expand.category {
        top: 8vw;
        width: 100%;
        padding: 5vw;
        grid-row-gap: 10vw;
    }
    .filters-expand.lang {
        grid-row-gap: 8vw;
    }
    .filter-open {
        padding-right: 0vw;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        grid-column-gap: 4vw;
    }
    .filter-wrapper {
        margin-bottom: 20vw;
        padding-bottom: 8vw;
        grid-row-gap: 6vw;
    }
    .filter-wrapper.news-category {
        grid-row-gap: 6vw;
    }
    .filter-wrapper.download {
        margin-bottom: 8vw;
    }
    .filter-icon {
        width: 4vw;
        height: 4vw;
    }
    .filterparent {
        grid-row-gap: 8vw;
    }
    .filterparent.news {
        grid-row-gap: 6vw;
    }
    .filterparent.category {
        grid-column-gap: 0vw;
    }
    .filterparent.download {
        grid-row-gap: 8vw;
    }
    .warranty-parent {
        margin-top: 10vw;
        margin-left: 3vw;
        grid-row-gap: 10vw;
    }
    .warranty-card-wrapper {
        padding: 6vw 5vw 12vw 4vw;
        grid-row-gap: 4vw;
    }
    .card-outline-offset {
        margin-top: -3vw;
        margin-left: -3vw;
    }
    .form-wrapper {
        overflow: hidden;
        margin-top: 10vw;
    }
    .messgae {
        padding-top: 4vw;
        padding-bottom: 4vw;
    }
    .messgae.error {
        margin-top: 6vw;
    }
    .wg-element-wrapper {
        margin-right: 10vw;
    }
    .wg-dd-1-list.w--open {
        top: 200%;
    }
    .wg-dropdown-1-link {
        padding-top: 5vw;
        padding-right: 8vw;
        padding-bottom: 5vw;
        font-size: 16px;
    }
    .new-release-wrapper {
        width: 80vw;
        margin-top: 8vw;
        margin-left: -8vw;
    }
    .img-parent.featured {
        width: 40vw;
        height: 40vw;
        margin-top: 5vw;
        margin-bottom: 5vw;
    }
    .overlay-wrapper {
        width: 90%;
        height: 80vh;
        padding-top: 10vw;
        padding-bottom: 10vw;
    }
    .overlay-wrapper.download.taller {
        height: 80vh;
    }
    .overlay-wrapper.for-finder {
        padding-top: 5vw;
        padding-bottom: 5vw;
        grid-row-gap: 8vw;
    }
    .download-wrapper {
        padding-top: 5vw;
        padding-bottom: 5vw;
        padding-left: 5vw;
        grid-column-gap: 6vw;
    }
    .pdf-icon {
        width: 12vw;
        height: 12vw;
    }
    .pdf-icon.type {
        top: 15%;
        right: 5%;
        width: 8vw;
        height: 8vw;
    }
    .pdf-icon.p-category {
        width: 10vw;
        height: 10vw;
    }
    .pdf-icon.case-study {
        width: 6vw;
        height: 6vw;
    }
    .download-parent.finder {
        grid-row-gap: 10vw;
    }
    .download-parent.form {
        margin-top: 4vw;
        padding-right: 4vw;
    }
    .close-wrapper {
        right: 4vw;
    }
    .type-cta-parent {
        grid-row-gap: 6vw;
    }
    .type-cta {
        grid-row-gap: 4vw;
    }
    .cms-title-wrapper.news-next {
        margin-top: 8vw;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .category-graphic-wrapper {
        width: 80vw;
        height: 80vw;
        margin-top: 18vw;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    .category-img-wrapper {
        width: 48vw;
        height: 48vw;
    }
    .news-iinfo-wrapper {
        grid-row-gap: 6vw;
    }
    .new-info-parent {
        grid-row-gap: 4vw;
    }
    .news-img {
        height: 45vw;
    }
    .rich-text {
        margin-bottom: 8vw;
    }
    .rich-text.p-cms {
        margin-bottom: 10vw;
    }
    .rich-text.p-cms h2 {
        font-size: 24px;
    }
    .rich-text.news h2 {
        font-size: 24px;
    }
    .next-wrapper {
        width: 100%;
    }
    .share-after {
        grid-column-gap: 12vw;
    }
    .social-share-btn.fb {
        width: 6vw;
        height: 6vw;
    }
    .social-share-btn.lk {
        width: 6vw;
        height: 6vw;
    }
    .social-share-btn.tw {
        width: 6vw;
        height: 6vw;
    }
    .social-share-btn.em {
        width: 6vw;
        height: 6vw;
    }
    .product-info-wrapper {
        margin-bottom: 20px;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
    .lightbox.vid {
        height: 50vw;
        border-radius: 10px;
    }
    .lightbox-wrapper {
        width: 20vw;
        height: 20vw;
    }
    .lightbox-wrapper:first-child {
        height: 50vw;
        border-radius: 10px;
    }
    .product-title-wrapper {
        margin-bottom: 15vw;
        padding: 5vw;
    }
    .p-title-parent {
        grid-column-gap: 0vw;
        grid-row-gap: 8vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .product-content-parent {
        grid-row-gap: 15vw;
    }
    .benefit-parent {
        grid-row-gap: 3vw;
    }
    .benefit-softothemecontent {
        grid-column-gap: 2vw;
    }
    .dot {
        margin-top: 1vw;
    }
    .ex1 {
        width: 88vw;
    }
    .accordion-container {
        padding-top: 4vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .feature-img {
        width: 35vw;
        height: 35vw;
    }
    .main-accordion {
        padding-top: 6vw;
        padding-bottom: 6vw;
    }
    .news-next-img {
        width: 100%;
        height: 42vw;
        margin-top: 8vw;
    }
    .contact-info-wrapper {
        grid-row-gap: 4vw;
    }
    .contact-info {
        grid-row-gap: 10vw;
    }
    .map-emebed-wrapper {
        grid-row-gap: 10vw;
    }
    .contact-form-title {
        margin-bottom: 10vw;
    }
    .contact-info-parent {
        grid-row-gap: 10vw;
    }
    .location-wrapper {
        padding-top: 10vw;
    }
    .location-parent {
        margin-top: 6vw;
        grid-column-gap: 0vw;
        grid-row-gap: 10vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .location-info {
        grid-row-gap: 6vw;
    }
    .location-contact-info {
        grid-row-gap: 8vw;
    }
    .product-wrapper {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start;
        grid-column-gap: 2vw;
        -ms-grid-columns: auto 1fr;
        grid-template-columns: auto 1fr;
    }
    .product-img {
        width: 15vw;
        height: 15vw;
    }
    .case-info-wrapper {
        grid-column-gap: 0vw;
        grid-row-gap: 10vw;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
    }
    .case-pdf-wrapper {
        grid-column-gap: 4vw;
    }
    .case-benefit-wrapper {
        grid-row-gap: 10vw;
    }
    .case-benefit-parent {
        grid-column-gap: 4vw;
    }
    .name-wrapper {
        grid-column-gap: 0vw;
        grid-row-gap: 4vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .wg-dd-1-togle {
        font-size: 16px;
    }
    .home-product-lottie {
        width: 90vw;
        height: 90vw;
    }
    .feature-title-wrapper {
        position: relative;
        display: -ms-grid;
        display: grid;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        grid-auto-columns: 1fr;
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        -ms-grid-columns: 0.8fr auto;
        grid-template-columns: 0.8fr auto;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }
    .play-btn {
        width: 12vw;
        height: 12vw;
    }
    .loader {
        width: 60vw;
    }
    .nest-multi-reference {
        grid-row-gap: 8vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .btn-data-wrapper {
        padding: 5vw 10vw;
        grid-column-gap: 0vw;
        grid-row-gap: 6vw;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .data-wrapper {
        justify-items: end;
        grid-column-gap: 18vw;
    }
    .data-sheet-link {
        width: 10vw;
        height: 10vw;
    }
}

#w-node-acab88dd-444f-1852-7693-63979649c85f-9649c85b {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

#w-node-_4e6a0d4a-5e8e-939e-b199-cf0b9879f086-9879f07b {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
}

#w-node-_78a5349a-55f4-d8c4-06fa-76e596a76aae-bb51e5a3 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
}

#w-node-a70cd016-989a-33be-c497-a09a7329cdcf-1151e5cd {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

#w-node-_812d13da-c6bf-c261-8857-760693ded6dd-1151e5cd {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#company-name.w-node-a9c837b4-139e-0b93-7a9f-3f42b24fb393-1151e5cd {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
}

#field.w-node-b6c220cc-673c-3c9d-51fa-8bb598587c43-1151e5cd {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#message.w-node-a9c837b4-139e-0b93-7a9f-3f42b24fb398-1151e5cd {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-a9c837b4-139e-0b93-7a9f-3f42b24fb399-1151e5cd {
    -ms-grid-column-align: end;
    justify-self: end;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_93b62d17-d504-7743-02d8-8de047a7cbc3-1151e5cd {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
}

#w-node-_24456244-3c5e-11ba-c7b1-85257d22df8e-9951e5e1 {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-a1a7fa0d-ada8-0a08-32eb-91eac2c08f39-9951e5e1 {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_887ceacb-3b59-49a2-414f-62ab4019379a-9951e5e1 {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_6e3fa2d0-69a9-481f-6505-3c32e85150ad-9951e5e1 {
    -ms-grid-column-align: end;
    justify-self: end;
}

#w-node-_20b9677c-4b16-e00e-a109-5cdf5702bf7e-9951e5e1 {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_36fbbe1c-6444-af6e-1115-b8587b6dace7-9951e5e1 {
    -ms-grid-column-align: end;
    justify-self: end;
}

#w-node-_20b9677c-4b16-e00e-a109-5cdf5702bf83-9951e5e1 {
    -ms-grid-column-align: end;
    justify-self: end;
}

#w-node-cdd71b5a-5c98-b453-42b1-3e534994f8f0-4994f8e9 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
}

#w-node-_5a2e3b92-79ea-ef30-2a53-b2b56059488a-0651e5f7 {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#company-name.w-node-_4d9e04a2-4f0b-abb6-767f-c90d3592d7ef-0651e5f7 {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
}

#message.w-node-_4d9e04a2-4f0b-abb6-767f-c90d3592d7f6-0651e5f7 {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_4d9e04a2-4f0b-abb6-767f-c90d3592d7f7-0651e5f7 {
    -ms-grid-column-align: end;
    justify-self: end;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-c4dc3984-b7cb-de7f-7a0e-bb953d2f8c9c-0651e5f7 {
    -ms-grid-column-align: start;
    justify-self: start;
}

#w-node-_3c42e1a1-c625-7378-9787-08604928ca96-0651e5f7 {
    -ms-grid-column: span 5;
    grid-column-start: span 5;
    -ms-grid-column-span: 5;
    grid-column-end: span 5;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_3c42e1a1-c625-7378-9787-08604928ca96-0651e5f7 {
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
}

#w-node-d14b1118-310f-0633-2771-9b781d959473-0651e5f7 {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
}

#w-node-_6db7c151-246e-5865-d45d-75db7da37af8-0651e5f7 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 1;
    grid-column-start: span 1;
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
}

#w-node-c280c286-f369-4414-0de2-69aca5782712-0651e5fd {
    -ms-grid-column-align: center;
    justify-self: center;
}

#w-node-_368a2b27-fc95-239e-7648-939800d92bbc-0651e5fd {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

#w-node-b0011a0c-48a6-8e0b-53ad-3be29d6a3f58-1951e600 {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
}

#w-node-_28d2121b-aa23-2d13-d9a2-86edb05b6b26-1951e600 {
    -ms-grid-column-align: start;
    justify-self: start;
}

#Product-Model-Name.w-node-_68ade9c4-267e-ef11-cc89-571aa0a0b3f0-1951e600 {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#message.w-node-_2244121d-35c6-c7ee-9d2d-19bf15bca277-1951e600 {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-fc2b9829-2b85-38fd-66cc-72d5e03d4e6b-1951e600 {
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

#w-node-_61074102-f200-ee99-a101-00f068bb71e8-1951e600 {
    -ms-grid-column-align: end;
    justify-self: end;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

@media screen and (max-width: 991px) {
    #w-node-edab5a1f-ebf9-d3f0-9c0c-467da205d42e-7951e57e {
        -webkit-box-ordinal-group: -9998;
        -webkit-order: -9999;
        -ms-flex-order: -9999;
        order: -9999;
    }
    #w-node-a7a22196-ec79-6a08-8b17-90411787a2c2-7951e57e {
        -webkit-box-ordinal-group: -9998;
        -webkit-order: -9999;
        -ms-flex-order: -9999;
        order: -9999;
    }
    #w-node-_836f3231-7df5-7e54-1c88-6f4dfd6928cf-7951e57e {
        -webkit-box-ordinal-group: -9998;
        -webkit-order: -9999;
        -ms-flex-order: -9999;
        order: -9999;
    }
    #w-node-c01a7f7a-a81f-ce13-f652-dc1f47805efa-7951e57e {
        -webkit-box-ordinal-group: -9998;
        -webkit-order: -9999;
        -ms-flex-order: -9999;
        order: -9999;
    }
    #w-node-_4d9e04a2-4f0b-abb6-767f-c90d3592d7f7-0651e5f7 {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
        -ms-grid-column: span 2;
        grid-column-start: span 2;
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
    }
    #w-node-d14b1118-310f-0633-2771-9b781d959473-0651e5f7 {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-cc65bea2-078b-b8d7-9df8-aa437670939b-e751e5f8 {
        -ms-grid-column-align: end;
        justify-self: end;
    }
    #w-node-a965f505-24d3-7f19-03aa-f6d8955937db-ab51e5fa {
        -webkit-box-ordinal-group: -9998;
        -webkit-order: -9999;
        -ms-flex-order: -9999;
        order: -9999;
    }
    #w-node-b343ae41-4700-36ca-6a86-693322a0b17a-ab51e5fa {
        -webkit-box-ordinal-group: -9998;
        -webkit-order: -9999;
        -ms-flex-order: -9999;
        order: -9999;
    }
    #w-node-e5add4b5-ddb3-2d9b-5773-6aae82202cb8-8e51e5fb {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_0330bda2-1c0a-c913-12f9-dd4ac10f5cde-0651e5fd {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-b0011a0c-48a6-8e0b-53ad-3be29d6a3f5a-1951e600 {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_57fffc48-5787-39b1-0185-5c4242a910de-1951e600 {
        -webkit-box-ordinal-group: -9998;
        -webkit-order: -9999;
        -ms-flex-order: -9999;
        order: -9999;
    }
    #w-node-_61074102-f200-ee99-a101-00f068bb71e8-1951e600 {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
}

@media screen and (max-width: 767px) {
    #w-node-_38f3ef0c-483e-e9f1-c2e4-2ed3bf280b3c-7951e57e {
        -ms-grid-column-align: end;
        justify-self: end;
    }
    #w-node-acf9caaa-cbdf-cb15-4c41-fd9bb2d094fa-7951e57e {
        -ms-grid-column-align: end;
        justify-self: end;
    }
    #w-node-_8cae9aa1-def3-3985-153f-d49855117af8-7951e57e {
        -ms-grid-column-align: end;
        justify-self: end;
    }
    #field.w-node-b6c220cc-673c-3c9d-51fa-8bb598587c43-1151e5cd {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }
    #message.w-node-a9c837b4-139e-0b93-7a9f-3f42b24fb398-1151e5cd {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }
    #w-node-a9c837b4-139e-0b93-7a9f-3f42b24fb399-1151e5cd {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #message.w-node-_4d9e04a2-4f0b-abb6-767f-c90d3592d7f6-0651e5f7 {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }
    #w-node-_4d9e04a2-4f0b-abb6-767f-c90d3592d7f7-0651e5f7 {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_3c42e1a1-c625-7378-9787-08604928ca96-0651e5f7 {
        -ms-grid-column: span 4;
        grid-column-start: span 4;
        -ms-grid-column-span: 4;
        grid-column-end: span 4;
    }
    #w-node-_27506639-9784-7c68-45aa-efbe40751c21-0651e5f7 {
        -webkit-box-ordinal-group: -9998;
        -webkit-order: -9999;
        -ms-flex-order: -9999;
        order: -9999;
    }
    #Product-Model-Name.w-node-_68ade9c4-267e-ef11-cc89-571aa0a0b3f0-1951e600 {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }
    #message.w-node-_2244121d-35c6-c7ee-9d2d-19bf15bca277-1951e600 {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }
    #w-node-fc2b9829-2b85-38fd-66cc-72d5e03d4e6b-1951e600 {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }
    #w-node-_61074102-f200-ee99-a101-00f068bb71e8-1951e600 {
        -ms-grid-column: span 1;
        grid-column-start: span 1;
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }
}

@media screen and (max-width: 479px) {
    #w-node-_0c490448-7eb0-1bd9-44b7-cb928ed24a3b-7951e57e {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_82a49c55-38be-45f4-4672-a3046bdfda44-7951e57e {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-ee224d59-1a8a-aa0d-84f1-dc82086be9ce-7951e57e {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_95326fb3-55d0-1c00-f97a-3c850f3dbf84-7951e57e {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_95326fb3-55d0-1c00-f97a-3c850f3dbf85-7951e57e {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_782d7c33-acf6-7ef5-fed8-ff729693f94a-7951e57e {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_229ec26d-20ac-aa1c-d48e-b273409c06f5-409c06c3 {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_3155ce3b-205d-e86f-d0d2-4e3a806c821c-1151e5cd {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-a9c837b4-139e-0b93-7a9f-3f42b24fb399-1151e5cd {
        -ms-grid-column-align: start;
        justify-self: start;
    }
    #w-node-_173bc8a7-3946-9ea8-154f-24021333b103-9951e5e1 {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-ee666940-44c1-80f5-bafc-bcd28572a3fc-bc51e5f6 {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_4d9e04a2-4f0b-abb6-767f-c90d3592d7f7-0651e5f7 {
        -ms-grid-column-align: start;
        justify-self: start;
    }
    #w-node-c4dc3984-b7cb-de7f-7a0e-bb953d2f8c9c-0651e5f7 {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_95b637e4-77e0-bc54-2355-8bb9f5cce180-0651e5f7 {
        -ms-grid-column-align: start;
        justify-self: start;
    }
    #w-node-_6371269f-4c44-2c19-f8d8-b929390d0225-0651e5f7 {
        -ms-grid-column-align: end;
        justify-self: end;
    }
    #w-node-_3c42e1a1-c625-7378-9787-08604928ca96-0651e5f7 {
        -ms-grid-column: span 3;
        grid-column-start: span 3;
        -ms-grid-column-span: 3;
        grid-column-end: span 3;
    }
    #w-node-_27506639-9784-7c68-45aa-efbe40751c1b-0651e5f7 {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_0ef66441-3d86-ae98-8d25-237125982923-e751e5f8 {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-b343ae41-4700-36ca-6a86-693322a0b174-ab51e5fa {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-f9652a82-cbf1-2f6a-4a8d-532097099016-8e51e5fb {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-f9652a82-cbf1-2f6a-4a8d-532097099016-0651e5fd {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_235517e1-d622-273d-1af2-00d1ff9cf18a-1951e600 {
        -ms-grid-column-align: stretch;
        justify-self: stretch;
    }
    #w-node-_61074102-f200-ee99-a101-00f068bb71e8-1951e600 {
        -ms-grid-column-align: start;
        justify-self: start;
    }
}

/**/

.system {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

}

.sun {
    width: 250px;
    height: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -111px;
    margin-left: -136px;
    opacity: 1;
    background-image: url('../img/home/fav-icon.webp');
    background-size: contain;
    background-repeat: no-repeat;
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 8px #003d82, inset 0 0 8px #003d82;
    }
    50% {
        box-shadow: 0 0 16px #0b52a3, inset 0 0 14px #0b52a3;
    }
    100% {
        box-shadow: 0 0 8px #003d82, inset 0 0 8px #003d82;
    }
}

@-webkit-keyframes rot-mer {
    from {
        -webkit-transform: rotate(0deg) translatey(-84px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-84px) rotate(-360deg);
    }
}

@-keyframes rot-mer {
    from {
        transform: rotate(0deg) translatey(-84px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-84px) rotate(-360deg);
    }
}

.mer {
    width: 3.5px;
    height: 3.5px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.75px;
    -webkit-animation: rot-mer 0.88s infinite linear;
    animation: rot-mer 0.88s infinite linear;
    z-index: 200;
}

.mer-path {
    width: 168px;
    height: 168px;
    border-radius: 50%;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -84px;
    border: solid 1px #aaa;
}

@-webkit-keyframes rot-ven {
    from {
        -webkit-transform: rotate(0deg) translatey(-90px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-90px) rotate(-360deg);
    }
}

@-keyframes rot-ven {
    from {
        transform: rotate(0deg) translatey(-90px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-90px) rotate(-360deg);
    }
}

.ven {
    width: 5.5px;
    height: 5.5px;
    border-radius: 50%;
    background-color: #999;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2.75px;
    -webkit-animation: rot-ven 2.25s infinite linear;
    animation: rot-ven 2.25s infinite linear;
    z-index: 200;
}

.ven-path {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -90px;
    border: solid 1px #888;
}

@-webkit-keyframes rot-ear {
    from {
        -webkit-transform: rotate(0deg) translatey(-102px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-102px) rotate(-360deg);
    }
}

@-keyframes rot-ear {
    from {
        transform: rotate(0deg) translatey(-102px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-102px) rotate(-360deg);
    }
}

.ear {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #4b94f9;
    position: absolute;
    top: 1066.6666666667px;
    left: 50%;
    margin: -3.5px;
    -webkit-animation: rot-ear 3.65s infinite linear;
    animation: rot-ear 3.65s infinite linear;
    z-index: 200;
}

.ear-path {
    width: 204px;
    height: 204px;
    border-radius: 50%;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -102px;
    border: dashed 2px #ffffff;
    -webkit-animation: antrotating 100s linear infinite;
    -moz-animation: antrotating 100s linear infinite;
    -ms-animation: antrotating 100s linear infinite;
    -o-animation: antrotating 100s linear infinite;
    animation: antrotating 100s linear infinite;
}
@-webkit-keyframes antrotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(-360deg);
      -o-transform: rotate(-360deg);
      transform: rotate(-360deg);
    }
  }
  @keyframes antrotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(-360deg);
      -moz-transform: rotate(-360deg);
      -webkit-transform: rotate(-360deg);
      -o-transform: rotate(-360deg);
      transform: rotate(-360deg);
    }
  }

@-webkit-keyframes rot-mar {
    from {
        -webkit-transform: rotate(0deg) translatey(-150px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-150px) rotate(-360deg);
    }
}

@-keyframes rot-mar {
    from {
        transform: rotate(0deg) translatey(-150px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-150px) rotate(-360deg);
    }
}

.mar {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px;
    -webkit-animation: rot-mar 6.87s infinite linear;
    animation: rot-mar 6.87s infinite linear;
    z-index: 200;
}

.mar-path {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -150px;
    border: solid 2px #fff;
    box-shadow: 0 0 30px 7px #fff;
/*    box-shadow: 0 0 12px 0px #fff, inset 0 0 12px 0px #fff;*/
}

@-webkit-keyframes rot-jup {
    from {
        -webkit-transform: rotate(0deg) translatey(-228px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-228px) rotate(-360deg);
    }
}

@-keyframes rot-jup {
    from {
        transform: rotate(0deg) translatey(-228px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-228px) rotate(-360deg);
    }
}

.jup {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #003d82;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px;
    -webkit-animation: rot-jup 43.32s infinite linear;
    animation: rot-jup 43.32s infinite linear;
    z-index: 200;
}

.jup-path {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px;
    border: dashed 2px #ffffff;
    -webkit-animation: rotating 100s linear infinite;
    -moz-animation: rotating 100s linear infinite;
    -ms-animation: rotating 100s linear infinite;
    -o-animation: rotating 100s linear infinite;
    animation: rotating 100s linear infinite;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(-360deg);
      -o-transform: rotate(-360deg);
      transform: rotate(-360deg);
    }
  }
  @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(-360deg);
      -moz-transform: rotate(-360deg);
      -webkit-transform: rotate(-360deg);
      -o-transform: rotate(-360deg);
      transform: rotate(-360deg);
    }
  }

@-webkit-keyframes rot-sat {
    from {
        -webkit-transform: rotate(0deg) translatey(-362px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-362px) rotate(-360deg);
    }
}

@-keyframes rot-sat {
    from {
        transform: rotate(0deg) translatey(-362px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-362px) rotate(-360deg);
    }
}

.sat {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: #d6cd93;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -29px;
    -webkit-animation: rot-sat 107.59s infinite linear;
    animation: rot-sat 107.59s infinite linear;
    z-index: 200;
}

.sat-path {
    width: 724px;
    height: 724px;
    border-radius: 50%;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -362px;
    border: dashed 2px #444;
}

@-webkit-keyframes rot-ura {
    from {
        -webkit-transform: rotate(0deg) translatey(-648px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-648px) rotate(-360deg);
    }
}

@-keyframes rot-ura {
    from {
        transform: rotate(0deg) translatey(-648px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-648px) rotate(-360deg);
    }
}

.ura {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #bfeef2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -13px;
    -webkit-animation: rot-ura 306.87s infinite linear;
    animation: rot-ura 306.87s infinite linear;
    z-index: 200;
}

.ura-path {
    width: 1296px;
    height: 1296px;
    border-radius: 50%;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -648px;
    border: dashed 2px #444;
}

@-webkit-keyframes rot-nep {
    from {
        -webkit-transform: rotate(0deg) translatey(-972px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-972px) rotate(-360deg);
    }
}

@-keyframes rot-nep {
    from {
        transform: rotate(0deg) translatey(-972px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-972px) rotate(-360deg);
    }
}

.nep {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #363ed7;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px;
    -webkit-animation: rot-nep 601.9s infinite linear;
    animation: rot-nep 601.9s infinite linear;
    z-index: 200;
}

.nep-path {
    width: 1944px;
    height: 1944px;
    border-radius: 50%;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -972px;
    border: dashed 2px#444;
}

@-webkit-keyframes rot-plu {
    from {
        -webkit-transform: rotate(0deg) translatey(-1246px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-1246px) rotate(-360deg);
    }
}

@-keyframes rot-plu {
    from {
        transform: rotate(0deg) translatey(-1246px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-1246px) rotate(-360deg);
    }
}

.plu {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #963;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.5px;
    -webkit-animation: rot-plu 904.65s infinite linear;
    animation: rot-plu 904.65s infinite linear;
    z-index: 200;
}

.plu-path {
    width: 2492px;
    height: 2492px;
    border-radius: 50%;
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1246px;
    border: dashed 2px #444;
}

@-webkit-keyframes rot-lune {
    from {
        -webkit-transform: rotate(0deg) translatey(-7px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-7px) rotate(-360deg);
    }
}

@-keyframes rot-lune {
    from {
        transform: rotate(0deg) translatey(-7px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-7px) rotate(-360deg);
    }
}

.lune {
    width: 2px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.5px;
    -webkit-animation: rot-lune 0.27s infinite linear;
    animation: rot-lune 0.27s infinite linear;
}

@-webkit-keyframes rot-pho {
    from {
        -webkit-transform: rotate(0deg) translatey(-7px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-7px) rotate(-360deg);
    }
}

@-keyframes rot-pho {
    from {
        transform: rotate(0deg) translatey(-7px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-7px) rotate(-360deg);
    }
}

@-webkit-keyframes rot-dem {
    from {
        -webkit-transform: rotate(0deg) translatey(-9px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-9px) rotate(-360deg);
    }
}

@-keyframes rot-dem {
    from {
        transform: rotate(0deg) translatey(-9px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-9px) rotate(-360deg);
    }
}

.pho,
.dem {
    width: 1px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
}

.pho {
    margin: -1px;
    -webkit-animation: rot-pho 0.15s infinite linear;
    animation: rot-pho 0.15s infinite linear;
}

.dem {
    margin: -1px;
    -webkit-animation: rot-dem 0.2s infinite linear;
    animation: rot-dem 0.2s infinite linear;
}

.jove {
    width: 2px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top: 35px;
    left: 50%;
}

@-webkit-keyframes rot-io {
    from {
        -webkit-transform: rotate(0deg) translatey(-39px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-39px) rotate(-360deg);
    }
}

@-keyframes rot-io {
    from {
        transform: rotate(0deg) translatey(-39px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-39px) rotate(-360deg);
    }
}

@-webkit-keyframes rot-eur {
    from {
        -webkit-transform: rotate(0deg) translatey(-41px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-41px) rotate(-360deg);
    }
}

@-keyframes rot-eur {
    from {
        transform: rotate(0deg) translatey(-41px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-41px) rotate(-360deg);
    }
}

@-webkit-keyframes rot-gan {
    from {
        -webkit-transform: rotate(0deg) translatey(-45px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-45px) rotate(-360deg);
    }
}

@-keyframes rot-gan {
    from {
        transform: rotate(0deg) translatey(-45px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-45px) rotate(-360deg);
    }
}

@-webkit-keyframes rot-cal {
    from {
        -webkit-transform: rotate(0deg) translatey(-53px) rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg) translatey(-53px) rotate(-360deg);
    }
}

@-keyframes rot-cal {
    from {
        transform: rotate(0deg) translatey(-53px) rotate(0deg);
    }
    to {
        transform: rotate(360deg) translatey(-53px) rotate(-360deg);
    }
}

.io {
    -webkit-animation: rot-io 0.2s infinite linear;
    animation: rot-io 0.2s infinite linear;
}

.eur {
    -webkit-animation: rot-eur 0.35s infinite linear;
    animation: rot-eur 0.35s infinite linear;
}

.gan {
    -webkit-animation: rot-gan 0.7s infinite linear;
    animation: rot-gan 0.7s infinite linear;
}

.cal {
    -webkit-animation: rot-cal 1.65s infinite linear;
    animation: rot-cal 1.65s infinite linear;
}

.jup {
    background-image: repeating-linear-gradient(6deg, #797663 22px, #e1dcde 16px, #c3a992 30px, #e9ece2 30px);
}

.spot {
    position: absolute;
    width: 16px;
    height: 12px;
    border-radius: 8px/6px;
    top: 45px;
    left: 50%;
    background-color: #bc833b;
    box-shadow: 0px 0px 5px #e1dcde;
    border: solid 1px #e1dcde;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index: 300;
}

.nep .spot {
    background-color: #29319d;
    border: 0;
    box-shadow: none;
    top: 50%;
    left: 45%;
    width: 10px;
    height: 6px;
    margin: -2px;
    border-radius: 5px/3px;
    border-left: solid 1px #7ed6fe;
}

div[class$=-ring] {
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0.7;
    transform: rotatex(45deg);
}

.a-ring {
    border: solid 5px #96866f;
    width: 119px;
    height: 119px;
    margin: -64.5px;
}

.b-ring {
    border: solid 10px #554c3c;
    width: 104px;
    height: 104px;
    margin: -62px;
}

.c-ring {
    border: solid 9px #574f4a;
    width: 95px;
    height: 95px;
    margin: -56.5px;
}

.f-ring {
    border: solid 2px #908e8d;
    width: 133px;
    height: 133px;
    margin: -68.5px;
}

.e-ring {
    border: solid 7px #908e8d;
    width: 76px;
    height: 76px;
    margin: -45px;
    transform: rotatex(0deg) rotatey(89deg) !important;
}

.plu,
.plu-path {
    top: 1354.0666666667px;
}

/**/

.our-process-sec {
    display: flex;
}

.our-process-sec .tab-menu {
    display: block;
    display: block;
    width: auto;
    grid-auto-columns: auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    width: 100%;
}

.our-process-sec .tab-menu.w-tab-menu {
    border-bottom: 0;
    flex-grow: 0;
    flex-basis: 25%;
}

.our-process-sec .tab-content.w-tab-content {
    padding-left: 7vw;
    flex-grow: 0;
    flex-basis: 75%;
    position: relative;
}

.our-process-sec .h3.for-tab {
    word-wrap: nowrap;
}

.our-process-sec .cms-list {
    display: block;
}

.our-process-sec .tab-title {
    margin-bottom: 2vw;
    padding-bottom: 2vw;
    border-bottom: 1px solid #999;
}

.our-process-sec .tab-content-parent {
    grid-column-gap: 1vw;
    display: flex;
}

.ret-top-padding {
    padding-top: 10vw;
}

.our-process-sec .text-content-parent {
    flex-grow: 1;
    flex-basis: 60%;
}

.our-process-sec .softothemecontent.for-tab {
    flex-grow: 1;
    flex-basis: 40%;
}

h2.woprtfg {
    margin: 50px 0 30px;
    font-size: 25px;
}

.forserv.softothemecontent.contact {
    align-items: center;
}

.bwbblue {
    color: #003d82;
}

.btn-wrapper.for-contact.d-bloc {
    display: block;
}

.about-to-shorts .section-link-parent {
    margin-bottom: 15px;
}

.padding-top-art {
    margin-top: 25px;
}

@media (max-width:767px) {
    .our-process-sec .tab-menu.w-tab-menu {
        flex-grow: 1;
        flex-basis: 100%;
        display: grid;
    }
    .our-process-sec .category-icon {
        width: 4vw;
        margin-right: 5px;
    }
    .our-process-sec {
        display: block;
    }
    .our-process-sec .h3.for-tab {
        font-size: 14px;
    }
    .our-process-sec .tab-title {
        padding: 3vw 6px;
    }
}

@media (min-width: 768px) {
    .our-process-sec .tab-menu.w-tab-menu:after {
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        background-color: #000;
        right: -3.5vw;
        top: 0;
    }
    .our-process-sec .tab-menu.w-tab-menu .tab-title {
        position: relative;
    }
    .our-process-sec .tab-menu.w-tab-menu .tab-title.w--current:after {
        position: absolute;
        right: -3.5vw;
        width: 10px;
        height: 5px;
        background-color: #000;
        border-radius: 0px;
        content: '';
        margin-right: -5px;
        top: 50%;
        margin-top: -15px;
    }
}

.logo-wrapper-softomate .logoimg-white {
    display: none;
}

.logo-wrapper-softomate.addremovetext .logoimg-white {
    display: block;
}

.logo-wrapper-softomate.addremovetext .logoimg {
    display: none;
}

.burger-submenu {
    padding-left: 25px;
    list-style: none;
}

.burger-submenu a {
    color: #fff !important;
    padding: 8px 0;
    display: block;
}
.caseservicesbenofits{grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.caseservicesbenofits .case-benefit-parent{margin-bottom: 45px;}
.caseservicesbenofits  .number{    font-size: 2vw;}
.caseservicesbenofits h3{font-size: 1vw;}
.solution-icon-wrapper i{font-size: 35px;}
.subscribe-wrapper .secondary-btn-wrapper:hover .btn-text.white{color: #003d82 !important;}

.logobg-gradient{
    position: absolute;
    top: -34px;
    left: -63px;
    width: 534px;
    height: 121px;
    filter: blur(33px);
    background: radial-gradient(circle at 50% 50%,rgba(255, 255, 255, 1), rgba(76, 0, 255, 0));
    opacity: 1;
    z-index: 0;
}

.key-b-heading{margin-top: 25px;}

@media screen and (max-width: 767px){
    .softo-animation-wrap{
            right: 0;
    }
    .jup-path{
        width: 320px;
    height: 320px;
    margin: -160px;
    }
    .mar-path{
        width: 260px;
    height: 260px;
    margin: -130px;
    }
    .sun{
    width: 170px;
    height: 170px;
    margin-top: -75px;
    margin-left: -91px;
    }
    .mar {
        width: 10px;
        height: 10px;
        margin: -5px;}

        @-webkit-keyframes rot-mar {
            from {
                -webkit-transform: rotate(0deg) translatey(-100px) rotate(0deg);
            }
            to {
                -webkit-transform: rotate(360deg) translatey(-100px) rotate(-360deg);
            }
        }
        
        @-keyframes rot-mar {
            from {
                transform: rotate(0deg) translatey(-95px) rotate(0deg);
            }
            to {
                transform: rotate(360deg) translatey(-95px) rotate(-360deg);
            }
        }

        .caseservicesbenofits{grid-template-columns:1fr;}
        .caseservicesbenofits .case-benefit-parent{margin-bottom: 0;grid-row-gap: 4vw;}
        #offering-sec .title-wrapper.h {margin-top: 60px;}
        .tab-content-parent.singserpro.m-display-bl{display: block;}
        .tab-content-parent.singserpro.m-display-bl .text-content-parent {margin: 15px 0;}
        .caseservicesbenofits .number{font-size: 15px;}

}
.p.white.f-bold{font-weight:400;}
.title-wrapper.h.z-margin-title{margin-bottom: 0;}
@media screen and (max-width: 479px){
.card-img.full-width-cimage{width: 100%;}
.home-h1{line-height: 1.5;}
.section.home-mainmate{align-items: center;}
}

.softothemecontent.about.absa-cont{margin-top: 20px;}

.btn-text.bottom.white.onwhie{color: #fff !important ;}

.home-product-lottie svg g g:first-child path{    stroke: #0f67cb !important;
    fill: #003d82 !important;
    stroke-width: 2px;}
    .typingtext-upper{margin-bottom: 30px;}
  .main-index-heading  .softothemecontent.mainmate{width: 80%;}

.section.home-mainmate.main-index-heading{    padding: 10vw 5%;}
#section_footer a:hover, .subscribe-wrapper  .btn-text.white:hover{color: #fff !important;}
/*
.home-product-lottie svg g g:first-child,
.home-product-lottie svg g g:nth-child(2){opacity: 0.5 !important;}

*/
.footer-link{position: relative;transition: all ease 500ms !important;}
.footer-link:hover{margin-left: 5px !important;transition: all ease 500ms !important;}

.testimonial-container {
    background-color: #fdfdfd;
    color: #000000;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    margin: 0%;
    padding: 5% 5%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 24px;
    min-height: 100vh;
  }
  
  .testimonial-section {
    /* width: 100%; */
    /* max-width: 100%; */
    padding: 2% 6% 5% 6%;
    background-color: #ffffff;
    border-radius: 0px;
    box-shadow: 0px 0px 6px 0px rgb(196 196 196);
  }
  
  .testimonial-header {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 24px;
    text-align: center;
    padding-bottom: 2%;
    letter-spacing: 1px;
  }
  
  .testimonial-item {
    margin-bottom: 24px;
  }
  
  .testimonial-item:last-child {
    margin-bottom: 0;
  }
  
  .testimonial-title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 8px;
    color: #000000;
  }
  
  .testimonial-content {
    font-weight: 400;
    line-height: 1.6;
  }
  

  .carousel-slider {
    width: 100%;
    padding-top: 40px;
    /* make slider wider */
    max-width: 1200px;
    /* max width on large screens */
}

.w-100-percentage{width: 100%;}
.carousel-slider .swiper-wrapper {
    display: flex;
    align-items: center;
    max-height: 350px;
    /* taller wrapper for bigger cards */
    max-width: 100%;
}

.carousel-slider .swiper-slide {
    width: clamp(300px, 25vw, 400px);
    /* bigger width */
    height: clamp(300px, 25vw, 400px);
    /* bigger height */
    aspect-ratio: unset;
    /* don't force square */
    box-sizing: border-box;
    padding: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(255 255 255);
    box-shadow: 0 0 4px 1px rgb(0 0 0 / 50%);
    border-radius: 5px;
    flex-shrink: 0;
    font-size: 1rem;
    /* bigger font */
    overflow: hidden;
    position: relative;
    /* for avatar positioning */
    overflow: visible;
    /* allow avatars to show outside */
    position: relative;
    /* keep positioning context */
}

.carousel-slider .swiper-slide.swiper-slide-next,
.carousel-slider .swiper-slide.swiper-slide-prev {
    background: rgb(255 255 255);
    box-shadow: 0 0 4px 1px rgb(0 0 0 / 50%);
}

.carousel-slider .swiper-slide.swiper-slide-active {
    background: #ffffff;
    box-shadow: 0 0 4px 1px rgb(0 0 0 / 50%);
}

.carousel-slider .item-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* stack vertically */
    justify-content: center;
    align-items: center;
    color: #000000;
    text-align: center;
    padding: 1rem;
    overflow: hidden;
}

.carousel-slider .item-content .title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 0.25rem 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.carousel-slider .item-content .subtext {
    font-size:16px;
    font-weight: 500;
    margin: 0 0 0.5rem 0;
    opacity: 0.75;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.carousel-slider .item-content .testimonial {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 8em;
    /* about 4 lines */
}

.o-hidden{overflow: hidden;}
/* Avatar styles */
.carousel-slider .avatar {
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #ffffff;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    z-index: 10;
}
.softothemecontent.main-banner-content{margin-top: 5%;}
.about-value-wrapper .accordion-wrapper:last-child{padding-bottom: 0;}
.section.softo.top-padding.challenges.no-bottom > .title-wrapper.h > h2.h2:first-child {display: none !important;}

#mainmate.section.softto-sec h5.subheading.white:first-child{opacity: 0 !important;}

.WidgetTitle__Header-sc-581bc1ec-2
{margin-top: 0px !important;
margin-bottom: 0px !important;
font-family: 'Red Hat Display', sans-serif !important;
color: #000 !important;
font-size: 3.5vw !important;
line-height: 1 !important;
font-weight: 700 !important;
letter-spacing: -2px!important;
text-align: left!important;}

.full-width-field{grid-column-start: span 2;}
.get-in-touch-footer-wraper{margin-top: 15px;}
.pb-0{padding-bottom: 0 !important;}

.credit-rev  {  width: 100%;bottom: 8px;    position: absolute;    height: 30px;    z-index: 9;    background: white;left: 0;}

.softothemecontent.port-btns.section-link{justify-content: center !important;gap: 20px !important;}
.testi-item-data-wrap{display: flex;align-items: center; gap: 15px;    justify-content: space-between;}
.brands-items .col-sm-3.col-6{margin: 8px 0;}
.softothemecontent.port-btns.section-link{bottom: 15%;}

.port-folios .port-btns .btn{min-width: 170px;}
.port-folios .btn-outline-dark .btn-text{color: #000;}
.port-folios .btn-outline-dark:hover .btn-text{color: #fff;}
.web-design-service h3{font-weight: 700;     margin-top: 0px;
    margin-bottom: 0px;    font-family: 'Red Hat Display', sans-serif;
      font-size: 1.5vw;    line-height: 1.2;    font-weight: 700;}
.web-design-service h2{margin-top: 0px;    margin-bottom: 0px;
    font-family: 'Red Hat Display', sans-serif;
       font-size: 3.5vw;    line-height: 1;   }
 .web-design-service   h2.woprtfg {    margin: 50px 0 30px;    font-size: 25px;        font-weight: 700;    letter-spacing: -2px;}
.web-design-service .why-join-section{border-top:none;}
.web-design-service .website-packages *{color: #000;}
.web-design-service h2.h2sec{margin-bottom: 30px;}
.web-design-service *:not(i){ font-family: 'Red Hat Display', sans-serif;}
.web-design-service .website-packages .packages-title{text-align: left;}
.web-design-service .packages-subtitle{margin: 0;text-align: left;}
.web-design-service .website-packages{background-color: white;background-image: none;}
.web-design-service  .package-features,
.web-design-service  .website-packages .row{border-color: #000;}
.web-design-service .container{    padding: 2% 10%; margin: 0 auto; max-width: 100%;}
.web-design-service .caseservicesbenofits h3{    font-size: 1vw;}
.web-design-service .order-btn{    background: var(--primary-blue);}
.web-design-service .order-btn *{    color: #fff;}
.web-design-service  section{padding: 0 !important; }
.web-design-service .logo-scroll { border-radius: 0;   padding: 40px 0 0 0;}

.web-design-service .portfolios,.web-design-service .trusted-partners,.web-design-service .logo-scroll{background: white;}
.web-design-service h3.h3-website{color: #000;}
.web-design-service h2.h3-website{margin-top: 2rem;}
.web-design-service .price {    font-size: 2rem;    font-weight: 700;      margin-bottom: 30px;}
.web-design-service  .add-on-item{border: none;}
.web-design-service  .add-on-item:hover {    transform: translateY(-5px);  
      border-color: #fff;    background: white;}
.web-design-service  .add-on-item:hover .add-on-content p,
.web-design-service  .add-on-item:hover .add-on-content h3 {    color: #000;}
.web-design-service .add-on-icon,
.web-design-service  .add-on-item:hover .add-on-icon{background-color: transparent;border:1px solid #000;color: #000;}
.web-design-service .add-on-price{background-color: transparent;border:1px solid #000;color: black;}
.web-design-service .add-on-item:hover  .add-on-price{background-color: black;color: white;}
.web-design-service .icon-container{background: transparent;color:black;}
.web-design-service .why-card:hover .icon-container{box-shadow: none;}
.web-design-service .order-btn{    border-radius: 5px;    border: none;}
.web-design-service .enroll-btn{font-size:16px ;    padding: 3px 24px}
 @media (max-width:767px) {
.web-design-service .container {    padding: 3vh 6%;    margin: 0;}
.web-design-service .package-features{border: none;}
    .softothemecontent.main-banner-content{margin-top: 10%;}
   .main-banner-content .home-h1.typingtext-upper{margin-bottom: 0 !important;}
        .section {        padding:3vh 6% !important;}
        .about-home-title{padding-top:6vh;}
        .softto-sec .section-link-wrapper._2-c {
        width: 100%;        margin-top: 6vw;
        grid-row-gap: 1vw;        grid-template-columns: 1fr 1fr;        grid-column-gap: 5vw;}
          .softto-sec  .softothemecontent.section-link {        margin-top: 0;}
             .softto-sec   .home-h1 {        line-height: 1;            margin-top: 70px;   }
             .section.softto-sec{justify-content: space-between;}
#offering-sec .title-wrapper.h {margin-top: 0 !important;}
.main-index-heading .softothemecontent.mainmate{width: 100%;}
.softo-animation-wrap{margin-bottom: 0;}
.accordion-parent.answer p,
.value-softothemecontent    p{padding-bottom: 0 !important;}
.value-icon-wrapper{        justify-self: start !important;}
    .solution-icon-wrapper {        margin-top: 0vw;}
    .softothemecontent  .value-wrapper:last-child, .section.softo p{padding-bottom: 0 !important;}
    .secondary-btn-wrapper.abs{margin-top: 0 !important ;        margin-bottom: 20px;}
    .secondary-btn-wrapper.abs > div{color: #000;}
    .footer-parent._4-c{grid-template-columns: 50% 50%;grid-column-gap: 5vw;}
    .social-wrapper{grid-template-columns: 40% 40%;grid-row-gap: 5vw;}
    .accordion-wrapper{        padding: 10vw 4vw 6vw 5vw;}
        .tab-content {        padding: 10vw 3vw 3vw !important;}
        .w-dyn-item .card-name-wrapper.news {margin-bottom: 0 !important;}
        .location-info *{font-size: 16px !important;}
        .WidgetTitle__Header-sc-581bc1ec-2{font-size:28px !important;}
        .p-relative{position: relative;}
   .credit-rev  {  width: 100%;bottom: 8px;    position: absolute;    height: 30px;    z-index: 9;    background: white;left: 0;}
.pb-0{padding-bottom: 0 !important;}  
.section.softo .softothemecontent.case-study:last-child{padding-bottom: 0;}  
.softothemecontent.port-btns.section-link a{width: 100%;}  
.softothemecontent.port-btns.section-link{bottom: 5%;}
.testi-item-data-wrap{flex-direction: column;}
.testimonial-container{padding: 0;}
.class-btn-call p span, .class-btn-call p a{font-size: 30px;}
    .full-w-btn{width: 100%;}
}

/* Inline styles moved from head.php / header-scripts.php */
body {
         font-family: Arial, sans-serif;
         margin: 0;
         padding: 0;
         background-color: #f8f9fa;
         box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
      }

      .cookie-banner {
         position: fixed;
         bottom: 20px;
         left: 20px;
         right: 20px;
         background-color: #ffffff;
         color: #343a40;
         text-align: center;
         padding: 20px;
         box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
         z-index: 1000;
         border-radius: 8px;
         display: none;
         flex-direction: column;
         align-items: center;
      }

      .cookie-banner__message {
         margin-bottom: 15px;
         line-height: 1.5;
      }

.cookie-banner__buttons {
         display: flex;
         gap: 10px;
      }
.cookie-banner button {
         background-color: #003d82;
         color: white;
         border: none;
         padding: 10px 20px;
         cursor: pointer;
         border-radius: 5px;
         transition: background-color 0.3s ease;
      }

      .cookie-banner button:hover {
         background-color: #002d62;
      }

      .modal {
         display: none;
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: rgba(0, 0, 0, 0.5);
         justify-content: center;
         align-items: center;
      }

      .modal-content {
         background-color: white;
         padding: 20px;
         border-radius: 8px;
         max-width: 500px;
         margin: auto;
         box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
      }

      .modal-content h2 {
         margin-top: 0;
      }

      .modal-content label {
         display: block;
         margin-bottom: 10px;
      }

@media (min-width:992px) {
         html.w-mod-js:not(.w-mod-ix) [data-w-id="24fe9614-793e-a8cc-9332-a3f2756442d5"] {
            -webkit-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -moz-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -ms-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="dc3de1d8-ebe2-ec41-90a2-643287011b70"] {
            -webkit-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -moz-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -ms-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="f99a4244-0892-16a3-4b97-b30be3eed94c"] {
            -webkit-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -moz-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -ms-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="3657730b-760e-4782-19e8-ee93ed103071"] {
            -webkit-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -moz-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -ms-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="b0e6f41a-861e-beba-8a94-08f858b19159"] {
            -webkit-transform: translate3d(0vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -moz-transform: translate3d(0vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -ms-transform: translate3d(0vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            transform: translate3d(0vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="8f06e092-d98e-32dd-de16-5b022d7b5d73"] {
            color: rgb(0, 0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="8f06e092-d98e-32dd-de16-5b022d7b5d77"] {
            color: rgb(0, 0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="8f06e092-d98e-32dd-de16-5b022d7b5d78"] {
            opacity: 0;
            -webkit-transform: translate3d(1vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(15deg) skew(0, 0);
            -moz-transform: translate3d(1vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(15deg) skew(0, 0);
            -ms-transform: translate3d(1vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(15deg) skew(0, 0);
            transform: translate3d(1vw, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(15deg) skew(0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="c01a7f7a-a81f-ce13-f652-dc1f47805efc"] {
            -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="a46a40e8-23dd-b84c-9a4d-b8735dfd9e8d"] {
            color: rgb(0, 0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="a137a2d3-b24d-7d49-dc85-e5350084191b"] {
            -webkit-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -moz-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -ms-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="a60252bd-7a1f-34f6-8a1b-458b9a92eef0"] {
            color: rgb(255, 255, 255);
            -webkit-transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -moz-transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -ms-transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="8350add1-4aa5-647f-ab16-abd1aad1f8ad"] {
            -webkit-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -moz-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -ms-transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            transform: translate3d(0, 0, 0) scale3d(0.9, 0.9, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="8350add1-4aa5-647f-ab16-abd1aad1f8af"] {
            color: rgb(255, 255, 255);
            -webkit-transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -moz-transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            -ms-transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
            transform: translate3d(0, 0px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="620745b3-88c8-da74-f5c3-bfd9f1ee4011"] {
            color: rgb(0, 0, 0);
         }

         html.w-mod-js:not(.w-mod-ix) [data-w-id="620745b3-88c8-da74-f5c3-bfd9f1ee4013"] {
            background-color: rgb(114, 189, 187);
         }
      }

body {
         direction: ltr;
      }

      ::-webkit-scrollbar {
         width: 0.5vw;
         /* Controls the overall width of the scrollbar */
         padding: 10px;
         /* Controls the padding of the Scrollbar */
      }

      /* Track - This is the part that contains the bit you click and drag */
      ::-webkit-scrollbar-track {
         background: #000;
         /* Sets the background to transparent, change to a Hex or RGB value if you would like */
      }

      /* Handle - This is the bit you actually click and drag */
      ::-webkit-scrollbar-thumb {
         background: #003d82;
         /* Change the Hex value to change the scroll handle */
         border-radius: 0px;
      }

      ::selection {
         background: #003d82;
         /* WebKit/Blink Browsers */
         color: white;
      }

      ::-moz-selection {
         background: #003d82;
         /* Gecko Browsers */
      }

li::marker {
         color: #003d82 !important;
      }

      p {
         font-size: clamp(16px, 1vw, 24px);
      }

      .p {
         font-size: clamp(16px, 1vw, 24px);
      }

      .p.small {
         font-size: clamp(14px, 0.8vw, 16px);
      }

      .p.big {
         font-size: clamp(20px, 1.1vw, 24px);
      }

      .btn.wrapper {
         transition: all ease 500ms !important;
      }

      .btn.wrapper:hover {
         background-color: #003d82 !important;
         border-color: #003d82 !important;
      }

.scanner-wrapper {
    pointer-events: none;
}

.softothemecontent.section-link,
.section-link-line,
.section-links {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}

.softothemecontent.section-link {
    opacity: 1;
}

.section-link-line {
    background-color: #ffffff;
}

.rotate-rocket-icon {
    display: inline-block;
    transform: rotate(-45deg);
}

.card[data-bg] {
    background-size: cover;
    background-position: center;
}

.card[data-bg="ddl-tiles"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/ddl-tiles.webp'); }
.card[data-bg="thehandyhomepro"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/thehandyhomepro.webp'); }
.card[data-bg="signage-studio"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/signage-studio.webp'); }
.card[data-bg="goodman-piling"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/goodman-piling.webp'); }
.card[data-bg="oliver-dolby"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/oliver-dolby.webp'); }
.card[data-bg="premier-recruitment"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/premier-recruitment.webp'); }
.card[data-bg="dranubhav"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/dranubhav.webp'); }
.card[data-bg="revalidate"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/revalidate.webp'); }
.card[data-bg="telford"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/telford.webp'); }
.card[data-bg="sharm-soul"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/sharm-soul.webp'); }
.card[data-bg="tejal-maniar"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/tejal-maniar.webp'); }
.card[data-bg="azure-wealth"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/azure-wealth.webp'); }
.card[data-bg="osiris-club"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/osiris-club.webp'); }
.card[data-bg="dj-website"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/dj-website.webp'); }
.card[data-bg="one-london"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/one-london.webp'); }
.card[data-bg="electricityecomm"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/electricityecomm.webp'); }
.card[data-bg="ams"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/ams.webp'); }
.card[data-bg="vortex"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/vortex.webp'); }
.card[data-bg="aesthetic-edge"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/aesthetic-edge.webp'); }
.card[data-bg="club-india"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/club-india.webp'); }
.card[data-bg="decor-website"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/decor-website.webp'); }
.card[data-bg="restra-website"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/restra-website.webp'); }
.card[data-bg="party-website"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/party-website.webp'); }
.card[data-bg="laundromat"] { background-image: url('/assets/sites/softomatesolutions/portfolio-images/website/laundromat.webp'); }

/* Footer styles moved from footer.php */
.footer-wrapper .location-info {
    display: flex;
    color: #fff;
    flex-direction: column;
    gap: 0;
    margin-bottom: 15px;
}

.footer-wrapper .location-info * {
    color: #fff;
}

.footer-wrapper .location-info p {
    padding-bottom: 0 !important;
}

.footer-wrapper .location-info .location-contact-info {
    margin-top: 5px;
}

.form.abs {
    width: 100%;
}

#email-form {
    justify-content: normal !important;
    width: 100%;
}

.footer-wrapper .location-info .location-contact-info a {
    font-size: 14px;
}

/* WhatsApp widget styles from footer-close.php */
.whatsapp-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    background-color: #25D366;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 1000;
}

.whatsapp-icon .chat-red-dot {
    position: absolute;
    top: 8px;
    right: 0;
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 50%;
}

.whatsapp-icon img {
    width: 40px;
    height: 40px;
}

.chat-panel {
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 360px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
    z-index: 1000;
    background: url('https://www.softomatesolutions.com/img/whatsapp-bg.webp') center center / cover no-repeat;
}

.chat-header {
    padding: 20px;
    background-color: rgb(0, 128, 105);
    color: white;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: center;
    position: relative;
}

.chat-header p {
    margin: 0px;
    line-height: 1.39;
    padding: 0px !important;
    font-size: 15px;
    color: #fff !important;
}

.chat-header-img::before {
    background: rgb(74, 213, 4);
    position: absolute;
    content: "";
    bottom: 23px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    left: 60px;
    display: block;
    border: 2px solid rgb(0, 128, 105);
    box-sizing: border-box;
}

.chat-header img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin-right: 10px;
}

.chat-body {
    position: relative;
    padding: 20px 20px 12px;
    font-family: Arial, sans-serif;
    display: flex;
}

.chat-body .chat-message {
    background: #fff;
    padding: 6px 14px;
    border-radius: 0 16px 16px;
    line-height: 1.39;
    font-size: 15px;
    position: relative;
}

.chat-body .chatbox-notch {
    position: absolute;
    top: 0;
    left: -9px;
    color: #fff;
}

.chat-body p {
    margin: 5px 0;
    padding: 0px !important;
    font-size: 15px;
}

.chat-footer {
    text-align: center;
}

.chat-footer a {
    display: inline-block;
    padding: 12px 27px;
    background-color: #25D366;
    color: white;
    border-radius: calc(24px);
    text-decoration: none;
    font-weight: bold;
    margin: 20px;
}

/* Testimonials page inline styles */
.swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
    background-color: #003d82 !important;
}

.softothemecontentpadding {
    padding: 15px 0 !important;
}

/* AI Projects inline styles */
.ai-card {
    padding: 25px 20px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid rgba(30, 58, 138, 0.1);
    border-radius: 16px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.ai-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #1e3a8a, #3b82f6, #06b6d4);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.ai-card:hover::before {
    transform: scaleX(1);
}

.ai-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(30, 58, 138, 0.2);
    border-color: rgba(30, 58, 138, 0.3);
}

.ai-card-icon {
    margin: 0 auto 8px;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 50%;
    transition: all 0.4s ease;
    position: relative;
}

.ai-card-icon::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px dashed #013D82;
    animation: rotate 20s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.ai-card:hover .ai-card-icon {
    background: rgba(1, 61, 130, 0.12);
    transform: scale(1.1);
}

.ai-card-icon i {
    font-size: 32px;
    color: #013D82;
    transition: all 0.4s ease;
    position: relative;
    z-index: 1;
}

.ai-card:hover .ai-card-icon i {
    transform: scale(1.15);
    color: #0154B0;
}

.ai-card h3 {
    font-size: 17px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 6px;
    transition: all 0.3s ease;
}

.ai-card:hover h3 {
    color: #013D82;
}

.ai-card .industry-tag {
    font-size: 12px;
    color: #013D82;
    font-weight: 600;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.ai-card p {
    font-size: 14px;
    line-height: 1.8;
    color: #333333;
    margin: 0;
}

.ai-hero {
    text-align: center;
    padding: 40px 0;
}

.ai-overview {
    padding: 60px 15px;
}

.ai-overview-text {
    text-align: left;
    max-width: 1200px;
    margin: 0 auto;
    line-height: 1.8;
}

.ai-why-section {
    padding-bottom: 80px;
}

/* ═══════════════════════════════════════════════════════════════════
   Global mobile icon size fixes — all pages, all icon types.
   Same approach as the Offerings section (the reference pattern):
   - solution-icon-wrapper: 56px wrapper, proportional circles
   - value-icon-wrapper: 56px wrapper, proportional circles/image
   - icon-container (Features): 56px circle, 22px FA icon
   - card-img.category: 64px fixed image
   Placed at end of file so these always win the cascade.
   ═══════════════════════════════════════════════════════════════════ */
@media screen and (max-width: 767px) {

   /* ── 1. Category card icons (Key Benefits, Use Cases, Related Services, all pages) ── */
   .card-img.category {
      width: 64px !important;
      height: 64px !important;
      max-width: 64px !important;
      max-height: 64px !important;
      min-width: unset !important;
      min-height: unset !important;
      object-fit: contain !important;
      display: block !important;
      margin-bottom: 10px !important;
   }

   /* ── 2. Offerings / Solutions accordion icons — same pattern, all pages ── */
   .solution-icon-wrapper {
      width: 56px !important;
      height: 56px !important;
      min-width: 56px !important;
      flex-shrink: 0 !important;
      margin-top: 0 !important;
   }
   .solution-icon-circle.dash {
      width: 100% !important;
      height: 100% !important;
   }
   .solution-icon-circle {
      width: 74% !important;
      height: 74% !important;
   }
   .solution-icon-wrapper i {
      font-size: 18px !important;
      position: relative !important;
   }

   /* ── 3. Why Choose Us / value icon wrappers — same pattern, all pages ── */
   .value-icon-wrapper {
      width: 56px !important;
      height: 56px !important;
      min-width: 56px !important;
      flex-shrink: 0 !important;
   }
   .value-circle.dash {
      width: 100% !important;
      height: 100% !important;
   }
   .value-circle {
      width: 74% !important;
      height: 74% !important;
   }
   .value-icon {
      width: 44% !important;
      height: 44% !important;
      object-fit: contain !important;
   }

   /* ── 4. Technical Features / icon-container (FA icon in circle) — all pages ── */
   .icon-container {
      width: 56px !important;
      height: 56px !important;
      min-width: unset !important;
      font-size: 22px !important;
      padding: 10px !important;
      margin-bottom: 10px !important;
   }

   /* ── 5. Process tabs — stack image above text ── */
   [id="0-process"] .tab-content-parent.singserpro {
      display: flex !important;
      flex-direction: column !important;
      align-items: stretch !important;
      gap: 16px !important;
   }
   [id="0-process"] .tab-content-parent.singserpro .softothemecontent.for-tab {
      order: -1 !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      width: 100% !important;
      margin-top: 0 !important;
   }
   [id="0-process"] .tab-content-parent.singserpro .softothemecontent.for-tab .card-img {
      width: 110px !important;
      height: 110px !important;
      max-width: 110px !important;
      object-fit: contain !important;
   }
   [id="0-process"] .tab-content-parent.singserpro .text-content-parent {
      width: 100% !important;
      max-width: 100% !important;
   }
   [id="0-process"] .tab-content-parent.singserpro .text-content-parent .p,
   [id="0-process"] .tab-content-parent.singserpro .text-content-parent p {
      width: 100% !important;
      max-width: 100% !important;
   }
   [id="0-process"] .tab-title .category-icon {
      width: 28px !important;
      max-width: 28px !important;
      height: 28px !important;
      object-fit: contain !important;
   }
}

/* ---------------------------------------------------------------------------
   Portfolio cards — mobile spacing fix
   -------------------------------------------------------------------------
   Source HTML: <section class="container portfolios"><div class="row">
                   <div class="col-md-4"><div class="card" style="background-image:...">
                     <div class="card-body"><h4>...</h4><p>...</p><a class="btn">...
   At <=767px col-md-4 falls back to 100% width and cards stack with zero gap,
   so each card's <h4> visually overlaps the previous card's button.
   Scoped to .portfolios so no other Bootstrap card on the site is affected.
   --------------------------------------------------------------------------- */
@media (max-width: 767px) {
    .portfolios .col-md-4 { margin-bottom: 1.25rem; }
    .portfolios .col-md-4:last-child { margin-bottom: 0; }
    .portfolios .card {
        min-height: 220px;
        position: relative;
        overflow: hidden;
        background-size: cover;
        background-position: center;
        border-radius: 8px;
    }
    /* Dark overlay so the white text on background-image stays legible */
    .portfolios .card::before {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.65) 100%);
        z-index: 0;
    }
    .portfolios .card-body {
        position: relative;
        z-index: 1;
        padding: 1.25rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        height: 100%;
        justify-content: flex-end;
        color: #fff;
    }
    .portfolios .card-body h4,
    .portfolios .card-body .card-text { color: #fff; margin: 0; }
    .portfolios .card-body .btn { align-self: flex-start; margin-top: 0.5rem; }
}

/* ---------------------------------------------------------------------------
   Blog index — card grid styling
   --------------------------------------------------------------------------- */
.blog-card-link {
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.blog-card-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
.blog-card-thumb,
.blog-card-img picture,
.blog-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.blog-card-img picture {
    display: block;
}

/* ── Minimal Bootstrap grid replacement (self-hosted — CDN eliminated) ──────
   Only the classes actually used across all 66 pages: container, row, col-*.
   Breakpoints match Bootstrap 5: sm≥576 md≥768 lg≥992.
   ─────────────────────────────────────────────────────────────────────────── */
.container {
    width: 100%;
    padding-right: .75rem;
    padding-left: .75rem;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 576px)  { .container { max-width: 540px; } }
@media (min-width: 768px)  { .container { max-width: 720px; } }
@media (min-width: 992px)  { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
@media (min-width: 1400px) { .container { max-width: 1320px; } }
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}
/* Bootstrap gutter utility classes — missing from self-hosted minimal grid.
   Without these, g-4 on any row has zero vertical gap between stacked cards. */
.g-1  { --bs-gutter-x: 0.25rem; --bs-gutter-y: 0.25rem; }
.g-2  { --bs-gutter-x: 0.5rem;  --bs-gutter-y: 0.5rem;  }
.g-3  { --bs-gutter-x: 1rem;    --bs-gutter-y: 1rem;    }
.g-4  { --bs-gutter-x: 1.5rem;  --bs-gutter-y: 1.5rem;  }
.g-5  { --bs-gutter-x: 3rem;    --bs-gutter-y: 3rem;    }
.gx-1 { --bs-gutter-x: 0.25rem; } .gy-1 { --bs-gutter-y: 0.25rem; }
.gx-2 { --bs-gutter-x: 0.5rem;  } .gy-2 { --bs-gutter-y: 0.5rem;  }
.gx-3 { --bs-gutter-x: 1rem;    } .gy-3 { --bs-gutter-y: 1rem;    }
.gx-4 { --bs-gutter-x: 1.5rem;  } .gy-4 { --bs-gutter-y: 1.5rem;  }
.gx-5 { --bs-gutter-x: 3rem;    } .gy-5 { --bs-gutter-y: 3rem;    }
.col-6  { flex: 0 0 auto; width: 50%; }
.col-12 { flex: 0 0 auto; width: 100%; }
@media (min-width: 576px) {
    .col-sm-3 { flex: 0 0 auto; width: 25%; }
}
@media (min-width: 768px) {
    .col-md-4 { flex: 0 0 auto; width: 33.333333%; }
    .col-md-6 { flex: 0 0 auto; width: 50%; }
}
@media (min-width: 992px) {
    .col-lg-4 { flex: 0 0 auto; width: 33.333333%; }
    .col-lg-6 { flex: 0 0 auto; width: 50%; }
}

/* ── Blog & Case Study hero banner ──────────────────────────────────────────
   Same visual as service page hero (bg-img, softto-sec) but uses simple
   flex column layout (no web-design-service grid) so all hero children
   (category, title, meta-row) stack naturally.
   ─────────────────────────────────────────────────────────────────────────── */

/* Override display:contents that web-design-service would apply — not used here */
.bp-hero-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0.5rem;
    width: 62% !important;
    margin-top: 0 !important;
    position: relative;
}

/* No overlay needed — header_image.webp is the same blue/teal gradient used on
   all service pages and provides sufficient contrast for white text. */

/* Responsive title: clamp prevents overflow on long blog/cs titles */
.blog-post-hero-banner .home-h1.bp-hero-title,
.cs-hero-banner .home-h1.bp-hero-title {
    font-size: clamp(1.7rem, 2.8vw, 3.4rem) !important;
    line-height: 1.13;
    white-space: normal;
    overflow-wrap: break-word;
}

/* Meta row inside hero (date · reading time · author) */
.bp-meta-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    color: rgba(255,255,255,0.72);
    font-size: 0.88rem;
    margin-top: 0.75rem;
}
.bp-meta-row strong { color: #fff; }
.bp-meta-dot { color: rgba(255,255,255,0.35); }

/* ── Featured image strip (below hero, above body) ────────────────────────── */
.bp-featured-img-wrap {
    padding: 0 10%;
    margin-top: -2.5rem;
    position: relative;
    z-index: 2;
}
.bp-featured-img {
    width: 100%;
    max-height: 540px;
    object-fit: cover;
    border-radius: 14px;
    display: block;
    box-shadow: 0 16px 48px rgba(0,0,0,0.18);
}

/* ── Blog & CS body section: centred content column ─────────────────────── */
.bp-body-section {
    padding-top: 3rem !important;
    padding-bottom: 4rem !important;
    align-items: center !important;
}
.bp-content-col {
    width: min(70vw, 1280px);
    margin: 0 auto;
}

/* ── Share bar ─────────────────────────────────────────────────────────────── */
.bp-share-bar {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 1rem 0 1.5rem;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 2.5rem;
}
.bp-share-label {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7280;
    margin-right: 0.25rem;
}
.bp-share-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.4em;
    background: #f3f4f6;
    color: #374151;
    font-size: 0.8rem;
    font-weight: 600;
    padding: 0.4em 0.9em;
    border-radius: 6px;
    text-decoration: none;
    transition: background 0.16s, color 0.16s;
}
.bp-share-btn:hover { background: #003D82; color: #fff; }
.bp-share-btn svg { flex-shrink: 0; }

/* ── Prose overrides for the content column ─────────────────────────────── */
.bp-prose {
    font-size: 1.06rem;
    line-height: 1.63;
    color: #1f2937;
}
.bp-prose p { margin: 0 0 1rem; }
.bp-prose h2 { margin-top: 2rem; margin-bottom: 0.6rem; }
.bp-prose h3 { margin-top: 1.5rem; margin-bottom: 0.5rem; }

/* ── Premium Table of Contents box (injected by JS) ─────────────────────── */
.bp-prose > *:first-child { margin-top: 0; }
.cs-prose h2:first-child, .cs-prose > *:first-child { margin-top: 0; }

.bp-toc-box {
    background: #f4f8ff;
    border: 1px solid #c7d8f5;
    border-left: 4px solid #003D82;
    border-radius: 10px;
    padding: 1.5rem 2rem;
    margin: 0 0 2.5rem;
}
.bp-toc-label {
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: #003D82 !important;
    margin: 0 0 1rem !important;
}
.bp-toc-box > p {
    font-weight: 700;
    color: #0b1726;
    font-size: 0.92rem;
    margin: 0.75rem 0 0.2rem;
}
.bp-toc-box > ul {
    margin: 0 0 0.35rem;
    padding-left: 1.1rem;
}
.bp-toc-box > ul li { margin-bottom: 0.18rem; font-size: 0.87rem; color: #374151; }
.bp-toc-box > ul li a { color: #003D82; text-decoration: none; }
.bp-toc-box > ul li a:hover { text-decoration: underline; }

/* ── Newsletter block ────────────────────────────────────────────────────── */
.bp-newsletter {
    margin: 3rem 0 0;
    background: linear-gradient(135deg, #003D82, #0b1726) !important;
    border-radius: 14px !important;
}
.bp-newsletter-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    flex-wrap: wrap;
    padding: 2rem 2.5rem;
}
.bp-newsletter-form {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
    flex-wrap: wrap;
}
.bp-newsletter-form input[type="email"] {
    padding: 0.65em 1em;
    border-radius: 8px;
    border: none;
    font-size: 0.9rem;
    min-width: 220px;
    outline: none;
}
.bp-newsletter-form button {
    background: #fff;
    color: #003D82;
    font-weight: 700;
    font-size: 0.88rem;
    padding: 0.65em 1.5em;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.16s;
}
.bp-newsletter-form button:hover { background: #f0f4ff; }

/* ── Case study CTA band — two-column: text+bullets left, stat cards right ── */
.cs-cta-band {
    background: linear-gradient(135deg, #f4f8ff 0%, #eef4ff 100%);
    border-top: 1px solid #dde7f5;
}
.cs-cta-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
    width: min(80vw, 1100px);
    margin: 0 auto;
}
.cs-cta-bullets {
    list-style: none;
    padding: 0;
    margin: 1.25rem 0 2rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}
.cs-cta-bullets li {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    font-size: 0.95rem;
    color: #374151;
}
.cs-cta-bullets li::before {
    content: '';
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    background: #003D82;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 6l3 3 5-5' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
}
.cs-cta-buttons {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
.cs-cta-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}
.cs-cta-card {
    background: #fff;
    border: 1px solid #dde7f5;
    border-radius: 14px;
    padding: 2rem 1.5rem;
    text-align: center;
    box-shadow: 0 2px 12px rgba(0,61,130,0.06);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.cs-cta-number {
    font-family: 'Red Hat Display', sans-serif;
    font-size: clamp(2.2rem, 3.5vw, 3.2rem);
    font-weight: 700;
    color: #003D82;
    line-height: 1;
}
.cs-cta-label {
    font-size: 0.82rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
}
@media screen and (max-width: 991px) {
    .cs-cta-inner { grid-template-columns: 1fr; gap: 2.5rem; }
    .cs-cta-right { grid-template-columns: repeat(3, 1fr); }
    .cs-cta-right .cs-cta-card:first-child { grid-column: auto; }
}
@media screen and (max-width: 479px) {
    .cs-cta-right { grid-template-columns: 1fr 1fr; }
}

/* ── Case study service link ─────────────────────────────────────────────── */
.cs-service-link {
    margin-top: 3rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
    font-size: 0.85rem;
    color: #6b7280;
}
.cs-service-link a {
    color: #003D82;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    margin-left: 0.4em;
}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media screen and (max-width: 991px) {
    .bp-featured-img-wrap { padding: 0 6%; margin-top: -1.5rem; }
    .bp-content-col { width: min(90vw, 880px); }
    .bp-newsletter-inner { flex-direction: column; align-items: flex-start; }
    .blog-post-hero-banner .home-h1.bp-hero-title,
    .cs-hero-banner .home-h1.bp-hero-title { font-size: clamp(1.5rem, 5vw, 2.4rem); }
    .bp-hero-content { width: 88% !important; }
}
@media screen and (max-width: 479px) {
    .bp-content-col { width: 92vw; }
    .bp-featured-img-wrap { padding: 0 4%; margin-top: -1rem; }
    .bp-featured-img { border-radius: 8px; max-height: 260px; }
    .bp-newsletter-form { width: 100%; }
    .bp-newsletter-form input[type="email"] { width: 100%; min-width: 0; }
    .bp-newsletter-form button { width: 100%; }
    .bp-hero-content { width: 96% !important; }
    .cs-cta-buttons { flex-direction: column; align-items: stretch; }
}

/* ── Service & industry pages — senior-level spacing overhaul ───────────────
   Root causes (fixed here, not in individual Blade files):

   1. .softothemecontent base rule has margin-top: 12vw — a hero-section offset
      so content clears the transparent fixed nav. Inside non-hero content
      sections on every service and industry page this creates a massive
      whitespace gap between each section heading and its content block.

   2. .section.challenges.no-bottom strips padding-bottom to 0, removing the
      visual breathing room between the key-benefits card band and the next
      section — sections appear to bleed directly into one another.

   3. .cms-list._2-c uses grid-template-columns: auto auto (content-sized).
      Cards are narrower than the available space and taller than they need
      to be. Forcing 1fr 1fr fills the grid width and cuts card height.

   4. .title-wrapper is width: 85% (too narrow on wide screens) and the FAQ
      .softothemecontent carries no .faq modifier class in the Blade templates,
      so it inherits 12vw top-margin and auto width — the accordion appears
      narrow and floated well away from the heading.
   ─────────────────────────────────────────────────────────────────────────── */

/* 1. Zero the hero-nav margin-top on every non-hero content block */
.web-design-service .section:not(.softto-sec) > .softothemecontent {
    margin-top: 0 !important;
    width: 100%;
}

/* 2. Restore bottom padding stripped by the no-bottom modifier */
.web-design-service .section.challenges.no-bottom {
    padding-bottom: 2rem !important;
}

/* 3. Equal 1fr 1fr grid — cards fill the full section width, shorter height */
.web-design-service .cms-list._2-c {
    grid-template-columns: 1fr 1fr !important;
    width: 100%;
}
.web-design-service .category-card-wrapper {
    width: 100%;
    min-width: 0;
}
.web-design-service .card-wrapper.product-category {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* 4. Full-width headings + FAQ accordion */
.web-design-service .section:not(.softto-sec) > .title-wrapper {
    width: 100%;
}
.web-design-service .pf-list {
    width: 100%;
}

/* 5. Unified section vertical padding — 2rem (32px) per side = 64px gap
      between any two adjacent sections on all screen sizes */
.web-design-service .section.softo:not(.softto-sec) {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* 6. Mobile: stack 2-col cards to single column with consistent gap.
   The base CSS escalates grid-row-gap to 10vw at small breakpoints (43px
   at 430px). Cap it at 1.5rem (24px) to match the Bootstrap g-4 gutter. */
@media screen and (max-width: 991px) {
    .web-design-service .cms-list._2-c,
    .web-design-service .cms-list._3-c,
    .web-design-service .cms-list._4-c {
        grid-row-gap: 1.5rem !important;
        grid-column-gap: 1.5rem !important;
    }
}
@media screen and (max-width: 767px) {
    .web-design-service .cms-list._2-c {
        grid-template-columns: 1fr !important;
        grid-row-gap: 1.5rem !important;
    }
    .web-design-service .cms-list._3-c,
    .web-design-service .cms-list._4-c {
        grid-template-columns: 1fr 1fr !important;
        grid-row-gap: 1.5rem !important;
        grid-column-gap: 1rem !important;
    }
}

/* Blog post body — premium reading typography */
.blog-post-prose h2 {
    font-size: 1.75rem;
    line-height: 1.3;
    margin: 2.5rem 0 0.75rem;
    font-weight: 700;
    color: #0b1726;
}
.blog-post-prose h3 {
    font-size: 1.35rem;
    line-height: 1.35;
    margin: 2rem 0 0.5rem;
    font-weight: 700;
    color: #0b1726;
}
.blog-post-prose p {
    margin: 0 0 1.25rem;
}
.blog-post-prose ul,
.blog-post-prose ol {
    margin: 0 0 1.5rem;
    padding-left: 1.5rem;
}
.blog-post-prose li {
    margin-bottom: 0.5rem;
    line-height: 1.7;
}
.blog-post-prose a {
    color: #003D82;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.blog-post-prose blockquote {
    border-left: 4px solid #003D82;
    margin: 1.5rem 0;
    padding: 0.5rem 0 0.5rem 1.25rem;
    font-style: italic;
    color: #4b5563;
}
.blog-post-prose code {
    background: #f3f4f6;
    padding: 0.15em 0.35em;
    border-radius: 4px;
    font-size: 0.9em;
}
.blog-post-prose pre {
    background: #0b1726;
    color: #f3f4f6;
    padding: 1rem;
    border-radius: 8px;
    overflow-x: auto;
    margin: 1.5rem 0;
}
.blog-post-prose img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 1.5rem 0;
}
.blog-post-prose figure {
    margin: 1.5rem 0;
}
.blog-post-prose .embed iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    border-radius: 8px;
}

/* Override the global h2 { letter-spacing: -4px } for blog cards + prose
   where the smaller font-size makes that negative tracking collapse words. */
.blog-card-title,
.blog-post-prose h2,
.blog-post-prose h3,
.blog-post-body h2,
.blog-post-body h3 {
    letter-spacing: -0.5px !important;
    word-spacing: normal !important;
}
.blog-card-title {
    font-size: 1.25rem !important;
    line-height: 1.35 !important;
}

/* ---------------------------------------------------------------------------
   Blog UI styles — moved from inline style="..." attributes for caching
   --------------------------------------------------------------------------- */
.blog-card-link { display:flex; flex-direction:column; height:100%; text-decoration:none; color:inherit; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; background:#fff; }
.blog-card-img { aspect-ratio:16/9; overflow:hidden; background:#f1f5f9; }
.blog-card-body { padding:1.5rem; display:flex; flex-direction:column; flex:1; gap:0.5rem; }
.blog-card-cat { color:#003D82; letter-spacing:0.08em; text-transform:uppercase; font-size:0.75rem; font-weight:600; }
.blog-card-excerpt { font-size:0.95rem; line-height:1.55; margin:0; color:#4b5563; flex:1; }
.blog-card-meta { font-size:0.85rem; color:#6b7280; margin:0; border-top:1px solid #f3f4f6; padding-top:0.75rem; }

.blog-post-body { max-width:780px; width:min(75vw, 780px); margin:0 auto; padding:3rem 1.5rem; }
.blog-post-body .blog-post-prose { font-size:1.05rem; line-height:1.7; color:#1f2937; }

.blog-share { display:flex; gap:0.5em; flex-wrap:wrap; margin-top:3em; padding-top:1.5em; border-top:1px solid #e5e7eb; }
.blog-share .share-label { margin-right:0.5em; align-self:center; font-weight:600; }
.blog-share .share-btn { padding:0.5em 1em; border-radius:6px; text-decoration:none; color:#fff; font-weight:500; transition:opacity 0.2s; }
.blog-share .share-btn:hover { opacity:0.85; }
.blog-share .share-btn.linkedin { background:#0a66c2; }
.blog-share .share-btn.x { background:#000; }
.blog-share .share-btn.whatsapp { background:#25D366; }
.blog-share .share-btn.email { background:#666; }

/* Newsletter signup widget at end of post body */
.blog-newsletter {
    margin: 3rem 0 2rem;
    padding: 2rem;
    background: linear-gradient(135deg, #003D82, #0b1726);
    border-radius: 12px;
    color: #fff;
    text-align: center;
}
.blog-newsletter h3 {
    color: #fff !important;
    margin: 0 0 0.5rem;
    font-size: 1.4rem;
    line-height: 1.3;
}
.blog-newsletter p {
    color: rgba(255, 255, 255, 0.85);
    margin: 0 0 1.25rem;
    font-size: 1rem;
    line-height: 1.5;
}
.blog-newsletter form {
    display: flex;
    gap: 0.5rem;
    max-width: 480px;
    margin: 0 auto;
    flex-wrap: wrap;
}
.blog-newsletter input[type="email"] {
    flex: 1;
    min-width: 200px;
    padding: 0.75rem 1rem;
    border: 0;
    border-radius: 6px;
    font-size: 1rem;
    background: #fff;
    color: #0b1726;
}
.blog-newsletter button {
    padding: 0.75rem 1.5rem;
    border: 0;
    border-radius: 6px;
    background: #fff;
    color: #003D82;
    font-weight: 600;
    cursor: pointer;
    font-size: 1rem;
}
.blog-newsletter button:hover {
    background: #f3f4f6;
}

.author-bio {
    background: #f8fafc;
    padding: 2em 0;
}
.author-bio-inner {
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    gap: 1.5em;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0 1.5rem;
}
.author-bio .author-photo {
    flex-shrink: 0;
}
.author-bio-content {
    flex: 1;
    min-width: 240px;
}

/* Navbar scroll-state guard.
   .nav-overlay is position:fixed z-index:98 inside .nav-wrapper (z-index:99).
   Within nav-wrapper's stacking context, positive z-index elements paint AFTER
   non-positioned flow children — so .nav-item-wrapper must be explicitly
   positioned at z-index:99 to remain above the overlay.
   Webflow IX2 can leave a stale inline opacity:1 on .nav-overlay at load
   (especially on blog/post pages); the !important rules override that. */
.nav-item-wrapper {
    position: relative;
    z-index: 99;
}
.nav-wrapper:not(.is-scrolled) .nav-overlay { opacity: 0 !important; display: none !important; }
.nav-wrapper.is-scrolled .nav-overlay { opacity: 1 !important; display: block !important; pointer-events: none; }
.nav-wrapper.is-scrolled .nav-link.white a { color: #0b1726 !important; }
.nav-wrapper.is-scrolled .nav-link.white:hover a,
.nav-wrapper.is-scrolled .nav-link.white a.active { color: #003d82 !important; }

/* ── Service page hero — £50k layout ───────────────────────────────────────
   Row 1 : h1 spans full width
   Row 2 : description (left 52%) | compact section-nav links (right 43%)

   Key decisions:
   - align-content: start + padding-top → content sits near top, no floating gap
   - display:contents unwraps the inner div so h1 + p are direct grid children
   - section-link items collapsed to a single line (number + title inline)
   - link separator line hidden; border-bottom on each row instead
──────────────────────────────────────────────────────────────────────────── */
.web-design-service .section.softto-sec {
    display: grid;
    grid-template-columns: 52% 43%;
    grid-template-rows: auto auto;
    column-gap: 5vw;
    row-gap: 1.75rem;
    align-content: center;
    min-height: 65vh;
    flex-direction: unset;
    justify-content: unset;
}

/* Unwrap inner div — h1 and p become direct grid items */
.web-design-service .softothemecontent.softto-sec {
    display: contents;
    width: unset;
    margin-top: 0;
}

/* Row 1: full-width title */
.web-design-service .softothemecontent.softto-sec .home-h1 {
    grid-column: 1 / -1;
    grid-row: 1;
    margin: 0;
    position: relative;
    z-index: 1;
}

/* Row 2, left: description */
.web-design-service .softothemecontent.softto-sec .p {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
    margin: 0;
    position: relative;
    z-index: 1;
    font-size: 0.9rem;
    line-height: 1.65;
    opacity: 0.92;
}

/* Row 2, right: section nav — spans rows 2-3 so it aligns alongside both
   the description and the optional CTA button on industry pages */
.web-design-service .softothemecontent.section-link {
    position: relative;
    z-index: 1;
    grid-column: 2;
    grid-row: 2 / 4;
    width: unset;
    align-self: center;
    bottom: auto;
    top: auto;
    flex-direction: column;
}

/* Row 3, left: optional CTA button (industry pages only) */
.web-design-service .softothemecontent.softto-sec .btn-wrapper {
    grid-column: 1;
    grid-row: 3;
    align-self: start;
    position: relative;
    z-index: 1;
    margin-top: 0.75rem;
}

/* Hide the "Services" label — redundant in new layout */
.web-design-service .softothemecontent.section-link > .subheading.white:first-child {
    display: none;
}

/* Each link item: number + title on ONE LINE */
.web-design-service .softothemecontent.section-link .section-link-parent {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 0;
    padding: 0.55rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.web-design-service .softothemecontent.section-link .section-link-parent:first-of-type {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* Hide the old horizontal divider line */
.web-design-service .softothemecontent.section-link .section-link-line {
    display: none;
}

/* Number: small, slightly faded */
.web-design-service .softothemecontent.section-link .section-link-parent .subheading.white {
    font-size: 0.7rem;
    font-weight: 700;
    opacity: 0.6;
    padding-bottom: 0;
    min-width: 1.75rem;
    letter-spacing: 0.04em;
}

/* Title: clean, white, normal weight */
.web-design-service .softothemecontent.section-link .section-link-parent .h2.section-links {
    font-size: 0.82rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.02em;
    white-space: nowrap;
    margin: 0;
}

/* 2-column grid for the links (3 rows × 2 cols = 6 links) */
.web-design-service .softothemecontent.section-link .section-link-wrapper._2-c {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 1.5rem;
    row-gap: 0;
}

@media screen and (max-width: 991px) {
    .web-design-service .section.softto-sec {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto;
        row-gap: 1.5rem;
        min-height: unset;
        align-content: start;
        padding: 12vw 8%;
    }
    .web-design-service .softothemecontent.softto-sec .home-h1 {
        grid-column: 1;
    }
    .web-design-service .softothemecontent.softto-sec .p,
    .web-design-service .softothemecontent.section-link {
        grid-column: 1;
        grid-row: auto;
    }
    .web-design-service .softothemecontent.section-link .section-link-wrapper._2-c {
        grid-template-columns: 1fr 1fr;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   SERVICE / INDUSTRY PAGES — Premium section overhaul
   These rules are placed last so they win the cascade cleanly.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. Key Benefits — light teal stripe behind cards ─────────────────────── */
.web-design-service #0-keybenefit {
    background: #f4f8ff;
}
.web-design-service #0-keybenefit .card-wrapper.product-category {
    border-left: 3px solid var(--primary-blue);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 16px rgba(0,61,130,0.07);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.web-design-service #0-keybenefit .card-wrapper.product-category:hover {
    box-shadow: 0 8px 28px rgba(0,61,130,0.13);
    transform: translateY(-3px);
}
.web-design-service #0-keybenefit .h3.category {
    font-size: 1rem !important;
    font-weight: 700;
    color: #0b1726;
}

/* ── 2. Offerings — white background + stronger accordion lines ────────────── */
.web-design-service #offering-sec {
    background: #fff;
}

/* ── 3. Features / Technical Capabilities — matches original site exactly ───── */
.web-design-service .why-join-section {
    background: #fff !important;
    padding: 4rem 0 !important;
    border-top: none !important;
}
.web-design-service .why-join-section .subheading.themecolor {
    color: var(--primary-blue) !important;
}
.web-design-service .why-join-section h2 {
    color: #0b1726 !important;
    margin-bottom: 2rem !important;
}
.web-design-service .why-join-section .why-card {
    background: #fff;
    border: 1px solid #003D82;
    border-radius: 15px;
    padding: 24px 16px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    height: 100%;
    text-align: center;
}
.web-design-service .why-join-section .why-card:hover {
    box-shadow: 0 10px 30px rgba(0,61,130,0.12);
    transform: translateY(-3px);
}
/* Icon — transparent bg, large black icon, matches original exactly */
.web-design-service .why-join-section .icon-container {
    background: transparent !important;
    color: #000 !important;
    border-radius: 50% !important;
    border: none !important;
    font-size: 80px !important;
    width: 150px !important;
    height: 150px !important;
    padding: 0 !important;
    margin: 0 auto 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
}
.web-design-service .why-join-section .why-card:hover .icon-container {
    background: transparent !important;
    color: #003D82 !important;
    box-shadow: none !important;
}
.web-design-service .why-join-section .why-card h3 {
    color: #000 !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
    line-height: 1.3 !important;
}
.web-design-service .why-join-section .why-card p {
    color: #000 !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
}
.web-design-service .why-join-section .row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
}
.web-design-service .why-join-section .row + .row {
    margin-top: 0 !important;
}

/* ── 4. Process — light stripe ─────────────────────────────────────────────── */
.web-design-service #0-process {
    background: #f4f8ff;
}

/* ── 5. Why Choose Us — crisp white with value-list separation ─────────────── */
.web-design-service #0-wchoosu {
    background: #fff;
}
.web-design-service #0-wchoosu .value-wrapper {
    border-bottom: 1px solid #eef1f8;
    padding-bottom: 1.25rem;
    margin-bottom: 0;
}
.web-design-service #0-wchoosu .value-wrapper:last-child {
    border-bottom: none;
}

/* ── 6. Use Cases — teal tinted stripe ─────────────────────────────────────── */
.web-design-service [id*="use-cases"],
.web-design-service [id*="usecases"],
.web-design-service #software-dev-use-cases,
.web-design-service #chatbot-use-cases,
.web-design-service #ai-use-cases {
    background: #f4f8ff;
}

/* ── 7. Case Studies — white ────────────────────────────────────────────────── */
.web-design-service [id*="case-stud"] {
    background: #fff;
}

/* ── 8. Results band — navy gradient ────────────────────────────────────────── */
.web-design-service [id*="results"],
.web-design-service .results-section {
    background: linear-gradient(135deg, #003D82 0%, #0b1726 100%);
}
.web-design-service [id*="results"] .h2,
.web-design-service [id*="results"] .subheading.themecolor,
.web-design-service .results-section .h2 {
    color: #fff !important;
}

/* ── 9. Related Services — light stripe ─────────────────────────────────────── */
.web-design-service [id*="related"] {
    background: #f4f8ff;
}

/* ── 10. FAQ — white with tighter accordion ──────────────────────────────────── */
.web-design-service #industry-faqs,
.web-design-service [id*="faq"],
.web-design-service [id*="FAQ"] {
    background: #fff;
}
.web-design-service .pf-list {
    max-width: 100%;
}

/* ── 11. Mobile fixes for Features section ──────────────────────────────────── */
@media screen and (max-width: 767px) {
    .web-design-service .why-join-section {
        padding: 3rem 0 !important;
    }
    .web-design-service .why-join-section .icon-container {
        width: 90px !important;
        height: 90px !important;
        font-size: 48px !important;
        padding: 0 !important;
        margin: 0 auto 0.75rem !important;
    }
    .web-design-service .why-join-section .why-card {
        padding: 20px 16px !important;
    }
    .web-design-service .why-join-section .why-card h3 {
        font-size: 1.1rem !important;
    }
}

/* ── 12. Footer: fix grid overflow + Company column right-aligned ───────────── */
.footer-parent._4-c {
    width: 100%;
    box-sizing: border-box;
}
@media screen and (max-width: 991px) {
    .footer-parent._4-c {
        column-gap: 0 !important;
    }
}
@media screen and (max-width: 991px) {
    .footer-parent._4-c .footer-link-wrapper:nth-child(2) {
        text-align: right;
        justify-items: end;
        justify-self: stretch;
        width: 100%;
    }
    .footer-parent._4-c .footer-link-wrapper:nth-child(2) .h3.for-footer,
    .footer-parent._4-c .footer-link-wrapper:nth-child(2) .footer-link {
        text-align: right;
    }
}

/* ── 13. Subscribe form: stack properly on mobile, no overlap ───────────────── */
@media screen and (max-width: 767px) {
    .subscribe-wrapper {
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
    }
    .subscribe-wrapper .form.abs {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
        margin-top: 0.5rem;
    }
    .subscribe-wrapper .form.abs .subscribe-form {
        width: 100%;
    }
}

/* ── 14b. Author hero: same navbar overlap fix (uses .author-hero not #mainmate) */
@media screen and (max-width: 991px) {
    .author-hero.section.softto-sec {
        padding-top: 90px !important;
    }
    .author-hero.section.softto-sec .softothemecontent.softto-sec {
        margin-top: 0 !important;
    }
}

/* ── 15. Blog listing: card grid wrapper ─────────────────────────────────────
   Replace inline width:min(75vw,1180px) with full-width — section padding
   provides the horizontal margins, matching the case study listing approach.
   ─────────────────────────────────────────────────────────────────────────── */
.blog-cards-grid-wrap {
    max-width: 1180px;
    margin: 0 auto;
    width: 100%;
}

/* ── 16. Blog card: move all inline styles to CSS ───────────────────────────── */
.blog-card-link {
    display: flex;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
    transition: transform 0.2s, box-shadow 0.2s;
}
.blog-card-img {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f1f5f9;
}
.blog-card-body {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 0.5rem;
}
.blog-card-cat {
    color: var(--primary-blue, #003D82);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 600;
}
.blog-card-title {
    font-size: 1.15rem;
    line-height: 1.35;
    margin: 0;
    font-weight: 700;
}
.blog-card-excerpt {
    font-size: 0.9rem;
    line-height: 1.55;
    margin: 0;
    color: #4b5563;
    flex: 1;
}
.blog-card-meta {
    font-size: 0.82rem;
    color: #6b7280;
    margin: 0;
    border-top: 1px solid #f3f4f6;
    padding-top: 0.75rem;
}
.blog-pagination {
    display: flex;
    justify-content: center;
    gap: 0.5em;
    margin-top: 2.5rem;
    flex-wrap: wrap;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .blog-card-body {
        padding: 1rem;
    }
    .blog-card-title {
        font-size: 1rem;
    }
}

/* ── 14. Hero: prevent title overlapping fixed navbar on mobile/tablet ──────
   ID selector beats all class/generic rules, !important beats any cascade.
   padding-top:90px on the section itself guarantees h1 clears the ~70px logo.
   margin-top:0 on both the content wrapper and h1 cancel any negative pulls.
   ─────────────────────────────────────────────────────────────────────────── */
@media screen and (max-width: 991px) {
    #mainmate.section.softto-sec {
        padding-top: 90px !important;
    }
    #mainmate.section.softto-sec .softothemecontent.softto-sec {
        margin-top: 0 !important;
    }
    #mainmate.section.softto-sec .home-h1 {
        margin-top: 0 !important;
    }
}

/* ════════════════════════════════════════════════════════════════════════════
   COMPREHENSIVE UI FIX BATCH — senior tester audit 2026-05-06
   ════════════════════════════════════════════════════════════════════════════ */

/* ── FIX 1: Home hero phone number — 3vw becomes 9px on 320px phones ───────
   Overrides the inline font-size:3vw with a clamped value via class selector.
   clamp(1rem, 3vw, 1.5rem) = min 16px, scales with viewport, max 24px.       */
.class-btn-call p {
    font-size: clamp(1rem, 3vw, 1.5rem) !important;
    line-height: 1.6 !important;
}

/* ── FIX 2: Contact form — 2-col grid collapses to 1 col on mobile ──────────
   .form uses grid-template-columns: auto auto globally but never resets on
   mobile, leaving full-width fields and submit button misaligned.              */
.form-col-full  { grid-column: span 2; }
.form-submit-wrap { text-align: right; }
@media screen and (max-width: 767px) {
    .form.on-contact {
        grid-template-columns: 1fr !important;
    }
    .form-col-full {
        grid-column: span 1 !important;
    }
    .form-submit-wrap {
        text-align: left !important;
    }
}

/* ── FIX 3: Blog post featured image — 10% side padding is huge on mobile ───
   Remove horizontal padding on mobile so image fills reading width.
   Also cap max-height and remove border-radius for clean edge-to-edge look.   */
@media screen and (max-width: 767px) {
    .bp-featured-img-wrap {
        padding: 0 !important;
        margin-top: -1rem !important;
    }
    .bp-featured-img {
        max-height: 240px !important;
        border-radius: 0 !important;
    }
}

/* ── FIX 4: Blog/CS body column — 70vw is too narrow on mobile ──────────────
   min(70vw, 1280px) at 430px = 301px inside a 430px viewport. Use 100% so
   the section's own padding provides the horizontal breathing room.           */
@media screen and (max-width: 767px) {
    .bp-content-col {
        width: 100% !important;
    }
}

/* ── FIX 5: Success stories — testimonial section images & labels ────────────
   Images inside testimonial items have no width/responsive styling.
   Label bold class replaces 6+ scattered inline style="font-weight:700".       */
.testimonial-label-bold { font-weight: 700; }
.testimonial-item img {
    width: 100%;
    max-height: 320px;
    object-fit: cover;
    border-radius: 8px;
    margin-top: 1rem;
    display: block;
}

/* ── FIX 6: Form message — 1vw font-size is tiny on desktop, 3px on mobile ──
   The success/error message uses font-size:1vw which is unreadable everywhere. */
.h3.form-message {
    font-size: clamp(1rem, 1.5vw, 1.25rem) !important;
}

/* ── FIX 7: Form field — 0.8vw font-size is 3px at 430px ───────────────────
   form-field uses font-size:0.8vw and 2vw padding — both become microscopic
   on mobile phones.                                                            */
@media screen and (max-width: 767px) {
    .form-field {
        font-size: 1rem !important;
        padding: 0.75rem 0 !important;
    }
    .form-field.underline.dropdown {
        height: auto !important;
        padding: 0.75rem 0 !important;
    }
}

/* ── FIX 8: Background video — fixed 500px height clips badly on mobile ─────*/

/* ── FIX 9: Testimonial name — 1.2vw is 5px on mobile ──────────────────────*/
@media screen and (max-width: 767px) {
    .testimonial-name {
        font-size: 1rem !important;
    }
    .testimonial-name.title {
        font-size: 0.85rem !important;
    }
}