@charset "UTF-8";
@font-face {
  font-family: "BR Firma";
  src: url("../fonts/BRFirma-Black.woff2") format("woff2"), url("../fonts/BRFirma-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BR Firma";
  src: url("../fonts/BRFirma-Bold.woff2") format("woff2"), url("../fonts/BRFirma-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BR Firma";
  src: url("../fonts/BRFirma-ExtraLight.woff2") format("woff2"), url("../fonts/BRFirma-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BR Firma";
  src: url("../fonts/BRFirma-Light.woff2") format("woff2"), url("../fonts/BRFirma-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BR Firma";
  src: url("../fonts/BRFirma-Medium.woff2") format("woff2"), url("../fonts/BRFirma-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BR Firma";
  src: url("../fonts/BRFirma-Regular.woff2") format("woff2"), url("../fonts/BRFirma-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BR Firma";
  src: url("../fonts/BRFirma-SemiBold.woff2") format("woff2"), url("../fonts/BRFirma-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BR Firma";
  src: url("../fonts/BRFirma-Thin.woff2") format("woff2"), url("../fonts/BRFirma-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
/***  
.arrow {
  @include arrow-diagonal-slide(2s, ease, forwards);
}
.arrow-reverse {
  @include arrow-reverse-slide(1.5s, ease, forwards);
}
***/
html,
body {
  overflow-x: hidden;
  overflow-y: scroll;
}

html.safari {
  height: auto;
}

body {
  position: relative;
  font-size: 24px;
  line-height: normal;
  font-weight: 400;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "BR Firma", sans-serif;
  background: #fef8ed;
}

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

a {
  text-decoration: none !important;
}
a:hover, a:focus {
  display: inline-block;
  cursor: pointer;
}

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 {
  opacity: 0;
  transform: translateY(50px);
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

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

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

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

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

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

.t-border {
  border-top: 1px solid rgba(38, 34, 98, 0.1);
}

.b-border {
  border-bottom: 1px solid rgba(38, 34, 98, 0.1);
}

.border-white {
  border-color: rgb(254, 248, 237);
}

.border-black {
  border-color: #111209;
}

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

.border-radius-50 {
  border-radius: 50%;
}

.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;
}

.bg-cover {
  background-size: cover;
  background-repeat: no-repeat;
}

.max-content {
  max-width: max-content;
}

.max-1500 {
  max-width: 1500px;
}

.shadow {
  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.4);
}

@keyframes arrowSlideRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(15px); /* move right */
  }
  50% {
    opacity: 0;
    transform: translateX(-15px); /* jump left */
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes arrowSlideLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  49% {
    opacity: 0;
    transform: translateX(-15px); /* move left */
  }
  50% {
    opacity: 0;
    transform: translateX(15px); /* jump right */
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
a[href$=".pdf"]::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 38px;
  margin: 0 10px -3px 0;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='38' viewBox='0 0 28 38' fill='none'><path d='M14 0L13.441 0.528779L7.21875 6.68185C6.90885 6.9883 6.90885 7.48102 7.21875 7.78748C7.52865 8.09393 8.02691 8.09393 8.33681 7.78748L13.2222 2.95636V24.1556C13.2192 24.432 13.365 24.6904 13.6081 24.8316C13.8511 24.9698 14.1489 24.9698 14.3919 24.8316C14.635 24.6904 14.7808 24.432 14.7778 24.1556V2.95636L19.6632 7.78748C19.9731 8.09393 20.4714 8.09393 20.7812 7.78748C21.0911 7.48102 21.0911 6.9883 20.7812 6.68185L14.559 0.528779L14 0ZM0 11.8495V38H28V11.8495H20.2222C19.9427 11.8465 19.6814 11.9907 19.5386 12.231C19.3989 12.4714 19.3989 12.7658 19.5386 13.0062C19.6814 13.2465 19.9427 13.3907 20.2222 13.3877H26.4444V36.4617H1.55556V13.3877H7.77778C8.05729 13.3907 8.31858 13.2465 8.46137 13.0062C8.60113 12.7658 8.60113 12.4714 8.46137 12.231C8.31858 11.9907 8.05729 11.8465 7.77778 11.8495H0Z' fill='%23262262'/></svg>");
  background-size: cover;
  background-repeat: no-repeat;
}

.mark, mark {
  padding: 0;
}

.form-content p {
  line-height: 1.3;
}

.hideDesktop {
  display: none;
}

.flatpickr-calendar {
  border-radius: 15px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month {
  background: rgb(0, 27, 84);
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-months .flatpickr-month .numInput.cur-year {
  color: white;
}
.flatpickr-calendar .flatpickr-months .flatpickr-month .numInputWrapper span.arrowUp::after,
.flatpickr-calendar .flatpickr-months .flatpickr-month .numInputWrapper span.arrowDown::after {
  border-bottom-color: white;
  border-top-color: white;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg,
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
  color: white;
  fill: white;
}
.flatpickr-calendar .flatpickr-day.inRange,
.flatpickr-calendar .flatpickr-day.prevMonthDay.inRange,
.flatpickr-calendar .flatpickr-day.nextMonthDay.inRange,
.flatpickr-calendar .flatpickr-day.today.inRange,
.flatpickr-calendar .flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-calendar .flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-calendar .flatpickr-day:hover,
.flatpickr-calendar .flatpickr-day.prevMonthDay:hover,
.flatpickr-calendar .flatpickr-day.nextMonthDay:hover,
.flatpickr-calendar .flatpickr-day:focus,
.flatpickr-calendar .flatpickr-day.prevMonthDay:focus,
.flatpickr-calendar .flatpickr-day.nextMonthDay:focus {
  background: #27aae1;
  border-color: #27aae1;
}
.flatpickr-calendar .flatpickr-weekdays {
  background: #27aae1;
}
.flatpickr-calendar .flatpickr-weekdays .flatpickr-weekday {
  color: white;
  font-weight: 400;
}
.flatpickr-calendar .flatpickr-days {
  background: rgb(0, 27, 84);
}
.flatpickr-calendar .flatpickr-days .flatpickr-day {
  color: white;
}
.flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled,
.flatpickr-calendar .flatpickr-days .flatpickr-day.flatpickr-disabled:hover,
.flatpickr-calendar .flatpickr-days .flatpickr-day.prevMonthDay,
.flatpickr-calendar .flatpickr-days .flatpickr-day.nextMonthDay,
.flatpickr-calendar .flatpickr-days .flatpickr-day.notAllowed,
.flatpickr-calendar .flatpickr-days .flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-calendar .flatpickr-days .flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(255, 255, 255, 0.3);
}
.flatpickr-calendar .flatpickr-days .flatpickr-day.today {
  border-color: #27aae1;
}
.flatpickr-calendar .flatpickr-days .flatpickr-day.today:hover, .flatpickr-calendar .flatpickr-days .flatpickr-day.today:focus {
  background: #27aae1;
  color: white;
}

.ui-timepicker-wrapper {
  scrollbar-color: white rgb(0, 27, 84);
}
.ui-timepicker-wrapper ul {
  background: rgb(0, 27, 84);
}
.ui-timepicker-wrapper .ui-timepicker-am,
.ui-timepicker-wrapper .ui-timepicker-pm {
  color: white;
}
.ui-timepicker-wrapper .ui-timepicker-selected,
.ui-timepicker-wrapper .ui-timepicker-list li:hover,
.ui-timepicker-wrapper .ui-timepicker-list .ui-timepicker-selected:hover {
  background: #27aae1;
}

.mob-vh-100 {
  height: 100vh !important;
}

.rfc-modal-card {
  color: #000;
  background: #fef8ed;
}

.rfc-btn {
  font-size: 16px;
  line-height: 1.2;
  padding: 10px 20px;
  border-radius: 20px;
}

.rfc-copy {
  margin-top: 1rem;
}

.rfc-copy a.rfc-link {
  display: block;
  margin-top: 0.5rem;
}

.white-fill {
  fill: rgb(254, 248, 237);
}

.black-fill {
  fill: #111209;
}

.bg-white {
  background-color: rgb(254, 248, 237) !important;
}

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

.bg-dark-blue {
  background-color: #262262;
}

.bg-grey {
  background-color: rgba(234, 228, 218, 0.6);
}

.bg-boxes {
  background-color: rgb(236, 230, 222);
}

.bg-offwhite {
  background-color: rgb(231, 227, 217);
}

.c-offwhite {
  color: rgb(231, 227, 217);
}

.c-white {
  color: rgb(254, 248, 237);
}

.c-black {
  color: #111209;
}

.c-dark-blue,
.rfc-consent a,
.c-dark-blue a {
  color: #262262;
}

.c-ciel,
h2.wp-block-heading {
  color: #639cd6;
}

.c-light-blue {
  color: #379eda;
}

.c-baby-blue {
  color: #27AAE1;
}

.c-op-dark-blue {
  color: rgba(38, 34, 98, 0.1);
}

.pad-20 {
  padding: 20px;
}

.pad-30 {
  padding: 30px;
}

.pad-block-20 {
  padding-block: 20px;
}

.pad-block-30 {
  padding-block: 30px;
}

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

.pad-block-60 {
  padding-block: clamp(30px, 3.1vw, 60px);
}

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

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

.pad-block-120 {
  padding-block: clamp(60px, 6.25vw, 120px);
}

.pad-block-140 {
  padding-block: clamp(80px, 7.3vw, 140px);
}

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

.pad-block-220 {
  padding-block: clamp(150px, 11.458vw, 220px);
}

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

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

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

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

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

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

.pad-inline-220 {
  padding-inline: clamp(80px, 11.458vw, 220px);
}

.pt-60 {
  padding-top: 60px;
}

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

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

.pt-140 {
  padding-top: clamp(80px, 7.3vw, 140px);
}

.pt-170 {
  padding-top: clamp(100px, 8.9vw, 170px);
}

.pt-270 {
  padding-top: clamp(100px, 14.1vw, 270px);
}

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

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

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

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

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

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

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

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

.mb-100 {
  margin-bottom: clamp(50px, 5.208vw, 100px);
}

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

.mb-170 {
  margin-bottom: clamp(100px, 8.9vw, 170px);
}

.h-850 {
  height: clamp(150px, 44.3vw, 850px);
}

.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;
}

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

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

.line-height0-6 {
  line-height: 0.6;
}

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

.line-height1-2,
h2.wp-block-heading {
  line-height: 1.2;
}

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

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

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

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

.text-400 {
  font-size: clamp(65px, 20.833vw, 400px);
  text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 4px;
}

.text-140 {
  font-size: clamp(60px, 7.292vw, 140px);
}

.text-120 {
  font-size: clamp(55px, 6.25vw, 120px);
}

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

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

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

.text-55,
.text-55 p {
  font-size: clamp(30px, 2.9vw, 55px);
}

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

.text-48,
h2.wp-block-heading {
  font-size: clamp(26px, 2.5vw, 48px);
}

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

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

.text-30 {
  font-size: clamp(20px, 1.563vw, 30px);
}
.text-30 p strong {
  color: #379eda;
  font-weight: 400;
}

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

.text-25 {
  font-size: clamp(17px, 1.302vw, 25px);
}

.text-24 {
  font-size: clamp(17px, 1.25vw, 24px);
}

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

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

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

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

/* Buttons */
.button-wrapper {
  border-radius: 40px;
}
.button-wrapper .button {
  background: rgba(255, 255, 255, 0.8);
  padding: 10px clamp(15px, 1.458vw, 28px) 5px clamp(20px, 1.979vw, 38px);
  display: inline-block;
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
}
.button-wrapper .arrow-wrapper, .button-wrapper .arrow-wrapper svg.hole {
  max-width: clamp(45px, 3.594vw, 69px);
  max-height: clamp(45px, 3.594vw, 69px);
}
.button-wrapper .arrow {
  top: clamp(8px, 0.625vw, 12px);
  right: clamp(9px, 0.677vw, 13px);
  max-width: clamp(28px, 2.292vw, 44px);
  max-height: clamp(28px, 2.292vw, 44px);
  background: rgba(255, 255, 255, 0.8);
}
.button-wrapper .arrow svg {
  width: clamp(28px, 2.344vw, 45px);
  height: clamp(28px, 2.344vw, 45px);
}
.button-wrapper .arrow svg {
  animation: arrowReverseSlide 0.5s ease forwards;
}
.button-wrapper:hover .arrow svg {
  animation: arrowDiagonalSlide 0.5s ease forwards;
}
.button-wrapper.style2 .arrow {
  max-width: clamp(42px, 3.385vw, 65px);
  max-height: clamp(42px, 3.385vw, 65px);
  min-width: clamp(42px, 3.385vw, 65px);
  min-height: clamp(42px, 3.385vw, 65px);
  top: 7px;
  right: 9px;
}
.button-wrapper.style2 .arrow svg {
  position: absolute;
  top: clamp(12px, 0.833vw, 16px);
  right: clamp(12px, 0.781vw, 15px);
  width: clamp(18px, 1.667vw, 32px);
  height: clamp(18px, 1.615vw, 31px);
}
.button-wrapper.style2 .button {
  background: rgba(255, 255, 255, 0.8);
  padding: clamp(24px, 1.667vw, 32px) clamp(70px, 4.688vw, 90px) clamp(20px, 1.563vw, 30px) clamp(20px, 1.979vw, 38px);
  display: inline-block;
  border-radius: 40px;
}
.button-wrapper.pushUp {
  margin-top: 0;
}
.button-wrapper.reverse-icon .arrow {
  transform: rotate(90deg);
}
.button-wrapper.filter-btn .button {
  width: clamp(180px, 14.844vw, 285px);
}
.button-wrapper.filter-btn .arrow svg {
  animation: none;
  top: clamp(13px, 1.042vw, 20px);
}
.button-wrapper.filter-btn:hover .arrow svg {
  animation: none;
}
.button-wrapper.filter-btn:focus-visible {
  outline: 0;
}

button.button-wrapper {
  border: 0;
  background: transparent;
  padding: 0;
}

.sectionWithButton .button-wrapper {
  opacity: 0;
}
.sectionWithButton:hover .button-wrapper {
  opacity: 1;
}

@keyframes arrowDiagonalSlide {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  49% {
    opacity: 0;
    transform: translate(15px, -15px);
  }
  50% {
    transform: translate(-15px, 15px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes arrowReverseSlide {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  49% {
    opacity: 0;
    transform: translate(-15px, 15px);
  }
  50% {
    transform: translate(15px, -15px);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
.filter-dropdown {
  position: absolute;
  top: 110%;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #ddd;
  min-width: clamp(180px, 14.844vw, 285px);
  border-radius: clamp(20px, 1.979vw, 38px);
  z-index: 999;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: 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;
}
.filter-dropdown.is-open {
  opacity: 1;
  pointer-events: all;
}

.filter-dropdown ul {
  list-style: none;
  margin: 0;
  padding: clamp(22px, 2.4vw, 36px);
}
.filter-dropdown ul li a {
  display: block;
  padding-block: clamp(10px, 0.9vw, 18px);
  color: #262262;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
.filter-dropdown ul li a:hover {
  color: #111209;
}
.filter-dropdown ul li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.5);
}

.filter-btn {
  border-radius: 999px;
  transition: border-radius 0.2s ease;
}
.filter-btn .arrow {
  -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;
}
.filter-btn .arrow svg {
  width: clamp(15px, 1.042vw, 20px) !important;
  right: clamp(13px, 1.146vw, 22px) !important;
}
.filter-btn.is-open .arrow {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  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;
}
.filter-btn.is-open .button:focus-visible {
  outline: 0;
}

.search_close {
  width: 50px;
  height: 50px;
  display: none;
  opacity: 0;
}

#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;
}

#s {
  background: none;
  box-shadow: none;
  border-left: none;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
  height: 45px;
}

#search_close {
  text-align: center;
  margin-top: 180px;
  position: absolute;
  width: 100%;
}
#search_close svg {
  width: 50px;
  height: auto;
  cursor: pointer;
}

.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: rgb(254, 248, 237);
}
.swiper-button:hover path {
  background: rgb(254, 248, 237);
  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: #111209;
}
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: #111209;
  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;
}

/***  
.arrow {
  @include arrow-diagonal-slide(2s, ease, forwards);
}
.arrow-reverse {
  @include arrow-reverse-slide(1.5s, ease, forwards);
}
***/
/* Γενικά για mobile menu lines */
#mobile-open:hover .menu-line,
#mobile-menu.opened .menu-line {
  width: 100%;
}

/* Social menu items */
#menu-social li {
  margin-right: 10px;
}
#menu-social li:last-child {
  margin-right: 0px;
}

/* Modal menu */
#menu-modal-menu {
  flex-direction: column;
}
#menu-modal-menu li {
  border-bottom: 1px solid rgba(120, 153, 4, 0.2);
  width: 100%;
  padding: 7px 0;
}
#menu-modal-menu li:last-child {
  border: none;
}

#modal-navigation,
.menu-modal-menu-container {
  width: 100%;
}

/* Close button */
#mobile-close {
  cursor: pointer;
  right: 10px;
  top: 20px;
  height: 30px;
}
#mobile-close svg {
  transition: 0.3s all linear;
  height: 30px;
  width: auto;
}
#mobile-close:hover svg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/* Header */
header {
  padding: 40px clamp(30px, 2.604vw, 50px);
  /* Main menu */
}
header #logo img.custom-logo {
  height: clamp(35px, 3.229vw, 62px);
  width: auto;
}
header #header-right {
  top: clamp(32px, 2.083vw, 40px);
  right: clamp(20px, 2.604vw, 50px);
}
header #header-right a.button-wrapper {
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.2);
}
header nav#header-navigation {
  margin-top: 75px;
}
header .menu-line {
  height: 2px;
  width: clamp(20px, 2.083vw, 40px);
  background: #262262;
  margin: clamp(2px, 0.208vw, 4px) 0;
}
header #menu-main-menu {
  padding: 40px clamp(35px, 2.604vw, 50px);
}
header #menu-main-menu li {
  margin: clamp(15px, 2.083vw, 25px) 0;
  position: relative;
  max-width: max-content;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
}
header #menu-main-menu li span.menu-item-has-children-content-wrapper {
  cursor: pointer;
  width: clamp(22px, 2.083vw, 40px);
  height: clamp(22px, 2.083vw, 40px);
  margin-right: clamp(10px, 0.781vw, 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;
}
header #menu-main-menu li span.menu-item-has-children-content-wrapper::before, header #menu-main-menu li span.menu-item-has-children-content-wrapper::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 50%;
  width: clamp(20px, 2.083vw, 40px);
  height: 2px;
  background-color: rgb(231, 227, 217);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
header #menu-main-menu li span.menu-item-has-children-content-wrapper::after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
header #menu-main-menu li span.menu-item-has-children-content-wrapper.active {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
header #menu-main-menu li a {
  display: block;
  position: relative;
  overflow: hidden;
  font-size: clamp(35px, 5.208vw, 100px);
  font-weight: 500;
  color: rgb(231, 227, 217);
  text-decoration: none;
  line-height: 1;
}
header #menu-main-menu li a .text-default, header #menu-main-menu li a .text-hover {
  display: block;
  transition: transform 0.3s ease;
}
header #menu-main-menu li a .text-hover {
  position: absolute;
  top: 100%;
  left: 0;
}
header #menu-main-menu li a:hover .text-default {
  transform: translateY(-100%);
}
header #menu-main-menu li a:hover .text-hover {
  transform: translateY(-100%);
}
header #menu-main-menu li ul.sub-menu {
  display: flex;
  flex-direction: row;
  position: absolute;
  left: 100%;
  top: 50%;
  list-style-type: unset;
  -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 li {
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 15px;
  padding-right: 15px;
}
header #menu-main-menu li ul.sub-menu li::after {
  content: " ";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  right: -4px;
  border-radius: 50%;
  background-color: rgb(231, 227, 217);
  -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 li:last-child::after {
  display: none;
}
header #menu-main-menu li ul.sub-menu li a {
  font-size: clamp(30px, 2.9vw, 55px);
  font-weight: 300;
  line-height: 1;
}
header #menu-toggle {
  width: clamp(40px, 3.854vw, 74px);
  height: clamp(40px, 3.854vw, 74px);
  cursor: pointer;
  box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.2);
  background: rgba(255, 255, 255, 0.8);
  animation: pulseShadow 2.5s infinite;
}
header #menu-toggle.active .menu-line.top {
  transform: translateY(clamp(6px, 0.521vw, 10px)) rotate(45deg);
}
header #menu-toggle.active .menu-line.bot {
  transform: translateY(clamp(-10px, -0.521vw, -6px)) rotate(-45deg);
}
header #menu-toggle.active .menu-line.mid {
  opacity: 0;
}
header #mega-menu {
  pointer-events: none;
  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;
}
header #mega-menu.active {
  pointer-events: all;
  opacity: 1;
}
header .mega-menu-social {
  bottom: 40px;
  right: clamp(40px, 3.385vw, 60px);
}
header .mega-menu-social ul {
  list-style-type: none;
  display: flex;
  gap: clamp(30px, 3.646vw, 70px);
  padding-left: 0;
}
header .mega-menu-social ul li a {
  font-size: clamp(15px, 0.938vw, 18px);
  color: rgb(254, 248, 237);
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  position: relative;
}
header .mega-menu-social ul li a:after {
  content: "";
  height: 2px;
  width: 100%;
  background: rgb(231, 227, 217);
  position: absolute;
  bottom: -3px;
  left: 0;
  opacity: 0.6;
}

html.no-scroll, html.no-scroll body {
  overflow: hidden !important;
  height: 100% !important;
}

/* Keyframes για pulse */
@keyframes pulseShadow {
  0%, 100% {
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.4);
  }
}
footer .footer-gradient {
  background: linear-gradient(0deg, rgba(52, 90, 131, 0.83) 0%, rgba(102, 104, 133, 0.56) 100%);
}
footer .social-menu-class ul {
  list-style-type: none;
  display: flex;
  gap: 20px;
  padding-left: 0;
  padding-block: clamp(30px, 2.865vw, 55px);
  margin-bottom: 0;
}
footer .social-menu-class ul li, footer .social-menu-class ul a {
  color: rgb(254, 248, 237);
  font-size: clamp(16px, 0.938vw, 18px);
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
}

.page-template-template-forms header #menu-toggle,
.page-template-template-forms header .button-wrapper .button {
  background: rgb(254, 248, 237);
}
.page-template-template-forms header .button-wrapper {
  overflow: hidden;
}
.page-template-template-forms header .hole path {
  fill: transparent;
}
.page-template-template-forms header .arrow {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}
.page-template-template-forms header .arrow-wrapper,
.page-template-template-forms header .button-wrapper .arrow {
  background: rgb(254, 248, 237);
}
.page-template-template-forms .pac-container {
  background-color: #262262;
  font-family: "BR Firma", sans-serif;
}
.page-template-template-forms .pac-container .pac-item {
  padding-block: 5px;
}
.page-template-template-forms .pac-container .pac-item span {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  font-weight: 200;
}
.page-template-template-forms .pac-container .pac-item:hover {
  background: #27AAE1;
}
.page-template-template-forms .pac-container .pac-icon.pac-icon-marker {
  filter: invert(1) brightness(10) contrast(1000%);
}
.page-template-template-forms .flatpickr-months .flatpickr-prev-month, .page-template-template-forms .flatpickr-months .flatpickr-next-month {
  padding-block: 5px !important;
}
.page-template-template-forms .flatpickr-rContainer {
  background: #001b54;
}
.page-template-template-forms .flatpickr-weekdays {
  margin-bottom: 5px;
}
.page-template-template-forms .flatpickr-current-month {
  padding-block: 6px !important;
}
.page-template-template-forms .flatpickr-calendar.arrowTop:before,
.page-template-template-forms .flatpickr-calendar.arrowTop:after {
  border-bottom-color: #262262;
}
.page-template-template-forms .flatpickr-calendar.arrowBottom:before,
.page-template-template-forms .flatpickr-calendar.arrowBottom:after {
  border-top-color: #262262;
}

#form .button-wrapper .button {
  background: rgb(254, 248, 237);
}
#form .wpforms-uploader {
  height: clamp(100px, 10.4vw, 200px);
  background-color: transparent;
  color: rgb(0, 27, 84);
  border: 1px solid rgba(153, 153, 153, 0.2);
  border-radius: 30px;
}
#form .wpforms-uploader svg {
  opacity: 1;
}
#form .wpforms-uploader span {
  display: none;
}
#form div.wpforms-list-inline ul {
  display: flex;
  flex-wrap: wrap;
}
#form div.wpforms-list-inline ul li {
  margin: 0 15px 15px 0;
}
#form ul {
  padding-left: 0;
}
#form ul li {
  list-style: none;
  display: flex;
  align-items: center;
}
#form ul label {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 27, 84, 0.6);
}
#form input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 2px solid rgba(153, 153, 153, 0.2);
  margin: 0;
  display: inline-flex;
  line-height: 0;
  width: 20px;
  padding: 0;
  height: 20px;
  position: relative;
  margin-right: 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;
}
#form input[type=checkbox]:checked {
  border: 2px solid rgb(0, 27, 84);
}
#form input[type=checkbox]:checked::before {
  content: "";
  width: 10px;
  height: 10px;
  background: #262262;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
}
#form input[type=checkbox]:checked + label {
  font-size: 14px;
  font-weight: 400;
  color: rgb(0, 27, 84);
}
#form label,
#form legend {
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
}
#form input,
#form textarea {
  background-color: transparent;
  color: rgb(0, 27, 84);
  border: 1px solid rgba(153, 153, 153, 0.2);
  border-radius: 30px;
  padding: 18px 30px 15px 30px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
}
#form textarea {
  resize: none;
  height: 163px;
}
#form input:not(input[type=checkbox]):focus,
#form textarea:focus {
  outline: 0;
  border: 1px solid rgb(0, 27, 84);
  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;
}
#form em.wpforms-error,
#form input::placeholder,
#form textarea::placeholder {
  font-size: 16px;
  color: rgba(0, 27, 84, 0.6);
  -webkit-font-smoothing: antialiased;
}
#form em.wpforms-error {
  padding: 10px 30px;
  color: rgba(207, 7, 7, 0.6);
}
#form .choices[data-type*=select-one] .choices__inner {
  border: 1px solid rgba(153, 153, 153, 0.2);
  background: transparent;
  border-radius: 30px;
  height: 54px;
}
#form .choices__list--single .choices__item[data-value=""],
#form .choices__list--single .choices__item {
  color: rgba(0, 27, 84, 0.6);
  opacity: 1;
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}
#form .choices__list.choices__list--dropdown {
  background: #262262;
  color: #fff;
}
#form .choices__list--dropdown .choices__item {
  font-size: 18px;
  font-family: "BR Firma", sans-serif;
  font-weight: 300;
}
#form .choices__list--dropdown .choices__item.is-highlighted {
  background-color: #27AAE1;
}
#form .choices__input.choices__input--cloned {
  color: #fff;
}
#form .wpforms-field-large.pac-target-input {
  color: rgba(0, 27, 84, 0.6);
}

.wpforms-container .wpforms-field {
  padding-bottom: 5px !important;
}

#newsletter-form .wpforms-container {
  margin-bottom: 0;
}
#newsletter-form form {
  background-color: rgba(234, 228, 218, 0.8);
  border-radius: 100px;
  width: clamp(300px, 20.833vw, 400px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: clamp(60px, 4.167vw, 80px);
  position: relative;
}
#newsletter-form input,
#newsletter-form input.wpforms-error {
  background-color: transparent;
  color: rgb(0, 27, 84);
  border: 0;
  font-size: clamp(16px, 0.938vw, 18px);
  font-weight: 400;
  line-height: 1;
  text-indent: clamp(20px, 2.292vw, 44px);
  outline: none;
}
#newsletter-form input::placeholder,
#newsletter-form input.wpforms-error::placeholder {
  color: rgba(0, 27, 84, 0.4);
  font-family: inherit;
}
#newsletter-form .wpforms-field-container {
  min-width: 70%;
  height: 100%;
}
#newsletter-form .wpforms-field.wpforms-field-email {
  padding: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0;
  height: 100%;
  display: flex;
  overflow: visible;
}
#newsletter-form em.wpforms-error {
  font-size: 13px;
  padding-inline: 30px;
  font-weight: 400;
  line-height: 1.2;
  text-align: start;
  position: absolute;
  bottom: -40px;
  left: 0;
  padding: 0;
}
#newsletter-form .wpforms-submit.arrow-submit {
  background: rgb(234, 228, 218);
  border: 0;
  margin-right: 10px;
  width: clamp(45px, 3.385vw, 65px);
  height: clamp(45px, 3.385vw, 65px);
  border-radius: 50px;
}
#newsletter-form .wpforms-submit.arrow-submit svg {
  animation: arrowSlideLeft 0.5s ease forwards;
  width: clamp(9px, 0.625vw, 12px);
}
#newsletter-form .wpforms-submit.arrow-submit:hover svg {
  animation: arrowSlideRight 0.5s ease forwards;
}

#form .button-wrapper {
  filter: drop-shadow(0 4px 13px rgba(0, 0, 0, 0.2));
  float: right;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background: rgb(254, 248, 237);
  margin-top: 1rem;
}
#form .button-wrapper svg {
  width: clamp(28px, 2.344vw, 45px);
  height: clamp(28px, 2.344vw, 45px);
  margin-left: 20px;
  margin-right: 10px;
  border-radius: 50%;
  background: rgb(254, 248, 237);
  display: inline-flex;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}
#form .button-wrapper svg g path {
  animation: none;
}
#form .button-wrapper svg g path.forward {
  animation: arrowDiagonalSlide 0.5s ease forwards;
}
#form .button-wrapper svg g path.reverse {
  animation: arrowReverseSlide 0.5s ease forwards;
}
#form .button-wrapper button {
  padding: clamp(12px, 1.25vw, 26px) clamp(20px, 1.93vw, 40px) clamp(8px, 0.83vw, 20px) clamp(30px, 2.81vw, 60px);
  border: 0;
  background: transparent;
  border: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  border-radius: 40px;
  color: #262262;
}

#home-hero .scroll-down {
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
#home-hero .hero-svg-wrapper {
  opacity: 0;
}
#home-hero .hero-content {
  bottom: clamp(70px, 7.813vw, 150px);
  right: clamp(20px, 7.813vw, 150px);
  max-width: 480px;
  opacity: 0;
}
#home-hero .hero-content h1, #home-hero .hero-content p {
  text-shadow: 2px 2px 4px rgba(255, 255, 255, 0.25);
}
#home-hero .hero-svg-wrapper svg {
  max-width: clamp(250px, 53.125vw, 1020px);
  height: auto;
}
#home-hero .clouds-animation {
  position: relative;
  overflow: hidden;
  opacity: 0;
  transition: none;
}
#home-hero .clouds-animation .cloud {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: transform 0.2s ease-out;
  will-change: transform;
}
#home-hero .clouds-animation .sky, #home-hero .clouds-animation .cloud {
  will-change: transform;
  transition: transform 0.3s ease-out;
}
#home-hero .clouds-animation,
#home-hero .clouds-animation .cloud,
#home-hero .sky {
  transform: translateZ(0);
  will-change: transform, opacity;
}

#about-us .inner:after {
  content: "";
  background: rgb(254, 248, 237);
  position: absolute;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
}
#about-us .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(20%, -50%);
  -moz-transform: translate(20%, -50%);
  -ms-transform: translate(20%, -50%);
  -o-transform: translate(20%, -50%);
  transform: translate(20%, -50%);
  opacity: 0.5;
  width: 100%;
  max-width: clamp(320px, 72.917vw, 1400px);
}
#about-us strong {
  font-weight: 500;
  color: #379eda;
}
#about-us .collage-small {
  width: 640px;
  height: 160px;
  margin-bottom: 140px;
}
#about-us .collage-medium {
  width: 582px;
  height: clamp(250px, 15.938vw, 306px);
}
#about-us .collage-big {
  width: 100%;
  height: 830px;
  padding-left: 40px;
}
#about-us .slogan {
  max-width: 350px;
  margin-top: clamp(60px, 6.771vw, 130px);
  margin-right: 100px;
}

#latest-news .desc {
  max-width: 670px;
}
#latest-news hr {
  border-bottom: 1px solid rgb(254, 248, 237);
  border-top: 0;
}

#global-presence .inner {
  max-width: 1500px;
}
#global-presence .inner strong {
  font-weight: 500;
  color: #27AAE1;
}

#counters .desc {
  max-width: clamp(80px, 6.771vw, 130px);
  margin-bottom: clamp(12px, 1.302vw, 25px);
}
#counters .position-left .inner {
  border-right: 1px solid rgb(254, 248, 237);
  padding-right: 50px;
  min-width: clamp(400px, 29.948vw, 575px);
}
#counters .position-middle {
  display: flex;
  justify-content: center;
}
#counters .position-middle .inner {
  border-right: 1px solid rgb(254, 248, 237);
  padding-right: 50px;
  -webkit-transform: translateX(-30%);
  -moz-transform: translateX(-30%);
  -ms-transform: translateX(-30%);
  -o-transform: translateX(-30%);
  transform: translateX(-30%);
  min-width: clamp(500px, 41.667vw, 800px);
}
#counters .position-right {
  display: flex;
  justify-content: end;
}
#counters .position-right .inner {
  border-left: 1px solid rgb(254, 248, 237);
  padding-left: 50px;
  min-width: clamp(500px, 49.479vw, 950px);
}
#counters .bg-blur {
  inset: 0;
  background-position: center;
  transition: none;
}

#services {
  position: relative;
}
#services .first-service .service-item-img-wrapper > img {
  margin-top: -12%;
}
#services:after {
  content: "";
  border-top: 20px solid rgb(254, 248, 237);
  border-bottom: 20px solid rgb(254, 248, 237);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  pointer-events: none;
}
#services .titles-wrapper {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 20;
  width: 100%;
}
#services .titles-wrapper-inner {
  position: relative;
  height: clamp(55px, 6.25vw, 120px);
  overflow: hidden;
  margin: 0 20px;
}
#services .service-title {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
#services .plus-button {
  width: clamp(60px, 5.625vw, 108px);
  height: clamp(60px, 5.625vw, 108px);
  bottom: clamp(-35px, -1.823vw, -10px);
  left: clamp(-120px, -6.25vw, -80px);
  position: absolute;
  pointer-events: none;
  opacity: 0;
}
#services .plus-button svg {
  transition: transform 0.2s ease;
  max-width: clamp(30px, 2.604vw, 50px);
}
#services .plus-button:hover svg {
  transform: scale(1.2) rotate(90deg);
}
#services .service-item {
  top: 0;
  left: 0;
  transition: opacity 0.3s ease;
}
#services .service-item.active {
  z-index: 9;
}
#services .service-item.active .plus-button {
  opacity: 1 !important;
  pointer-events: all;
  z-index: 5;
}
#services .service-item .service-item-img-wrapper {
  margin-left: 20px;
  margin-right: 20px;
}
#services .service-item img {
  min-height: 100vh;
}
#services .service-desc {
  width: clamp(300px, 25.521vw, 490px);
  bottom: clamp(60px, 5.469vw, 105px);
  left: clamp(110px, 9.375vw, 180px);
}
#services .first-service {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
}
#services .first-service .service-item-img-wrapper {
  width: clamp(340px, 25.521vw, 490px);
  height: clamp(380px, 29.167vw, 560px);
  overflow: hidden;
  border-radius: clamp(80px, 7.396vw, 142px);
}
#services .scroll-txt {
  right: 40px;
  opacity: 0.7;
  mix-blend-mode: overlay;
}
#services #columbus-marquee2 {
  width: 100%;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  top: 60%;
}
#services .marquee-line {
  display: flex;
  white-space: nowrap;
  line-height: 1;
  padding: 10px 0;
  will-change: transform;
}
#services .marquee-line1 {
  margin-bottom: 10px;
}
#services .marquee-line2 {
  margin-top: 10px;
}
#services .marquee-line2 span {
  mix-blend-mode: overlay;
}
#services .service-desc, #services .plus-button {
  opacity: 0;
}
#services .service-progress-bar {
  position: absolute;
  bottom: 100px;
  right: clamp(50px, 5.208vw, 100px);
  z-index: 9;
  width: clamp(200px, 31.25vw, 600px);
}
#services .service-progress-bar .inner {
  display: flex;
  gap: 10px;
  justify-content: center;
}
#services .service-progress-bar .bar {
  opacity: 0;
  height: 2px;
  border-bottom: 4px solid rgb(254, 248, 237);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(254, 248, 237);
  opacity: 0.2;
  width: clamp(200px, 31.25vw, 600px);
}
#services .service-progress-bar .progress {
  position: absolute;
  top: 0;
  width: 0;
  height: 4px;
  background-color: white;
  left: 0;
  z-index: 9;
}

.page-template-template-about #our-values .our-values-left .desc strong {
  color: #27AAE1;
  font-weight: 500;
}
.page-template-template-about #our-values .our-values-left .about-values-left-img {
  width: clamp(384px, 40vw, 768px);
  height: clamp(252px, 26.25vw, 504px);
}
.page-template-template-about #our-values .our-values-right .about-values-right-img {
  width: clamp(498px, 51.875vw, 996px);
  height: clamp(327px, 34.063vw, 654px);
}
.page-template-template-about #our-vision .inner {
  height: clamp(450px, 37.5vw, 720px);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}
.page-template-template-about #our-vision .content {
  bottom: clamp(20px, 2.083vw, 40px);
  left: clamp(20px, 2.604vw, 50px);
  max-width: clamp(300px, 29.167vw, 560px);
}
.page-template-template-about #our-vision .content p {
  margin-bottom: 0;
}
.page-template-template-about #our-vision .about-vision-square {
  width: clamp(225px, 23.438vw, 450px);
  height: clamp(225px, 23.438vw, 450px);
  right: 0;
  bottom: -80px;
}
.page-template-template-about #experience-expertise {
  margin-bottom: clamp(80px, 7.813vw, 150px);
}
.page-template-template-about #experience-expertise h2 {
  padding: clamp(18px, 1.927vw, 37px) clamp(20px, 5.208vw, 100px);
  border-top: 1px solid #262262;
  border-bottom: 1px solid #262262;
}
.page-template-template-about #experience-expertise .inner {
  border-bottom: 1px solid #262262;
}
.page-template-template-about #experience-expertise .inner .number-area {
  padding: clamp(20px, 2.083vw, 40px) 30px clamp(20px, 2.083vw, 40px) clamp(20px, 5.365vw, 103px);
}
.page-template-template-about #experience-expertise .inner .number {
  line-height: 0.6;
}
.page-template-template-about #experience-expertise .inner .number-title {
  min-width: 180px;
}
.page-template-template-about #experience-expertise .desc {
  padding: clamp(20px, 2.083vw, 40px) clamp(100px, 20.208vw, 388px) clamp(20px, 2.083vw, 40px) clamp(30px, 2.813vw, 54px);
  border-left: 1px solid #262262;
}
.page-template-template-about #experience-expertise .hr {
  border-bottom: 1px solid #262262;
}

#notfound .cloud.cloud1 {
  bottom: -20%;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: auto;
}
#notfound .inner {
  height: calc(100vh - 40px);
}

.service-values-nav {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#our-service-values .our-service-values-swiper {
  border-bottom: 2px solid #262262;
}
#our-service-values .swiper-slide:last-child {
  border-bottom: none;
}
#our-service-values .swiper-slide {
  border-top: 2px solid #262262;
}
#our-service-values .swiper-slide::after {
  content: " ";
  width: 2px;
  height: 100%;
  position: absolute;
  left: 65px;
  top: 0;
  background-color: #262262;
  z-index: 2;
}
#our-service-values .service-num {
  max-width: 65px;
  width: 100%;
}
#our-service-values .service-content {
  width: 70%;
}
#our-service-values .service-item-img {
  top: -35px;
  right: -20%;
  opacity: 0;
  width: clamp(233px, 18.229vw, 350px);
  height: clamp(317px, 24.792vw, 476px);
}
#our-service-values .service-content.odd .service-item-img {
  right: -25%;
}
#our-service-values .swiper-slide:hover .service-item-img {
  opacity: 1;
}
#our-service-values .swiper-button-next::after,
#our-service-values .swiper-button-prev::after {
  content: none;
}
#our-service-values .swiper-button-next,
#our-service-values .swiper-button-prev {
  width: 54px;
  height: 54px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 0;
}

.services-accordion-wrapper {
  z-index: 9;
  display: flex;
  flex-direction: column;
}
.services-accordion-wrapper .service-accordion {
  background: rgb(231, 227, 217);
  border-radius: 5px;
  box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  cursor: pointer;
  height: clamp(160px, 13.542vw, 200px);
  transition: height 0.7s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease;
}
.services-accordion-wrapper .service-accordion.is-active {
  height: clamp(350px, 26.042vw, 500px);
}
.services-accordion-wrapper .service-accordion:not(:first-child) {
  margin-top: -4px;
}
.services-accordion-wrapper .service-accordion:not(.is-active):hover {
  height: clamp(200px, 13.542vw, 260px);
}
.services-accordion-wrapper .service-accordion .inner {
  padding: clamp(40px, 4.167vw, 80px) clamp(30px, 3.906vw, 75px);
  gap: clamp(50px, 5.208vw, 100px);
  height: 100%;
}
.services-accordion-wrapper .service-accordion .text-22,
.services-accordion-wrapper .service-accordion .service-link {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.4s ease;
  transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  pointer-events: none;
}
.services-accordion-wrapper .service-accordion .text-22 {
  opacity: 1;
}
.services-accordion-wrapper .service-accordion.is-active .text-22,
.services-accordion-wrapper .service-accordion.is-active .service-link {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition-delay: 0.25s;
}
.services-accordion-wrapper .accordion-img {
  width: clamp(220px, 16.927vw, 325px);
  height: clamp(224px, 17.5vw, 336px);
  border-radius: 5px;
  overflow: hidden;
  flex-shrink: 0;
}
.services-accordion-wrapper .accordion-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services-accordion-wrapper .left {
  max-width: 1035px;
}
.services-accordion-wrapper .right {
  gap: clamp(20px, 4.271vw, 82px);
}
.services-accordion-wrapper .right .circle {
  width: clamp(42px, 5.208vw, 100px);
  height: clamp(42px, 5.208vw, 100px);
}
.services-accordion-wrapper .right .circle:hover svg {
  animation: arrowDiagonalSlide 0.5s ease forwards;
}
.services-accordion-wrapper .right .circle svg {
  animation: arrowReverseSlide 0.5s ease forwards;
  width: clamp(15px, 2.344vw, 45px);
  height: auto;
}

.general-desc {
  max-width: 1200px;
}

.whyus-desc {
  max-width: 1500px;
}

.general-desc,
.whyus-desc {
  margin-left: auto;
  margin-right: auto;
}

#general-desc-text {
  background: #fef8ed;
}

.single-service #service-inner-img .fit-img {
  height: calc(100vh - 142px - clamp(35px, 2.604vw, 50px));
}
.single-service .small-service strong {
  color: #262262;
  font-weight: 600;
}
.single-service .small-service p {
  margin-bottom: 0;
}
.single-service .three-cols-wrapper {
  gap: clamp(20px, 8.073vw, 155px);
}
.single-service .has-border {
  border-bottom: 2px solid rgba(38, 34, 98, 0.1019607843);
}
.single-service .small-img {
  width: 465px;
  height: 250px;
}
.single-service #service-info {
  margin-top: 40px !important;
}

.more-jobs-btn {
  padding: 7px;
  border-radius: 50px;
  display: flex;
  flex-wrap: no-wrap;
  align-items: center;
  justify-content: between;
  appearance: none;
  background: rgba(38, 34, 98, 0.8);
  color: rgb(254, 248, 237);
  backdrop-filter: blur(450px);
  border: 0;
}
.more-jobs-btn:hover {
  display: flex;
}
.more-jobs-btn .btn-text {
  padding: 0 clamp(20px, 2.1vw, 40px);
  line-height: 1;
}
.more-jobs-btn .btn-svg, .more-jobs-btn .btn-svg svg {
  width: clamp(35px, 3.4vw, 65px);
  height: auto;
}
.more-jobs-btn:hover svg path {
  animation: arrowDiagonalSlide 0.5s ease forwards;
}
@keyframes arrowDiagonalSlide {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  49% {
    opacity: 0;
    transform: translate(15px, -15px);
  }
  50% {
    opacity: 0;
    transform: translate(-15px, 15px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.more-jobs-btn:not(:hover) svg path {
  animation: arrowReverseSlide 0.5s ease forwards;
}
@keyframes arrowReverseSlide {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  49% {
    opacity: 0;
    transform: translate(-15px, 15px);
  }
  50% {
    opacity: 0;
    transform: translate(15px, -15px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

.dropdown {
  position: relative;
}
.dropdown .drop-btn {
  padding: 7px;
  border-radius: 50px;
  display: flex;
  flex-wrap: no-wrap;
  align-items: center;
  justify-content: between;
  appearance: none;
  background: rgba(38, 34, 98, 0.8);
  color: rgb(254, 248, 237);
  backdrop-filter: blur(450px);
  border: 0;
}
.dropdown .drop-btn .btn-text {
  padding: 0 clamp(20px, 2.1vw, 40px);
  line-height: 1;
}
.dropdown .drop-btn .btn-svg {
  width: clamp(35px, 3.4vw, 65px);
}
.dropdown .job-dropdown-menu {
  position: absolute;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  background: rgba(38, 34, 98, 0.8);
  border: unset;
  border-radius: clamp(20px, 1.979vw, 38px);
  min-width: 100%;
  padding: clamp(22px, 2.4vw, 36px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  list-style: none;
  display: block;
  z-index: 999;
}
.dropdown.open .job-dropdown-menu {
  pointer-events: auto;
}
.dropdown .job-dropdown-menu li {
  padding: clamp(10px, 0.9vw, 18px) 0;
  border-top: 1px solid rgb(254, 248, 237);
}
.dropdown .job-dropdown-menu li:last-child {
  border-bottom: 1px solid rgb(254, 248, 237);
}
.dropdown .job-dropdown-menu li .dropdown.open .job-dropdown-menu {
  pointer-events: auto;
}
.dropdown .job-dropdown-menu li .dropdown-item {
  display: block;
  color: rgb(254, 248, 237);
  text-decoration: none;
}
.dropdown .job-dropdown-menu li .dropdown-item:hover,
.dropdown .job-dropdown-menu li .dropdown-item.active {
  background: none;
  color: #639cd6;
}

.job-card {
  box-shadow: 0 6px 9.2px 3px rgba(0, 0, 0, 0.09);
}
.job-card svg {
  width: clamp(50px, 5.2vw, 100px);
  height: clamp(50px, 5.2vw, 100px);
}
.job-card svg:hover path {
  animation: arrowDiagonalSlide 0.5s ease forwards;
}
@keyframes arrowDiagonalSlide {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  49% {
    opacity: 0;
    transform: translate(15px, -15px);
  }
  50% {
    opacity: 0;
    transform: translate(-15px, 15px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.job-card svg:not(:hover) path {
  animation: arrowReverseSlide 0.5s ease forwards;
}
@keyframes arrowReverseSlide {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  49% {
    opacity: 0;
    transform: translate(-15px, 15px);
  }
  50% {
    opacity: 0;
    transform: translate(15px, -15px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

#job-item .apply-button {
  display: inline-block;
  padding: 10px clamp(20px, 1.6vw, 30px);
  padding-right: 0;
  color: #262262;
  border-radius: 50px;
  line-height: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#job-item .apply-button svg {
  margin-left: 30px;
  margin-right: 10px;
  border: 5px solid rgb(254, 248, 237);
  border-radius: 50px;
  width: clamp(44px, 2.8vw, 54px);
}
#job-item .apply-button path {
  animation: arrowReverseSlide 0.5s ease forwards;
}
@keyframes arrowReverseSlide {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  49% {
    opacity: 0;
    transform: translate(-15px, 15px);
  }
  50% {
    opacity: 0;
    transform: translate(15px, -15px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
#job-item .apply-button:hover path {
  animation: arrowDiagonalSlide 0.5s ease forwards;
}
@keyframes arrowDiagonalSlide {
  0% {
    opacity: 1;
    transform: translate(0, 0);
  }
  49% {
    opacity: 0;
    transform: translate(15px, -15px);
  }
  50% {
    opacity: 0;
    transform: translate(-15px, 15px);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
#job-item #job-content h2 {
  font-family: "BR Firma";
  font-size: clamp(22px, 1.875vw, 36px);
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  margin-block: clamp(15px, 1.6vw, 30px);
}
#job-item #job-content h2:not(:first-child) {
  font-size: clamp(18px, 1.3vw, 25px);
}
#job-item #toc-list {
  list-style: none;
  margin-block: 10px;
  padding-left: 0;
}
#job-item #toc-list li {
  margin-bottom: clamp(10px, 1.5vw, 28px);
}
#job-item #toc-list li svg {
  opacity: 0;
  transition: opacity 0.1s ease;
}
#job-item #toc-list li:has(a.active) svg {
  opacity: 1;
}
#job-item #toc-list li:has(a:not(.active)) svg {
  opacity: 0;
}
#job-item #toc-list li a {
  color: #262262;
  transition: padding-left 0.7s ease;
}
#job-item #toc-list li a:hover, #job-item #toc-list li a.active {
  color: #639cd6;
}
#job-item #toc-list li a.active {
  padding-left: 40px;
}
#job-item #toc-list:has(a.active) svg {
  opacity: 0;
}
#job-item #toc-list:has(a:not(.active)) svg {
  transition: opacity 0.3s ease;
}

#table-of-contents {
  position: sticky;
  top: 100px;
  margin-bottom: 20px;
}

#inner-hero .inner {
  padding-block: 250px;
}
#inner-hero .desc {
  max-width: clamp(400px, 53.906vw, 1035px);
  margin: 0 auto;
}
#inner-hero .desc strong {
  color: #27AAE1;
  font-weight: 500;
}
#inner-hero .inner-hero-square {
  width: clamp(200px, 15.938vw, 306px);
  height: clamp(200px, 15.938vw, 306px);
  bottom: clamp(20px, 5.208vw, 100px);
}
#inner-hero .inner-hero-landscape {
  width: clamp(300px, 24.271vw, 466px);
  height: clamp(120px, 9.375vw, 180px);
  left: clamp(30px, 15.625vw, 300px);
  top: 50px;
}
#inner-hero .inner-hero-portrait {
  width: clamp(120px, 16.146vw, 310px);
  height: clamp(250px, 33.854vw, 650px);
  top: 50px;
}

.news-has-overlay {
  position: relative;
}
.news-has-overlay:after {
  content: "";
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1399px) {
  #home-hero .hero-content {
    right: 10px;
  }
}
@media screen and (max-width: 1299px) {
  #counters .position-middle .inner {
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    -o-transform: translateX(-10%);
    transform: translateX(-10%);
  }
  #about-us .slogan {
    margin-top: 30px;
  }
  #services .service-item.active .plus-button {
    bottom: 0;
  }
}
@media screen and (max-width: 1199px) {
  #home-hero .hero-content {
    right: 0px;
  }
}
@media screen and (max-width: 1099px) {
  .page-template-template-about #experience-expertise .desc {
    padding: clamp(20px, 2.083vw, 40px) 30px clamp(20px, 2.083vw, 40px) clamp(30px, 2.813vw, 54px);
  }
}
@media screen and (max-width: 991px) {
  #home-hero .hero-svg-wrapper {
    margin-top: -40px;
  }
  #home-hero .hero-content {
    left: 0;
    right: unset;
    background: rgba(255, 255, 255, 0.4);
    margin: 20px;
    padding-block: 30px;
  }
  .our-service-values-swiper {
    height: 100%;
  }
  #latest-news .news-item,
  #latest-news .news-section-title {
    padding-inline: 30px;
  }
  #table-of-contents {
    margin-bottom: 40px;
  }
  #our-service-values .service-content.even {
    width: 100%;
  }
  #our-service-values .service-content.odd {
    width: 100%;
  }
  #services .service-item.active .plus-button {
    bottom: -90px;
    left: 0;
  }
  .single-service .three-cols-wrapper {
    gap: 0;
  }
  br {
    display: none;
  }
  #home-hero .clouds-animation .cloud {
    left: -20%;
    min-width: 1400px;
  }
  #latest-news .button-wrapper.pushUp {
    margin-top: 20px;
  }
  #latest-news .postDesc {
    margin-top: 10px;
    font-size: 17px;
  }
  #latest-news .postTitle {
    font-size: 25px;
  }
  #services .service-desc {
    bottom: 200px;
    left: 35px;
  }
  #services .service-progress-bar {
    bottom: 80px;
  }
  #about-us .content {
    -webkit-transform: translate(80%, -50%);
    -moz-transform: translate(80%, -50%);
    -ms-transform: translate(80%, -50%);
    -o-transform: translate(80%, -50%);
    transform: translate(80%, -50%);
  }
  #our-service-values .service-item-img {
    display: none;
  }
  .hideDesktop {
    display: block;
  }
  #our-service-values .swiper-button-next,
  #our-service-values .swiper-button-prev {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  #our-service-values .swiper-button-prev {
    margin-right: 20px;
    order: -1;
  }
}
@media screen and (max-width: 767px) {
  header .mega-menu-social {
    right: unset;
    left: clamp(40px, 3.385vw, 60px);
    bottom: 60px;
  }
  header #menu-main-menu li ul.sub-menu {
    position: relative;
    top: unset;
    left: unset;
    flex-direction: column;
    transform: translateY(0);
    flex: 0 0 100%;
    height: 0;
    transition: all 1s ease-in-out;
  }
  header #menu-main-menu li ul.sub-menu li {
    margin-bottom: 5px;
  }
  header #menu-main-menu li ul.sub-menu li:last-child {
    margin-bottom: 0;
  }
  header #menu-main-menu li ul.sub-menu li:after {
    display: none;
  }
  header .menu-item-has-children.is-open ul.sub-menu {
    height: 100% !important;
    margin-top: 15px;
  }
  #home-hero .clouds-animation .cloud {
    left: -30%;
    min-width: 1000px;
  }
  #counters .position-middle .inner {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  #services .plus-button {
    left: 40px;
  }
  .single-service .pt-140 {
    padding-top: 30px;
  }
  .single-service .mt-170 {
    margin-top: 0;
  }
  .single-post .realvh {
    height: 50vh !important;
  }
  #experience-expertise h2 {
    text-align: center;
  }
  #experience-expertise .inner {
    flex-direction: column;
  }
  #experience-expertise .inner .number {
    line-height: 0.7;
    padding-block: 10px 0;
  }
  #experience-expertise .inner .desc {
    border-left: 0;
    border-top: 1px solid #262262;
    padding-inline: 20px;
    text-align: center;
  }
  #experience-expertise .inner .number-area {
    align-items: center !important;
  }
  #inner-hero .inner-hero-portrait {
    bottom: 0;
    top: unset;
  }
  .page-template-template-about #our-values .our-values-left .about-values-left-img,
  .page-template-template-about #our-values .our-values-right .about-values-right-img {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
  }
  .pad-sm-20 {
    padding: 20px;
  }
  .service-info-desc {
    padding-left: 20px;
    padding-right: 20px;
  }
  #newsletter-form .container {
    max-width: 100%;
  }
  .services-accordion-wrapper .service-accordion .inner {
    flex-direction: column;
    gap: 20px;
  }
  .services-accordion-wrapper .accordion-img {
    width: 100%;
  }
  .services-accordion-wrapper .right {
    flex-direction: column;
  }
  .services-accordion-wrapper .right .service-link {
    position: absolute;
    top: 30px;
    right: 20px;
  }
  .services-accordion-wrapper .service-accordion.is-active {
    height: 600px;
  }
  .copyright .text-24 {
    font-size: 13px;
    text-align: center;
  }
  #home-hero .scroll-down {
    bottom: 6%;
  }
}
@media screen and (max-width: 575px) {
  #home-hero .hero-svg-wrapper {
    margin-top: 0;
  }
  #home-hero .scroll-down {
    bottom: 20%;
  }
  #header a.button-wrapper {
    display: none !important;
  }
  #counters .position-left .inner,
  #counters .position-middle .inner {
    border-right: 0;
    min-width: 100%;
  }
  #counters .position-right .inner {
    border-left: 0;
    min-width: 100%;
    padding-left: 0;
  }
  #counters .desc {
    width: 100%;
    max-width: 100%;
  }
  #home-hero .hero-svg-wrapper {
    top: 40% !important;
  }
  .scroll-txt {
    display: none;
  }
  #inner-hero .inner-hero-portrait {
    display: none;
  }
  #inner-hero .inner-hero-landscape {
    right: 0;
    left: unset;
  }
  .page-template-template-about #our-vision .content {
    top: 30px;
    left: 30px;
  }
  .page-template-template-about #our-vision .inner {
    background-position: center;
  }
  #home-hero .scroll-down {
    width: 80%;
  }
}