@charset "UTF-8";
html {
  scroll-behavior: smooth;
  font-display: swap;
}

body {
  position: relative;
  font-family: "Inter", Arial, sans-serif;
  font-size: clamp(18px, 1.302vw, 25px);
  line-height: 1.2;
  font-weight: 400;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-display: swap;
}

body.loading {
  overflow: hidden;
}

img {
  max-width: 100%;
  height: auto;
}

a,
a:hover,
a:focus {
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  color: #757576;
}

div.body-wrapper:not(#home) .container {
  max-width: 1600px;
}

a,
.transition,
#languages li a.wpml-ls-link .wpml-ls-native {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

.grecaptcha-badge {
  z-index: 999;
}

.cn-button.bootstrap {
  border-radius: 0;
  padding: 10px 20px;
}

.img-reveal {
  visibility: hidden;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.reveal {
  visibility: hidden;
}

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

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

.z-index-2 {
  z-index: 2;
}

.z-index-10 {
  z-index: 10;
}

.z-index-20 {
  z-index: 20;
}

.t-border {
  border-top: 1px solid;
}

.b-border {
  border-bottom: 1px solid;
}

.fit-img img,
.fit-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

a.link {
  position: relative;
  padding-bottom: 2.5px;
}
a.link span.link-underline {
  width: 0%;
  height: 2px;
}
a.link:hover span.link-underline {
  width: 100%;
}

.layout-link-wrapper a.link {
  padding-bottom: 3.5px;
}
.layout-link-wrapper a.link span.link-underline {
  height: 4px;
}

.border,
.border-top,
.border-bottom,
.border-left,
.border-right {
  border-color: #111111;
}

#languages span:last-child {
  opacity: 0.65;
}

span.language-div {
  height: 100%;
  width: 2px;
  background-color: #fff;
}

.clearfix {
  clear: both;
}

.ruler-latest-posts .ruler-latest-post-item span.ruler-latest-post-num {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.ruler-latest-posts .ruler-latest-post-item:hover, .ruler-latest-posts .ruler-latest-post-item:focus {
  cursor: pointer;
}
.ruler-latest-posts .ruler-latest-post-item:hover span.ruler-latest-post-num, .ruler-latest-posts .ruler-latest-post-item:focus span.ruler-latest-post-num {
  color: #fff;
  background-color: #111111;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

div#breadcrumbs ul li a {
  opacity: 0.5;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
div#breadcrumbs ul li:hover a, div#breadcrumbs ul li:focus a {
  opacity: 1;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
div#breadcrumbs ul li:not(:last-child)::after {
  content: " ";
  width: 1px;
  height: 20px;
  position: absolute;
  right: 0.5rem;
  background-color: #111111;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.text-justify {
  text-align: justify;
}

.radius-10 {
  border-radius: 10px;
}

.text-indent-100,
.text-indent-100 p {
  text-indent: clamp(50px, 5.208vw, 100px);
}

.text-indent-200,
.text-indent-200 p {
  text-indent: clamp(100px, 10.417vw, 200px);
}

.text-indent-100 h2,
.text-indent-200 h2 {
  text-indent: 0;
}

.gradient-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #8D8B88, #EFEFEF);
  opacity: 0.5;
  z-index: -1;
}

.gradient-bg-bot:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #8D8B88, #EFEFEF);
  opacity: 0.5;
  z-index: -1;
}

#site-loader {
  position: fixed;
  max-height: 100vh;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  inset: 0;
  z-index: 9999;
  background: #fff;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.6s ease;
  padding: 10px;
}
#site-loader .inner-wrapper {
  border: 1px solid #111111;
  padding: 10px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
#site-loader .inner {
  max-height: clamp(250px, 39.271vw, 754px);
  max-width: clamp(250px, 39.271vw, 754px);
}
#site-loader #loader-video {
  transition: transform 0.8s ease, opacity 0.6s ease;
}
#site-loader.hidden {
  opacity: 0;
  visibility: hidden;
}
#site-loader.hidden #loader-video {
  transform: scale(1.05);
  opacity: 0;
}

#main-content {
  margin-bottom: 125px;
}
#main-content .single-post-content {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 125px;
}
#main-content .single-post-content * {
  margin-bottom: 25px;
}
#main-content .single-post-content h2,
#main-content .single-post-content h3 {
  font-weight: 400;
  line-height: 1.2;
}
#main-content .single-post-content h2 {
  font-size: 40px;
}
#main-content .single-post-content h3 {
  font-size: 30px;
}
#main-content .single-post-content .wp-block-image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 25px;
}
#main-content .single-post-content .service-slider .thumbs-swiper .swiper-slide {
  width: 100%;
}
#main-content .single-post-content blockquote {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: start;
  padding: 50px;
  border-radius: 10px;
  background: rgba(210, 210, 210, 0.5);
}
#main-content .single-post-content blockquote h2 {
  color: #231F20;
  font-size: 40px;
  font-weight: 400;
  margin: 25px 0 40px 0;
  text-transform: uppercase;
}
#main-content .single-post-content blockquote cite {
  width: 100%;
  color: #B12028;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 20px;
  order: -1;
}
#main-content .intro-area-date {
  color: #878787;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1; /* 25px */
  text-transform: uppercase;
}
#main-content .ruler-share-widget ul.ruler-share-list li {
  margin-left: 50px;
}
#main-content .ruler-share-widget ul.ruler-share-list li .ruler-share-label {
  color: #231F20;
  font-size: 15px;
  font-weight: 400;
}

#archive #main-content {
  margin-top: clamp(100px, 15.104vw, 290px);
}
#archive #main-content ul#categories-link li a.active .word {
  text-underline-offset: 6px;
  text-decoration: underline;
}
#archive #main-content ul#categories-link li:last-child a {
  padding-right: 0;
}
#archive #main-content #archive-posts .article-wrapper .article-thumbnail {
  height: 475px;
}
#archive #main-content #archive-posts .article-wrapper .post-date {
  color: #B12028;
}
#archive #main-content #archive-posts a.load-more-posts-button span.arrow {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#archive #main-content #archive-posts a.load-more-posts-button span.arrow.invert-rotation {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#main-content.case-study-item {
  margin-bottom: 0;
}
#main-content #case-study-results .results-left h2 {
  border-color: rgb(177, 32, 40);
}
#main-content #case-study-results .results-right {
  max-height: clamp(300px, 23.542vw, 452px);
}
#main-content #case-study-results .results-outro {
  border-width: 1px;
  border-style: dashed;
  border-color: rgb(177, 32, 40);
  border-image: initial;
  background-color: #e9e9e9;
}
#main-content #case-study-results .results-outro h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.2;
  margin-top: 15px;
  margin-bottom: 25px;
}
#main-content section#intro-area .single-post-featured {
  height: 550px;
}

.page #content {
  margin-top: clamp(125px, 15.104vw, 290px);
}

.page-template-template-company #expand-items,
.service-template-default #expand-items {
  display: none;
}
.page-template-template-company #expand-items.is-active,
.service-template-default #expand-items.is-active {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

#wpforms-405 .wpforms-field-checkbox .wpforms-field-label-inline {
  color: #fff;
}

.service-item:hover {
  cursor: pointer;
}

.page-template-template-brochures .service-item svg {
  max-width: clamp(24px, 1.875vw, 36px);
  max-height: clamp(24px, 1.875vw, 36px);
  width: 100%;
  height: 100%;
}

#footer-top-inner .newsletter div#wpforms-confirmation-405 {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  line-height: 22px;
  border-radius: 10px;
  text-align: left;
}

.page-template-template-brochures-boxes .services-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(24px, 3.333vw, 64px);
}

#benefit-icons .icons-wrapper .icon .text-25 p {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.1;
}

#procedure div.text-25:not(.number) {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgb(177, 32, 40);
  border-radius: 0;
  margin-bottom: 45px;
}
#procedure div.text-25:not(.number) h2 {
  color: #000;
  margin-bottom: 0;
  text-align: center !important;
}

.key-technologies-prev,
.key-technologies-next {
  position: absolute;
  top: 40%;
  left: 0;
  z-index: 10;
}

.key-technologies-next {
  left: unset;
  right: 0;
}

.service-slider .swiper-slide {
  border-radius: 10px;
  overflow: hidden;
}

#case-studies .left-arrow,
#case-studies .right-arrow {
  position: absolute;
  margin-left: 0;
  margin-right: 0;
  bottom: 10%;
  left: 0;
  z-index: 2;
}

#case-studies .right-arrow {
  right: 0;
  left: 50px;
}

#case-study-boxes .icon .icon-img-wrapper {
  height: clamp(35px, 4.167vw, 80px);
  height: clamp(35px, 4.167vw, 80px);
}

#case-study-boxes-bot .icon .icon-img-wrapper {
  height: clamp(35px, 4.167vw, 60px);
  height: clamp(35px, 4.167vw, 60px);
}

.single-post .case-study-item #case-study-boxes .icon .icon-img-wrapper img,
.single-post .case-study-item #case-study-boxes-bot .icon .icon-img-wrapper img {
  width: auto;
  height: 100%;
}

#case-studies .article-box-inner h3 {
  margin-bottom: 10px !important;
}

a.hero-full-video {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
a.hero-full-video svg {
  height: 25px;
}

#subservices .service-item h3 a svg {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

#subservices .service-item h3:hover a svg {
  -webkit-transform: translateX(20px);
  -moz-transform: translateX(20px);
  -ms-transform: translateX(20px);
  -o-transform: translateX(20px);
  transform: translateX(20px);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.white-fill {
  fill: #fff;
}

.black-fill {
  fill: #111111;
}

.white-bg {
  background-color: #fff;
}

.black-bg {
  background-color: #111111;
}

.c-light-grey {
  color: #DADFE1;
}

.c-white {
  color: #fff;
}

.c-black {
  color: #111111;
}

.c-totalblack {
  color: #000;
}

.c-red {
  color: #B12028;
}

.c-dark-grey {
  color: #757576;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  text-transform: capitalize;
}

.font-inter {
  font-family: "Inter", sans-serif;
  font-display: swap;
}

.font-100 {
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
}

.font-300 {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}

.font-400 {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

.font-500 {
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
}

.font-600 {
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

.font-700 {
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
}

.line-height1,
.line-height1 p {
  line-height: 1;
}

.line-height1-2,
.line-height1-2 p {
  line-height: 1.2;
}

.line-height1-3,
.line-height1-3 p {
  line-height: 1.3;
}

.line-height1-5,
.line-height1-5 p {
  line-height: 1.5;
}

.line-height1-8 {
  line-height: 1.8;
}

.line-height2 {
  line-height: 2;
}

.text-15 {
  font-size: clamp(13px, 0.781vw, 15px);
}

.text-16 {
  font-size: 16px;
}

.text-18,
.text-18 p {
  font-size: clamp(16px, 0.938vw, 18px);
  font-weight: 500;
  line-height: 1.5;
}

.text-20 {
  font-size: clamp(15px, 1.042vw, 20px);
}

.text-22 {
  font-size: clamp(16px, 1.146vw, 22px);
}

.text-25, .text-25 li, .text-25 p, .text-25 h3 {
  font-size: clamp(18px, 1.302vw, 25px);
}

.text-27 {
  font-size: clamp(19px, 1.406vw, 27px);
}

.text-28 {
  font-size: clamp(20px, 1.406vw, 28px);
}

.text-30 {
  font-size: clamp(20px, 1.563vw, 30px);
}

.text-32 {
  font-size: clamp(20px, 1.667vw, 32px);
}

.text-40 {
  font-size: clamp(20px, 2.083vw, 40px);
}

.text-50 {
  font-size: clamp(27.5px, 2.604vw, 50px);
}

.text-60,
.text-60 h1,
.text-60 h2,
.text-60 h3 {
  font-size: clamp(30px, 3.125vw, 60px);
}

.text-80 {
  font-size: clamp(40px, 4.167vw, 80px);
}

.text-90 {
  font-size: clamp(45px, 4.688vw, 90px);
}

.text-100 {
  font-size: clamp(50px, 5.208vw, 100px);
}

#search-btn {
  cursor: pointer;
}

#search-icon.opened .search_open {
  display: none;
  opacity: 0;
}
#search-icon.opened .search_close {
  display: block;
  opacity: 1;
}

#searchOverlay {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

#search-icon {
  cursor: pointer;
  transition: all 0.3s linear;
}
#search-icon:hover {
  opacity: 0.6;
}

#search-wrapper {
  max-width: 500px;
  right: 0;
}

#s {
  height: 50px;
  color: #fff;
  border-color: #fff;
  background: none;
  box-shadow: none;
  border-left: none;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
}
#s::placeholder {
  color: #fff;
}
#s:focus-visible {
  outline: none;
  box-shadow: 0 0 0 1px rgb(255, 240, 42);
}

.search-close-btn-wrapper {
  cursor: pointer;
}
.search-close-btn-wrapper svg {
  height: 45px;
  height: width;
  cursor: pointer;
}

.autoComplete_wrapper {
  width: 100%;
}

.autoComplete_wrapper input {
  height: 50px;
  width: 100%;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  text-overflow: unset;
  color: #fff;
  border-color: #fff;
  outline: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid;
  background-image: unset;
  background-size: unset;
  background-position: unset;
  background-repeat: no-repeat;
  background-origin: border-box;
  background-color: transparent;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.autoComplete_wrapper input:hover, .autoComplete_wrapper input:focus {
  border: 0;
  border-bottom: 1px solid;
  border-color: #fff;
}
.autoComplete_wrapper input:focus-visible {
  outline: none;
  border: 0;
  border-bottom: 1px solid;
}
.autoComplete_wrapper input:hover, .autoComplete_wrapper input:focus, .autoComplete_wrapper input:focus-visible, .autoComplete_wrapper input::placeholder {
  color: #fff !important;
  background-image: unset;
}
.autoComplete_wrapper input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 14px;
  width: 14px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 16 16"><path d="M1 1l14 14m0-14L1 15" stroke="white" stroke-width="2"/></svg>') no-repeat center center;
  cursor: pointer;
  opacity: 0.8;
}
.autoComplete_wrapper input[type=search]:hover::-webkit-search-cancel-button {
  opacity: 1;
}

.autoComplete_wrapper ul {
  max-height: unset;
  height: auto;
  color: #fff;
  padding: 0;
  z-index: 1;
  border-radius: 0;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.autoComplete_wrapper ul li {
  margin: 0 0 5px 0;
  padding: 10px;
  font-size: 15px;
  color: #fff;
  border-radius: 0;
  border-bottom: 1px solid #fff;
  background-color: transparent;
  text-overflow: unset;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.autoComplete_wrapper ul li:hover {
  opacity: 0.5;
  background-color: transparent;
}
.autoComplete_wrapper ul li div.title {
  color: #fff;
}
.autoComplete_wrapper ul li span.meta {
  display: none;
}

.pad-10 {
  padding: 10px;
}

.pad-inline-10 {
  padding-inline: 10px;
}

.pad-inline-medium {
  padding-inline: clamp(20px, 2.604vw, 50px);
}

.pad-inline-100 {
  padding-inline: clamp(20px, 5.2vw, 100px);
}

.pad-inline-big {
  padding-inline: clamp(50px, 7.292vw, 140px);
}

.pad-inline-xlarge {
  padding-inline: clamp(60px, 9.896vw, 190px);
}

.pad-block-20 {
  padding-block: clamp(10px, 1.042vw, 20px);
}

.pad-block-40 {
  padding-block: clamp(20px, 2.083vw, 40px);
}

.pad-block-70 {
  padding-block: clamp(35px, 3.646vw, 70px);
}

.pad-block-100 {
  padding-block: clamp(50px, 5.208vw, 100px);
}

.pad-block-130 {
  padding-block: clamp(70px, 6.771vw, 130px);
}

.pt-40 {
  padding-top: clamp(20px, 2.083vw, 40px);
}

.pb-40 {
  padding-bottom: clamp(20px, 2.083vw, 40px);
}

.pt-60 {
  padding-top: clamp(30px, 2.083vw, 60px);
}

.pb-60 {
  padding-bottom: clamp(30px, 2.083vw, 60px);
}

.pt-90 {
  padding-top: clamp(45px, 4.688vw, 90px);
}

.pb-90 {
  padding-bottom: clamp(45px, 4.688vw, 90px);
}

.pr-150 {
  padding-right: clamp(80px, 10.4vw, 200px);
}

.pad-bottom-130 {
  padding-bottom: clamp(70px, 6.771vw, 130px);
}

.mt-50 {
  margin-top: clamp(30px, 2.604vw, 50px);
}

.mt-70 {
  margin-top: clamp(40px, 3.646vw, 70px);
}

.mt-90 {
  margin-top: clamp(40px, 4.688vw, 90px);
}

.mt-140 {
  margin-top: clamp(80px, 7.292vw, 140px);
}

.mt-290 {
  margin-top: clamp(100px, 15.104vw, 290px);
}

.mb-40 {
  margin-bottom: clamp(20px, 2.083vw, 40px);
}

.mb-60 {
  margin-bottom: clamp(30px, 3.125vw, 60px);
}

.mb-70 {
  margin-bottom: clamp(40px, 3.646vw, 70px);
}

.mb-80 {
  margin-bottom: clamp(40px, 4.167vw, 80px);
}

.mb-90 {
  margin-bottom: clamp(40px, 4.688vw, 90px);
}

.mb-150 {
  margin-bottom: clamp(80px, 7.813vw, 150px);
}

.ml-140 {
  margin-left: clamp(50px, 7.292vw, 140px);
}

.mr-140 {
  margin-right: clamp(50px, 7.292vw, 140px);
}

.swiper-controls {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  justify-items: center;
}

.swiper-pagination {
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 20px;
  position: relative;
  display: flex;
}

.swiper-pagination-bullet {
  border: 1px solid;
  width: 10px;
  height: 10px;
  background: transparent;
  opacity: 1;
}

.swiper-button {
  border: 1px solid;
  border-radius: 100%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  transition: all 0.3s linear;
}
.swiper-button:hover {
  background: #fff;
}
.swiper-button:hover path {
  background: #fff;
  stroke: yellow;
}

.swiper-button-disabled {
  opacity: 0.5;
}

ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 0;
  line-height: 0;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
ul.page-numbers li {
  width: auto;
  height: auto;
  margin: 0 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
ul.page-numbers li span.page-numbers {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #111111;
}
ul.page-numbers li a.page-numbers:not(.next, .prev) {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
ul.page-numbers li a.page-numbers:hover {
  background-color: #111111;
  width: 50px;
  height: 50px;
  border: 1px solid;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 10px;
}
ul.page-numbers li a.page-numbers:hover svg {
  stroke: yellow;
}
ul.page-numbers li a.page-numbers svg {
  stroke: yellow;
}
ul.page-numbers li a.page-numbers.prev svg {
  transform: rotate(-136deg);
  -webkit-transform: rotate(-136deg);
  -moz-transform: rotate(-136deg);
  -ms-transform: rotate(-136deg);
  -o-transform: rotate(-136deg);
}
ul.page-numbers li a.page-numbers.next svg {
  transform: rotate(42deg);
  -webkit-transform: rotate(42deg);
  -moz-transform: rotate(42deg);
  -ms-transform: rotate(42deg);
  -o-transform: rotate(42deg);
}
ul.page-numbers li a.next,
ul.page-numbers li a.prev {
  width: 50px;
  height: 50px;
  border: 1px solid;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-left: 10px;
}

#header {
  max-width: 97%;
  top: 35px;
  left: 1.5%;
  z-index: 10;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
#header #burger-menu {
  filter: invert(1);
}
#header:not(.scrolled):hover #burger-menu.mobile-menu span {
  background-color: #111111;
}
#header #header-bg {
  height: calc(100% - 30px);
  width: 100%;
  opacity: 0;
  top: 15px;
  left: 0;
  border-radius: 38px;
  background-color: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(10px);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
#header .button-wrapper .button {
  min-width: auto;
}
#header #logo img {
  height: 38px;
  width: auto;
  filter: invert(0);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
#header #header-bg {
  opacity: 1;
}
#header #logo svg {
  filter: invert(1);
}
#header #menu-main-menu li.level-1 > a {
  color: #111111;
}
#header #menu-main-menu li.level-1 .menu-icon path {
  stroke: #111111;
}
#header.scrolled {
  top: 12.5px;
}
#header.scrolled #header-bg {
  opacity: 1;
}
#header.scrolled #logo svg {
  filter: invert(1);
}
#header.scrolled #menu-main-menu li.level-1 > a {
  color: #111111;
}
#header.scrolled #menu-main-menu li.level-1 .menu-icon path {
  stroke: #111111;
}
#header .button-wrapper .arrow {
  transform: rotate(-45deg);
}
#header #menu-main-menu {
  margin-right: clamp(20px, 3.906vw, 75px);
}
#header #menu-main-menu li a {
  cursor: pointer;
  color: #111111;
  opacity: 0.7;
  font-weight: 500;
  font-size: clamp(16px, 1.042vw, 18px);
}
#header #menu-main-menu li a:focus {
  box-shadow: none;
  outline: 0;
}
#header #menu-main-menu li a:hover {
  opacity: 1;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
#header #menu-main-menu li.is-open a {
  opacity: 1;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
#header #menu-main-menu li span.parent-menu-icon {
  cursor: pointer;
}
#header #menu-main-menu li.level-1 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  padding-inline: clamp(20px, 4.167vw, 60px);
}
#header #menu-main-menu li.level-1 > a {
  color: #111111;
  padding-block: clamp(38px, 4.536vw, 45px);
}
#header #menu-main-menu li.level-1 .parent-menu-icon {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  margin-left: 10px;
}
#header #menu-main-menu li.level-1:hover > .parent-menu-icon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header #menu-main-menu li.level-1:hover > ul.sub-menu.level-2 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#header #menu-main-menu li ul.sub-menu.level-2 {
  position: absolute;
  left: 0;
  top: 110px;
  width: 100%;
  padding-right: 15px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.65);
  opacity: 0;
  pointer-events: none;
  backdrop-filter: blur(10px);
}
#header #menu-main-menu li ul.sub-menu.level-2 .is-open {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
#header #menu-main-menu li ul.sub-menu.level-2 > li.mega-layout {
  width: 100%;
}
#header #menu-main-menu li ul.sub-menu.level-2 > li.mega-layout > .submenu-3cols {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start;
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col ul {
  padding: 15px 0;
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col ul,
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col ul li,
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col ul li a {
  width: 100%;
  flex-wrap: wrap;
  justify-content: start;
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col ul > li.level-2 a .parent-menu-icon {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col ul > li.level-2 a:hover .parent-menu-icon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col ul > li.level-3 a .link-menu-icon {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col ul > li.level-3 a:hover .link-menu-icon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col-1 {
  width: 25%;
  border-right: 1px dashed #111111;
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col-1 ul {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  flex-direction: column;
  justify-content: space-evenly;
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col-1 ul li {
  position: relative;
  width: 100%;
  padding: 10px 20px;
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col-1 ul li .parent-menu-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col-1 ul li:hover .parent-menu-icon {
  -webkit-transform: translateY(-50%) rotate(45deg);
  -moz-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  -o-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col-1 ul li:not(:last-child) {
  border-bottom: 1px dashed #111111;
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col-2 {
  width: 37.5%;
  padding: 25px;
  align-items: end;
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col-2 a {
  font-size: clamp(15px, 1.042vw, 16px);
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col-3 {
  width: 37.5%;
  padding: 15px 0;
  min-height: 425px;
}
#header #menu-main-menu li ul.sub-menu.level-2 .submenu-col-3 .menu-item-image-wrapper {
  top: 0;
  left: 0;
  padding: 15px 0;
}

.home #header #header-bg {
  opacity: 0;
}
.home #header #logo img, .home #header #logo svg {
  filter: invert(0);
}
.home #header #burger-menu {
  filter: invert(0);
}
.home #header #menu-main-menu li.level-1 > a {
  color: #fff;
}
.home #header #menu-main-menu li.level-1 .menu-icon path {
  stroke: #fff;
}
.home #header:hover #header-bg {
  opacity: 1;
}
.home #header:hover #logo svg {
  filter: invert(1);
}
.home #header:hover #menu-main-menu li.level-1 > a {
  color: #111111;
}
.home #header:hover #menu-main-menu li.level-1 .menu-icon path {
  stroke: #111111;
}
.home #header.scrolled {
  top: 12.5px;
}
.home #header.scrolled #header-bg {
  opacity: 1;
}
.home #header.scrolled #logo svg {
  filter: invert(1);
}
.home #header.scrolled #burger-menu {
  filter: invert(1);
}
.home #header.scrolled #menu-main-menu li.level-1 > a {
  color: #111111;
}
.home #header.scrolled #menu-main-menu li.level-1 .menu-icon path {
  stroke: #111111;
}

.loading #header {
  z-index: 1;
}

footer {
  background: rgba(231, 234, 235, 0.83);
  margin-top: -10px;
}
footer .copyright-footer {
  border-top: 1px dashed rgba(255, 255, 255, 0.3);
  padding-block: 15px;
}
footer #footer-top-inner {
  padding-block: clamp(40px, 3.646vw, 70px);
  gap: 20px;
}
footer #menu-terms {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  gap: clamp(15px, 1.927vw, 37px);
  justify-content: flex-end;
  margin-bottom: 0;
}
footer #menu-terms li a {
  color: #fff;
  font-size: clamp(13px, 0.781vw, 15px);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
footer .logo {
  max-width: clamp(150px, 13.333vw, 256px);
  max-height: clamp(150px, 13.333vw, 256px);
}
footer .logo video, footer .logo img {
  min-width: clamp(200px, 20.833vw, 400px);
  min-height: clamp(200px, 20.833vw, 400px);
  height: clamp(150px, 13.333vw, 256px);
  width: auto;
}
footer .desc {
  max-width: 324px;
}
footer .contact-info {
  max-width: 180px;
}
footer #menu-footer-menu,
footer #menu-careers-legal {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
footer #menu-footer-menu li,
footer #menu-careers-legal li {
  margin-bottom: 5px;
}
footer #menu-footer-menu li a,
footer #menu-careers-legal li a {
  color: #fff;
  font-size: clamp(17px, 1.042vw, 20px);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
footer .newsletter-form-wrapper form {
  position: relative;
}
footer .newsletter-form-wrapper form .wpforms-submit-container {
  position: absolute;
  top: 10px;
  right: clamp(5px, 0.521vw, 10px);
}
footer .wpforms-field.wpforms-field-email input {
  background-color: transparent !important;
  border-radius: 30px !important;
  border: 1px solid #F0F2F2 !important;
  min-width: 100%;
  color: #fff !important;
  font-weight: 400 !important;
  -webkit-font-smoothing: antialiased;
  height: clamp(45px, 3.438vw, 66px);
}
footer .wpforms-field.wpforms-field-email input::placeholder {
  font-size: 16px !important;
  color: #fff !important;
  font-weight: 400 !important;
  -webkit-font-smoothing: antialiased;
}
footer .submit-arrow-btn {
  width: clamp(35px, 2.604vw, 50px) !important;
  height: clamp(35px, 2.604vw, 50px) !important;
  border-radius: 50px !important;
  background-color: white !important;
  background-size: clamp(16px, 1.146vw, 22px) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  cursor: pointer;
  text-indent: -9999px !important;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M21.266%201.07348L21.2472%200.402507L20.5762%200.383644L6.90923%200.000132789C6.53918-0.0102698%206.24671%200.282196%206.25712%200.652252C6.26752%201.02231%206.5769%201.33169%206.94696%201.34209L18.9934%201.68073L0.183427%2020.4907C-0.071492%2020.7457-0.0595654%2021.1699%200.2101%2021.4396C0.479766%2021.7093%200.904042%2021.7212%201.15896%2021.4663L19.969%202.65626L20.3076%2014.7027C20.318%2015.0728%2020.6274%2015.3822%2020.9974%2015.3926C21.1831%2015.3978%2021.3484%2015.3273%2021.4663%2015.2094C21.5843%2015.0915%2021.6548%2014.9262%2021.6496%2014.7405L21.266%201.07348Z%22%20fill%3D%22black%22/%3E%3C/svg%3E") !important;
}
footer #back-to-top {
  bottom: 120px;
  right: 40px;
}
footer #back-to-top svg {
  max-width: clamp(35px, 2.656vw, 51px);
  max-height: clamp(35px, 2.656vw, 51px);
}
footer a.x-social svg {
  padding: 5px;
  background-color: #fff;
  border-radius: 5px;
  height: 21px;
  width: auto;
}

.webglBg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  background: transparent;
  display: block;
}

#home-hero .hero-data {
  bottom: clamp(30px, 4.688vw, 90px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
#home-hero .hero-title,
#home-hero .hero-desc {
  opacity: 1;
  pointer-events: all;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
#home-hero .hero-title {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
#home-hero .hero-btn {
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
#home-hero .video-gradient-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.3);
}
#home-hero .restart-video {
  right: clamp(40px, 5.208vw, 100px);
  top: clamp(100px, 10.417vw, 200px);
  cursor: pointer;
  opacity: 0;
  max-width: clamp(180px, 18.75vw, 360px);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
#home-hero .restart-video .button-wrapper .button {
  min-width: clamp(60px, 11.979vw, 230px);
  justify-content: center !important;
}
#home-hero .restart-video .button-wrapper .text {
  font-size: clamp(13px, 0.781vw, 15px);
}
#home-hero .hero-file-wrapper {
  height: 100%;
}
#home-hero .hero-file-wrapper video {
  opacity: 0;
  transition: opacity 0.8s ease;
}
#home-hero .hero-file-wrapper.video-started video {
  opacity: 1;
}
#home-hero .hero-file-wrapper.video-ended .restart-video,
#home-hero .hero-file-wrapper.video-ended .hero-btn {
  opacity: 1;
  pointer-events: auto;
}

body.loaded .hero-data {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0);
}

#certifications .certificate {
  max-width: 213px;
}
#certifications .certificate .desc {
  margin-bottom: 40px;
}
#certifications .certificate-wrapper {
  border-right: 0.8px dashed rgba(0, 0, 0, 0.2);
  padding-block: 30px;
}
#certifications .certificate-wrapper:last-child {
  border-right: 0;
}

#partners-logos .partner-logo-wrapper {
  width: clamp(106px, 11.042vw, 212px);
  height: clamp(110px, 11.458vw, 220px);
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.1);
  border: 0.8px dashed rgba(0, 0, 0, 0.3);
  filter: grayscale(1);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
#partners-logos .partner-logo-wrapper:hover {
  filter: none;
}

#benefit-icons .icon {
  border: 1px dashed #B12028;
  padding: 26px;
}
#benefit-icons .icon p {
  margin-bottom: 0;
}
#benefit-icons .icons-wrapper {
  --bs-gutter-x: clamp(20px,3.646vw,70px);
}
#benefit-icons .icon-img-wrapper {
  height: clamp(30px, 4.167vw, 80px);
  height: clamp(30px, 4.167vw, 80px);
}
#benefit-icons .icon-img-wrapper img {
  max-height: 100%;
  object-fit: contain;
}

#icons .icon {
  padding: 26px;
}
#icons .icon p {
  margin-bottom: 0;
}
#icons .desc {
  max-width: clamp(800px, 53.125vw, 1020px);
}
#icons .desc p {
  margin-bottom: 0;
}
#icons .icon-desc {
  max-width: max-content;
  margin: 0 auto;
}
#icons .icons-wrapper {
  --bs-gutter-x: clamp(20px,3.646vw,70px);
}
#icons .icon-img-wrapper {
  height: clamp(30px, 4.167vw, 80px);
  height: clamp(30px, 4.167vw, 80px);
}
#icons .icon-img-wrapper img {
  max-height: 100%;
  object-fit: contain;
}

#faqs {
  /* εξαφανίζει το default arrow */
  /* styling του custom icon */
  /* Μηδενίζουμε το Bootstrap arrow */
  /* Wrapper του icon */
  /* Οριζόντια γραμμή του + */
  /* Οριζόντια γραμμή */
  /* Κάθετη γραμμή (η οποία θα περιστραφεί) */
  /* Όταν το accordion είναι ΑΝΟΙΧΤΟ → η κάθετη γραμμή περιστρέφεται 90° */
}
#faqs #faqAccordion {
  border: 1px dashed #B12028;
}
#faqs .accordion-body {
  padding: 0;
  max-width: 94%;
  color: rgba(0, 0, 0, 0.6);
}
#faqs .faq {
  padding: 40px 66px;
  border-bottom: 1px dashed #B12028;
}
#faqs .accordion-button::after {
  display: none !important;
}
#faqs .faq-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
}
#faqs .accordion-button::after {
  display: none !important;
}
#faqs .faq-icon {
  position: relative;
  width: 16px;
  height: 16px;
  display: inline-block;
  border: 1px solid black;
  padding: 20px;
  border-radius: 50%;
}
#faqs .faq-icon::before,
#faqs .faq-icon::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  background-color: black;
  transition: transform 0.3s ease;
}
#faqs .faq-icon::before {
  top: 50%;
  width: 16px;
  height: 2px;
  transform: translateY(-50%);
}
#faqs .faq-icon::after {
  top: 50%;
  width: 2px;
  height: 16px;
  transform: translateY(-50%) rotate(0deg);
}
#faqs .accordion-button:not(.collapsed) .faq-icon::after {
  transform: translateY(-50%) rotate(90deg);
}
#faqs .accordion-button {
  background: white;
  border-radius: 15px;
  box-shadow: none;
  padding: 0;
}
#faqs .accordion-button:focus {
  box-shadow: none;
}
#faqs .accordion-item {
  background: white;
  border-bottom: 1px dashed #B12028;
  padding: clamp(20px, 2.135vw, 40px) clamp(25px, 3.49vw, 65px);
  border-radius: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
#faqs .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
#faqs .accordion {
  max-width: 950px;
  margin-left: auto;
  margin-right: auto;
}
#faqs .accordion .row:last-child .accordion-item {
  border-bottom: 0;
}

#case-studies #articles-tabContent {
  margin-left: clamp(20px, 14.583vw, 280px);
}
#case-studies .article-term-btn .word:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 2px;
  background: black;
  transition: width 0.4s ease;
}
#case-studies .article-term-btn:hover:not(.active) .word:after {
  width: 100%;
}
#case-studies .article-term-btn.active .word {
  text-decoration: underline;
  text-underline-offset: 6px;
}
#case-studies .article-box {
  padding: 0 34px;
  padding-top: clamp(180px, 14.323vw, 275px);
}
#case-studies .article-box .article-box-inner-wrapper {
  padding-bottom: 110px;
}
#case-studies.articles-wrapper .swiper-wrapper {
  cursor: none !important;
}
#case-studies .dragBall {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease, transform 0.1s linear;
  z-index: 9999;
  user-select: none;
  background: #111111;
  border-radius: 50px;
  padding: 15px 40px;
}
#case-studies .dragBall.dragging {
  transform: scale(0.9);
}

.home #case-studies {
  background: linear-gradient(0deg, rgba(231, 234, 235, 0.83) 0%, rgba(218, 223, 225, 0.56) 100%);
}
.home #case-studies .swiper-slide, .home #case-studies .col-border {
  border-left: 0.8px dashed rgba(0, 0, 0, 0.4);
}

#intro-area figure {
  height: 100%;
}
#intro-area h2 {
  color: #B12028;
  font-size: clamp(20px, 1.302vw, 25px);
  margin-bottom: clamp(20px, 2.083vw, 40px);
  text-align: left;
}
#intro-area .intro-area-row {
  --bs-gutter-x: clamp(20px,10.625vw,204px);
}
#intro-area .intro-area-row .service-desc p:first-of-type {
  text-indent: clamp(50px, 5.208vw, 100px);
}

.service-featured {
  max-height: 472px;
}

.service-slider {
  display: flex;
  gap: clamp(15px, 1.771vw, 34px);
}
.service-slider video {
  width: 100%;
  height: 100%;
}
.service-slider .service-gallery-wrapper {
  padding-left: clamp(40px, 8.333vw, 160px);
}
.service-slider .fancybox__caption {
  font-size: 15px;
  font-weight: 400;
  font-family: inherit;
}
.service-slider .fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  border-color: #B12028;
}
.service-slider .main-swiper figcaption {
  display: none;
}
.service-slider .main-swiper figure {
  height: 100%;
  margin-bottom: 0;
}
.service-slider .lightbox-icon {
  bottom: 24px;
  right: 24px;
  pointer-events: none;
  max-width: clamp(20px, 2.083vw, 40px);
}
.service-slider .main-swiper {
  height: 472px;
  width: calc(100% - clamp(100px, 9.271vw, 178px) - clamp(16px, 2vw, clamp(15px, 1.771vw, 34px)));
}
.service-slider .main-swiper .image-description {
  opacity: 0;
}
.service-slider .main-swiper a.fit-img {
  height: 472px;
  width: 100%;
}
.service-slider .main-swiper img {
  display: block;
}
.service-slider .thumbs-swiper {
  width: 25%;
  height: 472px;
  position: relative;
  cursor: none;
}
.service-slider .thumbs-swiper .drag-icon {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  background: #111111;
  color: #fff;
  padding: 8px 12px;
  border-radius: 20px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 9;
}
.service-slider .thumbs-swiper.show-drag .drag-icon {
  opacity: 1;
}
.service-slider .thumbs-swiper .swiper-slide {
  opacity: 0.5;
  height: 100%;
  width: clamp(100px, 9.271vw, 178px);
  height: 105px;
}
.service-slider .thumbs-swiper .swiper-slide img {
  display: block;
  border-radius: 10px;
}
.service-slider .thumbs-swiper .swiper-slide-thumb-active {
  opacity: 1;
}

/* Buttons */
.button-wrapper {
  border-radius: 40px;
  max-width: max-content;
  border: 0;
}
.button-wrapper:focus {
  box-shadow: none;
}
.button-wrapper .button {
  padding: 6px 6px 6px 22px;
  display: inline-block;
  border-radius: 50px;
  min-width: 230px;
}
.button-wrapper .button .text {
  color: #111111;
}
.button-wrapper .button.black-bg .text {
  color: #fff;
}
.button-wrapper .button.black-bg .arrow {
  background: #fff;
}
.button-wrapper .button.black-bg .arrow svg path {
  fill: #111111;
}
.button-wrapper .arrow {
  width: clamp(34px, 2.604vw, 50px);
  height: clamp(34px, 2.604vw, 50px);
  background: #111111;
  border-radius: 50%;
}
.button-wrapper .arrow svg {
  width: clamp(20px, 1.563vw, 30px);
  height: clamp(15px, 1.094vw, 21px);
  animation: arrowReverseSlide 0.8s ease forwards;
}
.button-wrapper .arrow svg path {
  fill: #fff;
}
.button-wrapper:hover .arrow svg {
  animation: arrowDiagonalSlide 0.8s ease forwards;
}
.button-wrapper.reverse-icon .arrow {
  transform: rotate(90deg);
}
.button-wrapper.diagonial-icon .arrow {
  transform: rotate(-45deg);
}

@keyframes arrowDiagonalSlide {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(15px);
  }
  50% {
    transform: translateX(-15px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes arrowReverseSlide {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  49% {
    opacity: 0;
    transform: translateX(-15px);
  }
  50% {
    transform: translateX(15px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* Buttons */
.button-simple {
  max-width: max-content;
  border: 0;
  padding: 10px;
}
.button-simple .arrow {
  width: 23px;
  height: 23px;
  background: #111111;
  border-radius: 50px;
}
.button-simple .arrow svg {
  width: 14px;
  height: 10px;
  animation: arrowReverseSlide 0.8s ease forwards;
}
.button-simple .arrow svg path {
  fill: #fff;
}
.button-simple:hover .arrow svg {
  animation: arrowDiagonalSlide 0.8s ease forwards;
}

.service-box {
  padding: 30px 25px 25px 25px;
  background: rgba(255, 255, 255, 0.16);
  min-height: 343px;
  height: 343px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.service-box:hover {
  color: #fff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
  cursor: none;
}
.service-box:hover .service-img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.service-box a.overlay-link {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.83) 0%, rgba(0, 0, 0, 0.56) 0%);
  cursor: none;
}
.service-box .service-img {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.service-box .service-title {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.service-box .service-title a:hover,
.service-box .service-title .number:hover {
  color: #fff;
}
.service-box.c-black:hover .service-title,
.service-box.c-black:hover a.button-simple,
.service-box.c-black:hover .number,
.service-box.c-black:hover .c-black {
  color: #fff;
}

#home #services .service-box:hover,
#home #services .service-box a.overlay-link {
  cursor: pointer;
}

.home #why-kimi .counter {
  padding-inline: clamp(20px, 2.083vw, 40px);
}
.home #why-kimi .counter span {
  font-weight: 400;
  font-size: clamp(30px, 2.604vw, 50px);
  margin-left: -10px;
}
.home #why-kimi .counter .number {
  letter-spacing: -1px;
}
.home #why-kimi .counters .col-lg-3:first-child .counter {
  padding-left: 0;
}
.home #why-kimi .counters .col-lg-3:last-child .counter {
  padding-right: 0;
}
.home #quality-control .quality-control-img {
  width: clamp(380px, 39.635vw, 761px);
  height: clamp(214px, 22.292vw, 428px);
}
.home .gradient-home {
  background: linear-gradient(180deg, rgba(141, 139, 136, 0.83) 0%, rgba(218, 223, 225, 0.56) 100%);
}
.home #services {
  padding-block: clamp(50px, 6.771vw, 130px) clamp(80px, 9.896vw, 190px);
}
.home #services .services-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(24px, 3.333vw, 64px);
}
.home #industries .text-default {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transform: translateY(0px);
  margin-top: clamp(-3px, -0.156vw, -1px);
}
.home #industries .text-hover {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transform: translateY(100%);
}
.home #industries .link-card .title-wrapper {
  cursor: unset !important;
}
.home #industries .link-card hr {
  margin: 0;
  border: 0.8px dashed rgba(0, 0, 0, 0.3);
}
.home #industries .link-card .up {
  padding: 25px 20px;
}
.home #industries .link-card .down {
  padding: clamp(25px, 2.083vw, 40px) 30px clamp(40px, 3.646vw, 70px) 30px;
}
.home #industries .link-card .down .title-wrapper {
  display: block;
  padding-bottom: 20px;
  max-height: clamp(30px, 3.333vw, 64px);
}
.home #industries .link-card:hover .text-default {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transform: translateY(-100%);
}
.home #industries .link-card:hover .text-hover {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transform: translateY(-100%);
}
.home .tech-slider .bottom-left-area {
  bottom: 66px;
  left: 44px;
}
.home .tech-slider .tech-counter {
  height: 100px;
}
.home .tech-slider .content-wrapper {
  height: 200px;
}
.home #technologies2 {
  position: relative;
}
.home #technologies2 .tech-menu {
  position: relative;
  top: 160px;
}
.home #technologies2 .tech-menu .menu-underline {
  position: absolute;
  bottom: -6px;
  height: 1px;
  background: white;
  transition: left 0.3s ease, width 0.3s ease;
}
.home #technologies2 .tech-wrapper {
  height: calc(100vh - 20px) !important;
}
.home #technologies2 .titles-wrapper {
  position: absolute;
  bottom: 50px;
  right: 45px;
  max-width: clamp(500px, 43.75vw, 840px);
  z-index: 20;
  width: 100%;
}
.home #technologies2 .titles-wrapper:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  background: #B12028;
  border-radius: 50%;
  left: -15px;
  top: 35%;
}
.home #technologies2 .titles-wrapper-inner {
  position: relative;
  height: 280px;
  overflow: hidden;
  margin: 0 20px;
}
.home #technologies2 .titles-wrapper-inner .content-wrapper {
  min-height: 280px;
  position: relative;
  height: 280px;
  overflow: hidden;
  margin: 0 20px;
}
.home #technologies2 .technology-title {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 280px;
}
.home #technologies2 .technology-item {
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
}
.home #technologies2 .technology-item.active {
  z-index: 9;
}
.home #technologies2 .technology-item img {
  min-height: 100vh;
}
.home #technologies2 .tech-counter {
  width: clamp(300px, 25.521vw, 490px);
  bottom: 135px;
  left: 44px;
  opacity: 0;
}
.home #technologies2 .tech-button {
  opacity: 0;
  left: 44px;
  bottom: 66px;
}
.home #technologies2 .technology-desc, .home #technologies2 .plus-button {
  opacity: 0;
}
.home #technologies2 .global-tech-spot {
  position: absolute;
  width: clamp(10px, 0.938vw, 18px);
  height: clamp(10px, 0.938vw, 18px);
  background: white;
  border-radius: 50%;
  pointer-events: none;
  z-index: 20;
}
.home #technologies2 .global-tech-spot .inner:after {
  position: absolute;
  content: "";
  width: clamp(50px, 6.25vw, 120px);
  height: clamp(50px, 6.25vw, 120px);
  border: 1px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  transform-origin: center center;
}
.home #technologies2 .connection-line {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 15;
}
.home #technologies2 .connection-line line {
  stroke: white;
  stroke-width: 1;
  stroke-dasharray: 6 6;
}
.home #site-loader::before {
  content: " ";
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: absolute;
  left: 10px;
  top: 10px;
  border: 1px solid #111111;
  border-radius: 10px;
}

.single-service,
.single-post {
  /* κρύβεις default cursor */
}
.single-service #call-to-action .container,
.single-post #call-to-action .container {
  max-width: 800px;
  margin: 0 auto;
}
.single-service #content,
.single-post #content {
  margin-top: clamp(125px, 15.104vw, 290px);
}
.single-service .counters .text-wrapper,
.single-post .counters .text-wrapper {
  display: inline-block;
  text-align: center;
  max-width: 500px;
}
.single-service .counters .separator,
.single-post .counters .separator {
  background: #B12028;
  height: 1px;
  width: 100%;
  margin: 10px auto 15px;
}
.single-service .counters .desc,
.single-post .counters .desc {
  margin: 0;
  line-height: 1.3;
}
.single-service .counters .counter,
.single-post .counters .counter {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.single-service #service-counters:after,
.single-post #service-counters:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(141, 139, 136, 0.83) 0%, rgba(239, 239, 239, 0.56) 84%);
  z-index: -1;
}
.single-service #service-counters .text-90,
.single-post #service-counters .text-90 {
  font-size: clamp(40px, 4.688vw, 80px);
}
.single-service #custom_subservices .custom-list ol,
.single-post #custom_subservices .custom-list ol {
  list-style: decimal-leading-zero;
  padding-left: clamp(40px, 5.208vw, 100px);
}
.single-service #custom_subservices .custom-list li,
.single-post #custom_subservices .custom-list li {
  padding-left: 20px;
  margin-bottom: 40px;
  color: #111111;
}
.single-service #custom_subservices .custom-list li::marker,
.single-post #custom_subservices .custom-list li::marker {
  color: #9d9b9f;
  opacity: 0.5;
}
.single-service #custom_subservices .service-preview,
.single-post #custom_subservices .service-preview {
  width: auto;
  height: 560px;
}
.single-service #subservices .services-row .inner,
.single-post #subservices .services-row .inner {
  padding-left: clamp(20px, 6.563vw, 126px);
}
.single-service #subservices .service-item:hover,
.single-post #subservices .service-item:hover {
  cursor: pointer;
}
.single-service #subservices .service-item svg,
.single-post #subservices .service-item svg {
  max-width: clamp(24px, 1.875vw, 36px);
  max-height: clamp(24px, 1.875vw, 36px);
  width: 100%;
  height: 100%;
}
.single-service #subservices .service-item a,
.single-post #subservices .service-item a {
  max-width: clamp(400px, 38.802vw, 745px);
}
.single-service #subservices .service-preview,
.single-post #subservices .service-preview {
  width: auto;
  height: 560px;
}
.single-service #subservices #servicePreviewImage,
.single-post #subservices #servicePreviewImage {
  opacity: 1;
  transition: opacity 0.4s ease;
  display: block;
}
.single-service #subservices #servicePreviewImage.is-fading,
.single-post #subservices #servicePreviewImage.is-fading {
  opacity: 0;
}
.single-service #timeline .timeline-btn,
.single-post #timeline .timeline-btn {
  border-bottom: 1px solid #B12028;
}
.single-service #timeline .timeline-items-wrapper,
.single-post #timeline .timeline-items-wrapper {
  max-width: 100%;
  margin: 0 auto;
}
.single-service #timeline .timeline-items-wrapper.noline .group-1.timeline-items::after,
.single-post #timeline .timeline-items-wrapper.noline .group-1.timeline-items::after {
  display: none;
}
.single-service #timeline .timeline-items-wrapper.noline .group-0.timeline-items::after,
.single-post #timeline .timeline-items-wrapper.noline .group-0.timeline-items::after {
  left: 50%;
  width: calc(100% - 300px);
}
.single-service #timeline .timeline-items-wrapper.noline.onlyOneGroup .timeline-item,
.single-post #timeline .timeline-items-wrapper.noline.onlyOneGroup .timeline-item {
  width: 16.5%;
}
.single-service #timeline .timeline-items,
.single-post #timeline .timeline-items {
  position: relative;
  margin-bottom: 40px;
  max-width: 100%;
  margin: 0 auto;
  display: inline-flex;
  align-items: stretch;
}
.single-service #timeline .timeline-items.group-0:after,
.single-post #timeline .timeline-items.group-0:after {
  left: 56%;
  width: 100%;
}
.single-service #timeline .timeline-items.group-0 .timeline-item:last-child:after,
.single-post #timeline .timeline-items.group-0 .timeline-item:last-child:after {
  display: none;
}
.single-service #timeline .timeline-items.group-0 .timeline-item:last-child:before,
.single-post #timeline .timeline-items.group-0 .timeline-item:last-child:before {
  top: unset;
  bottom: -50px;
  left: calc(50% - 1px);
  transform: translateX(-50%) rotate(90deg);
}
.single-service #timeline .timeline-items.group-1,
.single-post #timeline .timeline-items.group-1 {
  margin-top: 120px;
  flex-direction: row-reverse;
}
.single-service #timeline .timeline-items.group-1 .spacer,
.single-post #timeline .timeline-items.group-1 .spacer {
  min-height: auto;
}
.single-service #timeline .timeline-items.group-1:before,
.single-post #timeline .timeline-items.group-1:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 80%;
  top: 0;
  border-top: 2px dashed #111111;
  border-left: 2px dashed #111111;
  transform: translateX(-50%);
  height: 100px;
  display: none;
}
.single-service #timeline .timeline-items.group-1 .timeline-item:first-child:before,
.single-post #timeline .timeline-items.group-1 .timeline-item:first-child:before {
  content: "";
  position: absolute;
  right: 50%;
  height: 100px;
  width: 1px;
  top: -50%;
  border-right: 2px dashed #111111;
  background-image: none;
}
.single-service #timeline .timeline-items.group-1 .timeline-item:first-child:after,
.single-post #timeline .timeline-items.group-1 .timeline-item:first-child:after {
  left: -50%;
}
.single-service #timeline .timeline-items.group-1 .timeline-item:before,
.single-post #timeline .timeline-items.group-1 .timeline-item:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolyline fill='none' stroke='%23B12028' stroke-width='5' stroke-miterlimit='10' points='12.25,5 23.25,16 12.25,27'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 57px;
  z-index: 4;
  transform: rotate(180deg);
}
.single-service #timeline .timeline-items.group-1 .timeline-item.last-item:after,
.single-post #timeline .timeline-items.group-1 .timeline-item.last-item:after {
  display: block;
}
.single-service #timeline .timeline-item,
.single-post #timeline .timeline-item {
  width: 20%;
  display: flex;
  align-items: center;
  text-align: center;
  position: relative;
}
.single-service #timeline .timeline-item h3,
.single-post #timeline .timeline-item h3 {
  min-height: 30px;
}
.single-service #timeline .timeline-item:before,
.single-post #timeline .timeline-item:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolyline fill='none' stroke='%23B12028' stroke-width='5' stroke-miterlimit='10' points='12.25,5 23.25,16 12.25,27'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 57px;
  z-index: 4;
}
.single-service #timeline .timeline-item:after,
.single-post #timeline .timeline-item:after {
  content: "";
  position: absolute;
  left: 50%;
  height: 1px;
  width: 100%;
  top: 65px;
  border-top: 2px dashed #111111;
  z-index: -1;
}
.single-service #timeline .timeline-item.last-item:before, .single-service #timeline .timeline-item.last-item:after,
.single-post #timeline .timeline-item.last-item:before,
.single-post #timeline .timeline-item.last-item:after {
  display: none;
}
.single-service #timeline .timeline-item .inner,
.single-post #timeline .timeline-item .inner {
  position: relative;
  cursor: pointer;
  overflow: visible;
  display: flex;
  justify-content: center;
  align-items: center;
  order: 2;
  margin-block: 20px;
}
.single-service #timeline .timeline-item .inner:before, .single-service #timeline .timeline-item .inner::after,
.single-post #timeline .timeline-item .inner:before,
.single-post #timeline .timeline-item .inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid rgba(255, 0, 0, 0.6);
  border-radius: 50%;
  transform: scale(0.8);
  opacity: 0;
  pointer-events: none;
}
.single-service #timeline .timeline-item .inner:hover::before, .single-service #timeline .timeline-item .inner:hover::after,
.single-post #timeline .timeline-item .inner:hover::before,
.single-post #timeline .timeline-item .inner:hover::after {
  animation: pulse-edge 1.2s ease-out infinite;
}
.single-service #timeline .timeline-item .inner:hover::after,
.single-post #timeline .timeline-item .inner:hover::after {
  animation-delay: 0.6s;
}
.single-service #timeline .timeline-item .number,
.single-post #timeline .timeline-item .number {
  width: 88px;
  height: 88px;
  background: #111111;
  border-radius: 50%;
  position: relative;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.single-service #timeline .timeline-item .number:before,
.single-post #timeline .timeline-item .number:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: clamp(10px, 1.042vw, 20px);
  width: 1px;
  background: #111111;
  top: clamp(30px, 4.479vw, 86px);
}
.single-service #timeline .timeline-item .spacer,
.single-post #timeline .timeline-item .spacer {
  width: 100%;
  order: 1;
  min-height: 100px;
}
.single-service #timeline .timeline-item .desc,
.single-post #timeline .timeline-item .desc {
  position: relative;
  font-size: clamp(13px, 1.042vw, 20px);
  margin-top: 20px;
  order: 3;
  flex: 1;
  margin: 0;
  display: flex;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  max-width: clamp(150px, 14.74vw, 283px);
}
.single-service #timeline .timeline-item .desc .inner,
.single-post #timeline .timeline-item .desc .inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: end;
}
.single-service #timeline .timeline-item .desc .inner p,
.single-post #timeline .timeline-item .desc .inner p {
  margin-top: auto;
}
.single-service #timeline .timeline-item.up,
.single-post #timeline .timeline-item.up {
  flex-direction: column-reverse;
}
.single-service #timeline .timeline-item.up .desc,
.single-post #timeline .timeline-item.up .desc {
  margin-top: 0;
  order: 1;
}
.single-service #timeline .timeline-item.up .spacer,
.single-post #timeline .timeline-item.up .spacer {
  order: 3;
}
.single-service #timeline .timeline-item.up .number:before,
.single-post #timeline .timeline-item.up .number:before {
  top: unset;
  bottom: clamp(30px, 4.479vw, 86px);
}
.single-service #timeline .timeline-item.down .desc p,
.single-post #timeline .timeline-item.down .desc p {
  justify-content: start;
}
.single-service #timeline .timeline-item:hover .number,
.single-post #timeline .timeline-item:hover .number {
  background: #B12028;
}
.single-service #timeline .timeline-item:hover .desc,
.single-post #timeline .timeline-item:hover .desc {
  -webkit-scale: 1.1;
  -moz-scale: 1.1;
  -ms-scale: 1.1;
  -o-scale: 1.1;
  scale: 1.1;
}
.single-service .drag-cursor,
.single-post .drag-cursor {
  position: fixed;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  pointer-events: none;
  will-change: transform;
  backface-visibility: hidden;
  background: #000;
  color: #fff;
  padding: 10px 18px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 9999;
}
.single-service .related-swiper:hover .drag-cursor,
.single-post .related-swiper:hover .drag-cursor {
  opacity: 1;
}
.single-service .related-swiper .swiper-wrapper,
.single-post .related-swiper .swiper-wrapper {
  cursor: none !important;
}
.single-service .video-fallback-thumb,
.single-post .video-fallback-thumb {
  background: black;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 13px;
}

/* keyframes για παλμό από την άκρη */
@keyframes pulse-edge {
  0% {
    transform: scale(0.8);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.3;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.single-post #procedure h2 {
  font-weight: 700;
  margin-bottom: 35px;
  font-size: clamp(22px, 1.667vw, 32px);
}
.single-post #procedure .desc-inner p {
  text-align: center !important;
}
.single-post .snapshop-desc p,
.single-post .challenge-desc p {
  margin-bottom: 10px;
}
.single-post .snapshot-img {
  width: 100%;
  height: clamp(300px, 21.51vw, 413px);
}
.single-post .challenge-title h2,
.single-post .snapshop-title h2 {
  border-color: #B12028;
}
.single-post .challenge0wrapper .img-wrapper {
  width: 100%;
}
.single-post .challenge-specs .img-wrapper {
  width: 42px;
  height: 42px;
}
.single-post .challenge-specs .img-wrapper img {
  object-fit: none;
}
.single-post .snapshot_challenge_wrappers {
  --bs-gutter-x: clamp(20px,13.021vw,250px);
}
.single-post .case-study-item #case-study-boxes .icon,
.single-post .case-study-item #case-study-boxes-bot .icon {
  border-width: 1px;
  border-style: dashed;
  border-color: rgb(177, 32, 40);
  border-image: initial;
  padding: 26px;
}
.single-post .case-study-item #case-study-boxes .icon .icon-img-wrapper img,
.single-post .case-study-item #case-study-boxes-bot .icon .icon-img-wrapper img {
  width: auto;
}
.single-post .case-study-item #case-study-boxes .icon p,
.single-post .case-study-item #case-study-boxes-bot .icon p {
  margin-bottom: 0;
}
.single-post .case-study-item #case-study-boxes {
  background-color: rgba(141, 139, 136, 0.5);
}
.single-post .case-study-item #case-study-boxes-bot .icon {
  min-height: 225px;
}
.single-post .case-study-item #case-study-boxes-bot .icon img {
  height: 46px;
  width: auto;
}
.single-post .case-study-item #snapshot_challenge.gradient-bg::after {
  background: linear-gradient(to bottom, #8D8B88, transparent);
}

.page-template-template-contact #contact-us .social-media a span {
  min-width: 110px;
  display: inline-block;
}
.page-template-template-contact #contact-us .office-img {
  width: 100%;
  height: clamp(200px, 16vw, 400px);
}
.page-template-template-contact #contact-us #offices a {
  text-decoration: underline;
  text-underline-offset: 6px;
}
.page-template-template-contact #contact-us div.wpforms-container-full form input[type=text],
.page-template-template-contact #contact-us div.wpforms-container-full form input[type=email],
.page-template-template-contact #contact-us div.wpforms-container-full form textarea {
  border: 0;
  border-bottom: 1px solid #111111;
  border-radius: 0;
  background: none;
  padding: 0 !important;
  font-weight: 400;
  color: #231F20;
  font-size: clamp(15px, 1.042vw, 20px);
  -webkit-font-smoothing: antialiased;
}
.page-template-template-contact #contact-us div.wpforms-container-full form input[type=text]:focus,
.page-template-template-contact #contact-us div.wpforms-container-full form input[type=email]:focus,
.page-template-template-contact #contact-us div.wpforms-container-full form textarea:focus {
  outline: 0 !important;
  box-shadow: none !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-color: #B12028 !important;
}
.page-template-template-contact #contact-us div.wpforms-container-full form .wpforms-field input.wpforms-error {
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.page-template-template-contact #contact-us div.wpforms-container-full form button {
  background: #fff !important;
  border-radius: 30px !important;
  color: #111111 !important;
  font-size: clamp(14px, 0.938vw, 18px) !important;
  font-weight: 500 !important;
  -webkit-font-smoothing: antialiased;
  height: auto !important;
  padding: 16px 60px 16px 40px !important;
  margin-top: 30px;
  margin-right: 30px;
}
.page-template-template-contact #contact-us div.wpforms-container-full form button:after {
  content: "";
  background: url("data:image/svg+xml,%3Csvg width='71' height='71' viewBox='0 0 71 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Ccircle cx='35.3553' cy='35.3553' r='25' transform='rotate(-45 35.3553 35.3553)' fill='black'/%3E%3Cpath d='M45.6863 25.7004L45.6679 25.0426L45.01 25.0241L31.611 24.6481C31.2482 24.6379 30.9615 24.9246 30.9717 25.2874C30.9819 25.6502 31.2852 25.9535 31.648 25.9637L43.4583 26.2957L25.0171 44.7369C24.7672 44.9868 24.7789 45.4028 25.0433 45.6672C25.3076 45.9315 25.7236 45.9432 25.9735 45.6933L44.4147 27.2521L44.7467 39.0624C44.7569 39.4252 45.0602 39.7285 45.423 39.7387C45.6051 39.7438 45.7671 39.6747 45.8827 39.5591C45.9983 39.4435 46.0675 39.2814 46.0623 39.0994L45.6863 25.7004Z' fill='%23FBFBFB'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
  background-size: 50px 50px;
  position: absolute;
  right: -3px;
  top: -2px;
  width: 50px;
  height: 50px;
}
.page-template-template-contact #contact-us div.wpforms-container-full {
  margin-top: 0;
  padding-top: 0;
}
.page-template-template-contact #careers .separator {
  border-bottom: 1px solid #A4A3A1;
}
.page-template-template-contact #careers .accordion-item {
  background-color: transparent !important;
  border: 0;
}
.page-template-template-contact #careers .accordion-item .job-content {
  font-size: clamp(18px, 1.302vw, 25px);
}
.page-template-template-contact #careers .accordion-item .job-content li, .page-template-template-contact #careers .accordion-item .job-content p {
  font-size: clamp(18px, 1.302vw, 25px);
  line-height: 1.4;
}
.page-template-template-contact #careers .accordion-item .accordion-button {
  background-color: transparent !important;
  font-size: clamp(19px, 1.406vw, 27px);
  max-width: 900px;
  min-width: 900px;
  border-radius: 0;
  border-bottom: 1px solid rgba(135, 135, 135, 0.257);
  padding-block: 40px;
  color: #111111;
}
.page-template-template-contact #careers .accordion-item .accordion-button span {
  color: #111111;
  opacity: 0.5;
  margin-right: clamp(20px, 2.604vw, 50px);
}
.page-template-template-contact #careers .accordion-item .accordion-button:focus, .page-template-template-contact #careers .accordion-item .accordion-button:focus-visible {
  outline: 0;
  box-shadow: none;
}
.page-template-template-contact #careers .accordion-item .accordion-button::after {
  content: "";
  width: 36px;
  height: 36px;
  display: block;
  margin-left: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='18' fill='%23FBFBFB'/%3E%3Cpath d='M17.6559 28.1752L18.0002 28.5007L18.3445 28.1752L25.3576 21.5449C25.5475 21.3654 25.5475 21.0735 25.3576 20.8939C25.1677 20.7144 24.8588 20.7144 24.6689 20.8939L18.4871 26.7377L18.4871 7.9603C18.4871 7.70582 18.2694 7.5 18.0002 7.5C17.731 7.5 17.5133 7.70582 17.5133 7.9603L17.5133 26.7377L11.3314 20.8939C11.1415 20.7144 10.8327 20.7144 10.6428 20.8939C10.5475 20.984 10.5002 21.1017 10.5002 21.2194C10.5002 21.3371 10.5475 21.4548 10.6428 21.5449L17.6559 28.1752Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.page-template-template-contact #careers .accordion-item .accordion-button[aria-expanded=true]::after {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.page-template-template-contact #careers .accordion-item .accordion-body {
  max-width: 900px;
  padding: 52px 45px;
  border-bottom: 1px solid rgba(164, 163, 161, 0.26);
}
.page-template-template-contact #careers .accordion-item .accordion-body .job-image {
  max-width: clamp(200px, 35.677vw, 685px);
  max-height: 400px;
}
.page-template-template-contact #careers .accordion-item .accordion-body .job-content {
  max-width: clamp(400px, 37.5vw, 720px);
}
.page-template-template-contact #careers .accordion-item:last-child .accordion-button {
  border: 0;
}

.page-template-template-company #columns-with-image .history-img {
  max-width: 826px;
  width: 100%;
  height: clamp(300px, 24.583vw, 472px);
}
.page-template-template-company #columns-with-image .who_we_are-img {
  max-width: 575px;
  width: 100%;
  height: clamp(350px, 29.74vw, 571px);
}
.page-template-template-company #columns-with-image .columns-with-image-desc {
  padding-right: clamp(20px, 3.646vw, 70px);
}
.page-template-template-company #content {
  margin-top: clamp(125px, 15.104vw, 290px);
}
.page-template-template-company #logos-carousel .logo-wrapper {
  width: clamp(120px, 11.042vw, 212px);
  height: clamp(124px, 11.458vw, 220px);
  padding: clamp(15px, 1.563vw, 30px);
  border: 1px dashed rgba(0, 0, 0, 0.3);
}
.page-template-template-company #logos-carousel .logo-wrapper img {
  width: 100%;
  height: auto;
}
.page-template-template-company #logos-carousel .swn__logosCarousel {
  left: clamp(-100px, -7.616vw, -50px);
  position: absolute;
  top: 0;
}
.page-template-template-company #logos-carousel .swp__logosCarousel {
  right: -100px;
  top: 0;
  position: absolute;
}
.page-template-template-company #logos-carousel .swiper-navigation {
  position: absolute;
  top: 42%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10;
}
.page-template-template-company #leadership-banner svg {
  transform: translateY(-50%);
  max-width: clamp(10px, 31.771vw, 610px);
}
.page-template-template-company #leadership-banner .inner {
  padding-block: clamp(100px, 12.24vw, 235px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.page-template-template-company #leadership-banner .leadership-desc {
  border-bottom: 1px solid rgba(255, 255, 255, 0.37);
}
.page-template-template-company #sustainability .inner {
  padding: clamp(30px, 4.375vw, 84px) clamp(35px, 4.792vw, 92px) 47px clamp(50px, 9.948vw, 191px);
}
.page-template-template-company #sustainability .separator {
  width: 70vw;
  border: 1px dashed #B12028;
  opacity: 32%;
}
.page-template-template-company #sustainability .sustainability-img-wrapper {
  width: clamp(300px, 29.948vw, 575px);
  height: clamp(350px, 31.927vw, 613px);
}
.page-template-template-company #sustainability .sustainability-desc {
  padding-right: clamp(20px, 5.2vw, 100px);
}
.page-template-template-company #mission-vision .inner {
  padding: clamp(30px, 4.375vw, 84px) clamp(50px, 9.948vw, 191px) 47px clamp(50px, 9.948vw, 191px);
  border: 1px dashed rgba(177, 32, 40, 0.34);
}
.page-template-template-company #mission-vision .mission-vision-img-wrapper {
  width: clamp(300px, 29.948vw, 575px);
  height: clamp(300px, 27.969vw, 537px);
}
.page-template-template-company #mission-vision .mission-vision-desc {
  padding-right: clamp(20px, 5.2vw, 100px);
}
.page-template-template-company #mission-vision .sep {
  border-bottom: 1px solid rgba(0, 0, 0, 0.32);
  width: 70%;
}
.page-template-template-company #mission-vision .mission-vision-cols {
  --bs-gutter-x: clamp(20px,3.021vw,58px);
}
.page-template-template-company #our-people .box {
  border: 1px dashed rgba(177, 32, 40, 0.34);
}
.page-template-template-company #our-people .box-content {
  padding: clamp(15px, 3.646vw, 70px) clamp(15px, 3.125vw, 60px);
}
.page-template-template-company #our-people .box-image-wrapper {
  height: clamp(180px, 15.208vw, 292px);
  border-bottom: 1px dashed rgba(177, 32, 40, 0.34);
}
.page-template-template-company #our-people .content ul {
  list-style-type: none;
  padding-left: 0;
  color: #757576;
}
.page-template-template-company #our-people .content ul li {
  border-bottom: 1px solid rgba(177, 32, 40, 0.34);
  padding-block: 15px;
}
.page-template-template-company #our-people .content p {
  color: #757576;
  font-weight: 500;
}
.page-template-template-company #our-people .boxes-wrapper {
  --bs-gutter-x: clamp(20px,2.083vw,40px);
}
.page-template-template-company #timeline {
  position: relative;
  margin-bottom: 200px;
}
.page-template-template-company #timeline::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 80px;
  bottom: 44px;
  transform: translateX(-50%);
  border-left: 2px dashed #000;
  z-index: 1;
}
.page-template-template-company #timeline .timeline-container {
  max-width: clamp(1000px, 70.833vw, 1360px);
}
.page-template-template-company #timeline .timeline-progress {
  position: absolute;
  left: 50%;
  top: 80px;
  bottom: 44px;
  transform: translateX(-50%);
  width: 2px;
  background: #B12028;
  height: 0%;
  z-index: 2;
}
.page-template-template-company #timeline .timeline-item {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 80px 0;
}
.page-template-template-company #timeline .timeline-item .timeline-content {
  max-width: clamp(300px, 24.583vw, 472px);
  width: 100%;
  position: relative;
  z-index: 3;
}
.page-template-template-company #timeline .timeline-item.right {
  justify-content: flex-end;
}
.page-template-template-company #timeline .timeline-item.right .timeline-content {
  margin-left: clamp(20px, 5.2vw, 100px);
}
.page-template-template-company #timeline .timeline-item.left {
  justify-content: flex-start;
}
.page-template-template-company #timeline .timeline-item.left .timeline-content {
  margin-right: 100px;
}
.page-template-template-company #timeline .timeline-dot {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  width: 88px;
  height: 88px;
  background: black;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  z-index: 4;
  transition: background 0.3s ease, transform 0.3s ease;
}
.page-template-template-company #timeline .timeline-dot.active {
  background: #B12028;
  transform: translate(-50%, 0) scale(1.1);
}

.page-template-template-workshop #capacity-capabilities:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(141, 139, 136, 0.83) 0%, rgba(239, 239, 239, 0.56) 84%);
  z-index: -1;
}
.page-template-template-workshop #capacity-capabilities .item-title {
  border-bottom: 1px solid #B12028;
  border-width: 60%;
}
.page-template-template-workshop #capacity-capabilities .items {
  border-bottom: 1px solid rgba(0, 0, 0, 0.21);
}
.page-template-template-workshop #capacity-capabilities .items .item-subtitle {
  color: rgba(0, 0, 0, 0.5);
}
.page-template-template-workshop #capacity-capabilities .items .item-subtitle:after {
  content: "";
  width: 5px;
  height: 5px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: block;
  text-align: center;
  margin: auto 0 auto 5px;
}
.page-template-template-workshop #capacity-capabilities .items .item-subtitle:last-child:after {
  display: none;
}
.page-template-template-workshop #capacity-capabilities .items p {
  margin-bottom: 0;
}
.page-template-template-workshop #capacity-capabilities .capacity-items-wrapper .items:last-child,
.page-template-template-workshop #capacity-capabilities .capabilities-items-wrapper .items:last-child {
  border-bottom: 0;
}
.page-template-template-workshop .capacity-capabilities-desc p {
  margin-bottom: 5px;
}
.page-template-template-workshop #icons .icon,
.page-template-template-workshop #icons .key-technology-wrapper,
.page-template-template-workshop #key-technologies .icon,
.page-template-template-workshop #key-technologies .key-technology-wrapper {
  border: 1px dashed rgba(177, 32, 40, 0.5);
}
.page-template-template-workshop #key-technologies .key-technology-thumbnail {
  height: 425px;
}
.page-template-template-workshop .key-technology-link .button-wrapper .button {
  min-width: unset;
  background: transparent;
  padding: 6px;
}
.page-template-template-workshop .key-technology-link .button-wrapper .button .text {
  display: none;
}
.page-template-template-workshop .key-technology-link .button-wrapper .button .arrow {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-content.single-technology .container.medium-container {
  max-width: 1400px;
}
#main-content.single-technology #key-technology-progress .progress-content-file {
  height: 375px;
}
#main-content.single-technology #key-technology-progress .container,
#main-content.single-technology #key-technology-progress .icon,
#main-content.single-technology #technology-icons .container,
#main-content.single-technology #technology-icons .icon {
  border-width: 1px;
  border-style: dashed;
  border-color: rgb(177, 32, 40);
  border-image: initial;
  background-color: #e9e9e9;
}
#main-content.single-technology #key-technology-progress .icon,
#main-content.single-technology #technology-icons .icon {
  padding: 26px;
  background-color: transparent;
}
#main-content.single-technology #key-technology-progress .icon img,
#main-content.single-technology #technology-icons .icon img {
  width: auto;
  height: 46px;
}
#main-content.single-technology #technology-application .application-img-wrapper {
  height: 285px;
}
#main-content.single-technology #technology-application .swiper-button-prev,
#main-content.single-technology #technology-application .swiper-button-next {
  top: 42.5%;
  width: 40px;
  height: 40px;
  padding: 10px;
  background-color: #fff;
  border-radius: 50%;
}
#main-content.single-technology #technology-application .swiper-button-prev svg,
#main-content.single-technology #technology-application .swiper-button-next svg {
  width: 30px;
  height: 30px;
}
#main-content.single-technology #technology-application .swiper-button-prev::after,
#main-content.single-technology #technology-application .swiper-button-next::after {
  display: none;
}
#main-content.single-technology #technology-application .swiper-button-prev {
  left: 35px;
}
#main-content.single-technology #technology-application .swiper-button-prev svg {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#main-content.single-technology #technology-application .swiper-button-next {
  right: 35px;
}
#main-content.single-technology #technology-kimi::after {
  background: linear-gradient(to bottom, #8D8B88, transparent);
}
#main-content.single-technology #technology-kimi .kimi-item-wrapper h3 {
  border-color: #B12028;
}
#main-content.single-technology #technology-kimi .logo-wrapper {
  width: clamp(120px, 11.042vw, 212px);
  height: clamp(124px, 11.458vw, 220px);
  padding: clamp(15px, 1.563vw, 30px);
  border-width: 1px;
  border-style: dashed;
  border-color: rgba(0, 0, 0, 0.3);
  border-image: initial;
}
#main-content.single-technology #case-studies.articles-wrapper .swiper-wrapper {
  cursor: auto !important;
}
#main-content.single-technology #case-studies .dragBall {
  display: none !important;
}

@media (max-width: 1499.98px) {
  #footer-top-inner {
    padding-inline: 40px !important;
  }
  .single-service #subservices .services-row .inner {
    padding-left: 30px;
  }
  .page-template-template-company #logos-carousel .swn__logosCarousel {
    left: -50px;
  }
  .page-template-template-company #logos-carousel .swp__logosCarousel {
    right: -50px;
  }
  #case-studies .article-box {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 1399.98px) {
  #main-content .ruler-share-widget ul.ruler-share-list li {
    margin-left: 35px;
  }
  #main-content .ruler-share-widget ul.ruler-share-list li .ruler-share-label {
    font-size: 14px;
  }
}
@media screen and (max-width: 1299px) {
  .home #services .services-row,
  .page-template-template-brochures-boxes .services-row {
    grid-template-columns: repeat(3, 1fr);
  }
  #footer-top-inner > div {
    max-width: 31%;
    width: 100%;
  }
  #footer-top-inner .logo {
    order: 1;
  }
  #footer-top-inner .contact-info {
    order: 2;
  }
  #footer-top-inner .newsletter {
    order: 3;
  }
  #footer-top-inner .footer-menu-wrapper {
    order: 4;
  }
  #footer-top-inner .social {
    order: 5;
  }
  .page-template-template-workshop #key-technologies .key-technology-thumbnail {
    height: 325px;
  }
}
@media screen and (max-width: 1199px) {
  .single-post #main-content:not(.case-study-item) .single-post-content {
    padding-inline: clamp(20px, 2.604vw, 50px);
  }
  .single-post #main-content:not(.case-study-item) .single-post-content h2 {
    font-size: clamp(20px, 2.083vw, 40px);
  }
  .single-post #main-content:not(.case-study-item) #intro-area .col-lg-7.col-12 {
    width: 100%;
  }
  .single-post #main-content:not(.case-study-item) #intro-area .col-lg-5.col-12 {
    width: 100%;
  }
  .single-post #main-content:not(.case-study-item) #intro-area .col-lg-5.col-12:first-child {
    order: 2;
  }
  .single-post #main-content:not(.case-study-item) #intro-area .ruler-share-widget .ruler-share-item:first-child {
    margin-left: 0;
    margin-top: 25px;
  }
  .single-service #timeline .timeline-items-wrapper.noline.onlyOneGroup .timeline-item,
  .single-post #timeline .timeline-items-wrapper.noline.onlyOneGroup .timeline-item,
  .single-service #timeline .timeline-item,
  .single-post #timeline .timeline-item {
    width: 33.3333%;
  }
  .single-post #timeline .timeline-items {
    width: 100%;
  }
  .single-post #timeline .timeline-items-wrapper {
    flex-direction: column;
  }
  .single-service #timeline .timeline-items.group-1, .single-post #timeline .timeline-items.group-1,
  .single-service #timeline .timeline-items.group-2, .single-post #timeline .timeline-items.group-2 {
    margin-bottom: 150px;
  }
  .single-post #timeline .timeline-items.group-1 .timeline-item:first-child:before {
    transform: translateY(50%);
  }
  .single-service #timeline .timeline-items.group-2::before {
    content: "";
    position: absolute;
    left: 15.3vw;
    height: 100px;
    width: 1px;
    top: -50%;
    border-right: 2px dashed #111111;
    background-image: none;
    transform: translateY(50%);
  }
  .single-service #timeline .timeline-items.group-3::before {
    content: "";
    position: absolute;
    right: 16.5%;
    height: 100px;
    width: 1px;
    top: -100%;
    border-right: 2px dashed #111111;
    background-image: none;
    transform: translateY(50%);
  }
  .single-service #timeline .timeline-items.group-2::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -20%;
    z-index: 4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolyline fill='none' stroke='%23B12028' stroke-width='5' stroke-miterlimit='10' points='12.25,5 23.25,16 12.25,27'/%3E%3C/svg%3E");
    left: clamp(143px, 14.6vw, 175px);
    transform: rotate(90deg);
  }
  .single-service #timeline .timeline-items.group-2 .timeline-item:last-child::before,
  .single-service #timeline .timeline-items.group-2 .timeline-item:last-child::after {
    display: none;
  }
  .single-service #timeline .timeline-items.group-3::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    top: -50%;
    z-index: 4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpolyline fill='none' stroke='%23B12028' stroke-width='5' stroke-miterlimit='10' points='12.25,5 23.25,16 12.25,27'/%3E%3C/svg%3E");
    right: 15.8%;
    transform: rotate(90deg);
  }
  .single-service #timeline .group-3 .timeline-item:before, .single-post #timeline .timeline-item:before {
    transform: rotate(180deg);
  }
  #header #menu-main-menu {
    margin-right: 0;
  }
  .home #header.scrolled {
    top: 25px;
  }
  #main-navigation li.open > ul {
    display: block;
  }
  #header #menu-main-menu li.level-1:hover > .parent-menu-icon {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  #header .level-2 .submenu-menus-items {
    height: 0;
    padding: 0 !important;
    overflow: hidden;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
  }
  #header #menu-main-menu li ul.sub-menu.level-2 .submenu-col-1 ul li .parent-menu-icon {
    transform: none !important;
    top: 20px;
  }
  #header #menu-main-menu li ul.sub-menu.level-2 .submenu-col-1 ul li.level2-opened .parent-menu-icon {
    transform: rotate(45deg) !important;
  }
  #header .level-2 .parent-menu-icon svg {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    z-index: -1;
  }
  #header .level-2.level2-opened .submenu-menus-items {
    height: 100%;
    padding: 0 !important;
    overflow: hidden;
  }
  #header #menu-main-menu li ul.sub-menu.level-2 .submenu-menus-items li:last-child {
    padding-bottom: 0;
  }
  .menu-item.open .menu-icon {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #header {
    transform: translateX(-50%);
    max-width: 95%;
    left: 50%;
  }
  #header #header-bg {
    opacity: 1;
    height: 120%;
    top: -5px;
  }
  #header #menu-main-menu li ul.sub-menu.level-2 {
    height: 0;
    overflow: hidden;
  }
  #header #main-navigation {
    display: none;
    width: 100%;
    height: 100%;
  }
  #header #main-navigation.open {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  #header #main-navigation.open ul.sub-menu {
    position: relative;
  }
  #header #main-navigation.open #menu-main-menu {
    display: flex !important;
    flex-direction: row;
    min-height: 100%;
    width: 100%;
    margin-top: 70px;
    border-radius: 20px;
    padding-block: 40px;
    max-height: 90vh;
    overflow-y: auto;
  }
  #header #main-navigation.open #menu-main-menu li ul.sub-menu.level-2 {
    position: relative;
    top: unset;
    left: unset;
  }
  #header #main-navigation.open #menu-main-menu .submenu-3-cols {
    flex-direction: column;
  }
  #header #main-navigation.open #menu-main-menu .submenu-3-cols .submenu-col-1 {
    width: 100% !important;
    border-right: 0;
  }
  #header #main-navigation.open #menu-main-menu .submenu-3-cols .submenu-col-3 {
    display: none;
  }
  #header #main-navigation.open #menu-main-menu .submenu-col-2 {
    width: 100%;
    display: none;
  }
  #header #main-navigation.open #menu-main-menu li.level-1 {
    width: 100%;
  }
  #header #main-navigation.open #menu-main-menu li.level-1 > a {
    width: 90%;
    padding-block: 10px;
  }
  #header #main-navigation.open #menu-main-menu li.level-1.open .sub-menu {
    opacity: 1;
  }
  #header #main-navigation.open #menu-main-menu .level-1.open ul.sub-menu.level-2 {
    height: 100%;
  }
  #header #main-navigation.open #menu-main-menu .menu-item-image-wrapper {
    display: none !important;
  }
  #header .container-fluid {
    padding-inline: 15px;
  }
  #burger-menu.mobile-menu span {
    width: 26px;
    display: block;
    background-color: #fff;
    height: 2px;
    margin-bottom: 5px;
    transform: rotate(0);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
  }
  #burger-menu.mobile-menu span.last {
    margin-bottom: 0;
  }
  #burger-menu.mobile-menu.is-opened .first {
    transition: all 0.2s ease-in-out;
    transform-origin: center;
    transform: rotate(45deg);
    margin-top: 2px;
  }
  #burger-menu.mobile-menu.is-opened .middle {
    opacity: 0;
    visibility: hidden;
  }
  #burger-menu.mobile-menu.is-opened .last {
    transform: rotate(-45deg);
    transition: all 0.2s ease-in-out;
    transform-origin: center;
    margin-top: -14px;
  }
  .single-service #intro-area .intro-area-row {
    --bs-gutter-x: 30px;
  }
  .single-service #timeline .timeline-item.up .desc {
    top: -140%;
  }
  #case-studies .article-box {
    padding-left: 20px;
    padding-right: 20px;
  }
  #header #main-navigation .menu-main-menu-container {
    background-color: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(10px);
    border-radius: 20px;
  }
  #header #menu-main-menu #menu-main-menu,
  #header #menu-main-menu li ul.sub-menu.level-2 {
    background-color: transparent !important;
    backdrop-filter: none;
  }
}
@media screen and (max-width: 1099px) {
  .home #services .services-row,
  .page-template-template-brochures-boxes .services-row {
    grid-template-columns: repeat(2, 1fr);
  }
  .tech-menu {
    display: none;
  }
  #case-studies .article-box {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media screen and (max-width: 991px) {
  a.hero-full-video {
    display: flex;
  }
  .single-post #main-content {
    margin-bottom: clamp(10px, 3.9vw, 75px);
  }
  .single-post #main-content .news-row.pad-block-130 {
    padding-block: 0;
  }
  .single-service #timeline .timeline-item:before,
  .single-post #timeline .timeline-item:before,
  .single-service #timeline .timeline-item:after,
  .single-post #timeline .timeline-item:after,
  .single-service #timeline .timeline-items.group-1 .timeline-item:first-child:before,
  .single-post #timeline .timeline-items.group-1 .timeline-item:first-child:before,
  .single-service #timeline .timeline-items.group-1 .timeline-item:before,
  .single-post #timeline .timeline-items.group-1 .timeline-item:before,
  .single-service #timeline .timeline-items.group-2::before,
  .single-service #timeline .timeline-items.group-2::after,
  .single-post #timeline .timeline-items.group-1 .timeline-item.last-item:after {
    display: none;
  }
  .single-service #timeline .timeline-items.group-1, .single-post #timeline .timeline-items.group-1, .single-service #timeline .timeline-items.group-2, .single-post #timeline .timeline-items.group-2 {
    margin-top: 0px;
  }
  .single-service #timeline .timeline-items.group-1,
  .single-post #timeline .timeline-items.group-1,
  .single-service #timeline .timeline-items.group-2,
  .single-post #timeline .timeline-items.group-2 {
    margin-bottom: 0;
  }
  .single-service #timeline .timeline-item .desc,
  .single-post #timeline .timeline-item .desc {
    max-width: 100%;
  }
  .single-post #timeline .timeline-item,
  .single-post #timeline .timeline-items-wrapper.noline.onlyOneGroup .timeline-item {
    width: 100%;
  }
  .page-template-template-workshop #capacity-capabilities {
    padding-bottom: 0;
  }
  .page-template-template-workshop .pr-150 {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
  }
  #main-content #case-study-results .results-right {
    margin-top: 30px;
  }
  .page-template-template-contact #careers .accordion-item .accordion-button {
    max-width: 100%;
    min-width: 100%;
    padding-block: 20px;
  }
  .page-template-template-contact #careers #careers .pad-inline-xlarge {
    padding-inline: clamp(20px, 2.604vw, 50px);
  }
  .page-template-template-company #columns-with-image .columns-with-image-desc {
    padding-right: 0;
  }
  .page-template-template-company #columns-with-image .who_we_are-img,
  .page-template-template-company #columns-with-image .history-img {
    max-width: 100%;
    margin-top: 30px;
  }
  .page-template-template-company #sustainability .sustainability-img-wrapper {
    width: 100%;
    margin-top: 30px;
  }
  .page-template-template-company #sustainability .inner {
    padding: 50px 30px;
  }
  .page-template-template-company #mission-vision .mission-vision-img-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
  .page-template-template-company #mission-vision .inner {
    padding: 50px 30px;
  }
  .single-service .service-gallery-wrapper {
    padding-left: 15px;
    margin-top: 40px;
  }
  #home-hero .hero-data {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
  }
  #home-hero .hero-title {
    margin-bottom: 40px;
  }
  #home-hero .restart-video {
    max-width: 200px;
  }
  #home-hero .restart-video .button-wrapper .button {
    min-width: 125px;
    padding: 6px 0;
  }
  #home-hero .restart-video .button-wrapper .button span {
    padding-right: 0 !important;
  }
  .home #why-kimi .counter {
    padding-inline: 0;
    margin-bottom: 30px;
  }
  .home #why-kimi .counter svg {
    display: none;
  }
  .home #quality-control .quality-control-img {
    width: 100%;
    height: auto;
  }
  #certifications .certificate-wrapper {
    border-right: 0;
  }
  .home #technologies2 .tech-counter {
    top: 110px;
    bottom: unset;
    left: 30px;
    width: auto;
  }
  .home #technologies2 .tech-button {
    bottom: 40px;
    left: unset;
    right: 30px;
  }
  .home #technologies2 .tech-button .button-wrapper .button {
    max-width: 175px;
    min-width: 175px;
  }
  .home #technologies2 .titles-wrapper {
    left: clamp(35px, 5.04vw, 50px);
    right: unset;
    bottom: 25px;
    width: 100%;
    max-width: 100%;
  }
  .service-slider {
    margin-top: 30px;
  }
  .service-slider .thumbs-swiper {
    width: auto;
    height: clamp(250px, 47.581vw, 472px);
  }
  .service-slider .main-swiper {
    height: clamp(250px, 47.581vw, 472px);
    width: calc(100% - clamp(100px, 9.271vw, 178px) - clamp(16px, 2vw, clamp(15px, 1.771vw, 34px)));
  }
  .service-slider .main-swiper .main-slider-img-wrapper {
    max-width: 100%;
  }
  .single-service #timeline .timeline-item {
    width: 100%;
  }
  .single-service #timeline .timeline-item .desc {
    position: relative;
  }
  .single-service #timeline .timeline-item .inner {
    margin-bottom: 20px;
  }
  .single-service #timeline .timeline-item .number:after {
    display: none;
  }
  .single-service #timeline .timeline-item.up .number:before {
    top: 100%;
  }
  .single-service #subservices .service-item a {
    max-width: 100%;
  }
  .global-tech-spot,
  .connection-line,
  .home #technologies2 .titles-wrapper:before {
    display: none;
  }
  .home #technologies2 .titles-wrapper {
    left: 0;
  }
  #certifications .certificate .desc {
    margin-bottom: 20px;
  }
  .single-post #timeline h2.text-50,
  .single-service #timeline h2.text-50,
  .case-study-item #timeline h2.text-50 {
    margin-bottom: 35px;
  }
  .single-post #timeline .timeline-item,
  .single-service #timeline .timeline-item,
  .case-study-item #timeline .timeline-item {
    margin-bottom: 25px;
  }
  .single-post #timeline .timeline-item .inner,
  .single-service #timeline .timeline-item .inner,
  .case-study-item #timeline .timeline-item .inner {
    margin: 0 0;
  }
  .single-post #timeline .timeline-item .inner .number::before,
  .single-service #timeline .timeline-item .inner .number::before,
  .case-study-item #timeline .timeline-item .inner .number::before {
    display: none;
  }
  .single-post #timeline .timeline-item .desc,
  .single-service #timeline .timeline-item .desc,
  .case-study-item #timeline .timeline-item .desc {
    text-align: left !important;
    flex-wrap: wrap;
    flex-direction: row;
    padding-left: 20px !important;
  }
  .single-post #timeline .timeline-item .desc h3,
  .single-service #timeline .timeline-item .desc h3,
  .case-study-item #timeline .timeline-item .desc h3 {
    min-height: unset;
  }
  .single-post #timeline .timeline-item .desc p,
  .single-service #timeline .timeline-item .desc p,
  .case-study-item #timeline .timeline-item .desc p {
    text-align: left !important;
    margin-bottom: 0;
  }
  .single-post #timeline .timeline-item:hover .desc,
  .single-service #timeline .timeline-item:hover .desc,
  .case-study-item #timeline .timeline-item:hover .desc {
    -webkit-scale: 1;
    -moz-scale: 1;
    -ms-scale: 1;
    -o-scale: 1;
    scale: 1;
  }
  .single-service #timeline .timeline-items {
    gap: 10px;
  }
  #service-counters .counters {
    justify-content: center;
  }
  .single-service #timeline .timeline-items-wrapper,
  .case-study-item #timeline .timeline-items-wrapper {
    position: relative;
  }
  .single-service #timeline .timeline-items-wrapper::before,
  .case-study-item #timeline .timeline-items-wrapper::before {
    content: "";
    height: 100%;
    position: absolute;
    left: 44px;
    top: 0;
    border-left: 2px dashed #000;
    z-index: -1;
  }
  .case-study-item #expand-items,
  .service-template-default #expand-items {
    display: block;
  }
  .single-service .counters .text-wrapper {
    max-width: 100%;
    width: 100%;
  }
  #intro-area a.button-wrapper {
    margin-bottom: 35px;
  }
  section#intro-area {
    margin-bottom: 15px;
  }
  #key-technology-intro h2 {
    margin-bottom: 25px;
  }
  #technology-kimi .col-12.mb-70 {
    position: relative;
    margin-bottom: 5px;
  }
  #technology-kimi .col-12.mb-70 .kimi-title {
    width: 100%;
  }
  #technology-kimi .col-12.mb-70 .kimi-desc {
    display: none;
  }
  #case-studies .article-box-img-wrapper {
    max-height: 350px;
  }
  #columns-with-image-1,
  #columns-with-image-2 {
    padding-bottom: 15px;
  }
  #columns-with-image-1 .col-lg-6.col-12:last-child,
  #columns-with-image-1 .col-lg-5.col-12,
  #columns-with-image-2 .col-lg-6.col-12:last-child,
  #columns-with-image-2 .col-lg-5.col-12 {
    order: -1;
    margin-bottom: 30px;
  }
  section#icons.icons-section-2 h2 {
    font-size: 27.5px;
  }
  section#certifications h2 {
    font-size: 27.5px;
  }
  #main-content.single-technology #technology-application .swiper-button-prev {
    left: 0;
  }
  #main-content.single-technology #technology-application .swiper-button-next {
    right: 0;
  }
  .our-people-prev, .our-people-next {
    position: absolute;
    left: 10px;
    top: 50%;
    z-index: 2;
  }
  .our-people-next {
    left: unset;
    right: 10px;
  }
  .page-template-template-company #mission-vision .sep {
    border-bottom: 1px solid rgba(0, 0, 0, 0.32);
    width: 100%;
  }
  .single-post .case-study-item #timeline .timeline-item {
    text-align: left !important;
  }
  #home section#services {
    padding-bottom: 15px;
  }
  #capacity-capabilities .c-black.text-28.mb-0,
  #technology-kimi .kimi-title h3 {
    font-size: 18px;
  }
  .single-post .case-study-item #case-study-boxes-bot .icon {
    min-height: unset;
  }
  .page-template-template-company #sustainability .sustainability-desc {
    padding-right: 0;
  }
  .page-template-template-workshop #capacity-capabilities .capacity-items-wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: start;
  }
  .page-template-template-workshop #capacity-capabilities .capacity-items-wrapper:before {
    content: " ";
    width: 1px;
    height: 75%;
    position: absolute;
    left: 50%;
    bottom: 5%;
    border-right: 1px solid rgba(0, 0, 0, 0.21);
    -webkit-transform: traslateX(-50%);
    -moz-transform: traslateX(-50%);
    -ms-transform: traslateX(-50%);
    -o-transform: traslateX(-50%);
    transform: traslateX(-50%);
  }
  .page-template-template-workshop #capacity-capabilities .capacity-items-wrapper .item-title {
    width: 100%;
    border: 0 !important;
  }
  .page-template-template-workshop #capacity-capabilities .capacity-items-wrapper .items {
    width: 50%;
  }
  .page-template-template-workshop #capacity-capabilities .capacity-items-wrapper .items div {
    width: 100%;
    word-wrap: break-word;
    hyphens: auto;
    word-break: auto-phrase;
  }
  .page-template-template-workshop #capacity-capabilities .capacity-items-wrapper .items .items-sub {
    text-align: center;
  }
  .page-template-template-workshop #capacity-capabilities .capacity-items-wrapper .items:nth-child(3) {
    padding-left: 1rem;
  }
  .page-template-template-workshop #capacity-capabilities .capacity-items-wrapper .items:nth-child(4) {
    border-bottom: none;
  }
  .page-template-template-workshop #capacity-capabilities .capacity-items-wrapper .items:last-child {
    padding-left: 1rem;
  }
  .page-template-template-workshop #capacity-capabilities .capacity-items-wrapper .items strong {
    display: block;
    width: 100%;
    font-size: 30px;
  }
  .page-template-template-workshop #capacity-capabilities .capabilities-items-wrapper {
    margin-top: 30px;
  }
  .page-template-template-workshop #capacity-capabilities .item-title {
    border: 0 !important;
  }
  #technology-icons .icon .text-25 p {
    margin-bottom: 0;
  }
  #technology-kimi .row:first-child h2 {
    text-align: left !important;
  }
  #main-content.single-technology #technology-kimi .kimi-item-wrapper h3 {
    border-color: rgba(0, 0, 0, 0.21);
  }
  #home-hero a.hero-btn {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  body.page-template-template-workshop #icons .row:first-child h2,
  body.page-template-template-technology #technology-application .row:first-child h2 {
    text-align: left !important;
  }
  .page-template-template-workshop #capacity-capabilities .capacity-items-wrapper .items,
  .page-template-template-workshop #capacity-capabilities .capabilities-items-wrapper .items {
    padding-right: 0.5rem;
  }
  .page-template-template-workshop #capacity-capabilities .capacity-items-wrapper .items .items-sub,
  .page-template-template-workshop #capacity-capabilities .capabilities-items-wrapper .items .items-sub {
    display: none;
  }
  #technology-icons .icon div.text-25 p {
    margin-bottom: 0;
  }
  #subservices h2 {
    padding-top: 0px;
  }
  section#key-technologies {
    margin-bottom: 35px;
  }
  #columns-with-image-1, #columns-with-image-2 {
    padding-bottom: 0;
  }
  section#icons.icons-section-1 {
    padding-top: 10px;
    padding-bottom: 0px;
  }
  section#columns-with-image-2 {
    padding-top: 25px;
  }
  body.page-template-template-workshop section#call-to-action {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #columns-with-image-1 span.d-flex.w-100.position-relative.text-center.justify-content-center.mt-3.text-18.font-500 {
    display: none !important;
  }
  .single-post #main-content .swiper.main-swiper {
    margin-bottom: 0;
  }
  body.page-template-template-brochures #main-content .row:not(.intro-area-row) .col-lg-6:last-child {
    order: -1;
    margin-bottom: 30px;
  }
  .single-service #timeline .timeline-items-wrapper::before {
    content: "";
    height: 100%;
    position: absolute;
    left: 33px;
    top: 0;
    border-left: 2px dashed #000;
    z-index: -1;
  }
  .page-template-template-company #expand-items {
    display: block;
  }
  #technology-application .application-swiper {
    margin-right: 0;
    margin-left: 0;
  }
  #key-technology-progress {
    margin-bottom: 60px;
  }
  .page-template-template-contact #careers .accordion-item .accordion-body .job-image {
    position: relative !important;
    max-width: 100%;
  }
  .page-template-template-contact #careers .accordion-item .accordion-body .job-content {
    max-width: 100%;
  }
  .page-template-template-company #logos-carousel .swiper {
    padding: 0 40px;
  }
  .page-template-template-company #logos-carousel .swn__logosCarousel {
    left: 20px;
  }
  .page-template-template-company #logos-carousel .swp__logosCarousel {
    right: 20px;
  }
  .page-template-template-company #our-people .box-image-wrapper {
    height: 292px;
  }
  .page-template-template-company #sustainability {
    margin-bottom: 50px;
  }
  .page-template-template-company #timeline .timeline-item.left,
  .page-template-template-company #timeline .timeline-item.right {
    justify-content: flex-start;
  }
  .page-template-template-company #timeline .timeline-item.left .timeline-content,
  .page-template-template-company #timeline .timeline-item.right .timeline-content {
    margin-left: 100px;
  }
  .page-template-template-company #timeline .timeline-dot,
  .page-template-template-company #timeline .timeline-dot.active {
    left: 0;
    transform: none;
  }
  .page-template-template-company #timeline::before,
  .page-template-template-company #timeline .timeline-progress {
    left: 64px;
    transform: none;
  }
  .single-service #intro-area {
    margin-top: 0;
  }
  .single-service #subservices .service-preview {
    height: 400px;
  }
  .single-service #subservices .services-row .inner {
    padding-left: 10px;
  }
  #call-to-action {
    padding-top: 0px;
  }
  #call-to-action p {
    line-height: 1.3;
  }
  #call-to-action br {
    display: none;
  }
  #case-studies .dragBall {
    display: none;
  }
  #case-studies .article-box {
    padding: 15px;
  }
  #case-studies .article-box .article-box-inner-wrapper {
    padding-bottom: 50px;
  }
  #header {
    max-width: 94%;
  }
  #case-studies #articles-tabContent {
    margin-left: 0;
  }
  .home #case-studies .swiper-slide {
    border-left: 0;
  }
  .home #services .services-row,
  .page-template-template-brochures-boxes .services-row {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .home #services .services-row > div:nth-child(4n+2),
  .home #services .services-row > div:nth-child(4n+4),
  .page-template-template-brochures-boxes .services-row > div:nth-child(4n+2),
  .page-template-template-brochures-boxes .services-row > div:nth-child(4n+4) {
    margin-top: 0;
  }
  #partners-logos .partner-logo-wrapper {
    width: calc(50% - 15px);
    height: auto;
    margin-bottom: 30px;
  }
  #footer-top-inner > div {
    max-width: 47%;
    width: 100%;
  }
  .home #news #articles-tabContent .tab-pane {
    margin-left: 0;
  }
  .home #news .swiper-slide {
    border-left: 0;
  }
  .home #news .article-box {
    padding-top: 0;
  }
  .home #news #articles-tab {
    flex-direction: column;
  }
  .news-row {
    position: relative !important;
    padding-bottom: 0;
  }
  #case-studies .article-box {
    padding-top: 10px;
    padding-inline: 5px;
  }
  footer #footer-top-inner,
  .pad-inline-medium,
  .pad-inline-xlarge,
  .pad-inline-big {
    padding-inline: 20px !important;
  }
  .container-fluid,
  .container {
    padding: 0;
  }
  .titles-wrapper {
    width: 80%;
    max-width: 80%;
  }
  #footer #menu-terms {
    flex-direction: column;
    align-items: center;
  }
  .service-slider {
    flex-direction: column;
  }
  .service-slider .thumbs-swiper {
    width: 100%;
    height: auto;
  }
  .service-slider .main-swiper {
    width: 100%;
  }
  .service-slider .thumbs-swiper .swiper-slide {
    width: 100px;
    height: 70px;
  }
  ul#articles-tab {
    margin-top: 25px;
  }
  .page-template-template-company #timeline .timeline-item {
    max-width: 100%;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 0;
  }
  .page-template-template-company #timeline .timeline-item .timeline-inner {
    max-width: calc(100% - 120px);
  }
  .page-template-template-company #timeline .timeline-item .timeline-inner .timeline-content {
    max-width: unset;
    width: 100%;
  }
  .page-template-template-company #timeline .timeline-item .timeline-dot {
    top: -5px;
  }
  .page-template-template-company #leadership-banner .inner {
    padding-top: 300px;
    padding-bottom: 25px;
    background-position: right center;
  }
  .page-template-template-company #our-people .box-content svg {
    height: 40px;
    width: 40px;
  }
  .page-template-template-company #our-people .box-content h3 br {
    display: none;
  }
  .page-template-template-company #icons .icon {
    padding: 15px;
  }
  .page-template-template-company #sustainability .inner,
  .page-template-template-company #mission-vision .inner {
    padding: 30px;
  }
  #faqs .faq-icon {
    padding: 15px;
  }
  .single-service .service-gallery-wrapper {
    margin-top: 0;
  }
  .single-post #timeline .timeline-item .desc,
  .single-service #timeline .timeline-item .desc {
    padding-left: 15px;
  }
  .home #technologies2 .titles-wrapper {
    bottom: 115px;
  }
  .home #technologies2 .tech-button {
    left: 20px;
    right: unset;
  }
  #certifications a.button-simple > span.text-18 {
    flex-wrap: wrap;
    justify-content: center;
  }
  #certifications a.button-simple > span.text-18 span.text {
    padding-left: 0 !important;
    margin-bottom: 10px;
  }
  p.text-justify {
    text-align: left !important;
    text-indent: 0;
  }
  #main-content .ruler-share-widget ul.ruler-share-list {
    flex-direction: column;
    margin-bottom: 10px;
  }
  #main-content .ruler-share-widget ul.ruler-share-list li {
    margin-left: 0;
  }
  #icons .icon {
    padding: 18px;
  }
  .page-template-template-workshop #key-technologies .key-technology-thumbnail {
    height: 250px;
  }
  .single-service #service-counters .text-90 {
    font-size: 35px;
  }
  .single-service #service-counters .text-wrapper .desc p {
    margin-bottom: 5px;
  }
  .page-template-template-workshop #case-studies .news-row {
    padding-top: 50px;
  }
  #key-technology-progress .progress-content {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .single-service #custom_subservices .service-preview,
  .single-post #custom_subservices .service-preview {
    height: 450px;
  }
  #benefit-icons .icon,
  #case-study-boxes .icon,
  #case-study-boxes-bot .icon,
  #main-content.single-technology #key-technology-progress .icon,
  #main-content.single-technology #technology-icons .icon {
    padding: 18px;
  }
  .single-service #custom_subservices .custom-list li,
  .single-post #custom_subservices .custom-list li {
    padding-left: 15px;
    margin-bottom: 15px;
  }
  #custom_subservices h2 {
    padding-top: 20px;
  }
  section#logos-carousel {
    padding-top: 5px !important;
    padding-bottom: 10px !important;
  }
  .page-template-template-company #timeline {
    position: relative;
    margin-bottom: 175px;
  }
  section#related {
    padding-bottom: 0px;
  }
  #main-content {
    margin-bottom: 50px;
  }
  #case-studies .news-row {
    padding-top: 25px;
  }
  section#technology-kimi {
    margin-top: 40px;
  }
  .button-wrapper .button .text {
    width: calc(100% - 32px);
  }
  .button-wrapper .button .arrow {
    width: 32px;
    height: 32px;
  }
  .single-post .case-study-item #case-study-boxes {
    padding-bottom: 10px;
  }
  #snapshot_challenge .challenge-specs-title h3 {
    font-size: 20px;
  }
  #snapshot_challenge .challenge-specs p {
    font-size: 18px;
  }
  section#procedure {
    padding-top: 20px;
  }
  #technology-kimi .col-6.mb-70:before {
    bottom: 0.75rem;
  }
  section#case-studies {
    padding-bottom: 50px;
  }
  #case-studies .left-arrow,
  #case-studies .right-arrow {
    left: 15px;
    bottom: 0;
  }
  #case-studies .right-arrow {
    left: 65px;
  }
}
@media screen and (max-width: 600px) {
  #case-studies button.nav-link {
    padding-left: 0;
    font-size: 13px;
    padding-right: 7px;
    gap: 3px !important;
  }
  section#technology-kimi {
    padding-bottom: 10px;
  }
  #main-content {
    margin-bottom: 15px;
  }
  #key-technology-progress {
    margin-bottom: 50px;
  }
  #benefit-icons .icon,
  #main-content.single-technology #key-technology-progress .icon,
  #main-content.single-technology #technology-icons .icon,
  #case-study-boxes .icon,
  #case-study-boxes-bot .icon {
    padding: 15px;
  }
  .single-service #custom_subservices .service-preview,
  .single-post #custom_subservices .service-preview {
    height: 325px;
  }
  .case-study-item #timeline .timeline-items-wrapper::before {
    left: 34px;
  }
  #subservices .service-item h3 {
    width: 100%;
  }
  .page-template-template-company #timeline {
    position: relative;
    margin-bottom: 125px;
  }
  #footer-top-inner > div {
    max-width: 100%;
    width: 100%;
  }
  .home #news .article-box {
    padding: 0 15px;
  }
  .home #technologies2 .technology-title {
    max-width: 90%;
  }
  .home #technologies2 .technology-title .text-60 {
    font-size: clamp(24px, 5vw, 30px);
  }
  .page-template-template-company #timeline .timeline-dot {
    width: 68px;
    height: 68px;
  }
  .page-template-template-company #timeline::before,
  .page-template-template-company #timeline .timeline-progress {
    left: 52px;
  }
  .page-template-template-company #timeline .timeline-item.left .timeline-content,
  .page-template-template-company #timeline .timeline-item.right .timeline-content {
    margin-left: 80px;
  }
  .single-post #timeline .timeline-item,
  .single-service #timeline .timeline-item {
    margin-bottom: 35px;
  }
  .single-post #timeline .timeline-item .number,
  .single-service #timeline .timeline-item .number {
    width: 68px;
    height: 68px;
  }
  #icons .icon {
    padding: 15px;
  }
  #columns-with-image-1,
  #columns-with-image-2 {
    padding-top: 25px;
  }
  section#icons.icons-section-2 {
    padding-top: 10px;
  }
  #icons .icon-img-wrapper,
  #case-study-boxes .icon .icon-img-wrapper,
  #case-study-boxes-bot .icon .icon-img-wrapper {
    height: clamp(35px, 4.167vw, 80px);
    height: clamp(35px, 4.167vw, 80px);
  }
}
@media screen and (max-width: 500px) {
  .page-template-template-workshop #capacity-capabilities .capacity-items-wrapper:before,
  .page-template-template-workshop #capacity-capabilities .capabilities-items-wrapper:before {
    height: 80%;
  }
  .page-template-template-workshop #capacity-capabilities .items .c-black.text-28.mb-0 {
    font-size: 16px;
  }
  .page-template-template-workshop #capacity-capabilities .items .c-black.text-28.mb-0 strong {
    line-height: 1.2;
  }
  .page-template-template-company #leadership-banner .inner {
    padding-top: 350px;
    padding-bottom: 25px;
    background-position: 82.5% center;
  }
  #icons .icon,
  #case-study-boxes .icon,
  #case-study-boxes-bot .icon {
    padding: 10px;
  }
  #home-hero .restart-video {
    max-width: 200px;
  }
  #home-hero .restart-video .button-wrapper .button {
    min-width: 125px;
    padding: 6px 0;
  }
  #home-hero .restart-video .button-wrapper .button span {
    padding-right: 0 !important;
  }
  .page-template-template-company #logos-carousel .swp__logosCarousel {
    right: 10px;
  }
  .page-template-template-company #logos-carousel .swiper-slide {
    margin-right: 10px !important;
  }
  .page-template-template-company #logos-carousel .swn__logosCarousel {
    left: 10px;
  }
  .page-template-template-company #timeline .timeline-item .timeline-content {
    max-width: clamp(200px, 50vw, 250px);
  }
  .page-template-template-contact #careers .accordion-item .accordion-button {
    padding-inline: 10px;
  }
  .page-template-template-contact #careers .accordion-item .accordion-body {
    padding: 50px 15px;
  }
}
@media (max-height: 600px) {
  #why-kimi .counters .counter .desc {
    padding-right: 20px !important;
  }
  #home-hero .restart-video {
    top: unset;
    bottom: -20px;
    transform: scale(0.6);
  }
  #home-hero .restart-video .button-wrapper {
    padding: 0;
  }
  #home-hero .hero-file-wrapper {
    height: 80vh !important;
  }
  .hero-data {
    bottom: 20px !important;
    gap: 5px !important;
  }
  .hero-data .hero-title {
    font-size: 25px;
    margin-bottom: 5px !important;
  }
  .hero-data p {
    font-size: 15px;
    max-width: 70%;
  }
  .home #technologies2 .tech-counter {
    top: 110px;
    bottom: unset;
    right: 30px;
    text-align: right;
    left: unset;
  }
}