/*
Theme Name: st
Theme URI: https://happyonline.gr/
Author: Happhonline
Author URI: https://happyonline.gr/
Description: Happhonline Theme
Version: 1.0.0
Tested up to: 6.9
Requires PHP: 8.3
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: st

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

/* Geologics Font Family */

@font-face {
    font-family: "Geologica";
    src: url("assets/fonts/Geologica-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geologica";
    src: url("assets/fonts/Geologica-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geologica";
    src: url("assets/fonts/Geologica-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geologica";
    src: url("assets/fonts/Geologica-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geologica";
    src: url("assets/fonts/Geologica-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geologica";
    src: url("assets/fonts/Geologica-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geologica";
    src: url("assets/fonts/Geologica-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geologica";
    src: url("assets/fonts/Geologica-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Geologica";
    src: url("assets/fonts/Geologica-Black.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}
:root {
    --black: #000;
    --white: #fff;
    --blue-drk: #041031;
    --blue-lgt: #03e1fb;

    --mm-bg: #ffffff;
    --mm-bg-header: #ffffff;
    --mm-text: #111827;
    --mm-text-muted: #6b7280;
    --mm-blue: #03e1fb;
    --mm-border: #e5e7eb;
    --mm-radius: 20px;
    --mm-shadow: 0 24px 60px rgba(15, 23, 42, 0.35);
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    margin: 0;
    background-color: #f6f6f6;
}
body,
html {
    font-family: "Geologica", sans-serif;
    position: relative;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    overflow-x: hidden;
}
/* Scrollbar start */
::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-track {
    background: var(--white);
}
::-webkit-scrollbar-thumb {
    background: var(--blue-drk);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--blue-lgt);
}
/* Scrollbar end */
footer {
    padding-top: 100px;
    background-color: #f6f6f6;
}
footer > div {
    max-width: 1760px;
    margin: 0 auto;
}
.copyrights {
    min-height: 97px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    padding: 0 30px;
    gap: 40px;
}
.copyrights .text,
.copyrights .text a {
    font-size: 13px;
    line-height: 30px;
    font-weight: 300;
    color: var(--blue-drk);
    text-decoration: none;
}
.copyrights .text:first-child {
    text-align: left;
}
.copyrights .text:last-child {
    text-align: right;
}
footer .espa {
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .espa img {
    max-width: 418px;
    width: 100%;
    height: auto;
}
.footer-container {
    background-color: var(--blue-drk);
    border-radius: 30px;
    padding: 100px 70px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
footer .title {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: var(--white);
}
.ft-btn {
    padding: 10px 15px;
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--white);
    border-radius: 16px;
    text-decoration: none;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
}
.ft-btn:hover {
    background-color: rgba(255, 255, 255, 1);
    color: var(--blue-drk);
}
footer {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    color: var(--white);
}
footer .info-item,
.footer-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    justify-content: space-between;
}
.footer-menu .company-menu,
.footer-menu .info-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.footer-menu .company-menu a,
.footer-menu .info-menu a {
    font-size: 13px;
    line-height: 30px;
    font-weight: 300;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8);
}
.footer-menu .company-menu a:hover,
.footer-menu .info-menu a:hover {
    color: var(--blue-lgt);
}
#address a,
#contact-address a {
    position: relative;
    padding-right: 34px;
}
.casio_a {
    min-width: 170px;
    position: relative;
}
.casio_a:after,
#address a:after,
#contact-address a:after {
    content: "\276F";
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 10px;
    color: var(--white);
    transition: all 0.1s ease-in;
}
.casio_a:hover:after,
#address a:after,
#contact-address a:after {
    color: var(--blue-drk);
}
.social {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.social_links {
    display: flex;
    flex-direction: row;
    gap: 10px;
}
.social a {
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
}
.social a:hover {
    background-color: rgba(255, 255, 255, 1);
}
.social a:hover svg path {
    fill: var(--blue-drk);
}
footer #email {
    margin-top: 30px;
}
footer div#phone-opening-hours {
    gap: 0;
}
.footer-col:nth-child(3),
.footer-col:nth-child(4) {
    padding: 0 60px;
}
.footer-col:nth-child(5) {
    padding-left: 60px;
}
.space {
    padding-top: 120px;
    background-color: #070426;
}

header {
    background: rgba(7, 4, 38, 0.6);
    border-radius: 0px 0px 32px 32px;
    opacity: 1;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    min-height: 120px;
    width: 100%;
    position: fixed;
    top: 0;
    padding: 0 80px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    z-index: 11;
    gap: 20px;
}
.menu-icon {
    display: none;
}
.casio-cta {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    width: 150px;
    height: 50px;
    justify-content: center;
    background-color: rgba(225, 225, 225, 0.1);
    padding-left: 10px;
    border-radius: 10px;
    position: relative;
    margin-left: 10px;
}
.casio-cta:hover {
    background: transparent linear-gradient(180deg, #ffffff 0%, #ebebeb 100%) 0%
        0% no-repeat padding-box;
    cursor: pointer;
}
.casio-cta:hover:after {
    content: "\276F";
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #004785;
}
.casio-cta:hover span {
    color: var(--blue-drk);
}
.casio-cta:hover svg path {
    fill: rgb(0, 71, 133);
}
.casio-cta span {
    font-size: 12px;
    line-height: 15px;
    color: rgba(255, 255, 255, 0.6);
}
.header-actions {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
}
header #search {
    width: 50px;
    height: 50px;
    background-color: rgba(225, 225, 225, 0.1);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
header #search:hover,
header #search.active {
    background-color: var(--white);
    cursor: pointer;
}
header #search:hover svg path,
header #search.active svg path {
    fill: #096bff;
}
.header-actions:before {
    content: "";
    position: absolute;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.2);
}
.wpml-ls-legacy-dropdown-click {
    width: auto;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-item {
    width: 50px;
    height: 50px;
    background-color: rgba(225, 225, 225, 0.1);
    border-radius: 10px;
    margin-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-item:hover {
    cursor: pointer;
}
.wpml-ls-legacy-dropdown-click a {
    background-color: transparent;
    border: 0;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
    display: none;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a,
.wpml-ls-legacy-dropdown-click a:focus,
.wpml-ls-legacy-dropdown-click a:hover {
    background-color: var(--white);
    cursor: pointer;
    border-radius: 10px;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-item:hover {
    background-color: var(--white);
}
#wpml-ls-submenu-click-default {
    background-color: transparent;
    border-top: 0;
}
.wpml-ls-legacy-dropdown-click a span {
    color: color(var(--white));
    font-size: 13px;
    line-height: 13px;
    font-weight: 400;
}
.wpml-ls-legacy-dropdown-click a {
    padding: 4px 0 8px 0;
    color: var(--white);
    text-align: center;
}
ul#wpml-ls-submenu-click-default a span {
    color: var(--black);
}
ul#wpml-ls-submenu-click-default li a:hover {
    background-color: #096bff !important;
    border-radius: 0 0 10px 10px !important;
}
ul#wpml-ls-submenu-click-default li:hover a span {
    color: var(--white);
}
.wpml-ls-legacy-dropdown-click a:hover span {
    color: #096bff;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
    padding: 4px 0 8px 0;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.wpml-ls-legacy-dropdown-click .wpml-ls-item:hover a span,
.wpml-ls-legacy-dropdown-click a:focus span {
    color: #096bff;
}
.wpml-ls-legacy-dropdown-click a[aria-expanded="true"] {
    border-radius: 10px 10px 0 0 !important;
}
.wpml-ls-legacy-dropdown-click
    a[aria-expanded="true"]
    ul#wpml-ls-submenu-click-default
    a
    span {
    color: #096bff !important;
}
ul#wpml-ls-submenu-click-default,
ul#wpml-ls-submenu-click-default li {
    background: var(--white);
    width: 50px;
    margin-left: 12px;
    border-radius: 0 0 10px 10px;
    height: 25px;
}
ul#wpml-ls-submenu-click-default li a {
    padding: 0 0 3px 0;
}
ul#wpml-ls-submenu-click-default li {
    width: auto;
    margin: 0;
}
ul#wpml-ls-submenu-click-default li a {
    width: 100%;
    text-align: center;
}
ul#wpml-ls-submenu-click-default li {
    padding: 0 3px 3px 3px;
}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 22px;
    background-image: url(/wp-content/uploads/2026/02/langwhite.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    width: 100%;
    background-position: center;
    align-items: flex-start;
}
.wpml-ls-legacy-dropdown-click:hover a.wpml-ls-item-toggle:before,
.wpml-ls-legacy-dropdown-click a:focus:before {
    background-image: url(/wp-content/uploads/2026/02/langblue.png);
}
.search-toggle {
    display: none;
}
.search-toggle.is_open {
    display: block;
    position: absolute;
    right: 8%;
    top: 95px;
}
input.search-field {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 5px #04103133;
    border: 1px solid #0410311a;
    border-radius: 10px;
    height: 50px;
    width: 360px;
    padding: 16px 50px 16px 20px;
    border: none;
    outline: none;
}
form.search-form {
    position: relative;
}
input.search-submit {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(9, 107, 255, 0.1);
    border-radius: 5px;
    outline: none;
    border: none;
    width: 30px;
    height: 30px;
    color: #096bff;
    font-size: 11px;
}

/* HOME SLIDER */
section.home-slider {
    position: relative;
    overflow: hidden;
}
.home-slider > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    mix-blend-mode: normal;
}
section.home-slider:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--blue-drk);
    opacity: 1;
    z-index: -1;
    pointer-events: none;
    mix-blend-mode: multiply;
}
.home-slider .inner:first-child {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr);
    gap: 16px;
    max-width: 1760px;
    margin: 0 auto;
    padding: 16px;
    position: relative;
    z-index: 1;
}
.home-slider .inner:first-child .left,
.home-slider .inner:first-child .top-right,
.home-slider .inner:first-child .bottom-right {
    background: linear-gradient(239deg, #01d1fc59 0%, #0000d24d 100%);
    /* border: 2px solid #ffffff1a; */
    border-radius: 30px;

    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

.home-slider .inner:first-child .left {
    grid-area: 1 / 1 / 6 / 4;
    height: 710px;
}
.home-slider .inner:first-child .top-right {
    grid-area: 1 / 4 / 4 / 6;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.home-slider .inner .top-right .info {
    display: flex;
    z-index: 1;
    flex-direction: column;
    padding: 30px;
    gap: 30px;
    width: 50%;
}
.home-slider .inner .top-right .image {
    position: absolute;
    bottom: 50%;
    right: 0;
    width: 100%;
    height: 100%;
    transform: translate(0, 50%);
    z-index: 0;
}
.home-slider .inner .top-right .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-slider .inner .top-right .title {
    font-size: clamp(20px, 2.5vw, 28px);
    line-height: 30px;
    color: var(--white);
}
.home-slider .inner .top-right .description {
    font-size: clamp(14px, 2.5vw, 18px);
    line-height: clamp(20px, 4vw, 30px);
    color: var(--white);
}
.home-slider .inner:first-child .bottom-right {
    grid-area: 4 / 4 / 6 / 6;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.home-slider .inner .bottom-right .image {
    position: absolute;
    bottom: 50%;
    right: 0;
    width: 100%;
    height: 100%;
    transform: translate(0, 50%);
    z-index: 0;
}
.home-slider .inner .bottom-right .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-slider .inner .bottom-right .info {
    display: flex;
    z-index: 1;
    flex-direction: column;
    padding: 30px;
    gap: 30px;
    width: 79%;
}
.home-slider .inner .bottom-right .title {
    font-size: clamp(18px, 2.5vw, 24px);
    line-height: clamp(25px, 3vw, 30px);
    color: var(--white);
}
.home-slider .inner .bottom-right .description {
    font-size: 13px;
    line-height: 20px;
    color: var(--white);
}
.inner.pills {
    max-width: 1760px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    z-index: 2;
    position: relative;
    gap: 16px;
    padding: 0 16px 16px 16px;
}
.inner.pills .pill {
    background: transparent linear-gradient(180deg, #096bff 0%, #081947 100%) 0%
        0% no-repeat padding-box;
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.inner.pills .pill .label {
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
    padding: 16px 16px 16px 0;
}
section.home-solution {
    background-color: var(--blue-drk);
    display: flex;
}
section.home-solution .inner {
    max-width: 1760px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    padding: 120px 0 30px 0;
    position: relative;
}
section.home-solution .inner:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent
        radial-gradient(closest-side at 50% 50%, #0d2568 0%, #0a1e5700 100%) 0%
        0% no-repeat padding-box;
    z-index: 1;
}
section.home-solution .inner > * {
    z-index: 2;
}
section.home-solution .title {
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.35;
    font-weight: 600;
    color: var(--white);
    text-align: center;
}
section.home-solution p {
    font-size: clamp(15px, 2.5vw, 20px);
    line-height: clamp(25px, 4vw, 35px);
    font-weight: 300;
    color: var(--white);
    text-align: center;
    margin: 0;
}
.category_grid {
    background-color: var(--blue-drk);
}
.category_grid .inner {
    max-width: 1760px;
    margin: 0 auto;
    padding: 90px 40px 90px 70px;
    border-radius: 30px;
    display: flex;
    gap: 100px;
}
.category_grid .inner > .info {
    width: 40%;
}
.category_grid .inner > .swiper {
    width: 60%;
    margin-left: unset;
    margin-right: unset;
}
.category_grid .inner > .swiper .swiper-slide {
    display: flex;
    align-items: center;
}
#home_lianikes_poliseis .inner {
    background: transparent linear-gradient(250deg, #034366 0%, #030e5d 100%) 0%
        0% no-repeat padding-box;
    border: 2px solid #ffffff1a;
}
#home_invoicing .inner {
    background: var(--blue-drk);
    border: 2px solid var(--blue-drk);
}
.category_grid .section_title {
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    font-weight: 600;
    color: var(--white);
}
.category_grid .subtitle {
    font-size: clamp(16px, 2.5vw, 22px);
    line-height: clamp(30px, 5vw, 50px);
    font-weight: 500;
    color: var(--blue-lgt);
}
.category_grid p {
    font-size: clamp(14px, 2.5vw, 18px);
    line-height: clamp(25px, 4vw, 35px);
    font-weight: 300;
    color: var(--white);
    text-align: left;
}
.category_grid .info {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
/* .category_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
} */
.category_grid .thumbnail,
.category_grid .col-container {
    width: 100%;
    height: 470px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    display: flex;
}
.category_grid .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.category_grid .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    transform: scale(1);
    transition: transform 0.1s ease-in;
}
.category_grid .thumbnail::after {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%)
        0% 0% no-repeat padding-box;
    z-index: 1;
    transition: all 0.1s ease-in;
}
.category_grid .col-container:hover .thumbnail::after {
    background: transparent linear-gradient(180deg, #0000004d 0%, #000000 100%)
        0% 0% no-repeat padding-box;
}
.category_grid .col-container:hover .thumbnail img {
    transform: scale(1.1);
}
.category_grid .meta {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 16px;
    padding: 25px;
    z-index: 3;
}
.category_grid .meta .title {
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    color: var(--white);
    text-align: left;
}
.category_grid .meta .description,
.category_grid .meta .description p {
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
    color: var(--white);
}
.category_grid .meta a {
    background-color: var(--white);
    width: 100%;
    border-radius: 10px;
    font-size: 0px;
    line-height: 20px;
    font-weight: bold;
    color: #096bff;
    text-align: center;
    text-decoration: none;
    padding: 0px;
    height: 0;
    opacity: 0;
    margin-top: 0;
    transition: all 0.1s ease-in;
}
.category_grid .col-container:hover .meta a {
    padding: 16px;
    height: auto;
    font-size: 14px;
    opacity: 1;
    margin-top: 9px;
}
#home_invoicing .three_col .thumbnail {
    position: relative;
    top: unset;
    left: unset;
    height: 160px;
    padding: 0 25px;
}
#home_invoicing .three_col .thumbnail:after {
    display: none;
}
#home_invoicing .three_col .col-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background-color: var(--white);
}
#home_invoicing .three_col .col-container:hover {
    background: transparent linear-gradient(180deg, #ffffff 0%, #dce8f1 100%) 0%
        0% no-repeat padding-box;
}
#home_invoicing .meta .title,
#home_invoicing .meta .description,
#home_invoicing .meta .description p {
    color: var(--blue-drk);
}
#home_invoicing .three_col .meta a {
    background-color: #096bff;
    color: var(--white);
}
#home_invoicing .three_col .col-container:hover .thumbnail img {
    transform: scale(1);
}

.btn-dotarrow {
    display: flex;
    align-items: center;
    color: var(--white);
    text-decoration: none;
    font-size: 18px;
    position: relative;
}
.btn-dotarrow svg {
    width: 50px;
    height: 50px;
    padding: 15px;
    margin-right: -5px;
    z-index: 2;
    transition: all 0.1s ease-in;
}
a.btn-dotarrow:before {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    z-index: 0;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    transform: rotate(0deg);
    transition: all 0.1s ease-in;
}
.btn-dotarrow:hover:before {
    background-color: var(--white);
    transform: rotate(45deg);
}
.btn-dotarrow:hover svg path {
    fill: #096bff;
}
.btn-dotarrow:hover svg {
    margin-right: 15px;
}
.btn-dotarrow:hover {
    text-decoration: underline;
}
#home_system_integration .inner {
    background: transparent linear-gradient(250deg, #08708b 0%, #003a74 100%) 0%
        0% no-repeat padding-box;
    border: 2px solid #03e1fb1a;
}
#home_system_integration .three_col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
#home_system_integration .three_col .col-container {
    width: 100%;
}
#home_contact {
    background-color: var(--blue-drk);
    padding: 30px 16px 60px 16px;
    position: relative;
}
#home_contact:after {
    content: "";
    height: 1px;
    width: 1464px;
    background: transparent
        linear-gradient(90deg, #03e1fb00 0%, #03e1fb 50%, #03e1fb00 100%) 0% 0%
        no-repeat padding-box;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
#home_contact .inner {
    max-width: 1464px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    text-align: center;
    position: relative;
}
#home_contact > svg {
    transform: rotate(180deg);
}
#home_contact .inner > .title {
    font-size: clamp(18px, 2.5vw, 30px);
    line-height: clamp(30px, 4vw, 50px);
    font-weight: bold;
    color: var(--white);
}
#home_contact .inner > * {
    z-index: 2;
}
#home_contact .inner .subtitle {
    font-size: clamp(15px, 2.5vw, 20px);
    line-height: clamp(25px, 4vw, 35px);
    color: var(--blue-lgt);
}
#home_contact .inner p {
    font-size: clamp(14px, 2.5vw, 18px);
    line-height: clamp(25px, 4vw, 35px);
    font-weight: 300;
    color: var(--white);
}
#home_contact .inner:before {
    content: "";
    max-width: 870px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: transparent
        radial-gradient(closest-side at 50% 50%, #0d2568 0%, #0a1e5700 100%) 0%
        0% no-repeat padding-box;
    z-index: 1;
}
#home_contact .inner a {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    gap: 14px;
    padding: 14px 25px;
    background: transparent linear-gradient(180deg, #03e1fb 0%, #096bff 100%) 0%
        0% no-repeat padding-box;
    border-radius: 25px;
    color: var(--white);
    text-decoration: none;
    transition: all 0.1s ease-in;
}
#home_contact .inner a:hover {
    background: transparent linear-gradient(180deg, #fff 0%, #fff 100%) 0% 0%
        no-repeat padding-box;
    color: #096bff;
}
#home_contact .inner a svg path {
    fill: var(--white);
    transition: all 0.1s ease-in;
}
#home_contact .inner a:hover svg path {
    fill: #096bff;
}
#home_aksia_kainotomia {
    background-color: var(--blue-drk);
    padding: 120px 0;
}
#home_aksia_kainotomia .inner {
    max-width: 1464px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 68px;
    align-items: center;
    padding: 0 16px;
}
#home_aksia_kainotomia .inner img {
    width: 100%;
}
#home_aksia_kainotomia .info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
#home_aksia_kainotomia .info .title {
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    font-weight: bold;
    color: var(--white);
}
#home_aksia_kainotomia .info .subtitle {
    font-size: 20px;
    line-height: 35px;
    font-weight: 600;
    color: var(--blue-lgt);
}
#home_aksia_kainotomia .info p {
    font-size: 18px;
    line-height: 35px;
    font-weight: 300;
    color: var(--white);
}
#home_aksia_kainotomia .inner.home_values {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 90px;
    margin-top: 160px;
    align-items: start;
}
#home_aksia_kainotomia .value_container {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
    text-align: center;
}
#home_aksia_kainotomia .value_container .title {
    font-size: 26px;
    line-height: 32px;
    font-weight: bold;
    color: var(--blue-lgt);
}
#home_aksia_kainotomia .value_container .description {
    font-size: 15px;
    line-height: 30px;
    font-weight: 300;
    color: var(--white);
}
#home_aksia_kainotomia .value_container .image {
    height: 146px;
}
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#home_partners {
    background: linear-gradient(
        180deg,
        var(--blue-drk) 0%,
        var(--blue-drk) 55%,
        #f6f6f6 55%
    );
}
#home_partners .img_container,
.partner-logos-grid .img_container {
    background: var(--white) 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0047851a;
    border: 1px solid #0047851a;
    border-radius: 20px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#home_partners .img_container img,
.partner-logos-grid .img_container img {
    width: 90%;
    height: 90%;
}
#home_partners .inner {
    max-width: 1760px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    background: transparent linear-gradient(254deg, #034366 0%, #030e5d 100%) 0%
        0% no-repeat padding-box;
    border: 2px solid #ffffff1a;
    border-radius: 30px;
    padding: 85px 85px 0 85px;
}
.swiper.partnersSwiper {
    padding: 0 62px 88px 68px;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    top: unset !important;
    bottom: 40px !important;
}
.partnersSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1) !important;
}
.partnersSwiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.2) !important;
}

.partnersSwiper .swiper-button-next:after,
.partnersSwiper .swiper-button-prev:after {
    font-size: 15px;
    color: var(--white);
    opacity: 1;
}
.partnersSwiper .swiper-button-next,
.partnersSwiper .swiper-button-prev {
    top: 40px;
}
#home_partners .inner > .title {
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    font-weight: bold;
    color: var(--white);
}
#home_partners .inner > .description {
    font-size: clamp(14px, 2vw, 18px);
    line-height: clamp(25px, 3vw, 35px);
    font-weight: 300;
    color: var(--white);
    text-align: center;
}
#home_news {
    background-color: #f6f6f6;
}
#home_news .inner {
    max-width: 1760px;
    margin: 0 auto;
    display: flex;
    align-items: start;
    gap: 16px;
    padding: 85px 85px 20px 85px;
}
#home_news .inner .swiper-slide {
    max-width: 350px;
}
#home_news .inner .info {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
#home_news .inner .info .title {
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    font-weight: bold;
    color: var(--blue-drk);
}
#home_news .inner .info .description {
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
    color: var(--blue-drk);
}
.btn-dotarrow.blue {
    color: #096bff;
}
.btn-dotarrow.blue:before {
    background-color: rgba(9, 107, 255, 0.1);
}
.btn-dotarrow.blue svg path {
    fill: #096bff;
}
.btn-dotarrow.blue:hover:before {
    background-color: rgba(9, 107, 255, 1);
}
.btn-dotarrow.blue:hover svg path {
    fill: var(--white);
}
.recent-post-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    padding: 30px;
    background-color: var(--white);
    box-shadow: 0px 3px 6px #0047851a;
    border: 1px solid #0047851a;
    border-radius: 30px;
    margin: 0;
    text-align: left;
    transition: all 0.1s ease-in;
}
.recent-post-item p {
    margin: 0;
}
.recent-post-item .post-category {
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    color: #096bff;
    padding: 0 15px;
    background-color: rgba(9, 107, 255, 0.1);
    border-radius: 10px;
}
.recent-post-item .post-title {
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    color: var(--blue-drk);
    transition: all 0.1s ease-in;
}
.recent-post-item .post-excerpt {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.8);
}
.recent-post-item a {
    text-decoration: none;
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    color: rgba(9, 107, 255, 0.5);
    margin-right: 40px;
    position: relative;
    transition: all 0.1s ease-in;
}
.recent-post-item a:after {
    content: "\279D";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.1s ease-in;
}
.recent-post-item:hover a:after {
    right: -20px;
    opacity: 1;
}
.recent-post-item:hover {
    margin-top: -10px;
    margin-bottom: 10px;
}
.recent-post-item:hover .post-title {
    color: #096bff;
}
.recent-post-item:hover a {
    color: rgba(9, 107, 255, 1);
    text-decoration: underline;
}
.hero {
    background: transparent linear-gradient(180deg, #05031f 0%, #041031 100%) 0%
        0% no-repeat padding-box;
    border-radius: 0px 0px 120px 120px;
    display: flex;
    padding: 10px 80px 45px 80px;
    flex-direction: column;
    position: relative;
    z-index: 9;
}
p#breadcrumbs {
    margin: 0;
}
#breadcrumbs a,
span.breadcrumb_last {
    font-size: 14px;
    line-height: 30px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
}
span.breadcrumb_last {
    color: rgba(255, 255, 255, 1);
}
.hero .page-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.hero .main-image {
    position: relative;
}
.hero .featured-image {
    position: absolute;
    right: 0;
    top: 0;
    width: clamp(382px, 40vw, 576px);
    height: clamp(338px, 35vw, 510px);
    border-radius: 90px;
    overflow: hidden;
}
.hero .featured-image:after {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: transparent
        linear-gradient(180deg, #096bff00 0%, #096bff66 100%) 0% 0% no-repeat
        padding-box;
    border-radius: 0px 0px 90px 90px;
}
.hero .main-image > img {
    width: 100%;
}
.hero .featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: var(--white);
}
.hero h1 {
    font-size: clamp(38px, 3.5vw, 58px);
    line-height: clamp(47px, 4.4vw, 73px);
    font-weight: 600;
    color: var(--white);
}
.hero.template_2 .info {
    padding-top: 60px;
}
.hero.template_2 h1 {
    font-size: clamp(36px, 4vw, 48px);
    line-height: clamp(45px, 5vw, 60px);
    margin: 10px 0 40px 0;
}
p#breadcrumbs > span {
    color: #03e1fb;
    font-size: 15px;
}
.hero_intro_text {
    font-size: clamp(16px, 2vw, 26px);
    line-height: clamp(35px, 3vw, 45px);
    font-weight: 300;
    color: var(--white);
}
.omilos-intro .inner {
    max-width: 1234px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 50px;
    padding: 80px 16px;
    align-items: flex-start;
}
.omilos-intro .title {
    font-size: clamp(22px, 3vw, 42px);
    line-height: clamp(35px, 4vw, 60px);
    font-weight: bold;
    color: var(--blue-drk);
}
.omilos-intro .description-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 88px;
}
.omilos-intro .description-container .description {
    font-size: 16px;
    line-height: 30px;
    color: var(--blue-drk);
}
.flex-links {
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.flex-links a {
    margin-right: 20px;
    transition: all 0.1s ease-in;
}
.flex-links a:hover {
    margin-right: 0;
}
.blue-container .inner {
    max-width: 1464px;
    margin: 0 auto;
    background: transparent linear-gradient(248deg, #034366 0%, #030e5d 100%) 0%
        0% no-repeat padding-box;
    border: 2px solid #ffffff1a;
    border-radius: 30px;
    padding: 80px 148px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.blue-container .inner > svg {
    transform: rotate(-90deg);
    position: absolute;
    left: -40px;
    top: 80px;
}
.blue-container .btn-dotarrow {
    font-size: 16px;
}
.blue-container .btn-dotarrow.has_logo {
    font-size: 14px;
}
.blue-container .title {
    font-size: clamp(18px, 2.5vw, 28px);
    line-height: clamp(30px, 4vw, 45px);
    font-weight: bold;
    color: var(--white);
}
.blue-container .description {
    font-size: clamp(14px, 2.5vw, 16px);
    line-height: clamp(20px, 4vw, 30px);
    color: var(--white);
    margin: 20px 0 40px 0;
}
.blue-container .description p {
    margin: 0;
}
.omilos-intro.filosofia .title {
    font-size: clamp(18px, 2.5vw, 28px);
    line-height: clamp(30px, 4vw, 45px);
}
.partner-logos-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 20px;
    align-items: center;
}
.omilos-intro.filosofia .partners-container .text {
    font-size: 16px;
    color: var(--blue-drk);
    font-weight: bold;
}
.page:not(.home) #home_contact,
.archive #home_contact,
.single-retail-sales-systems #home_contact {
    background-color: #f6f6f6;
}
.page:not(.home) #home_contact .inner:before,
.archive #home_contact .inner:before,
.single-retail-sales-systems #home_contact .inner:before {
    background: transparent
        radial-gradient(closest-side at 50% 50%, #03e1fb33 0%, #03e1fb00 100%)
        0% 0% no-repeat padding-box;
}
.page:not(.home) #home_contact .inner > .title,
.archive #home_contact .inner > .title,
.single-retail-sales-systems #home_contact .inner > .title {
    color: var(--blue-drk);
}
.page:not(.home) #home_contact .inner .subtitle,
.archive #home_contact .inner .subtitle,
.single-retail-sales-systems #home_contact .inner .subtitle {
    color: #096bff;
}
.page:not(.home) #home_contact .inner p,
.archive #home_contact .inner p,
.single-retail-sales-systems #home_contact .inner p {
    color: var(--black);
}
.page:not(.home) #home_contact svg,
.archive #home_contact svg,
.single-retail-sales-systems #home_contact svg {
    transform: rotate(180deg);
}
.page:not(.home) #home_contact:after,
.archive #home_contact:after,
.single-retail-sales-systems #home_contact:after {
    display: none;
}
#orama .inner,
#aksies .inner {
    max-width: 1153px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 80px 16px;
}
#aksies .inner {
    padding: 0 16px;
}
#orama .inner .title,
#aksies .inner .title {
    font-size: clamp(22px, 3vw, 42px);
    line-height: clamp(35px, 4.2vw, 60px);
    font-weight: bold;
    color: var(--blue-drk);
}
#orama .inner .description {
    font-size: clamp(15px, 2vw, 20px);
    line-height: clamp(25px, 3vw, 40px);
    color: var(--black);
}
#aksies .inner .description {
    font-size: clamp(14px, 1vw, 16px);
    line-height: clamp(25px, 1.5vw, 30px);
    color: var(--black);
}
.orama_points_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.orama_points_list .point {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 73px;
    background: transparent linear-gradient(263deg, #034366 0%, #030e5d 100%) 0%
        0% no-repeat padding-box;
    border: 2px solid #ffffff1a;
    border-radius: 30px;
    width: 100%;
    padding: 40px 40px 40px 50px;
}
.orama_points_list .point-digit {
    font-size: 24px;
    line-height: 60px;
    font-weight: 600;
    color: #03e1fb;
}
.orama_points_list .point-title {
    font-size: clamp(16px, 1.5vw, 20px);
    line-height: 30px;
    font-weight: bold;
    color: var(--white);
}
.orama_points_list .point-description {
    font-size: clamp(14px, 1vw, 16px);
    line-height: clamp(25px, 1.5vw, 30px);
    font-weight: 300;
    color: var(--white);
}
.orama_points_list .point-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
#aksies .values {
    display: flex;
    flex-direction: column;
    gap: 120px;
}
#aksies .value.even {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    gap: 80px;
}
#aksies .value .image {
    width: 428px;
    height: 335px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
#aksies .value.even .image:after {
    content: "";
    width: 132px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: transparent linear-gradient(90deg, #096bff00 0%, #096bff66 100%)
        0% 0% no-repeat padding-box;
    border-radius: 0px 20px 20px 0px;
}
#aksies .value.odd .image:after {
    content: "";
    width: 132px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent
        linear-gradient(270deg, #096bff00 0%, #096bff66 100%) 0% 0% no-repeat
        padding-box;
    border-radius: 20px 0px 0px 20px;
}
#aksies .value .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
#aksies .value-image {
    position: relative;
}
#aksies .value.even .value-image svg {
    position: absolute;
    top: 50%;
    right: -113px;
    transform: translateY(-50%) rotate(-90deg);
}
.value-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
#aksies .value .value-info .title {
    font-size: clamp(18px, 2vw, 24px);
    line-height: clamp(23px, 2.5vw, 30px);
    font-weight: bold;
    color: #096bff;
}
#aksies .value .value-info .description {
    font-size: clamp(14px, 1vw, 16px);
    line-height: clamp(25px, 1.5vw, 30px);
    font-weight: 300;
    color: #000000;
}
#aksies .value.odd {
    display: flex;
    flex-direction: row-reverse;
    gap: 80px;
}
#aksies .value.odd .value-image svg {
    position: absolute;
    left: -113px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}
#aksies .value.odd .value-info .description {
    width: 75%;
}
.timeline .inner {
    max-width: 1153px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: 64px;
}
.timeline .timeline-point {
    display: grid;
    grid-template-columns: 86px 1fr;
    gap: 30px;
    align-items: start;
    padding-bottom: 116px;
    position: relative;
}
.timeline .info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
.timeline .info .date {
    font-size: clamp(24px, 3.5vw, 46px);
    line-height: clamp(30px, 3.8vw, 50px);
    font-weight: bold;
    color: var(--black);
}
.timeline .info .title {
    font-size: clamp(15px, 2vw, 24px);
    line-height: 30px;
    font-weight: 600;
    color: #096bff;
}
.timeline .info .description {
    font-size: clamp(13px, 1.5vw, 16px);
    line-height: clamp(25px, 2.5vw, 30px);
    font-weight: 300;
    color: var(--black);
}
.timeline .buller-point {
    width: 86px;
    height: 86px;
    background: transparent linear-gradient(180deg, #096bff 0%, #03e1fb00 100%)
        0% 0% no-repeat padding-box;
    border-radius: 50%;
    position: relative;
}
.timeline .buller-point:after {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent linear-gradient(0deg, #096bff 0%, #03e1fb 100%) 0%
        0% no-repeat padding-box;
    border: 3px solid #ffffff;
    border-radius: 50%;
}
.timeline .timeline-point:not(:last-child):before {
    content: "";
    height: 64%;
    width: 3px;
    border: 2px dashed #096bff;
    position: absolute;
    left: 41px;
    bottom: 20px;
}
.mobile-timeline {
    display: none;
}
.blue-container.lgt-linear .inner {
    background: transparent
        linear-gradient(180deg, rgba(9, 107, 255, 0.1) 0%, #096bff00 100%) 0% 0%
        no-repeat padding-box;
    gap: 0px;
}
.blue-container.lgt-linear .inner .title {
    color: var(--blue-drk);
}
.blue-container.lgt-linear .inner .description {
    color: var(--black);
}
#job-opening-contact .inner {
    max-width: 682px;
    margin: 0 auto;
    padding: 80px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
}

#job-opening-contact .title {
    font-size: 20px;
    line-height: 35px;
    font-weight: bold;
    color: #096bff;
}
#job-opening-contact .description {
    font-size: 15px;
    line-height: 25px;
    color: var(--black);
}
.job-opening-mail {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.job-opening-mail a {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    gap: 14px;
    padding: 14px 25px;
    background: var(--white);
    border: 1px solid #00478533;
    border-radius: 28px;
    color: #096bff;
    text-decoration: none;
    transition: all 0.1s ease-in;
}
.job-opening-mail a:hover {
    color: var(--white);
    background: #096bff;
}
.job-opening-mail .email_text {
    font-size: 14px;
    line-height: 25px;
    font-weight: 600;
    color: var(--black);
}
.job-modal {
    display: none; /* κρυφό αρχικά */
    position: fixed;
    z-index: 9999;
    inset: 0;
    background: rgba(0, 0, 0, 0.8);
}
.job-modal-inner {
    position: relative;
    max-width: 800px;
    width: 90%;
    margin: 40px auto;
    padding: 40px;
    max-height: calc(100vh - 80px);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background: var(--white) 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 10px #00000033;
    border: 1px solid #0047851a;
    border-radius: 30px;
}
.job-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 25px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    color: #f24c4c;
    background-color: rgba(242, 76, 76, 0.1);
    border-radius: 50%;
    border: navajowhite;
}
.job-modal-open {
    display: block;
}
.jobs-list {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.job-item {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #0047851a;
    border: 1px solid #0047851a;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.job-item .job-title {
    font-size: clamp(15px, 2vw, 20px);
    line-height: clamp(20px, 2.8vw, 35px);
    font-weight: bold;
    color: #096bff;
}
a.open-job-modal {
    background: var(--white);
    border: 2px solid #096bff;
    border-radius: 25px;
    color: #096bff;
    text-decoration: none;
    font-size: clamp(12px, 1.5vw, 13px);
    line-height: clamp(15px, 2.5vw, 35px);
    font-weight: 600;
    padding: 0 15px;
    transition: all 0.1s ease-in;
    min-height: 40px;
    display: flex;
    align-items: center;
    min-width: 150px;
}
a.open-job-modal:hover {
    background: #096bff;
    color: var(--white);
}
.job-modal .top {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(9, 107, 255, 0.2);
}
.job-modal .top .modal-type {
    font-size: 16px;
    line-height: 35px;
    font-weight: bold;
    color: #096bff;
}
.job-modal .top .modal-job-title {
    font-size: clamp(20px, 3vw, 28px);
    line-height: 35px;
    font-weight: bold;
    color: #041031;
}
.job-modal-content {
    display: flex;
    flex-direction: column;
    overflow: scroll;
}
.job-modal-content h3 {
    color: #096bff;
    margin: 30px 0 0 0;
}
.job-modal-content p {
    font-size: 14px;
    line-height: 25px;
}
.job-modal-content ul li {
    font-size: 14px;
    line-height: 35px;
}
.job-modal-content ul {
    padding-left: 1em;
    list-style: none;
}
.job-modal-content ul li {
    position: relative;
}
.job-modal-content ul li:before {
    content: "•";
    position: absolute;
    left: -1.2em;
    color: #096bff;
    font-weight: bold;
}
.prasini-filosofia-page #aksies .value {
    align-items: center;
}
/* News */
.blog-section .container {
    max-width: 1760px;
    margin: 80px auto 160px auto;
    display: flex;
    flex-direction: column;
    gap: 80px;
    padding: 0 16px;
}
ul#pills-tab {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    gap: 10px;
    overflow-x: scroll;
}
ul#pills-tab::-webkit-scrollbar {
    height: 0;
}
ul#pills-tab li button {
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    color: var(--black);
    padding: 8px 25px;
    background: var(--white);
    border: 1px solid #0410311a;
    border-radius: 25px;
    cursor: pointer;
    white-space: nowrap;
}
ul#pills-tab li button.active {
    background-color: #096bff;
    color: var(--white);
}
.blog-section .pagination-number-wrapper {
    margin-top: 80px;
    display: flex;
    justify-content: center;
    gap: 5px;
}
.blog-section .grid-cols {
    columns: 4;
    column-gap: 16px;
}
.blog-section .blog_layout {
    background: var(--white);
    box-shadow: 0px 3px 6px #0047851a;
    border: 1px solid #0047851a;
    border-radius: 30px;
    padding: 30px;
    break-inside: avoid;
    margin-bottom: 16px;
    margin-top: 0px;
    transition: all 0.1s ease-in;
}
.blog-section .pagination-number {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    border: 1px solid #08264a;
    background: var(--white);
    border: 1px solid #0410311a;
    border-radius: 10px;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    transition: 300ms ease-in-out;
    text-decoration: none;
    color: var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-section .pagination-number.current,
.blog-section .pagination-number:hover {
    background-color: #096bff;
    color: var(--white);
}
.blog-section .blog-caption {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}
.blog-section .blog-caption p {
    margin: 0;
}
.blog-section .blog-caption a {
    margin-top: 15px;
    color: #096bff;
    opacity: 0.5;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    transition: all 0.1s ease-in;
    position: relative;
}
.blog-section .blog-caption .blog-category {
    font-size: 14px;
    font-weight: 600;
    color: #096bff;
    padding: 0 15px;
    background-color: rgba(9, 107, 255, 0.1);
    border-radius: 10px;
    padding: 10px 15px;
}
.blog-section .blog-caption .blog-title {
    font-size: clamp(16px, 0.536vw + 14.29px, 22px);
    line-height: clamp(25px, 0.446vw + 23.57px, 30px);
    font-weight: bold;
    color: var(--blue-drk);
    text-align: left;
    transition: all 0.1s ease-in;
}
.blog-section .blog-caption .blog-excerpt {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    text-align: left;
    color: rgba(0, 0, 0, 0.8);
}
.blog-section .blog_layout:hover {
    transform: translateY(-10px);
}
.blog-section .blog_layout:hover .blog-title {
    color: #096bff;
}
.blog-section .blog_layout:hover a {
    opacity: 1;
    text-decoration: underline;
}
.blog-section .blog_layout a:after {
    content: "\279D";
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.1s ease-in;
}
.blog-section .blog_layout:hover a:after {
    right: -25px;
    opacity: 1;
}
.hero.single-post-hero {
    padding: 10px 80px 30px 80px;
}
.post-featured-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 70px;
    margin-top: -70px;
    border-radius: 0px 0px 120px 120px;
    position: relative;
}
.post-featured-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 0 120px 120px;
    background-color: rgba(9, 107, 255, 0.1);
    width: 100%;
    height: 83%;
    z-index: 0;
}
.post-featured-image .inner {
    max-width: 1020px;
    margin: 40px auto 0 auto;
    z-index: 1;
    padding: 0 16px;
}
.post-featured-image .inner img {
    max-width: 1020px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
}
.post-content .inner {
    max-width: 1020px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding-bottom: 160px;
    position: relative;
    padding: 0 16px;
}
.post-content p {
    font-size: 16px;
    line-height: 35px;
}
.post-content .inner:after {
    content: "";
    width: 100%;
    height: 1px;
    background: transparent
        linear-gradient(90deg, #096bff00 0%, #096bff 50%, #096bff00 100%) 0% 0%
        no-repeat padding-box;
    position: absolute;
    bottom: 0;
    left: 0;
}
.post-content h1 {
    margin: 0;
    font-size: clamp(24px, 5vw, 48px);
    line-height: clamp(35px, 6vw, 60px);
    font-weight: 600;
    color: var(--blue-drk);
    margin-top: 40px;
}
.post-content .date {
    font-size: 14px;
    line-height: 20px;
    color: #096bff;
}
.single-post-related .inner {
    max-width: 1760px;
    margin: 60px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.single-post-related .blog-section {
    columns: 4;
    column-gap: 16px;
}
.single-post-related h2 {
    margin-top: 0;
    margin-bottom: 60px;
    font-size: clamp(24px, 5vw, 48px);
    line-height: clamp(30px, 6vw, 60px);
    font-weight: 600;
}
/* News */
.contact-page .hero .main-image > img {
    max-height: 400px;
}
.contact-page .hero .featured-image {
    max-width: 428px;
    width: 100%;
    height: 380px;
}
.contact-sections .inner {
    max-width: 1464px;
    margin: 80px auto 60px auto;
    padding: 0 16px;
}
.contact-sections .inner {
    max-width: 1464px;
    margin: 80px auto 60px auto;
    display: grid;
    grid-template-columns: 1fr 428px;
    gap: 10%;
}
.contact-info-container .info-item {
    background: var(--white);
    box-shadow: 0px 2px 5px #04103133;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.contact-info-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.contact-info-container svg path {
    fill: #096bff;
}
.contact-info-container .info-item .title {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
}
.contact-info-container .info-item .text {
    font-weight: 300;
}
.contact-info-container .ft-btn {
    background-color: rgba(0, 0, 0, 0.1);
    color: var(--black);
    transition: all 0.1s ease-in;
}
.contact-info-container .ft-btn:hover {
    background-color: #096bff;
    color: var(--white);
}
#contact-address a:hover:after {
    color: var(--white);
}
#contact-phone-opening-hours a {
    letter-spacing: 2.8px;
}
.contact-form-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.contact-form-container .title {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    color: var(--blue-drk);
}
.contact-form-container .description {
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    color: var(--blue-drk);
}
.blue-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #03e1fb;
}
.contact-page .hero h1 {
    margin: 10px 0 20px 0;
}
.form-field-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.company-section-fields p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.company-section-fields br {
    display: none;
}
.company-section-fields .wpcf7-radio {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
}
.company-section-fields .wpcf7-list-item {
    margin: 0;
    padding: 14px 0;
}
.company-section-fields .wpcf7-list-item:not(:last-child) {
    border-bottom: 1px solid #0410311a;
}
.company-section-fields .wpcf7-form-control-wrap,
.company-section-fields .wpcf7-list-item {
    width: 100%;
}
.contact-form-container input[type="text"],
.contact-form-container input[type="email"],
.contact-form-container textarea {
    background: #ffffff 0% 0% no-repeat padding-box;
    border: 1px solid #04103133;
    border-radius: 10px;
    padding: 20px;
    color: var(--blue-drk);
    outline: none;
    width: 100%;
    font-family: inherit;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
}
.contact-form-container input[type="text"]::placeholder,
.contact-form-container input[type="email"]::placeholder,
.contact-form-container textarea::placeholder,
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    font-family: inherit;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: var(--blue-drk);
}
.company-section-fields span {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
}
.contact-btn-wrapper {
    position: relative;
    display: inline-block;
}
.contact-btn-wrapper::before {
    content: "";
    width: 13px;
    height: 20px;
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    background-color: #096bff;
    -webkit-mask: url(/wp-content/uploads/2026/03/dotted_arrowhead.svg)
        no-repeat center;
    mask: url(/wp-content/uploads/2026/03/dotted_arrowhead.svg) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: all 0.1s ease-in;
}
.contact-btn-wrapper::after {
    content: "";
    width: 50px;
    height: 50px;
    background-color: rgba(9, 107, 255, 0.1);
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    z-index: 1;
    transition: all 0.1s ease-in;
}
.contact-page form {
    display: flex;
    flex-direction: column;
}
.contact-btn-wrapper input[type="submit"] {
    font-size: 18px;
    line-height: 30px;
    color: #096bff;
    margin-left: 42px;
    background: transparent;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: 0;
    transition: all 0.1s ease-in;
}
.contact-btn-wrapper:hover::before {
    background-color: var(--white);
}
.contact-btn-wrapper:hover::after {
    background-color: #096bff;
}
.contact-btn-wrapper:hover:after {
    background-color: rgba(9, 107, 255, 1);
    transform: translateY(-50%) rotate(45deg);
}
.contact-btn-wrapper:hover input[type="submit"] {
    text-decoration: underline;
    margin-left: 60px;
}
.company-section-fields .wpcf7-list-item-label {
    display: flex;
    flex-direction: column;
}
.company-section-fields .radio-card-list input[type="radio"] {
    margin-top: 10px;
}
.company-section-fields .wpcf7-list-item > label {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 15px;
}
.company-section-fields strong {
    font-size: 16px;
    line-height: 25px;
    font-weight: 600;
    color: var(--blue-drk);
    transition: all 0.1s ease-in;
}
.company-section-fields small {
    font-size: 14px;
    line-height: 25px;
    font-weight: 300;
    color: var(--blue-drk);
    opacity: 0.8;
}
.company-section-fields .radio-card-list input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #04103133;
    background-color: #fff;
    position: relative;
    margin-top: 6px;
    cursor: pointer;
    outline: none;
    transition:
        border-color 0.2s ease,
        background-color 0.2s ease;
}
.company-section-fields .radio-card-list input[type="radio"]:hover,
.company-section-fields .radio-card-list input[type="radio"]:checked {
    border-color: #096bff;
}
.company-section-fields .radio-card-list input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    background-color: #096bff;
}
.company-section-fields .radio-card-list input[type="radio"]:focus-visible {
    box-shadow: 0 0 0 3px rgba(0, 80, 200, 0.25);
}
.company-section-fields
    .radio-card-list
    input[type="radio"]:hover
    + .wpcf7-list-item-label
    strong {
    color: #096bff;
    text-decoration: underline;
}
.company-section-fields
    .radio-card-list
    input[type="radio"]:checked
    + .wpcf7-list-item-label
    strong {
    color: #096bff;
    text-decoration: underline;
}
.company-section-fields .radio-card-list input[type="radio"]:checked::after {
    content: "\2713";
    position: absolute;
    inset: 0px;
    left: 3px;
    top: -1px;
    border-radius: 50%;
    color: white;
    font-size: 13px;
}
#acceptance-inputs input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    border: 2px solid #c5c9d3;
    background-color: #fff;
    margin-right: 8px;
    cursor: pointer;
    position: relative;
    outline: none;
    transition:
        border-color 0.2s,
        background-color 0.2s;
}
#acceptance-inputs input[type="checkbox"]:hover {
    border-color: #096bff;
}
#acceptance-inputs input[type="checkbox"]:checked {
    border-color: #096bff;
    background-color: #096bff;
}
#acceptance-inputs input[type="checkbox"]:checked::before {
    content: "✓";
    position: absolute;
    inset: -1px 0 0 2px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
}
div#acceptance-inputs p {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
div#acceptance-inputs br {
    display: none;
}
div#acceptance-inputs .wpcf7-list-item > label {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: start;
    gap: 8px;
}
div#acceptance-inputs .wpcf7-list-item {
    margin: 0;
}
.contact-btn-wrapper,
.contact-btn-wrapper input[type="submit"] {
    cursor: pointer;
}
.archive .hero .info {
    max-width: 800px;
}
.archive .hero .main-image img,
.single-invoicing-mydata .hero .main-image img,
.system-service-page .hero .main-image img,
.system-service-child-page .hero .main-image img,
.single-retail-sales-systems .hero .main-image img {
    max-height: 384px;
}
.archive .hero .featured-image,
.single-invoicing-mydata .hero .featured-image,
.system-service-page .hero .featured-image,
.system-service-child-page .hero .featured-image,
.single-retail-sales-systems .hero .featured-image {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    height: 96%;
    border-radius: 90px;
    overflow: hidden;
}
.archive-intro .inner {
    max-width: 1168px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 110px 16px 0 16px;
}
.archive-intro .inner {
    font-size: clamp(17px, 2.5vw, 24px);
    line-height: clamp(30px, 4vw, 45px);
    font-weight: 600;
    color: var(--black);
    text-align: center;
    position: relative;
}
.archive-intro .inner:before {
    content: "";
    max-width: 870px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: transparent
        radial-gradient(closest-side at 50% 50%, #03e1fb33 0%, #03e1fb00 100%)
        0% 0% no-repeat padding-box;
    z-index: 1;
}
.retail-system-categories .inner {
    max-width: 1464px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-bottom: 50px;
}
.retail-system-category.even img {
    border-radius: 30px;
}
.retail-system-category.odd img {
    border-radius: 0px 30px 30px 0px;
}
.retail-system-category.odd {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    gap: 90px;
    background-color: rgba(9, 107, 255, 0.1);
    padding-left: 90px;
}
.retail-system-category.even {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 90px;
    padding: 0 16px;
}
.retail-system-category {
    border-radius: 30px;
}
.retail-system-category .term-title {
    font-size: clamp(24px, 4vw, 36px);
    font-weight: bold;
    color: var(--blue-drk);
}
.retail-system-category .term-description {
    font-size: 18px;
    line-height: 25px;
    color: rgba(4, 16, 49, 0.6);
}
.mini-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.mini-section:not(:last-child) {
    padding-bottom: 30px;
}
.mini-section .mini-section-title {
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    color: #096bff;
    position: relative;
}
.mini-section .mini-section-title::after {
    content: "";
    width: 30px;
    height: 1px;
    background-color: #096bff;
    position: absolute;
    right: -40px;
    bottom: 50%;
    transform: translateY(50%);
}
.mini-section-links {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
}
.mini-section-links a {
    position: relative;
    text-decoration: none;
    color: #041031;
    font-size: 15px;
    font-weight: 600;
    padding: 17px 30px;
    background: var(--white);
    box-shadow: 0px 2px 3px #096bff33;
    border: 1px solid #096bff33;
    border-radius: 10px;
    transition: all 0.1s ease-in;
    text-align: left;
}
.mini-section-links a:after {
    content: "\276F";
    font-size: 10px;
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all 0.1s ease-in;
    color: transparent;
}
.mini-section-links a:hover:after {
    right: 20px;
    opacity: 1;
    color: var(--white);
}
.mini-section-links a:hover {
    background: #096bff;
    box-shadow: 0px 2px 3px #096bff33;
    border: 1px solid #096bff33;
    border-radius: 10px;
    color: var(--white);
    padding-left: 20px;
    padding-right: 40px;
}
.single-intro .inner {
    max-width: 1464px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 80px;
    padding: 60px 148px 20px 148px;
}
.single-intro .intro-text {
    font-size: clamp(16px, 0.357vw + 14.86px, 20px);
    line-height: clamp(30px, 0.893vw + 27.14px, 40px);
}
.invoicing-mydata-main-content .text_bulltes .inner {
    max-width: 1464px;
    margin: 0 auto;
    display: block;
    padding: 0 148px;
}
.invoicing-mydata-main-content .text_bulltes .inner.double_col ul,
.invoicing-mydata-main-content .text_bulltes .inner.double_col ol {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.invoicing-mydata-main-content .text_bulltes ul,
.invoicing-mydata-main-content .text_bulltes ol,
.invoicing-mydata-main-content .list_boxes ul,
.invoicing-mydata-main-content .list_boxes ol {
    list-style: none;
    margin: 25px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.invoicing-mydata-main-content .text_bulltes ul li:not(:last-child),
.invoicing-mydata-main-content .text_bulltes ol li:not(:last-child) {
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(9, 107, 255, 0.2);
}
.invoicing-mydata-main-content .text_bulltes ul li,
.invoicing-mydata-main-content .text_bulltes ol li,
.invoicing-mydata-main-content .list_boxes ul li,
.invoicing-mydata-main-content .list_boxes ol li {
    font-size: 14px;

    position: relative;
    padding-left: 30px;
}
.invoicing-mydata-main-content .text_bulltes ul li:before,
.invoicing-mydata-main-content .text_bulltes ol li:before,
.invoicing-mydata-main-content .list_boxes ul li:before,
.invoicing-mydata-main-content .list_boxes ol li:before {
    content: "✓";
    width: 20px;
    height: 20px;
    background-color: #096bff;
    color: var(--white);
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
}
.invoicing-mydata-main-content .blue-container .inner > a,
.live_demo .container > a {
    font-size: 14px;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    gap: 14px;
    padding: 14px 25px;
    background: transparent linear-gradient(180deg, #03e1fb 0%, #096bff 100%) 0%
        0% no-repeat padding-box;
    border-radius: 25px;
    color: var(--white);
    text-decoration: none;
    align-items: center;
    transition: all 0.1s ease-in;
}
.invoicing-mydata-main-content .blue-container .inner > a svg,
.live_demo .container > a svg {
    width: 20px;
}
.invoicing-mydata-main-content .blue-container .inner > a:hover,
.live_demo .container a:hover {
    background: transparent linear-gradient(180deg, #fff 0%, #fff 100%) 0% 0%
        no-repeat padding-box;
    color: #096bff;
}
.invoicing-mydata-main-content .blue-container .inner > a svg path,
.live_demo .container a svg path {
    fill: var(--white);
    transition: all 0.1s ease-in;
}
.invoicing-mydata-main-content .blue-container .inner > a:hover svg path,
.live_demo .container a:hover svg path {
    fill: #096bff;
}
.invoicing-mydata-main-content .blue-container .inner {
    align-items: flex-start;
}
.text_bullter_boxes .inner {
    max-width: 1464px;
    margin: 0 auto;
    display: flex;
    gap: 30px;
    flex-direction: column;
    padding: 0 148px;
}
.text_bullter_boxes .title {
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
    color: var(--black);
}
.bulltes-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    padding: 0 16px;
}
.bulltes-section .bullte-box {
    position: relative;
    /* break-inside: avoid;
    margin-bottom: 16px; */
    background: var(--white);
    box-shadow: 0px 2px 5px #04103133;
    border-radius: 20px;
    padding: 40px 20px 20px 20px;
}
.bulltes-section .bullte-box:before {
    content: "✓";
    width: 20px;
    height: 20px;
    background-color: #096bff;
    color: var(--white);
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 20px;
    top: 20px;
}
.bulltes-section .bullte-box p {
    font-size: 14px;
    line-height: 25px;
}
.bulltes-section .bullte-box strong {
    font-size: 16px;
}
.live_demo .inner {
    position: relative;
    min-height: 228px;
    height: 100%;
    max-width: 1168px;
    margin: 0 auto;
    z-index: 1;
    border-radius: 30px;
}
.live_demo .container {
    display: grid;
    grid-template-columns: 1fr 270px;
    gap: 40px;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    position: relative;
    min-height: 228px;
    height: 100%;
    padding: 0 80px 0 148px;
}
.live_demo .inner > .bg-image {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    min-height: 228px;
    height: 100%;
    width: 100%;
    border-radius: 30px;
}
.live_demo .inner > .bg-image:after {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent linear-gradient(180deg, #04103199 0%, #000000 100%)
        0% 0% no-repeat padding-box;
    z-index: 1;
    border-radius: 30px;
}
.live_demo .inner > .bg-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}
.live_demo .title {
    font-size: clamp(20px, 0.714vw + 17.71px, 28px);
    line-height: 45px;
    font-weight: bold;
    color: #03e1fb;
}
.live_demo .description {
    font-size: clamp(14px, 2vh, 18px);
    line-height: 30px;
    color: var(--white);
}
.live_demo .inner > svg {
    position: absolute;
    z-index: 3;
    left: -20px;
    top: 50%;
    transform: translate(0, -50%) rotate(-90deg);
}
.invoicing-mydata-main-content .general-text .inner {
    max-width: 1464px;
    margin: 0 auto;
    padding: 0 148px;
}
.invoicing-mydata-main-content .general-text p {
    font-size: clamp(13px, 0.268vw + 12.14px, 16px);
    line-height: clamp(25px, 0.893vw + 22.14px, 35px);
}
.invoicing-mydata-main-content .general-text ul li {
    margin-bottom: 15px;
}
.invoicing-mydata-main-content .general-text ul li::marker {
    color: #096bff;
}
.invoicing-mydata-main-content section {
    padding-bottom: 80px;
}
.invoicing-mydata-main-content section:first-child {
    padding-top: 80px;
}

.invoicing-mydata-main-content .blue-container ul,
.invoicing-mydata-main-content .blue-container ol {
    list-style: none;
    margin: 25px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.invoicing-mydata-main-content .blue-container ul li,
.invoicing-mydata-main-content .blue-container ol li {
    position: relative;
    padding-left: 30px;
}
.invoicing-mydata-main-content .blue-container ul li:before,
.invoicing-mydata-main-content .blue-container ol li:before {
    content: "✓";
    width: 20px;
    height: 20px;
    background-color: #03e1fb;
    color: var(--blue-drk);
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
}
.more-solutions .inner {
    max-width: 1464px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 60px 148px 0 148px;
}
.moreSwiper {
    padding-bottom: 85px !important;
    padding-top: 10px !important;
}
.more-solutions .more article {
    background: var(--white);
    border-radius: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 25px;
    height: 470px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
}
.more-solutions .more article .post_thumbnail {
    width: 100%;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.more-solutions .more article .post_thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.more-solutions .more article .post_title {
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    color: var(--blue-drk);
    width: 100%;
    text-align: center;
    margin-top: 10px;
    flex: 0 0 auto;
}
.more-solutions .more article .post_excerpt {
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
    color: var(--blue-drk);
    width: 100%;
    text-align: center;
    margin-top: 8px;
    flex: 0 0 auto;
}
.more-solutions .more article a {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    color: var(--white);
    background-color: #096bff;
    border-radius: 10px;
    text-decoration: none;
    text-align: center;
    max-height: 0;
    padding: 0;
    margin-top: 0;
    opacity: 0;
    overflow: hidden;
    transition:
        max-height 0.3s ease,
        padding 0.3s ease,
        margin-top 0.3s ease,
        opacity 0.2s ease;
    flex: 0 0 auto;
}
.more-solutions .more article:hover a {
    max-height: 50px;
    padding: 10px 0;
    margin-top: 15px;
    opacity: 1;
}
.more-solutions .inner > .title {
    font-size: clamp(20px, 5vw, 36px);
    line-height: 30px;
    font-weight: bold;
    color: var(--blue-drk);
}
.more-solutions .inner > .subtitle {
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
    color: var(--blue-drk);
}
.more-solutions .more article:hover {
    box-shadow: 0px 10px 25px #00000066;
}
.more-solutions .more article:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: transparent linear-gradient(180deg, #ffffff 0%, #dce8f1 100%) 0%
        0% no-repeat padding-box;
    z-index: 0;
    opacity: 0;
    transition: all 0.3s ease;
}
.more-solutions .more article:hover:before {
    opacity: 1;
}
.more-solutions .more article > * {
    position: relative;
    z-index: 1;
}
.archive .what-offers .inner {
    max-width: 1760px;
    margin: auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 10%;
    align-items: center;
    border-radius: 30px;
    padding: 10px;
}
.archive .what-offers .inner .offer_list {
    border-radius: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 45px 80px;
}
.archive .what-offers .inner.even .offer_list {
    background-color: rgba(9, 107, 255, 0.1);
}
.archive .what-offers .inner.odd .offer_list {
    background-color: var(--white);
}
.archive .what-offers .inner.odd {
    padding: 160px 0;
}
.archive .what-offers .inner.even {
    box-shadow: 0px 10px 30px #04103133;
    background-color: var(--white);
}
.archive .what-offers section.odd {
    background-color: rgba(9, 107, 255, 0.1);
}
.archive .what-offers section.even:first-child {
    margin-bottom: -80px;
    display: flex;
}
.archive .what-offers section.even:last-child {
    margin-top: -80px;
    margin-bottom: 35px;
    display: flex;
}
.what-offers .offer_title {
    font-size: clamp(24px, 3vw, 42px);
    line-height: clamp(30px, 4vw, 60px);
    font-weight: bold;
    color: var(--blue-drk);
}
.what-offers .offer_excerpt {
    font-size: clamp(16px, 1.5vw, 20px);
    line-height: clamp(25px, 2.5vw, 30px);
    font-weight: bold;
    color: #096bff;
}
.what-offers .offer_intro_text {
    font-size: clamp(13px, 0.268vw + 12.14px, 16px);
    line-height: clamp(25px, 0.893vw + 22.14px, 35px);
    color: var(--black);
}
section.what-offers .data {
    padding: 35px 0 35px 148px;
}
.archive .what-offers .inner .offer_list .title {
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    color: #096bff;
}

.archive .what-offers .inner .offer_list ul {
    list-style: none;
    margin: 25px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.archive .what-offers .inner .offer_list ul li:not(:last-child) {
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(9, 107, 255, 0.2);
}
.archive .what-offers .inner .offer_list ul li {
    position: relative;
    padding-left: 30px;
}
.archive .what-offers .inner .offer_list ul li:before {
    content: "✓";
    width: 20px;
    height: 20px;
    background-color: #096bff;
    color: var(--white);
    border-radius: 50%;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
}
.archive .what-offers .inner .offer_list ul li {
    font-size: 13px;
    line-height: 20px;
}
.archive .what-offers .data .btn-dotarrow {
    margin-top: 40px;
}
.system-service-child-page .solution-intro .inner,
.system-service-page .solution-intro .inner {
    max-width: 1168px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 60px;
    padding: 110px 16px 0 16px;
}
.system-service-child-page .solution-intro .inner .text,
.system-service-page .solution-intro .inner .text {
    font-size: 16px;
    line-height: 35px;
    color: var(--black);
}
.system-service-child-page .solution-intro .inner .title,
.system-service-page .solution-intro .inner .title {
    font-size: clamp(24px, 5vw, 42px);
    line-height: clamp(30px, 6vw, 50px);
    font-weight: bold;
    color: var(--blue-drk);
    min-height: 168px;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 45px;
    justify-content: center;
    text-align: center;
}
.system-service-child-page .solution-intro .inner .title:before,
.system-service-page .solution-intro .inner .title:before {
    content: "";
    max-width: 576px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    background: transparent
        radial-gradient(closest-side at 50% 50%, #03e1fb33 0%, #03e1fb00 100%)
        0% 0% no-repeat padding-box;
    z-index: 1;
}
.system-service-child-page .solution-intro .inner .title svg {
    position: absolute;
    left: 50%;
    bottom: -35px;
    transform: translateX(-50%);
    max-width: 70px;
    height: auto;
}
section.system_servive_child_solutions .inner {
    max-width: 1456px;
    margin: auto;
    padding: 80px 16px;
    display: flex;
    align-items: flex-start;
    gap: 165px;
    position: relative;
}
section.system_servive_child_solutions .inner.even {
    flex-direction: row;
}
section.system_servive_child_solutions .inner.odd {
    flex-direction: row-reverse;
    justify-content: space-between;
}
section.system_servive_child_solutions .solution-thumbnail {
    position: relative;
    max-width: 428px;
    width: 100%;
}
section.system_servive_child_solutions .solution-thumbnail img {
    max-width: 428px;
    width: 100%;
}
section.system_servive_child_solutions .inner.even .solution-thumbnail svg {
    position: absolute;
    right: -140px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    width: 185px;
    height: 200px;
}
section.system_servive_child_solutions .inner.odd .solution-thumbnail svg {
    position: absolute;
    left: -140px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    width: 185px;
    height: 200px;
}
section.system_servive_child_solutions .inner.even .solution-thumbnail:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 132px;
    height: 100%;
    background: transparent linear-gradient(90deg, #096bff00 0%, #096bff66 100%)
        0% 0% no-repeat padding-box;
    border-radius: 0px 20px 20px 0px;
}
section.system_servive_child_solutions .inner.odd .solution-thumbnail:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 132px;
    height: 100%;
    background: transparent
        linear-gradient(270deg, #096bff00 0%, #096bff66 100%) 0% 0% no-repeat
        padding-box;
    border-radius: 20px 0px 0px 20px;
}
section.system_servive_child_solutions .inner:not(:last-child):after {
    content: "";
    width: 100%;
    height: 1px;
    background: transparent
        linear-gradient(90deg, #096bff00 0%, #096bff 50%, #096bff00 100%) 0% 0%
        no-repeat padding-box;
    /* box-shadow: 0px 2px 5px #096bffcc; */
    position: absolute;
    bottom: 0;
    left: 0;
}
section.system_servive_child_solutions .information {
    display: flex;
    flex-direction: column;
}
section.system_servive_child_solutions .information ul li::marker {
    color: #096bff;
}
section.system_servive_child_solutions .information .title {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
    color: var(--blue-drk);
}
section.system_servive_child_solutions .information .subtitle {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: #096bff;
}
section.system_servive_child_solutions .information p,
section.system_servive_child_solutions .information ul {
    font-size: 16px;
    line-height: 30px;
    color: var(--black);
}
section.why-elmi.text_bullter_boxes .inner {
    padding: 0;
}
section.why-elmi.text_bullter_boxes {
    background-color: rgba(9, 107, 255, 0.1);
    padding: 80px 0 60px 0;
}
.why_elmi_title {
    font-size: clamp(24px, 6vw, 48px);
    line-height: 30px;
    font-weight: bold;
    color: var(--blue-drk);
    text-align: center;
}
.why_elmi_subtitle {
    font-size: clamp(16px, 3vw, 24px);
    line-height: clamp(25px, 4vw, 35px);
    font-weight: bold;
    color: #096bff;
    text-align: center;
}
section.why-elmi-demo.live_demo .top-title {
    max-width: 1168px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
    color: #096bff;
    text-align: center;
    padding: 80px 0;
}
section.why-elmi-demo.live_demo {
    background: linear-gradient(
        180deg,
        rgba(9, 107, 255, 0.1) 0%,
        rgba(9, 107, 255, 0.1) 62%,
        #f6f6f6 62%
    );
    padding: 0 16px 80px 16px;
}
section.why-elmi.text_bullter_boxes .bullte-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px 0;
}
section.why-elmi.text_bullter_boxes .bullte-box ul li {
    position: relative;
    background-color: rgba(9, 107, 255, 0.1);
    padding: 13px 15px;
    border-radius: 22px;
    font-size: 14px;
    color: var(--blue-drk);
    font-weight: 500;
}
section.why-elmi.text_bullter_boxes .bullte-box ul li:not(:last-child):after {
    content: "\276F";
    width: 16px;
    height: 16px;
    background-color: #096bff;
    border-radius: 50%;
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 10px;
}
section.why-elmi-demo.live_demo .inner:after {
    content: "";
    width: 100%;
    height: 1px;
    background: transparent
        linear-gradient(90deg, #096bff00 0%, #096bff 50%, #096bff00 100%) 0% 0%
        no-repeat padding-box;
    /* box-shadow: 0px 2px 5px #096bffcc; */
    position: absolute;
    bottom: -78px;
    left: 0;
}
.more-system-solutions .inner {
    position: relative;
    max-width: 1168px;
    margin: 0 auto;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 60px;
}
.more-system-solutions .inner .solution {
    position: relative;
    height: 470px;
    display: flex;
}
.more-system-solutions .inner .thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    height: 470px;
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
}
.more-system-solutions .inner .thumbnail:after {
    content: "";
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%)
        0% 0% no-repeat padding-box;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.more-system-solutions .inner .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all 0.3s ease-in;
}
.more-system-solutions .data {
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-end;
    padding: 25px;
}
.more-system-solutions .data .title {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    color: var(--white);
}
.more-system-solutions .data .excerpt {
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
    color: var(--white);
}
.more-system-solutions .data a {
    font-size: 0px;
    line-height: 0px;
    font-weight: bold;
    color: #096bff;
    background-color: var(--white);
    width: 100%;
    text-align: center;
    text-decoration: none;
    padding: 0px;
    margin-top: 0px;
    border-radius: 10px;
    transition: all 0.3s ease-in;
    overflow: hidden;
}
.more-system-solutions .inner .solution:hover .data a {
    margin-top: 50px;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
}
.more-system-solutions .inner .solution:hover .thumbnail img {
    transform: scale(1.1);
}
.more-system-solutions .inner .solution:hover {
    border-radius: 30px;
    box-shadow: 0px 10px 25px #00000066;
}
.more-system-solutions .section-title {
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    color: var(--blue-drk);
}
.more-system-solutions .section-subtitle {
    font-size: 16px;
    line-height: 25px;
    color: var(--blue-drk);
}
.system-service-page .live_demo {
    margin-top: 60px;
}
.system-service-page .lyseis .inner {
    max-width: 1464px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}
.system-service-page .lyseis #system-integration {
    padding: 80px 16px 0 16px;
}
.system-service-page .lyseis #professional-services {
    padding: 80px 16px 0 16px;
}
.system-service-page .lyseis #system-integration .blue-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    color: #096bff;
}
.lyseis .main-page-link {
    font-size: clamp(28px, 6vw, 48px);
    font-weight: bold;
    color: var(--blue-drk);
    text-decoration: none;
    position: relative;
    padding-right: 15px;
    margin-bottom: 20px;
    transition: all 0.1s ease-in;
}
.lyseis .main-page-link:after {
    content: "\276F";
    font-size: 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.lyseis .main-page-link:hover {
    color: #096bff;
    text-decoration: underline;
    padding-right: 20px;
}
.lyseis .description {
    font-size: 18px;
    line-height: 30px;
    color: rgba(4, 16, 49, 0.6);
}
.anchors-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    width: 100%;
}
.lyseis .solution-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--white);
    box-shadow: 0px 2px 5px #04103133;
    border-radius: 20px;
    padding: 5px;
}
.lyseis .solution-box .meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    min-height: 260px;
    padding: 25px;
}
.lyseis .solution-box .title {
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    color: var(--blue-drk);
    text-align: center;
}
.lyseis .solution-box .subtitle {
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
    color: var(--black);
    text-align: center;
    padding-bottom: 15px;
}
.lyseis .solution-box .thumbnail {
    width: 100%;
    height: 250px;
    border-radius: 15px 15px 0px 0px;
    object-fit: contain;
}
.lyseis .solution-box .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 15px 15px 0px 0px;
}
.lyseis .outer:last-child {
    background-color: rgba(9, 107, 255, 0.1);
    padding-top: 160px;
    margin-top: -80px;
}

/* --------------------------------------------------------------------------------------------------------------------------- */
.mega-nav {
    position: relative;
    z-index: 50;
}
.main-menu {
    display: flex;
    align-items: center;
    gap: 32px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-menu__item {
    position: relative;
}
.main-menu__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 20px 0;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    transition: color 0.2s ease;
}
.main-menu__item:hover > .main-menu__link,
.main-menu__link:focus {
    color: var(--mm-blue);
}
.main-menu__item.has-mega > .main-menu__link::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-left: 1.5px solid #ffffff;
    border-bottom: 1.5px solid #ffffff;
    transform: rotate(-45deg) translateY(-1px);
    transition:
        transform 0.2s ease,
        border-color 0.2s ease;
}
.main-menu__item.has-mega:hover > .main-menu__link::after {
    transform: rotate(135deg) translateY(1px);
    border-color: var(--mm-blue);
}
.mega-menu {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    min-width: max-content;
    max-width: 100%;
    /* margin-top: 12px; */
    background: var(--mm-bg);
    color: var(--mm-text);
    border-radius: var(--mm-radius);
    box-shadow: var(--mm-shadow);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 0.18s ease,
        transform 0.18s ease,
        visibility 0.18s ease;
    transform-origin: top center;
}
.main-menu__item:hover > .mega-menu,
.main-menu__item:focus-within > .mega-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0);
}
.mega-menu__inner {
    padding: 30px 60px 60px 60px;
}

.mega-menu__header {
    display: grid;
    grid-template-columns: 1fr 206px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 18px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--mm-border);
    justify-items: stretch;
    gap: 30px;
}
.mega-menu__title {
    margin: 0;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
    color: var(--blue-drk);
}
.mega-menu__subtitle {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #096bff;
}
a.mega-menu__all-link.btn-dotarrow.blue {
    font-size: 16px;
    line-height: 30px;
}
.mega-menu__section + .mega-menu__section {
    margin-top: 24px;
}
.mega-menu__section-title {
    margin: 0 0 8px;
    font-size: 15px;
    font-weight: 700;
    color: var(--mm-text);
}
.mega-menu__section-title a {
    color: inherit;
    text-decoration: none;
}
.mega-menu__section-title a:hover {
    color: var(--mm-blue);
}
.mega-menu__section-subtitle {
    margin: 0 0 12px;
    font-size: 13px;
    color: var(--mm-text-muted);
}
.mega-menu__cols {
    /* display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr)); */
    display: flex;
    flex-direction: row;
    gap: 32px;
}
.mega-menu__col {
    min-width: 0;
}
.mega-menu__col-title {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 700;
    color: var(--mm-text);
}
.mega-menu__items {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mega-menu__items .is-blue {
    font-size: 16px;
    color: #096bff;
}
.mega-menu__items li + li {
    margin-top: 6px;
}
.mega-menu__items a {
    display: inline-block;
    font-size: 14px;
    color: var(--mm-text);
    text-decoration: none;
    transition:
        color 0.16s ease,
        transform 0.16s ease;
}
.mega-menu__items a:hover {
    color: #096bff;
    text-decoration: underline;
}
.mega-menu__items a.is-blue {
    color: #096bff;
    font-weight: 600;
}
.mega-menu__body .mega-menu__cols .mega-card {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 282px;
    height: 299px;
    position: relative;
}
.mega-menu__body--cards,
.mega-menu__cols--cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}
.mega-card {
    list-style: none;
    background: var(--white);
    border: 1px solid #00478533;
    border-radius: 20px;
    padding: 14px;
    transition:
        box-shadow 0.18s ease,
        transform 0.18s ease,
        border-color 0.18s ease;
}
.mega-card:hover {
    border-color: rgba(0, 99, 255, 0.45);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.22);
    transform: translateY(-4px);
}
.mega-card__logo {
    height: 160px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.mega-card__logo img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.mega-card__title {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: bold;
    color: var (--blue-drk);
}
.mega-card__title a {
    color: inherit;
    text-decoration: none;
}
.mega-card__title a:hover {
    color: var(--mm-blue);
}
.mega-card__desc {
    margin: 0;
    font-size: 13px;
    color: var(--blue-drk);
    text-align: center;
}
.mega-card__read-more {
    font-size: 13px;
    line-height: 25px;
    color: var(--white);
    background-color: #096bff;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    padding: 8px 0;
    width: 85%;
    color: var(--white) !important;
    position: absolute;
    opacity: 0;
    bottom: 20px;
    transition: all 0.3s ease-in;
}
.mega-card:hover .mega-card__read-more {
    bottom: -20px;
    opacity: 1;
}
.mega-card:hover .mega-card__title {
    color: #096bff;
}
.productSwiper .swiper-slide {
    width: 100%;
    height: 100%;
    padding: 15px 38px 85px 38px;
    background-color: var(--white);
}
.productSwiper .swiper-slide img {
    max-width: 500px;
    max-height: 500px;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.productSwiper {
    max-width: 576px;
    box-shadow: 0px 10px 30px #04103133;
    border-radius: 30px;
    transform: translateY(90px);
}
.product-info {
    display: grid;
    grid-template-columns: 1fr 576px;
    justify-items: stretch;
    align-items: center;
    max-width: 1464px;
    margin: auto;
    gap: 164px;
    width: 100%;
}
.product-info h1 {
    margin: 10px 0;
}
.product-info .blue-uptitle,
.hero.template_2 .blue-uptitle {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #03e1fb;
}
.product-info .hero_intro_text,
.hero.template_2 .hero_intro_text {
    font-size: clamp(13px, 1.5vw, 16px);
    line-height: clamp(20px, 3vw, 35px);
    font-weight: 300;
    color: var(--white);
}
.hero.template_2 .hero_intro_text {
    margin-bottom: 40px;
}
.hero.template_2 {
    padding: 10px 80px 86px 80px;
}

.product-info .product_subtitle,
.hero.template_2 .product_subtitle {
    font-size: 18px;
    line-height: 35px;
    font-weight: bold;
    color: var(--white);
}
.hero.template_1 {
    padding-bottom: 0;
    margin-bottom: 93px;
}
.productSwiper .swiper-pagination-bullet {
    background: rgba(4, 16, 49, 0.2);
    opacity: unset;
}
.productSwiper .swiper-pagination-bullet-active {
    background: rgba(4, 16, 49, 1);
    opacity: unset;
}
.productSwiper .swiper-button-next:after,
.productSwiper .swiper-button-prev:after {
    font-size: 13px;
    color: var(--blue-drk);
}
.productSwiper .swiper-button-next,
.productSwiper .swiper-button-prev {
    top: unset;
    bottom: 20px;
}
.product-content .inner {
    display: grid;
    grid-template-columns: 1fr 576px;
    justify-items: stretch;
    align-items: center;
    max-width: 1464px;
    margin: auto;
    gap: 164px;
    width: 100%;
    margin-bottom: 144px;
    padding: 0 16px;
}
.product-content {
    display: flex;
    flex-direction: column;
}
.product-attributes {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.product-attributes .attribute {
    font-size: clamp(12px, 1.6vw, 16px);
    line-height: 35px;
    font-weight: bold;
    color: #096bff;
}
.product-attributes .value {
    font-size: clamp(14px, 2vw, 20px);
    line-height: 35px;
    color: var(--blue-drk);
}
.prd-atr {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    justify-items: start;
    gap: 47px;
}
.specs-card {
    background: var(--white);
    border-radius: 30px;
    padding: 30px;
    width: 100%;
}
.specs-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 23px;
}
.specs-card__title {
    margin: 0;
    font-size: clamp(16px, 2vw, 20px);
    line-height: 35px;
    font-weight: bold;
    color: var(--blue-drk);
}
.specs-card__compare {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 12px;
    border-radius: 20px;
    background: rgba(9, 107, 255, 0.1);
    color: #096bff;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    outline: none;
    border: none;
    transition: all 0.1s ease-in;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -0.24px;
}
.specs-card__compare svg path {
    fill: #096bff;
    transition: all 0.1s ease-in;
}
.specs-card__compare:hover svg path {
    fill: var(--white);
}
.specs-card__compare:hover {
    background: rgba(9, 107, 255, 1);
    color: var(--white);
}
.specs-card__compare:active {
    transform: translateY(1px);
}
.specs-card__compare-icon {
    font-size: 14px;
}
.specs-card__body {
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
}
.specs-card__row {
    display: grid;
    grid-template-columns: minmax(0, 40%) minmax(0, 60%);
    padding: 15px;
    font-size: 14px;
    color: #111827;
}
.specs-card__row:nth-child(odd) {
    background: rgba(4, 16, 49, 0.05);
    border-radius: 10px;
}
.specs-card__row:nth-child(even) {
    background: var(--white);
}

.specs-card__label {
    font-size: 14px;
    font-weight: 600;
}
.specs-card__label a:hover {
    text-decoration: underline;
}
.specs-card__value {
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    color: var(--black);
}
.product-content {
    display: flex;
    flex-direction: column;
}
.product-content .inner:last-child {
    /* margin-top: 75px; */
    align-items: start;
}
.inner.full-width {
    display: flex;
    gap: 0;
}
.product_extra_information {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.information_block {
    background-color: var(--white);
    border-radius: 30px;
    display: grid;
    grid-template-columns: 19px 1fr;
    gap: 20px;
    padding: 30px;
}
.video_block {
    background-color: var(--white);
    border-radius: 30px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.video_block .top {
    display: grid;
    grid-template-columns: 19px 1fr;
    gap: 20px;
}
.video-image {
    position: relative;
    height: 317px;
    border-radius: 10px;
    overflow: hidden;
}
.video-image .play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background-color: #096bff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    z-index: 3;
    cursor: pointer;
}
img.yt-thumbnail.img-fluid {
    width: 100%;
    object-fit: cover;
    height: 100%;
    z-index: 1;
}
.video-image:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2;
}
#videoModal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: auto;
    max-width: 900px;
    z-index: 10;
}
span.video-modal-close {
    display: flex;
    color: red;
    font-size: 26px;
    float: right;
    cursor: pointer;
    width: 35px;
    height: 35px;
    align-items: center;
    justify-content: center;
    background: white;
    border-radius: 50%;
    margin-bottom: 10px;
}
.video-iframe-wrapper iframe {
    border-radius: 10px;
}
.video-layout {
    cursor: pointer;
    display: flex;
    flex-direction: column;
}
.video-layout .video-title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: var(--black);
    padding: 15px 30px 0 30px;
    width: auto;
    text-align: center;
    transition: all 0.1s ease-in;
}
.video-layout:hover .video-title {
    color: var(--red);
    text-decoration: underline;
}
.video-back-layer.active {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
}
section.similar_products .inner {
    max-width: 1464px;
    margin: auto;
    padding: 0 0 80px 16px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.similar_products_wrapper {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    padding-top: 25px;
}
section.similar_products .title {
    font-size: clamp(20px, 3vw, 36px);
    font-weight: bold;
    color: var(--blue-drk);
}
section.similar_products .subtitle {
    font-size: 16px;
    line-height: 25px;
    color: rgba(4, 16, 49, 0.6);
}
.product_item {
    max-width: 428px;
    width: 100%;
    min-height: 498px;
    background-color: var(--white);
    border: 1px solid #e1e1e1;
    border-radius: 30px;
    transform: translateY(0px);
    transition: all 0.1s ease-in;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 15px 15px 15px;
    position: relative;
    box-shadow: 0px 0px 0px #04103133;
    transition: all 0.1s ease-in;
}
.product_item .thumbnail {
    width: 260px;
    height: 260px;
    overflow: hidden;
}
.product_item .thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.product_item .product_title {
    font-size: 20px;
    line-height: 35px;
    font-weight: bold;
    color: var(--blue-drk);
    text-align: center;
    margin: 10px 0;
}
.product_item .product_excerpt {
    font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    color: var(--black);
    text-align: center;
}
.product_item .product_link {
    font-size: 14px;
    line-height: 20px;
    color: #096bff;
    background-color: rgba(9, 107, 255, 0.1);
    border-radius: 15px;
    text-decoration: none;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    margin-top: 10px;
    transition: all 0.1s ease-in;
}
.product_item:hover {
    box-shadow: 0px 10px 30px #04103133;
    transform: translateY(-5px);
}
.product_item:hover .product_link {
    background-color: rgba(9, 107, 255, 1);
    color: var(--white);
}
.product_item .specs-card__compare {
    position: absolute;
    top: 16px;
    right: 16px;
    transition: all 0.1s ease-in;
}
.product_item:hover .specs-card__compare {
    top: 21px;
}
.product-file {
    font-size: 14px;
    line-height: 20px;
    color: #096bff;
    background-color: rgba(9, 107, 255, 0.1);
    border-radius: 15px;
    text-decoration: none;
    text-align: center;
    padding: 10px 15px;
    /* width: 100%; */
    margin-top: 10px;
    display: flex;
    transition: all 0.1s ease-in;
    align-items: center;
    gap: 50px;
    justify-content: space-around;
}
.product-file svg path {
    fill: #096bff;
    transition: all 0.1s ease-in;
}
.product-file:hover svg path {
    fill: var(--white);
    stroke: var(--white);
}
.product-file:hover {
    background-color: rgba(9, 107, 255, 1);
    color: var(--white);
}
#compare-widget {
    width: 68px;
    height: 68px;
    box-shadow: 0px 5px 20px #04103133;
    border-radius: 50%;
    position: fixed;
    right: 30px;
    bottom: 10%;
    z-index: 20;
    padding: 5px;
    cursor: pointer;
    background-color: var(--white);
    transition: all 0.1s ease-in;
}
#compare-widget button {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: none;
    background-color: rgba(9, 107, 255, 0.1);
    cursor: pointer;
    transition: all 0.1s ease-in;
}
#compare-widget button svg path {
    fill: #096bff;
    transition: all 0.1s ease-in;
}
#compare-widget .compare-widget__count {
    position: absolute;
    top: -3px;
    right: -3px;
    background-color: #d43232;
    color: var(--white);
    font-size: 10px;
    line-height: 13px;
    font-weight: 600;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--white);
}
#compare-widget button svg {
    width: 24px;
    height: 20px;
}
#compare-widget:hover button svg path {
    fill: var(--white);
}
#compare-widget:hover,
#compare-widget:hover button {
    background-color: #096bff;
}
.product-grid .inner {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 5%;
    max-width: 1760px;
    margin: 0 auto;
    justify-content: space-between;
    justify-items: stretch;
    padding: 80px 16px 160px 16px;
}
.product-grid .products {
    display: flex;
    gap: 16px;
    justify-content: flex-start;
    justify-items: end;
    flex-direction: row;
    flex-wrap: wrap;
}
.product-grid nav.filters > div {
    max-width: 280px;
}
.product-grid nav.filters > div:not(:last-child) {
    border-bottom: 1px solid #e1e1e1;
}
ul.filter-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.product-grid nav.filters > div {
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
span.filter-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: var(--blue-drk);
}
ul.filter-list li {
    background-color: var(--white);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 5px;
}
select#category-filter {
    padding: 11px;
    border-radius: 10px;
    box-shadow: 0px 2px 3px #04103133;
    border: 1px solid #e1e1e100;
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    line-height: 25px;
    color: var(--blue-drk);
    outline: none;
}
.filter-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition:
        background-color 0.15s ease,
        color 0.15s ease;
}
.filter-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.filter-checkbox__box {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 0;
    background-color: #f4f4f4;
    box-sizing: border-box;
    position: relative;
    flex-shrink: 0;
    transition:
        background-color 0.15s ease,
        border-color 0.15s ease;
}
.filter-checkbox__box::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border-right: 2px solid var(--white);
    border-bottom: 2px solid var(--white);
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.15s ease;
}
.filter-checkbox__label {
    font-size: 14px;
    line-height: 1.4;
    color: var(--blue-drk);
}
.filter-checkbox input[type="checkbox"]:checked + .filter-checkbox__box {
    background-color: #096bff;
    border-color: #096bff;
}
.filter-checkbox input[type="checkbox"]:checked + .filter-checkbox__box::after {
    opacity: 1;
}
.filter-checkbox
    input[type="checkbox"]:checked
    + .filter-checkbox__box
    + .filter-checkbox__label {
    color: #1677ff;
    font-weight: 500;
}
.filter-checkbox:hover .filter-checkbox__box {
    border-color: #096bff;
}
.compare-page .inner {
    max-width: 1776px;
    margin: 60px auto 110px auto;
    padding: 0 16px;
}
table.compare-table {
    width: 100%;
}
/* ====== Table base ====== */
.compare-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 20px;
    overflow: hidden;
    table-layout: fixed;
}
.compare-row:nth-child(odd):not(.compare-row--header):not(
        .compare-row--section-title
    ) {
    background: var(--white);
    border-radius: 10px;
}
.compare-row:nth-child(odd):not(.compare-row--header):not(
        .compare-row--section-title
    )
    td:first-child {
    border-radius: 10px 0 0 10px;
}
.compare-row:nth-child(odd):not(.compare-row--header):not(
        .compare-row--section-title
    )
    td:last-child {
    border-radius: 0 10px 10px 0;
}
.compare-cell {
    padding: 16px 15px;
    font-size: 14px;
    color: var(--blue-drk);
    vertical-align: middle;
}
tr.compare-row.compare-row--spec:nth-child(odd) td {
    border: 1px solid #e1e1e1;
}
tr.compare-row.compare-row--spec:nth-child(odd) td:not(:first-child) {
    border-left: 0px;
}
tr.compare-row.compare-row--spec:nth-child(even) td:not(:last-child) {
    border-right: 1px solid #e1e1e1;
}
.compare-product-header {
    background-color: var(--white);
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px;
    gap: 25px;
    position: relative;
}
button.compare-remove {
    position: absolute;
    right: 5px;
    top: 5px;
    background-color: transparent;
    border: none;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
    transition: all 0.1s ease-in;
    cursor: pointer;
}
button.compare-remove:hover {
    color: rgba(212, 50, 50, 1);
    background-color: rgba(212, 50, 50, 0.1);
}
tr.compare-row.compare-row--header td {
    padding: 0;
}
.compare-product-image {
    width: 120px;
    height: 120px;
}
.compare-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
tr.compare-row.compare-row--spec td:first-child {
    font-weight: bold;
}
tr.compare-row.compare-row--spec td:not(:first-child) {
    text-align: center;
}
tr.compare-row.compare-row--section-title td {
    padding: 0 15px 18px 15px;
}
tr.compare-row.compare-row--section-title td:first-child {
    font-size: 16px;
    font-weight: bold;
    color: var(--blue-drk);
}
.compare-product-title {
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    color: var(--blue-drk);
}
p.compare-description {
    font-size: 14px;
    line-height: 25px;
    font-weight: 300;
    color: var(--blue-drk);
}
td.compare-cell.compare-cell--product-link {
    text-align: center;
    padding: 40px 0;
}
td.compare-cell.compare-cell--product-link a {
    font-size: 14px;
    color: var(--blue-drk);
    vertical-align: middle;
    padding: 16px 68px;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    background-color: var(--white);
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    transition: all 0.1s ease-in;
}
td.compare-cell.compare-cell--product-link a:after {
    content: "\276F";
    font-size: 10px;
    position: absolute;
    right: 50px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.1s ease-in;
}
td.compare-cell.compare-cell--product-link a:hover:after {
    right: 25px;
    opacity: 1;
}
td.compare-cell.compare-cell--product-link a:hover {
    background-color: #096bff;
    color: var(--white);
    padding: 16px 96px 16px 43px;
}
.invoicing-mydata-main-content .list_boxes .inner,
.compatible_equipment .inner {
    max-width: 1464px;
    margin: 0 auto;
    padding: 0 148px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.invoicing-mydata-main-content .list_boxes .inner > .title,
.compatible_equipment .inner > .title {
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
    color: var(--blue-drk);
}
.invoicing-mydata-main-content .list_boxes .boxes {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.invoicing-mydata-main-content .list_boxes .box {
    background-color: var(--white);
    box-shadow: 0px 2px 5px #04103133;
    border-radius: 20px;
    padding: 30px;
}
.invoicing-mydata-main-content .list_boxes .box .top {
    display: flex;
    align-items: center;
    gap: 10px;
}
.invoicing-mydata-main-content .list_boxes .box-title {
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    color: var(--blue-drk);
}
.compatible_equipment .equipment {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 14px;
}
.compatible_equipment .inner > .description {
    font-size: clamp(13px, 2vw, 16px);
    line-height: 35px;
    color: var(--blue-drk);
}
.digital_customer_base .inner {
    max-width: 1464px;
    margin: 0 auto;
    padding: 0 148px;
    display: flex;
}
.digital_customer_base .inner {
    max-width: 1464px;
    margin: 0 auto;
    padding: 0 148px;
    display: flex;
    gap: 100px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 80px;
    position: relative;
}
.digital_customer_base .inner::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: transparent
        linear-gradient(90deg, #096bff00 0%, #096bff 50%, #096bff00 100%) 0% 0%
        no-repeat padding-box;
    /* box-shadow: 0px 2px 5px #096bffcc; */
}
.digital_customer_base .info .title {
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
    color: var(--blue-drk);
}
.digital_customer_base .info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.digital_customer_base .info a {
    margin-top: 30px;
}
.digital_customer_base {
    padding-bottom: 80px;
}
.digital_customer_base .info .description {
    font-size: clamp(13px, 2vw, 16px);
    line-height: clamp(25px, 3.5vw, 30px);
    color: var(--blue-drk);
}
.template_b_see_more .inner {
    max-width: 1464px;
    margin: 0 auto;
    padding: 0 148px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.template_b_see_more .inner > .title {
    font-size: clamp(22px, 5vw, 36px);
    font-weight: bold;
    color: var(--blue-drk);
}
.template_b_see_more .inner > .subtitle {
    font-size: 16px;
    line-height: 25px;
    color: #096bff;
    text-align: center;
}
.template_b_see_more .inner > .description {
    font-size: 16px;
    line-height: 25px;
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
}
.template_b_see_more .inner .categories {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: center;
}
.template_b_see_more .inner .categories a {
    font-size: 15px;
    color: var(--blue-drk);
    background-color: var(--white);
    border-radius: 10px;
    text-decoration: none;
    text-align: center;
    padding: 17px 30px;
    box-shadow: 0px 2px 3px #096bff33;
    border: 1px solid #096bff33;
    position: relative;
    transition: all 0.1s ease-in;
}
.template_b_see_more .inner .categories a:after {
    content: "\276F";
    font-size: 10px;
    position: absolute;
    right: 30px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.1s ease-in;
}
.template_b_see_more .inner .categories a:hover {
    color: var(--white);
    background-color: #096bff;
    padding: 17px 40px 17px 20px;
}
.template_b_see_more .inner .categories a:hover:after {
    right: 15px;
    opacity: 1;
}
.invoicing-mydata-main-content.template_2 .text_bulltes:first-child {
    margin-top: 80px;
}
.invoicing-mydata-main-content.template_2
    .text_bulltes:first-child
    .inner
    > .title {
    font-size: clamp(22px, 5vw, 36px);
    font-weight: bold;
    color: var(--blue-drk);
}
.invoicing-mydata-main-content.template_2
    .text_bulltes:not(:first-child)
    .inner
    > .title {
    font-size: 24px;
    font-weight: bold;
    color: var(--blue-drk);
}
.search-results .inner,
.no-results .inner {
    max-width: 1464px;
    margin: 80px auto;
    padding: 0 148px;
}
.error-content .inner {
    max-width: 1464px;
    margin: 80px auto;
    padding: 0 148px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
span.error-code {
    font-size: 200px;
    font-weight: bold;
    color: var(--blue-drk);
    text-align: center;
}
.mobile-menu {
    display: none;
}
.homeSwiper .swiper-slide {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    justify-items: center;
    align-items: center;
    padding: 60px;
}
.homeSwiper .swiper-slide .info {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.homeSwiper .swiper-slide .title {
    font-size: clamp(28px, 5vw, 52px);
    line-height: clamp(35px, 6vw, 65px);
    font-weight: bold;
    color: var(--white);
    text-align: left;
}
.homeSwiper .swiper-slide .description {
    font-size: clamp(14px, 2.5vw, 20px);
    line-height: clamp(25px, 3vw, 30px);
    font-weight: 300;
    color: var(--white);
    text-align: left;
}
.homeSwiper .swiper-button-prev:after,
.homeSwiper .swiper-button-next:after {
    font-size: 14px;
    color: var(--white);
}
.homeSwiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5);
    opacity: unset;
}
.homeSwiper .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
    opacity: unset;
}
.homeSwiper .swiper-slide.background {
    border-radius: 30px;
}
.homeSwiper img.slider-logo {
    max-width: 300px;
}
.homeSwiper .swiper-slide.blue_text .title,
.homeSwiper .swiper-slide.blue_text .description {
    color: var(--blue-drk);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 45px !important;
    right: unset !important;
    bottom: 28px !important;
    top: unset !important;
    z-index: 11 !important;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 45px !important;
    left: unset !important;
    bottom: 28px !important;
    top: unset !important;
    z-index: 11 !important;
}
.hero .main-image > svg,
.value__icon,
.filters__btn {
    display: none;
}
.filters__actions,
.filter-top-bar {
    display: none !important;
}
html.no-scroll,
body.no-scroll {
    overflow: hidden;
}
section.more-system-solutions {
    padding: 0 16px;
}
/* .swiper-backface-hidden .swiper-slide {
    width: auto !important;
} */
.mobile-timeline {
    display: none !important;
}
.compare-scroll {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.blue-container.white .inner {
    background: var(--white);
}
.blue-container.white .title,
.blue-container.white .description {
    color: var(--blue-drk);
}
section.challenge-solution.invoicing-mydata-main-content .double-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3%;
    max-width: 1760px;
    margin: 40px auto 80px auto;
}
section.challenge-solution.invoicing-mydata-main-content
    .double-col
    .blue-container.white
    .inner {
    padding: 40px 80px;
}
section.challenge-solution.invoicing-mydata-main-content
    .double-col
    .blue-container.white:nth-child(2)
    .inner
    svg {
    position: absolute;
    left: unset;
    top: 80px;
    right: -40px;
    transform: rotate(90deg);
}
section.challenge-solution.invoicing-mydata-main-content .section_title {
    max-width: 1760px;
    margin: auto;
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
    font-size: clamp(18px, 2.5vw, 28px);
    line-height: clamp(30px, 4vw, 45px);
    font-weight: bold;
    margin-top: 80px;
}
section.page_content .inner {
    max-width: 1234px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0px auto;
    padding: 80px 16px;
}
/* !WPML BOTTOM BAR */
.otgs-development-site-front-end {
    display: none !important;
}