@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Gabarito:wght@400..900&display=swap');

:root {
  --primary-color: #290059;
  --secondary-color: #FF00FF;
}

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

audio,
canvas,
video {
  display: inline-block;
}

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

[hidden],
template {
  display: none;
}

html {
  background: #fff;
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: auto;
}

html,
button,
input,
select,
textarea {
  font-family: "Gabarito", sans-serif;
}

a {
  background: transparent;
}

a:focus {
  outline: thin dotted;
}

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

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.17em;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 0.83em;
}

h6 {
  font-size: 0.75em;
}

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

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

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

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: "“" "”" "‘" "’";
}

q:before,
q:after {
  content: "";
  content: none;
}

small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

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

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

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

textarea {
  overflow: auto;
  vertical-align: top;
}

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

input[type=search] {
  -webkit-appearance: textfield;
  appearance: textfield;
  box-sizing: content-box;
}

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

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

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.color-pink {
  color: #ff00ff !important;
}

.color-purpel {
  color: #200046 !important;
}

.color-ElectricBlue {
  color: #0091ca !important;
}

.color-SelectiveYellow {
  color: #ffb908 !important;
}

.color-white {
  color: #fff !important;
}

.color-orange {
  color: #e94e1b !important;
}

.color-munsell {
  color: #00a57f !important;
}

.color-black {
  color: #000 !important;
}

.color-green {
  color: #3aaa35 !important;
}

.color-bleu {
  color: #46faf1 !important;
}

.color-dimGray {
  color: #6f6b62 !important;
}

.color-grey {
  color: #a99abd !important;
}

.color-Alabaster {
  color: #f1efe5 !important;
}

.color-EerieBlack {
  color: #1e1e1e !important;
}

.color-primary_bg {
  background-color: #ff00ff;
}

.color-purpel_bg {
  background-color: #200046;
}

.color-white_bg {
  background-color: #fff;
}

.color-black_bg {
  background-color: #000;
}

.color-bleu_bg {
  background-color: #46faf1;
}

.color-dimGray_bg {
  background-color: #6f6b62;
}

.color-Alabaster_bg {
  background-color: #f1efe5;
}

.color-EerieBlack_bg {
  background-color: #1e1e1e;
}

* {
  font-family: "Gabarito", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Gabarito", sans-serif;
}

p {
  line-height: 1.2;
  font-family: "Albert Sans", sans-serif;
}

.p18-bold {
  font-size: 18px;
  font-weight: 700;
}

.p18 {
  font-size: 18px;
  line-height: 30px;
  font-family: "Albert Sans", sans-serif !important;
  color: #fff;
  /*line-height: 1.4;*/
  color: #a99abd;
  font-weight: 400;
}

@media only screen and (max-width: 768px) {
  .p18 {
    font-size: 16px;
    line-height: 24px;
  }
}

.p22 {
  font-size: 22px;
  font-family: "Albert Sans", sans-serif !important;
  color: #fff;
  line-height: 1.4;
  color: #a99abd;
}

.p16 {
  font-size: 16px;
  font-family: "Albert Sans", sans-serif !important;
  color: #fff;
  line-height: 1.4;
}

.p20 {
  font-size: 20px;
}

.p22 {
  font-size: 22px;
}

.p26 {
  font-size: 26px;
  line-height: 32px;
}

@media only screen and (max-width: 768px) {
  .p26 {
    font-size: 20px;
    line-height: 24px;
  }
}

.p40 {
  font-size: 40px;
}

@media only screen and (max-width: 768px) {
  .p40 {
    font-size: 28px;
    line-height: 34px;
  }
}

.p60 {
  font-size: 60px;
  line-height: 70px;
}

@media only screen and (max-width: 992px) {
  .p60 {
    font-size: 34px;
    line-height: 42px;
  }
}

.p70 {
  font-size: 70px;
  line-height: 80px;
}

@media only screen and (max-width: 992px) {
  .p70 {
    font-size: 48px;
    line-height: 56px;
  }
}

@media only screen and (max-width: 768px) {
  .p70 {
    font-size: 38px;
    line-height: 44px;
  }
}

.title {
  font-family: "Gabarito", sans-serif !important;
}

.w-100 {
  font-weight: 100;
}

.w-200 {
  font-weight: 200;
}

.w-300 {
  font-weight: 300;
}

.w-400 {
  font-weight: 400;
}

.w-500 {
  font-weight: 500;
}

.w-600 {
  font-weight: 600;
}

.w-700 {
  font-weight: 700;
}

.w-800 {
  font-weight: 800;
}

.w-900 {
  font-weight: 900;
}

.uper {
  text-transform: uppercase;
}

.cap {
  text-transform: capitalize;
}

.low {
  text-transform: lowercase;
}

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

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

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

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

.italic {
  font-style: italic;
}

.normal {
  font-style: normal;
}

.underline {
  text-decoration: underline;
}

.no-underline {
  text-decoration: none;
}

.line-through {
  text-decoration: line-through;
}

.mx1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx7 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx8 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx9 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  line-clamp: 9;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx10 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fade-in {
  animation: fadeIn 1s ease-in-out;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: var(--primary-color);
  overflow-x: hidden;
}

.relative {
  position: relative;
}

li {
  list-style: none;
}

strong {
  font-weight: unset;
}

.w-full {
  width: 100% !important;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-100vw {
  width: 100vw;
}

.h-fill,
.w-fill {
  height: -webkit-fill-available;
}

.h-full {
  height: 100%;
}

.h-100vh {
  height: 100vh;
}

.fl-1 {
  flex: 1;
}

.fl-2 {
  flex: 2;
}

.fl-3 {
  flex: 3;
}

.fl_row {
  display: flex;
  flex-direction: row;
}

.fl_col {
  display: flex;
  flex-direction: column;
}

.jc_c {
  display: flex;
  justify-content: center !important;
}

.jc_s {
  display: flex;
  justify-content: space-between;
}

.jc_fe {
  display: flex;
  justify-content: flex-end;
}

.jc_st {
  justify-content: flex-start;
}

.ai_c {
  display: flex;
  align-items: center !important;
}

.ai_e {
  display: flex;
  align-items: flex-end;
}

.ai_s {
  display: flex;
  align-items: flex-start;
}

.fl_wrap {
  flex-wrap: wrap;
}

.fl_rev {
  display: flex;
  flex-direction: row-reverse !important;
}

.txt_center {
  text-align: center;
}

.txt_left {
  text-align: left;
}

.txt_right {
  text-align: right;
}

.txt-nowrap {
  text-wrap: nowrap;
}

.hide {
  display: none !important;
  z-index: -99999;
}

@media only screen and (max-width: 992px) {
  .hide-mobile {
    display: none !important;
    z-index: -99999;
  }
}

.isDisabled {
  cursor: not-allowed;
}

.fullyDisabled {
  cursor: not-allowed;
  position: relative;
}

.fullyDisabled::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.368627451) !important;
  z-index: 2;
}

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

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

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

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

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

.z-999 {
  z-index: 999999;
}

.over-h {
  overflow: hidden;
}

.mx1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  line-clamp: 6;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx7 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx8 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  line-clamp: 8;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx9 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  line-clamp: 9;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

.mx10 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  line-clamp: 10;
  -webkit-box-orient: vertical;
  padding-bottom: 1px;
}

img {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently  supported by Chrome and Opera */
}

.block-scroll {
  overflow: clip !important;
}

.gp1 {
  gap: 1px !important;
}

.gp2 {
  gap: 2px !important;
}

.gp3 {
  gap: 3px !important;
}

.gp4 {
  gap: 4px !important;
}

.gp5 {
  gap: 5px !important;
}

.gp6 {
  gap: 6px !important;
}

.gp7 {
  gap: 7px !important;
}

.gp8 {
  gap: 8px !important;
}

.gp9 {
  gap: 9px !important;
}

.gp10 {
  gap: 10px !important;
}

.gp11 {
  gap: 11px !important;
}

.gp12 {
  gap: 12px !important;
}

.gp13 {
  gap: 13px !important;
}

.gp14 {
  gap: 14px !important;
}

.gp15 {
  gap: 15px !important;
}

.gp16 {
  gap: 16px !important;
}

.gp17 {
  gap: 17px !important;
}

.gp18 {
  gap: 18px !important;
}

.gp19 {
  gap: 19px !important;
}

.gp20 {
  gap: 20px !important;
}

.gp21 {
  gap: 21px !important;
}

.gp22 {
  gap: 22px !important;
}

.gp23 {
  gap: 23px !important;
}

.gp24 {
  gap: 24px !important;
}

.gp25 {
  gap: 25px !important;
}

.gp26 {
  gap: 26px !important;
}

.gp27 {
  gap: 27px !important;
}

.gp28 {
  gap: 28px !important;
}

.gp29 {
  gap: 29px !important;
}

.gp30 {
  gap: 30px !important;
}

.gp31 {
  gap: 31px !important;
}

.gp32 {
  gap: 32px !important;
}

.gp33 {
  gap: 33px !important;
}

.gp34 {
  gap: 34px !important;
}

.gp35 {
  gap: 35px !important;
}

.gp36 {
  gap: 36px !important;
}

.gp37 {
  gap: 37px !important;
}

.gp38 {
  gap: 38px !important;
}

.gp39 {
  gap: 39px !important;
}

.gp40 {
  gap: 40px !important;
}

.gp41 {
  gap: 41px !important;
}

.gp42 {
  gap: 42px !important;
}

.gp43 {
  gap: 43px !important;
}

.gp44 {
  gap: 44px !important;
}

.gp45 {
  gap: 45px !important;
}

.gp46 {
  gap: 46px !important;
}

.gp47 {
  gap: 47px !important;
}

.gp48 {
  gap: 48px !important;
}

.gp49 {
  gap: 49px !important;
}

.gp50 {
  gap: 50px !important;
}

.gp51 {
  gap: 51px !important;
}

.gp52 {
  gap: 52px !important;
}

.gp53 {
  gap: 53px !important;
}

.gp54 {
  gap: 54px !important;
}

.gp55 {
  gap: 55px !important;
}

.gp56 {
  gap: 56px !important;
}

.gp57 {
  gap: 57px !important;
}

.gp58 {
  gap: 58px !important;
}

.gp59 {
  gap: 59px !important;
}

.gp60 {
  gap: 60px !important;
}

.gp80 {
  gap: 80px !important;
}

.pd5 {
  padding: 5px !important;
}

.pd5-r {
  padding-right: 5px !important;
}

.pd5-l {
  padding-left: 5px !important;
}

.pd5-r-l {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.pd5-t-b {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pd4 {
  padding: 4px;
}

.pd4-t-b {
  padding-top: 4px;
  padding-bottom: 4px;
}

.pd6 {
  padding: 6px !important;
}

.pd6-r {
  padding-right: 6px !important;
}

.pd6-l {
  padding-left: 6px !important;
}

.pd6-r-l {
  padding-right: 6px !important;
  padding-left: 6px !important;
}

.pd6-t-b {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.pd7 {
  padding: 7px !important;
}

.pd7-r {
  padding-right: 7px !important;
}

.pd7-l {
  padding-left: 7px !important;
}

.pd7-r-l {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.pd7-t-b {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.pd8 {
  padding: 8px !important;
}

.pd8-r {
  padding-right: 8px !important;
}

.pd8-l {
  padding-left: 8px !important;
}

.pd8-r-l {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.pd8-t-b {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.pd9 {
  padding: 9px !important;
}

.pd9-r {
  padding-right: 9px !important;
}

.pd9-l {
  padding-left: 9px !important;
}

.pd9-r-l {
  padding-right: 9px !important;
  padding-left: 9px !important;
}

.pd9-t-b {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.pd10 {
  padding: 10px !important;
}

.pd10-r {
  padding-right: 10px !important;
}

.pd10-l {
  padding-left: 10px !important;
}

.pd10-r-l {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.pd10-t-b {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.pd11 {
  padding: 11px !important;
}

.pd11-r {
  padding-right: 11px !important;
}

.pd11-l {
  padding-left: 11px !important;
}

.pd11-r-l {
  padding-right: 11px !important;
  padding-left: 11px !important;
}

.pd11-t-b {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.pd12 {
  padding: 12px !important;
}

.pd12-r {
  padding-right: 12px !important;
}

.pd12-l {
  padding-left: 12px !important;
}

.pd12-r-l {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.pd12-t-b {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.pd13 {
  padding: 13px !important;
}

.pd13-r {
  padding-right: 13px !important;
}

.pd13-l {
  padding-left: 13px !important;
}

.pd13-r-l {
  padding-right: 13px !important;
  padding-left: 13px !important;
}

.pd13-t-b {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.pd14 {
  padding: 14px !important;
}

.pd14-r {
  padding-right: 14px !important;
}

.pd14-l {
  padding-left: 14px !important;
}

.pd14-r-l {
  padding-right: 14px !important;
  padding-left: 14px !important;
}

.pd14-t-b {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.pd15 {
  padding: 15px !important;
}

.pd15-r {
  padding-right: 15px !important;
}

.pd15-l {
  padding-left: 15px !important;
}

.pd15-r-l {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.pd15-t-b {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.pd16 {
  padding: 16px !important;
}

.pd16-r {
  padding-right: 16px !important;
}

.pd16-l {
  padding-left: 16px !important;
}

.pd16-r-l {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.pd16-t-b {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.pd17 {
  padding: 17px !important;
}

.pd17-r {
  padding-right: 17px !important;
}

.pd17-l {
  padding-left: 17px !important;
}

.pd17-r-l {
  padding-right: 17px !important;
  padding-left: 17px !important;
}

.pd17-t-b {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

.pd18 {
  padding: 18px !important;
}

.pd18-r {
  padding-right: 18px !important;
}

.pd18-l {
  padding-left: 18px !important;
}

.pd18-r-l {
  padding-right: 18px !important;
  padding-left: 18px !important;
}

.pd18-t-b {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.pd19 {
  padding: 19px !important;
}

.pd19-r {
  padding-right: 19px !important;
}

.pd19-l {
  padding-left: 19px !important;
}

.pd19-r-l {
  padding-right: 19px !important;
  padding-left: 19px !important;
}

.pd19-t-b {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}

.pd20 {
  padding: 20px !important;
}

.pd20-r {
  padding-right: 20px !important;
}

.pd20-l {
  padding-left: 20px !important;
}

.pd20-r-l {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.pd20-t-b {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.pd20-t {
  padding-top: 20px !important;
}

.pd20-b {
  padding-bottom: 20px !important;
}

.pd21 {
  padding: 21px !important;
}

.pd21-r {
  padding-right: 21px !important;
}

.pd21-l {
  padding-left: 21px !important;
}

.pd21-r-l {
  padding-right: 21px !important;
  padding-left: 21px !important;
}

.pd21-t-b {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}

.pd22 {
  padding: 22px !important;
}

.pd22-r {
  padding-right: 22px !important;
}

.pd22-l {
  padding-left: 22px !important;
}

.pd22-r-l {
  padding-right: 22px !important;
  padding-left: 22px !important;
}

.pd22-t-b {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.pd23 {
  padding: 23px !important;
}

.pd23-r {
  padding-right: 23px !important;
}

.pd23-l {
  padding-left: 23px !important;
}

.pd23-r-l {
  padding-right: 23px !important;
  padding-left: 23px !important;
}

.pd23-t-b {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}

.pd24 {
  padding: 24px !important;
}

.pd24-r {
  padding-right: 24px !important;
}

.pd24-l {
  padding-left: 24px !important;
}

.pd24-r-l {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.pd24-t-b {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.pd25 {
  padding: 25px !important;
}

.pd25-r {
  padding-right: 25px !important;
}

.pd25-l {
  padding-left: 25px !important;
}

.pd25-r-l {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.pd25-t-b {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.pd26 {
  padding: 26px !important;
}

.pd26-r {
  padding-right: 26px !important;
}

.pd26-l {
  padding-left: 26px !important;
}

.pd26-r-l {
  padding-right: 26px !important;
  padding-left: 26px !important;
}

.pd26-b {
  padding-bottom: 26px !important;
}

.pd26-t-b {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.pd27 {
  padding: 27px !important;
}

.pd27-r {
  padding-right: 27px !important;
}

.pd27-l {
  padding-left: 27px !important;
}

.pd27-r-l {
  padding-right: 27px !important;
  padding-left: 27px !important;
}

.pd27-t-b {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}

.pd28 {
  padding: 28px !important;
}

.pd28-r {
  padding-right: 28px !important;
}

.pd28-l {
  padding-left: 28px !important;
}

.pd28-r-l {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.pd28-t-b {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.pd29 {
  padding: 29px !important;
}

.pd29-r {
  padding-right: 29px !important;
}

.pd29-l {
  padding-left: 29px !important;
}

.pd29-r-l {
  padding-right: 29px !important;
  padding-left: 29px !important;
}

.pd29-t-b {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}

.pd30 {
  padding: 30px !important;
}

.pd30-r {
  padding-right: 30px !important;
}

.pd30-l {
  padding-left: 30px !important;
}

.pd30-r-l {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.pd30-t-b {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.pd31 {
  padding: 31px !important;
}

.pd31-r {
  padding-right: 31px !important;
}

.pd31-l {
  padding-left: 31px !important;
}

.pd31-r-l {
  padding-right: 31px !important;
  padding-left: 31px !important;
}

.pd31-t-b {
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}

.pd32 {
  padding: 32px !important;
}

.pd32-r {
  padding-right: 32px !important;
}

.pd32-l {
  padding-left: 32px !important;
}

.pd32-r-l {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.pd32-t-b {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.pd33 {
  padding: 33px !important;
}

.pd33-r {
  padding-right: 33px !important;
}

.pd33-l {
  padding-left: 33px !important;
}

.pd33-r-l {
  padding-right: 33px !important;
  padding-left: 33px !important;
}

.pd33-t-b {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}

.pd34 {
  padding: 34px !important;
}

.pd34-r {
  padding-right: 34px !important;
}

.pd34-l {
  padding-left: 34px !important;
}

.pd34-r-l {
  padding-right: 34px !important;
  padding-left: 34px !important;
}

.pd34-t-b {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.pd35 {
  padding: 35px !important;
}

.pd35-r {
  padding-right: 35px !important;
}

.pd35-l {
  padding-left: 35px !important;
}

.pd35-r-l {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.pd35-t-b {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.pd36 {
  padding: 36px !important;
}

.pd36-r {
  padding-right: 36px !important;
}

.pd36-l {
  padding-left: 36px !important;
}

.pd36-r-l {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.pd36-t-b {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.pd37 {
  padding: 37px !important;
}

.pd37-r {
  padding-right: 37px !important;
}

.pd37-l {
  padding-left: 37px !important;
}

.pd37-r-l {
  padding-right: 37px !important;
  padding-left: 37px !important;
}

.pd37-t-b {
  padding-top: 37px !important;
  padding-bottom: 37px !important;
}

.pd38 {
  padding: 38px !important;
}

.pd38-r {
  padding-right: 38px !important;
}

.pd38-l {
  padding-left: 38px !important;
}

.pd38-r-l {
  padding-right: 38px !important;
  padding-left: 38px !important;
}

.pd38-t-b {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

.pd39 {
  padding: 39px !important;
}

.pd39-r {
  padding-right: 39px !important;
}

.pd39-l {
  padding-left: 39px !important;
}

.pd39-r-l {
  padding-right: 39px !important;
  padding-left: 39px !important;
}

.pd39-t-b {
  padding-top: 39px !important;
  padding-bottom: 39px !important;
}

.pd40 {
  padding: 40px !important;
}

.pd40-r {
  padding-right: 40px !important;
}

.pd40-l {
  padding-left: 40px !important;
}

.pd40-r-l {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.pd40-t-b {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.pd40-b {
  padding-bottom: 40px !important;
}

.pd41 {
  padding: 41px !important;
}

.pd41-r {
  padding-right: 41px !important;
}

.pd41-l {
  padding-left: 41px !important;
}

.pd41-r-l {
  padding-right: 41px !important;
  padding-left: 41px !important;
}

.pd41-t-b {
  padding-top: 41px !important;
  padding-bottom: 41px !important;
}

.pd42 {
  padding: 42px !important;
}

.pd42-r {
  padding-right: 42px !important;
}

.pd42-l {
  padding-left: 42px !important;
}

.pd42-r-l {
  padding-right: 42px !important;
  padding-left: 42px !important;
}

.pd42-t-b {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.pd43 {
  padding: 43px !important;
}

.pd43-r {
  padding-right: 43px !important;
}

.pd43-l {
  padding-left: 43px !important;
}

.pd43-r-l {
  padding-right: 43px !important;
  padding-left: 43px !important;
}

.pd43-t-b {
  padding-top: 43px !important;
  padding-bottom: 43px !important;
}

.pd44 {
  padding: 44px !important;
}

.pd44-r {
  padding-right: 44px !important;
}

.pd44-l {
  padding-left: 44px !important;
}

.pd44-r-l {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

.pd44-t-b {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.pd45 {
  padding: 45px !important;
}

.pd45-r {
  padding-right: 45px !important;
}

.pd45-l {
  padding-left: 45px !important;
}

.pd45-r-l {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.pd45-t-b {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.pd46 {
  padding: 46px !important;
}

.pd46-r {
  padding-right: 46px !important;
}

.pd46-l {
  padding-left: 46px !important;
}

.pd46-r-l {
  padding-right: 46px !important;
  padding-left: 46px !important;
}

.pd46-t-b {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}

.pd47 {
  padding: 47px !important;
}

.pd47-r {
  padding-right: 47px !important;
}

.pd47-l {
  padding-left: 47px !important;
}

.pd47-r-l {
  padding-right: 47px !important;
  padding-left: 47px !important;
}

.pd47-t-b {
  padding-top: 47px !important;
  padding-bottom: 47px !important;
}

.pd48 {
  padding: 48px !important;
}

.pd48-r {
  padding-right: 48px !important;
}

.pd48-l {
  padding-left: 48px !important;
}

.pd48-r-l {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.pd48-t-b {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.pd49 {
  padding: 49px !important;
}

.pd49-r {
  padding-right: 49px !important;
}

.pd49-l {
  padding-left: 49px !important;
}

.pd49-r-l {
  padding-right: 49px !important;
  padding-left: 49px !important;
}

.pd49-t-b {
  padding-top: 49px !important;
  padding-bottom: 49px !important;
}

.pd50 {
  padding: 50px !important;
}

.pd50-r {
  padding-right: 50px !important;
}

.pd50-l {
  padding-left: 50px !important;
}

.pd50-r-l {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.pd50-t-b {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.pd51 {
  padding: 51px !important;
}

.pd51-r {
  padding-right: 51px !important;
}

.pd51-l {
  padding-left: 51px !important;
}

.pd51-r-l {
  padding-right: 51px !important;
  padding-left: 51px !important;
}

.pd51-t-b {
  padding-top: 51px !important;
  padding-bottom: 51px !important;
}

.pd52 {
  padding: 52px !important;
}

.pd52-r {
  padding-right: 52px !important;
}

.pd52-l {
  padding-left: 52px !important;
}

.pd52-r-l {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.pd52-t-b {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.pd53 {
  padding: 53px !important;
}

.pd53-r {
  padding-right: 53px !important;
}

.pd53-l {
  padding-left: 53px !important;
}

.pd53-r-l {
  padding-right: 53px !important;
  padding-left: 53px !important;
}

.pd53-t-b {
  padding-top: 53px !important;
  padding-bottom: 53px !important;
}

.pd54 {
  padding: 54px !important;
}

.pd54-r {
  padding-right: 54px !important;
}

.pd54-l {
  padding-left: 54px !important;
}

.pd54-r-l {
  padding-right: 54px !important;
  padding-left: 54px !important;
}

.pd54-t-b {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}

.pd55 {
  padding: 55px !important;
}

.pd55-r {
  padding-right: 55px !important;
}

.pd55-l {
  padding-left: 55px !important;
}

.pd55-r-l {
  padding-right: 55px !important;
  padding-left: 55px !important;
}

.pd55-t-b {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.pd56 {
  padding: 56px !important;
}

.pd56-r {
  padding-right: 56px !important;
}

.pd56-l {
  padding-left: 56px !important;
}

.pd56-r-l {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.pd56-t-b {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.pd57 {
  padding: 57px !important;
}

.pd57-r {
  padding-right: 57px !important;
}

.pd57-l {
  padding-left: 57px !important;
}

.pd57-r-l {
  padding-right: 57px !important;
  padding-left: 57px !important;
}

.pd57-t-b {
  padding-top: 57px !important;
  padding-bottom: 57px !important;
}

.pd58 {
  padding: 58px !important;
}

.pd58-r {
  padding-right: 58px !important;
}

.pd58-l {
  padding-left: 58px !important;
}

.pd58-r-l {
  padding-right: 58px !important;
  padding-left: 58px !important;
}

.pd58-t-b {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}

.mg5 {
  margin: 5px;
}

.mg5-r {
  margin-right: 5px;
}

.mg5-l {
  margin-left: 5px;
}

.mg5-r-l {
  margin-right: 5px;
  margin-left: 5px;
}

.mg5-t-b {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mg6 {
  margin: 6px;
}

.mg6-r {
  margin-right: 6px;
}

.mg6-l {
  margin-left: 6px;
}

.mg6-r-l {
  margin-right: 6px;
  margin-left: 6px;
}

.mg6-t-b {
  margin-top: 6px;
  margin-bottom: 6px;
}

.mg7 {
  margin: 7px;
}

.mg7-r {
  margin-right: 7px;
}

.mg7-l {
  margin-left: 7px;
}

.mg7-r-l {
  margin-right: 7px;
  margin-left: 7px;
}

.mg7-t-b {
  margin-top: 7px;
  margin-bottom: 7px;
}

.mg8 {
  margin: 8px;
}

.mg8-r {
  margin-right: 8px;
}

.mg8-l {
  margin-left: 8px;
}

.mg8-r-l {
  margin-right: 8px;
  margin-left: 8px;
}

.mg8-t-b {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mg9 {
  margin: 9px;
}

.mg9-r {
  margin-right: 9px;
}

.mg9-l {
  margin-left: 9px;
}

.mg9-r-l {
  margin-right: 9px;
  margin-left: 9px;
}

.mg9-t-b {
  margin-top: 9px;
  margin-bottom: 9px;
}

.mg10-b {
  margin-bottom: 10px;
}

.mg10 {
  margin: 10px;
}

.mg10-r {
  margin-right: 10px;
}

.mg10-l {
  margin-left: 10px;
}

.mg10-r-l {
  margin-right: 10px;
  margin-left: 10px;
}

.mg10-t-b {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mg11 {
  margin: 11px;
}

.mg11-r {
  margin-right: 11px;
}

.mg11-l {
  margin-left: 11px;
}

.mg11-r-l {
  margin-right: 11px;
  margin-left: 11px;
}

.mg11-t-b {
  margin-top: 11px;
  margin-bottom: 11px;
}

.mg12 {
  margin: 12px;
}

.mg12-r {
  margin-right: 12px;
}

.mg12-l {
  margin-left: 12px;
}

.mg12-r-l {
  margin-right: 12px;
  margin-left: 12px;
}

.mg12-t-b {
  margin-top: 12px;
  margin-bottom: 12px;
}

.mg13 {
  margin: 13px;
}

.mg13-r {
  margin-right: 13px;
}

.mg13-l {
  margin-left: 13px;
}

.mg13-r-l {
  margin-right: 13px;
  margin-left: 13px;
}

.mg13-t-b {
  margin-top: 13px;
  margin-bottom: 13px;
}

.mg14 {
  margin: 14px;
}

.mg14-r {
  margin-right: 14px;
}

.mg14-l {
  margin-left: 14px;
}

.mg14-r-l {
  margin-right: 14px;
  margin-left: 14px;
}

.mg14-t-b {
  margin-top: 14px;
  margin-bottom: 14px;
}

.mg15 {
  margin: 15px;
}

.mg15-r {
  margin-right: 15px;
}

.mg15-l {
  margin-left: 15px;
}

.mg15-r-l {
  margin-right: 15px;
  margin-left: 15px;
}

.mg15-t-b {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mg16 {
  margin: 16px;
}

.mg16-r {
  margin-right: 16px;
}

.mg16-l {
  margin-left: 16px;
}

.mg16-r-l {
  margin-right: 16px;
  margin-left: 16px;
}

.mg16-t-b {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mg17 {
  margin: 17px;
}

.mg17-r {
  margin-right: 17px;
}

.mg17-l {
  margin-left: 17px;
}

.mg17-r-l {
  margin-right: 17px;
  margin-left: 17px;
}

.mg17-t-b {
  margin-top: 17px;
  margin-bottom: 17px;
}

.mg18 {
  margin: 18px;
}

.mg18-r {
  margin-right: 18px;
}

.mg18-l {
  margin-left: 18px;
}

.mg18-r-l {
  margin-right: 18px;
  margin-left: 18px;
}

.mg18-t-b {
  margin-top: 18px;
  margin-bottom: 18px;
}

.mg19 {
  margin: 19px;
}

.mg19-r {
  margin-right: 19px;
}

.mg19-l {
  margin-left: 19px;
}

.mg19-r-l {
  margin-right: 19px;
  margin-left: 19px;
}

.mg19-t-b {
  margin-top: 19px;
  margin-bottom: 19px;
}

.mg20 {
  margin: 20px;
}

.mg20-r {
  margin-right: 20px;
}

.mg20-l {
  margin-left: 20px;
}

.mg20-r-l {
  margin-right: 20px;
  margin-left: 20px;
}

.mg20-t-b {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mg21 {
  margin: 21px;
}

.mg21-r {
  margin-right: 21px;
}

.mg21-l {
  margin-left: 21px;
}

.mg21-r-l {
  margin-right: 21px;
  margin-left: 21px;
}

.mg21-t-b {
  margin-top: 21px;
  margin-bottom: 21px;
}

.mg22 {
  margin: 22px;
}

.mg22-r {
  margin-right: 22px;
}

.mg22-l {
  margin-left: 22px;
}

.mg22-r-l {
  margin-right: 22px;
  margin-left: 22px;
}

.mg22-t-b {
  margin-top: 22px;
  margin-bottom: 22px;
}

.mg23 {
  margin: 23px;
}

.mg23-r {
  margin-right: 23px;
}

.mg23-l {
  margin-left: 23px;
}

.mg23-r-l {
  margin-right: 23px;
  margin-left: 23px;
}

.mg23-t-b {
  margin-top: 23px;
  margin-bottom: 23px;
}

.mg24 {
  margin: 24px;
}

.mg24-r {
  margin-right: 24px;
}

.mg24-l {
  margin-left: 24px;
}

.mg24-r-l {
  margin-right: 24px;
  margin-left: 24px;
}

.mg24-t-b {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mg25 {
  margin: 25px;
}

.mg25-r {
  margin-right: 25px;
}

.mg25-l {
  margin-left: 25px;
}

.mg25-r-l {
  margin-right: 25px;
  margin-left: 25px;
}

.mg25-t-b {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mg26 {
  margin: 26px;
}

.mg26-r {
  margin-right: 26px;
}

.mg26-l {
  margin-left: 26px;
}

.mg26-r-l {
  margin-right: 26px;
  margin-left: 26px;
}

.mg26-t-b {
  margin-top: 26px;
  margin-bottom: 26px;
}

.mg27 {
  margin: 27px;
}

.mg27-r {
  margin-right: 27px;
}

.mg27-l {
  margin-left: 27px;
}

.mg27-r-l {
  margin-right: 27px;
  margin-left: 27px;
}

.mg27-t-b {
  margin-top: 27px;
  margin-bottom: 27px;
}

.mg28 {
  margin: 28px;
}

.mg28-r {
  margin-right: 28px;
}

.mg28-l {
  margin-left: 28px;
}

.mg28-r-l {
  margin-right: 28px;
  margin-left: 28px;
}

.mg28-t-b {
  margin-top: 28px;
  margin-bottom: 28px;
}

.mg29 {
  margin: 29px;
}

.mg29-r {
  margin-right: 29px;
}

.mg29-l {
  margin-left: 29px;
}

.mg29-r-l {
  margin-right: 29px;
  margin-left: 29px;
}

.mg29-t-b {
  margin-top: 29px;
  margin-bottom: 29px;
}

.mg30 {
  margin: 30px;
}

.mg30-r {
  margin-right: 30px;
}

.mg30-l {
  margin-left: 30px;
}

.mg30-r-l {
  margin-right: 30px;
  margin-left: 30px;
}

.mg30-t-b {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mg31 {
  margin: 31px;
}

.mg31-r {
  margin-right: 31px;
}

.mg31-l {
  margin-left: 31px;
}

.mg31-r-l {
  margin-right: 31px;
  margin-left: 31px;
}

.mg31-t-b {
  margin-top: 31px;
  margin-bottom: 31px;
}

.mg32 {
  margin: 32px;
}

.mg32-r {
  margin-right: 32px;
}

.mg32-l {
  margin-left: 32px;
}

.mg32-r-l {
  margin-right: 32px;
  margin-left: 32px;
}

.mg32-t-b {
  margin-top: 32px;
  margin-bottom: 32px;
}

.mg33 {
  margin: 33px;
}

.mg33-r {
  margin-right: 33px;
}

.mg33-l {
  margin-left: 33px;
}

.mg33-r-l {
  margin-right: 33px;
  margin-left: 33px;
}

.mg33-t-b {
  margin-top: 33px;
  margin-bottom: 33px;
}

.mg34 {
  margin: 34px;
}

.mg34-r {
  margin-right: 34px;
}

.mg34-l {
  margin-left: 34px;
}

.mg34-r-l {
  margin-right: 34px;
  margin-left: 34px;
}

.mg34-t-b {
  margin-top: 34px;
  margin-bottom: 34px;
}

.mg35 {
  margin: 35px;
}

.mg35-r {
  margin-right: 35px;
}

.mg35-l {
  margin-left: 35px;
}

.mg35-r-l {
  margin-right: 35px;
  margin-left: 35px;
}

.mg35-t-b {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mg36 {
  margin: 36px;
}

.mg36-r {
  margin-right: 36px;
}

.mg36-l {
  margin-left: 36px;
}

.mg36-r-l {
  margin-right: 36px;
  margin-left: 36px;
}

.mg36-t-b {
  margin-top: 36px;
  margin-bottom: 36px;
}

.mg37 {
  margin: 37px;
}

.mg37-r {
  margin-right: 37px;
}

.mg37-l {
  margin-left: 37px;
}

.mg37-r-l {
  margin-right: 37px;
  margin-left: 37px;
}

.mg37-t-b {
  margin-top: 37px;
  margin-bottom: 37px;
}

.mg38 {
  margin: 38px;
}

.mg38-r {
  margin-right: 38px;
}

.mg38-l {
  margin-left: 38px;
}

.mg38-r-l {
  margin-right: 38px;
  margin-left: 38px;
}

.mg38-t-b {
  margin-top: 38px;
  margin-bottom: 38px;
}

.mg39 {
  margin: 39px;
}

.mg39-r {
  margin-right: 39px;
}

.mg39-l {
  margin-left: 39px;
}

.mg39-r-l {
  margin-right: 39px;
  margin-left: 39px;
}

.mg39-t-b {
  margin-top: 39px;
  margin-bottom: 39px;
}

.mg40 {
  margin: 40px;
}

.mg40-r {
  margin-right: 40px;
}

.mg40-l {
  margin-left: 40px;
}

.mg40-r-l {
  margin-right: 40px;
  margin-left: 40px;
}

.mg40-t-b {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mg41 {
  margin: 41px;
}

.mg41-r {
  margin-right: 41px;
}

.mg41-l {
  margin-left: 41px;
}

.mg41-r-l {
  margin-right: 41px;
  margin-left: 41px;
}

.mg41-t-b {
  margin-top: 41px;
  margin-bottom: 41px;
}

.mg42 {
  margin: 42px;
}

.mg42-r {
  margin-right: 42px;
}

.mg42-l {
  margin-left: 42px;
}

.mg42-r-l {
  margin-right: 42px;
  margin-left: 42px;
}

.mg42-t-b {
  margin-top: 42px;
  margin-bottom: 42px;
}

.mg43 {
  margin: 43px;
}

.mg43-r {
  margin-right: 43px;
}

.mg43-l {
  margin-left: 43px;
}

.mg43-r-l {
  margin-right: 43px;
  margin-left: 43px;
}

.mg43-t-b {
  margin-top: 43px;
  margin-bottom: 43px;
}

.mg44 {
  margin: 44px;
}

.mg44-r {
  margin-right: 44px;
}

.mg44-l {
  margin-left: 44px;
}

.mg44-r-l {
  margin-right: 44px;
  margin-left: 44px;
}

.mg44-t-b {
  margin-top: 44px;
  margin-bottom: 44px;
}

.mg45 {
  margin: 45px;
}

.mg45-r {
  margin-right: 45px;
}

.mg45-l {
  margin-left: 45px;
}

.mg45-r-l {
  margin-right: 45px;
  margin-left: 45px;
}

.mg45-t-b {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mg46 {
  margin: 46px;
}

.mg46-r {
  margin-right: 46px;
}

.mg46-l {
  margin-left: 46px;
}

.mg46-r-l {
  margin-right: 46px;
  margin-left: 46px;
}

.mg46-t-b {
  margin-top: 46px;
  margin-bottom: 46px;
}

.mg47 {
  margin: 47px;
}

.mg47-r {
  margin-right: 47px;
}

.mg47-l {
  margin-left: 47px;
}

.mg47-r-l {
  margin-right: 47px;
  margin-left: 47px;
}

.mg47-t-b {
  margin-top: 47px;
  margin-bottom: 47px;
}

.mg48 {
  margin: 48px;
}

.mg48-r {
  margin-right: 48px;
}

.mg48-l {
  margin-left: 48px;
}

.mg48-r-l {
  margin-right: 48px;
  margin-left: 48px;
}

.mg48-t-b {
  margin-top: 48px;
  margin-bottom: 48px;
}

.mg49 {
  margin: 49px;
}

.mg49-r {
  margin-right: 49px;
}

.mg49-l {
  margin-left: 49px;
}

.mg49-r-l {
  margin-right: 49px;
  margin-left: 49px;
}

.mg49-t-b {
  margin-top: 49px;
  margin-bottom: 49px;
}

.mg50 {
  margin: 50px;
}

.mg50-r {
  margin-right: 50px;
}

.mg50-l {
  margin-left: 50px;
}

.mg50-r-l {
  margin-right: 50px;
  margin-left: 50px;
}

.mg50-t-b {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mg51 {
  margin: 51px;
}

.mg51-r {
  margin-right: 51px;
}

.mg51-l {
  margin-left: 51px;
}

.mg51-r-l {
  margin-right: 51px;
  margin-left: 51px;
}

.mg51-t-b {
  margin-top: 51px;
  margin-bottom: 51px;
}

.mg52 {
  margin: 52px;
}

.mg52-r {
  margin-right: 52px;
}

.mg52-l {
  margin-left: 52px;
}

.mg52-r-l {
  margin-right: 52px;
  margin-left: 52px;
}

.mg52-t-b {
  margin-top: 52px;
  margin-bottom: 52px;
}

.mg53 {
  margin: 53px;
}

.mg53-r {
  margin-right: 53px;
}

.mg53-l {
  margin-left: 53px;
}

.mg53-r-l {
  margin-right: 53px;
  margin-left: 53px;
}

.mg53-t-b {
  margin-top: 53px;
  margin-bottom: 53px;
}

.mg54 {
  margin: 54px;
}

.mg54-r {
  margin-right: 54px;
}

.mg54-l {
  margin-left: 54px;
}

.mg54-r-l {
  margin-right: 54px;
  margin-left: 54px;
}

.mg54-t-b {
  margin-top: 54px;
  margin-bottom: 54px;
}

.mg55 {
  margin: 55px;
}

.mg55-r {
  margin-right: 55px;
}

.mg55-l {
  margin-left: 55px;
}

.mg55-r-l {
  margin-right: 55px;
  margin-left: 55px;
}

.mg55-t-b {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mg56 {
  margin: 56px;
}

.mg56-r {
  margin-right: 56px;
}

.mg56-l {
  margin-left: 56px;
}

.mg56-r-l {
  margin-right: 56px;
  margin-left: 56px;
}

.mg56-t-b {
  margin-top: 56px;
  margin-bottom: 56px;
}

.mg57 {
  margin: 57px;
}

.mg57-r {
  margin-right: 57px;
}

.mg57-l {
  margin-left: 57px;
}

.mg57-r-l {
  margin-right: 57px;
  margin-left: 57px;
}

.mg57-t-b {
  margin-top: 57px;
  margin-bottom: 57px;
}

.mg58 {
  margin: 58px;
}

.mg58-r {
  margin-right: 58px;
}

.mg58-l {
  margin-left: 58px;
}

.mg58-r-l {
  margin-right: 58px;
  margin-left: 58px;
}

.mg58-t-b {
  margin-top: 58px;
  margin-bottom: 58px;
}

.mg59 {
  margin: 59px;
}

.mg59-r {
  margin-right: 59px;
}

.mg59-l {
  margin-left: 59px;
}

.mg59-r-l {
  margin-right: 59px;
  margin-left: 59px;
}

.mg59-t-b {
  margin-top: 59px;
  margin-bottom: 59px;
}

.mg60 {
  margin: 60px;
}

.mg60-r {
  margin-right: 60px;
}

.mg60-l {
  margin-left: 60px;
}

.mg60-r-l {
  margin-right: 60px;
  margin-left: 60px;
}

.mg60-t-b {
  margin-top: 60px;
  margin-bottom: 60px;
}

.br1LightGrey {
  border: 1px solid #f1f1f1;
}

.rd1 {
  border-radius: 1px;
}

.rd2 {
  border-radius: 2px;
}

.rd3 {
  border-radius: 3px;
}

.rd4 {
  border-radius: 4px;
}

.rd5 {
  border-radius: 5px;
}

.rd6 {
  border-radius: 6px;
}

.rd7 {
  border-radius: 7px;
}

.rd8 {
  border-radius: 8px !important;
}

.rd9 {
  border-radius: 9px;
}

.rd10 {
  border-radius: 10px;
}

.rd11 {
  border-radius: 11px;
}

.rd12 {
  border-radius: 12px;
}

.rd13 {
  border-radius: 13px;
}

.rd14 {
  border-radius: 14px;
}

.rd15 {
  border-radius: 15px;
}

.rd16 {
  border-radius: 16px;
}

.rd17 {
  border-radius: 17px;
}

.rd18 {
  border-radius: 18px;
}

.rd19 {
  border-radius: 19px;
}

.rd20 {
  border-radius: 20px;
}

.rd21 {
  border-radius: 21px;
}

.rd22 {
  border-radius: 22px;
}

.rd23 {
  border-radius: 23px;
}

.rd24 {
  border-radius: 24px;
}

.rd25 {
  border-radius: 25px;
}

.rd26 {
  border-radius: 26px;
}

.rd27 {
  border-radius: 27px;
}

.rd28 {
  border-radius: 28px;
}

.rd29 {
  border-radius: 29px;
}

.rd30 {
  border-radius: 30px;
}

.rd31 {
  border-radius: 31px;
}

.rd32 {
  border-radius: 32px;
}

.rd33 {
  border-radius: 33px;
}

.rd34 {
  border-radius: 34px;
}

.rd35 {
  border-radius: 35px;
}

.rd36 {
  border-radius: 36px;
}

.rd37 {
  border-radius: 37px;
}

.rd38 {
  border-radius: 38px;
}

.rd39 {
  border-radius: 39px;
}

.rd40 {
  border-radius: 40px;
}

.rd50 {
  border-radius: 50%;
}

.center {
  text-align: center;
}

.breadcrumb {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  max-width: 1700px;
  padding: 0 50px;
  margin: 0 auto;
}

@media only screen and (max-width: 1300px) {
  .breadcrumb {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .breadcrumb {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .breadcrumb {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 48p0x) {
  .breadcrumb {
    padding: 0 20px;
  }
}

.breadcrumb li {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  margin: 0 5px 0 0;
  font-family: "Albert Sans", sans-serif;
}

.breadcrumb li:last-child {
  margin: 0;
}

.breadcrumb li a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  font-family: "Albert Sans", sans-serif;
}

.breadcrumb li span {
  color: var(--secondary-color);
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  font-family: "Albert Sans", sans-serif;
}

@media only screen and (max-width: 768px) {
  .breadcrumb li a {
    font-size: 16px;
    line-height: 24px;
  }

  .breadcrumb li span {
    font-size: 16px;
    line-height: 24px;
  }
}

._section {
  position: relative;
  z-index: 2;
}

.hero-breadcrumb {
  padding-top: 90px !important;
  padding-bottom: 192px;
}

@media only screen and (max-width: 1600px) {
  .hero-breadcrumb {
    padding-top: 90px !important;
    padding-bottom: 140px;
  }
}

@media only screen and (max-width: 991px) {
  .hero-breadcrumb {
    padding-top: 60px !important;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .hero-breadcrumb {
    padding-top: 40px !important;
    padding-bottom: 40px;
  }
}

.hero-breadcrumb .hero-breadcrumb-wrapper {
  display: flex;
  flex-direction: column;
  gap: 100px;
  /*max-width: 1560px;*/
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  z-index: 3;
}

@media only screen and (max-width: 991px) {
  .hero-breadcrumb .hero-breadcrumb-wrapper {
    gap: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .hero-breadcrumb .hero-breadcrumb-wrapper {
    gap: 30px;
  }
}

.hero-breadcrumb .hero-breadcrumb-wrapper .p18 {
  color: #fff;
  z-index: 2;
}

.hero-breadcrumb .hero-breadcrumb-wrapper a {
  color: #fff;
}

@media only screen and (max-width: 992px) {
  ._section {
    padding-top: 0 !important;
  }

  ._section .section-wrapper {
    padding-top: 0 !important;
  }
}

.hero-section-Element {
  padding-top: 220px;
  position: relative;
  z-index: 4;
}

@media only screen and (max-width: 1600px) {
  .hero-section-Element {
    padding-top: 120px;
  }
}

@media only screen and (max-width: 1300px) {
  .hero-section-Element {
    padding-top: 50px;
  }
}

@media only screen and (max-width: 992px) {
  .hero-section-Element {
    padding-top: 20px;
  }
}

.hero-section-Element .section-wrapper {
  max-width: 1700px;
  margin: 0 auto;
  padding-left: 50px;
  padding-right: 50px;
  width: 100%;
}

@media only screen and (max-width: 1300px) {
  .hero-section-Element .section-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .hero-section-Element .section-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .hero-section-Element .section-wrapper {
    padding-left: 25px;
    padding-right: 25px;
    flex-direction: column;
  }
}

@media only screen and (max-width: 480px) {
  .hero-section-Element .section-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.hero-section-Element .section-wrapper .left-side {
  max-width: 50%;
  position: relative;
  z-index: 2;
  padding-right: 15px;
}

@media only screen and (max-width: 991px) {
  .hero-section-Element .section-wrapper .left-side {
    width: 100%;
    max-width: 100%;
    gap: 30px !important;
    padding: 50px 0;
  }

  .hero-section-Element .section-wrapper .left-side .fl_col {
    gap: 30px !important;
  }

  .hero-section-Element .section-wrapper .left-side p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 768px) {
  .hero-section-Element .section-wrapper .left-side {
    padding: 0;
  }
}

.hero-section-Element .section-wrapper .right-side img {
  max-width: calc(50% - 15px);
  position: absolute;
  right: -17px;
  top: -100px;
  animation-name: SwipeRightToLeft;
  animation-duration: 1s;
}

@media only screen and (max-width: 991px) {
  .hero-section-Element .section-wrapper .right-side img {
    max-width: 50%;
  }
}

.Home-page .hero-section-Element .section-wrapper .right-side img {
  top: 0;
}

@media only screen and (max-width: 991px) {
  .hero-section-Element .section-wrapper .right-side {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .hero-section-Element .section-wrapper .right-side img {
    width: 100%;
    /* max-width: 100%; */
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    object-fit: contain;
    opacity: .3;
  }
}

@keyframes SwipeRightToLeft {
  from {
    right: -100%;
  }

  to {
    right: -17px;
  }
}

.hero-section-ElementV2 {
  padding-top: 220px;
  padding-bottom: 270px;
  position: relative;
  overflow-x: clip;
}

@media only screen and (max-width: 992px) {
  .hero-section-ElementV2 {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}

.hero-section-ElementV2 .section-wrapper {
  max-width: 1700px;
  padding: 0 50px;
  margin: 0 auto;
  width: 100%;
}

@media only screen and (max-width: 1300px) {
  .hero-section-ElementV2 .section-wrapper {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .hero-section-ElementV2 .section-wrapper {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .hero-section-ElementV2 .section-wrapper {
    padding: 0 25px;
    margin: 15px 0 0 0;
  }
}

@media only screen and (max-width: 480px) {
  .hero-section-ElementV2 .section-wrapper {
    padding: 0 20px;
  }
}

.hero-section-ElementV2 .section-wrapper .left-side {
  max-width: 1460px;
  padding-left: 50px;
  padding-right: 50px;
  position: relative;
  z-index: 2;
  margin: 0 auto;
}

@media only screen and (max-width: 1300px) {
  .hero-section-ElementV2 .section-wrapper .left-side {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 768px) {

  .hero-section-ElementV2 .section-wrapper .left-side .fl_col {
    gap: 30px !important;
  }
}

.hero-section-ElementV2 .section-wrapper .right-side img {
  position: absolute;
  right: -17px;
  top: 0;
  animation-name: SwipeRightToLeft;
  animation-duration: 1s;
}

@media only screen and (max-width: 992px) {
  .hero-section-ElementV2 .section-wrapper .right-side img {
    opacity: 0.6;
  }
}

@keyframes SwipeRightToLeft {
  from {
    right: -100%;
  }

  to {
    right: -17px;
  }
}

.tab-switcher-Element {
  position: relative;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.hallow-left-decoration,
.hallow-right-decoration {
  position: relative;
}

.hallow-left-decoration:after {
  content: "";
  width: 1280px;
  height: 1280px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, #9A00FF 0%, #290059 100%);
  opacity: .4;
  position: absolute;
  left: -595px;
  top: 0;
  z-index: -1;
}

@media only screen and (max-width: 1300px) {
  .hallow-left-decoration:after {
    width: 950px;
    height: 950px;
    left: -450px;
  }
}

@media only screen and (max-width: 991px) {
  .hallow-left-decoration:after {
    width: 800px;
    height: 800px;
    left: -450px;
  }
}

@media only screen and (max-width: 768px) {
  .hallow-left-decoration:after {
    width: 600px;
    height: 600px;
    left: -350px;
  }
}

.connect-page .hallow-left-decoration.passerelle:after {
  top: -640px;
}

.Home-page #services:after,
.hallow-right-decoration:after {
  content: "";
  width: 1280px;
  height: 1280px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, #9A00FF 0%, #290059 100%);
  z-index: -1;
  opacity: .4;
  position: absolute;
  left: calc(100% - 450px);
  top: 0;
}

.Esign-page .elixio-sign-fonctionnality.hallow-right-decoration:after,
.Erp-page .dropDownTabs-Elements.hallow-right-decoration:after {
  top: -840px;
}

@media only screen and (max-width: 1300px) {

  .Home-page #services:after,
  .hallow-right-decoration:after {
    width: 950px;
    height: 950px;
    left: calc(100% - 350px);
  }
}

@media only screen and (max-width: 991px) {

  .Home-page #services:after,
  .hallow-right-decoration:after {
    width: 800px;
    height: 800px;
    left: calc(100% - 300px);
  }
}

@media only screen and (max-width: 768px) {

  .Home-page #services:after,
  .hallow-right-decoration:after {
    width: 600px;
    height: 600px;
    left: calc(100% - 200px);
  }
}

.connect-page .personal-space.hallow-right-decoration:after {
  top: -340px;
}

.crm-page .complete.hallow-right-decoration:after {
  top: -1200px;
}

.developpement-sur-mesure-page .txt-desc-block.hallow-right-decoration:after {
  top: -500px;
}

.tab-switcher-Element .tab-header {
  height: 230px;
  transform: translateY(30px);
  position: relative;
  z-index: 2;
  max-width: 1600px;
  width: 100%;
  overflow-x: auto;
  gap: 40px;
}

@media only screen and (max-width: 991px) {
  .tab-switcher-Element .tab-header {
    height: 150px;
  }
}

.tab-switcher-Element .tab-header .active-tab {
  border-radius: 30px 30px 0 0;
  background-color: #200046;
}

.tab-switcher-Element .tab-header .tab-item {
  height: 100%;
  min-width: 225px;
  max-width: 320px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}

@media only screen and (max-width: 991px) {
  .tab-switcher-Element .tab-header .tab-item {
    min-width: 200px;
  }
}

.tab-switcher-Element .tab-header .tab-item img {
  width: 160px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: all 0.3s;
  cursor: pointer;
}

@media only screen and (max-width: 991px) {
  .tab-switcher-Element .tab-header .tab-item img {
    width: 120px;
  }
}

.tab-switcher-Element .tab-header .tab-item:hover img {
  transform: scale(1.1);
}

.tab-switcher-Element .tab-content {
  background-color: #200046;
  width: 100%;
  padding: 92px 247px 92px 122px;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}

@media (min-width: 993px) and (max-width: 1260px) {
  .tab-switcher-Element .tab-content {
    padding: 92px 122px;
  }
}

@media (max-width: 992px) {
  .tab-switcher-Element .tab-content {
    padding: 82px 40px;
  }
}

@media (max-width: 768px) {
  .tab-switcher-Element .tab-content {
    padding: 52px 30px 40px 30px;
  }
}

.tab-switcher-Element .tab-content .content-wrapper {
  display: none;
}

@media (max-width: 860px) {
  .tab-switcher-Element .tab-content .content-wrapper {
    flex-direction: column;
    gap: 30px !important;
  }
}

.tab-switcher-Element .tab-content .shape {
  width: 312px;
  height: 338px;
  position: absolute;
  right: -61px;
  bottom: -56px;
}

@media (min-width: 761px) and (max-width: 1260px) {
  .tab-switcher-Element .tab-content .shape {
    width: 180px;
    right: -30px;
    bottom: -101px;
  }
}

@media (max-width: 760px) {
  .tab-switcher-Element .tab-content .shape {
    display: none;
  }
}

.tab-switcher-Element .tab-content .left-side {
  max-width: 590px;
}

@media (min-width: 860px) {
  .tab-switcher-Element .tab-content .left-side {
    min-width: 400px;
  }
}

@media only screen and (max-width: 768px) {
  .tab-switcher-Element .tab-content .left-side {
    gap: 30px !important;
  }

  .tab-switcher-Element .tab-content .left-side .fl_col {
    gap: 15px !important;
  }

  .tab-switcher-Element .tab-content .left-side .fl_col .p26 {
    font-size: 20px;
    line-height: 26px;
  }
}

.tab-switcher-Element .tab-content .left-side ul li {
  font-size: 18px;
  font-family: "Albert Sans", sans-serif;
  display: flex;
  align-items: center;
  row-gap: 20px;
  font-weight: 300;
  color: #a99abd;
  padding-left: 28px;
  position: relative;
}

@media only screen and (max-width: 760px) {
  .tab-switcher-Element .tab-content .left-side ul li {
    gap: 12px;
    font-size: 16px;
    line-height: 22px;
  }
}

.tab-switcher-Element .tab-content .left-side ul li:before {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  background-size: 20px 20px !important;
  left: 0;
}

.tab-switcher-Element .tab-content .content-wrapper.erp .left-side ul li:before {
  background: url("../images/erp.svg") no-repeat center;
}

.tab-switcher-Element .tab-content .content-wrapper.crm .left-side ul li:before {
  background: url("../images/crm.svg") no-repeat center;
}

.tab-switcher-Element .tab-content .content-wrapper.pay .left-side ul li:before {
  background: url("../images/pay.svg") no-repeat center;
}

.tab-switcher-Element .tab-content .content-wrapper.connect .left-side ul li:before {
  background: url("../images/connect.svg") no-repeat center;
}

.tab-switcher-Element .tab-content .content-wrapper.sign .left-side ul li:before {
  background: url("../images/sign.svg") no-repeat center;
}

.tab-switcher-Element .tab-content .right-side {
  max-width: 511px;
}

@media only screen and (max-width: 768px) {
  .tab-switcher-Element .tab-content .right-side {
    max-width: 100%;
  }

  .tab-switcher-Element .tab-content .right-side .p18 {
    font-size: 16px;
    line-height: 24px;
  }
}

.Card-Listing-Elements .cards-wrapper {
  padding-bottom: 85px;
  width: 100%;
}

@media only screen and (max-width: 1124px) {
  .Card-Listing-Elements .cards-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  .Card-Listing-Elements .cards-wrapper {
    padding-bottom: 55px;
  }
}

.Card-Listing-Elements .cards-wrapper .card-info {
  max-width: 400px;
  width: 100%;
  text-align: center;
  color: #fff;
}

.Card-Listing-Elements .cards-wrapper .card-info .header-card {
  max-width: 295px;
  width: 100%;
  margin: 0 auto;
}

.Card-Listing-Elements .cards-wrapper .card-info .header-card p {
  min-height: 63px;
}

.Card-Listing-Elements .cards-wrapper .card-info .header-card img {
  width: 120px;
  height: 120px;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
}

@media only screen and (max-width: 768px) {
  .Card-Listing-Elements .cards-wrapper .card-info .header-card img {
    width: 100px;
    height: 100px;
  }
}

.Card-Listing-Elements .cards-wrapper .card-info .content-card {
  height: 200px;
  display: flex;
  align-items: flex-end;
}

.prefooter-Elements {
  position: relative;
  z-index: 2;
}

.prefooter-Elements #prefooter {
  padding: 0 50px;
}

@media only screen and (max-width: 991px) {
  .prefooter-Elements #prefooter {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .prefooter-Elements #prefooter {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 480px) {
  .prefooter-Elements #prefooter {
    padding: 0 20px;
  }
}

.prefooter-Elements #prefooter .section-wrapper {
  width: 100%;
  max-width: 1600px;
  background-color: #200046;
  border-radius: 30px;
  padding: 100px 50px;
}

@media only screen and (max-width: 991px) {
  .prefooter-Elements #prefooter .section-wrapper {
    padding: 50px 30px;
  }
}

.prefooter-Elements #prefooter .section-wrapper .block-row {
  max-width: 1366px;
  margin: 0 auto;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .prefooter-Elements #prefooter .section-wrapper .block-row {
    flex-direction: column;
  }
}

@media only screen and (max-width: 768px) {
  .prefooter-Elements #prefooter .section-wrapper .block-row {
    gap: 30px !important;
  }

  .prefooter-Elements #prefooter .section-wrapper .block-row p {
    text-align: center;
  }
}

.prefooter-Elements #prefooter .section-wrapper .block-row .diver-line {
  background-color: #e94e1b;
  height: 160px;
  width: 1px;
}

@media only screen and (max-width: 992px) {
  .prefooter-Elements #prefooter .section-wrapper .block-row .diver-line {
    display: none;
  }
}

.prefooter-Elements #prefooter .section-wrapper .block-row .p22 {
  max-width: 403px;
}

@media only screen and (max-width: 992px) {
  .prefooter-Elements #prefooter .section-wrapper .block-row .p22 {
    max-width: unset;
  }
}

.block-info-txt-desc-Elements {
  text-align: center;
  max-width: 1160px;
  width: 100%;
  margin: 0 auto;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 80px;
}

@media only screen and (max-width: 1300px) {
  .block-info-txt-desc-Elements {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 991px) {
  .block-info-txt-desc-Elements {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .block-info-txt-desc-Elements {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 40px;
    margin-top: 20px;
  }
}

.block-info-txt-desc-Elements div {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}

.dropDownTabs-Elements {
  /*gap: 80px;*/
  position: relative;
}

.dropDownTabs-Elements .dropDown-wrapper .left-side {
  max-width: 520px;
  z-index: 2;
}

@media only screen and (max-width: 992px) {
  .dropDownTabs-Elements .dropDown-wrapper .left-side {
    max-width: 100%;
    width: 100%;
  }
}

.dropDownTabs-Elements .dropDown-wrapper .left-side .dropDown-List {
  padding-top: 32px;
}

.dropDownTabs-Elements .dropDown-wrapper .left-side .dropDown-List .active-item .item-header img {
  transform: rotate(-180deg);
}

.dropDownTabs-Elements .dropDown-wrapper .left-side .dropDown-List .active-item .item-content {
  height: -moz-fit-content !important;
  height: fit-content !important;
  opacity: 1 !important;
  padding: 15px 0;
}

.dropDownTabs-Elements .dropDown-wrapper .left-side .dropDown-List .item-list .item-header {
  border-bottom: 2px solid #e94e1b;
  cursor: pointer;
  padding-bottom: 4px;
}

@media only screen and (max-width: 768px) {
  .dropDownTabs-Elements .dropDown-wrapper .left-side .dropDown-List {
    gap: 40px !important;
  }

  .dropDownTabs-Elements .dropDown-wrapper .left-side .dropDown-List .item-list .item-header h3 {
    font-size: 20px;
    line-height: 24px;
  }
}

.dropDownTabs-Elements .dropDown-wrapper .left-side .dropDown-List .item-list .item-header img {
  transition: all 0.3s;
}

.dropDownTabs-Elements .dropDown-wrapper .left-side .dropDown-List .item-list .item-content {
  height: 0;
  transition: all 0.3s;
  overflow: hidden;
  opacity: 0;
}

.dropDownTabs-Elements .dropDown-wrapper .left-side .dropDown-List .item-list .item-content li {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

@media (max-width: 1024px) {
  .dropDownTabs-Elements .dropDown-wrapper .right-side {
    position: absolute;
    right: 0;
    opacity: 0.2;
  }
}

.dropDownTabs-Elements .dropDown-wrapper .right-side img {
  max-width: 42.23vw;
  -o-object-fit: cover;
  object-fit: cover;
  min-width: 500px;
}

@media (max-width: 1024px) {
  .dropDownTabs-Elements .dropDown-wrapper .right-side img {
    max-width: 100%;
    min-width: none;
  }
}

.Card-txt-des-btn .section-wrapper {
  background-color: #200046;
  padding: 100px 50px !important;
  border-radius: 30px;
}

@media only screen and (max-width: 1300px) {
  .Card-txt-des-btn .section-wrapper {
    padding: 80px 40px !important;
  }
}

@media only screen and (max-width: 991px) {
  .Card-txt-des-btn .section-wrapper {
    padding: 60px 35px !important;
  }
}

@media only screen and (max-width: 768px) {
  .Card-txt-des-btn .section-wrapper {
    padding: 40px 0px !important;
  }
}

.Card-txt-des-btn.start-with-elixio {
  margin: 0 auto 170px auto;
  width: 100%;
  max-width: 1700px;
  padding: 0 50px;
  z-index: 3;
  position: relative;
}

@media only screen and (max-width: 1600px) {
  .Card-txt-des-btn.start-with-elixio {
    margin: 0 auto 100px auto;
    width: 100%;
  }
}

@media only screen and (max-width: 1300px) {
  .Card-txt-des-btn.start-with-elixio {
    margin: 0 auto 80px auto;
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .Card-txt-des-btn.start-with-elixio {
    margin: 0 auto 50px auto;
    width: 100%;
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .Card-txt-des-btn.start-with-elixio {
    margin: 0 auto 20px auto;
    padding: 0 25px;
  }
}

@media only screen and (max-width: 480px) {
  .Card-txt-des-btn.start-with-elixio {
    padding: 0 20px;
  }
}

.Card-txt-des-btn .section-wrapper div {
  max-width: 1160px;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 992px) {
  .img-txt-Elements {
    flex-direction: column;
  }

  .Card-txt-des-btn .section-wrapper div {
    gap: 30px !important;
  }
}

.img-txt-Elements .left-side img {
  max-width: 34.42vw;
  min-width: 400px;
}

.img-txt-Elements .right-side {
  max-width: 680px;
}

@media only screen and (max-width: 768px) {
  .img-txt-Elements .right-side {
    margin-top: 10px;
  }

  .img-txt-Elements .right-side .fl_col {
    align-items: center;
  }

  .img-txt-Elements .right-side .fl_col .p40,
  .img-txt-Elements .right-side .fl_col .p18 {
    text-align: center;
  }
}


.txt-desc-Elements {
  max-width: 1080px;
  margin: 0 auto;
}

.txt-desc-Elements .block-title {
  max-width: 86%;
  margin: 0 auto;
}

.FeatureList-Elements {
  display: flex;
  flex-direction: column;
  gap: 80px;
  z-index: 2;
}

@media only screen and (max-width: 991px) {
  .FeatureList-Elements {
    gap: 50px;
  }
}

.FeatureList-Elements .header-block .title-block {
  max-width: 840px;
  margin: 0 auto;
}

.FeatureList-Elements .header-block .description-block {
  max-width: 1080px;
  margin: 0 auto;
}

.FeatureList-Elements .features-list-listing {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
}

@media only screen and (max-width: 991px) {
  .FeatureList-Elements .features-list-listing {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width: 768px) {
  .FeatureList-Elements .features-list-listing {
    gap: 30px;
  }
}

.FeatureList-Elements .features-list-listing .feature-card {
  background-color: #200046;
  border-radius: 30px;
}

.FeatureList-Elements .features-list-listing .feature-card .card-wrapper {
  padding: 37px 40px;
}

@media only screen and (max-width: 991px) {
  .FeatureList-Elements .features-list-listing .feature-card .card-wrapper {
    flex-direction: column;
    gap: 20px !important;
  }
}

@media only screen and (max-width: 768px) {
  .FeatureList-Elements .features-list-listing .feature-card .card-wrapper {
    gap: 15px !important;
  }
}

.FeatureList-Elements .features-list-listing .feature-card .card-wrapper .feature-number {
  font-size: 80px;
  background: linear-gradient(165deg, #46faf1 30.91%, #766bff 54.86%, #b45eff 78.81%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 991px) {
  .FeatureList-Elements .features-list-listing .feature-card .card-wrapper .feature-number {
    font-size: 60px;
  }

  .FeatureList-Elements .features-list-listing .feature-card .card-wrapper .p26 {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
  }

  .FeatureList-Elements .features-list-listing .feature-card .card-wrapper .p18 {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .FeatureList-Elements .features-list-listing .feature-card .card-wrapper .feature-number {
    font-size: 40px;
  }
}

.card-number-style {
  font-size: 80px;
  font-weight: 600;
  background: linear-gradient(165deg, #46faf1 30.91%, #766bff 54.86%, #b45eff 78.81%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#footer {
  padding-top: 115px;
  padding-bottom: 70px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  #footer {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 768px) {
  #footer {
    padding-top: 70px;
    padding-bottom: 50px;
  }
}

#footer li {
  color: #fff !important;
  margin: 0 25px 10px 0;
}

#footer li:last-child {
  margin: 0 0 10px 0;
}

#footer li a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#footer li a:hover {
  color: var(--secondary-color);
}

#footer .row-1 li {
  color: #fff !important;
}

#footer .row-2 li {
  color: #a99abd;
}

#footer #menu-footer-menu {
  flex-wrap: wrap;
  justify-content: center;
}

#footer .menu-copyright-menu-container ul {
  flex-wrap: wrap;
  justify-content: center;
}

#footer .menu-copyright-menu-container ul li a {
  font-family: "Albert Sans", sans-serif;
  color: rgba(255, 255, 255, .6);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#footer .menu-copyright-menu-container ul li a:hover {
  color: #fff;
}

.footer-icon {
  position: relative;
  overflow: hidden;
}

.footer-icon:after {
  content: "";
  width: 1280px;
  height: 1280px;
  border-radius: 50%;
  background: radial-gradient(50% 50% at 50% 50%, #9A00FF 0%, #290059 100%);
  opacity: .4;
  position: absolute;
  left: -45px;
  top: -20px;
  z-index: 2;
}

@media only screen and (max-width: 991px) {
  .footer-icon:after {
    width: 100%;
    height: 1280px;
    left: 0;
    top: -20px;
  }
}

.logo-footer {
  width: 152px;
  margin-inline: auto;
  margin-bottom: 130px;
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 768px) {
  .logo-footer {
    width: 132px;
    margin-bottom: 80px;
  }
}

#header {
  z-index: 100;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

#header.sticky-header {
  width: 100%;
  background-color: var(--primary-color);
  position: fixed;
  top: 0;
  left: 0;
  animation: slideDown 0.35s ease-out;
  box-shadow: 0px 4px 60px 0px #00000040;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

#header .active-mobile-menu nav {
  top: 0 !important;
}

#header .header-wrapper {
  padding-top: 40px;
  padding-bottom: 40px;
  max-width: 1838px;
  width: 100%;
  margin: 0 auto;
  padding-inline: 40px;
}

@media only screen and (max-width: 991px) {
  #header .header-wrapper {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-inline: 25px;
  }
}

#header.sticky-header .header-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
}

#header .header-wrapper .logo {
  width: 160px;
  -o-object-fit: contain;
  object-fit: contain;
}

#header.sticky-header .header-wrapper .logo {
  width: 130px;
}

@media only screen and (max-width: 991px) {

  body #header.sticky-header .header-wrapper .logo,
  body #header .header-wrapper .logo {
    width: 120px;
  }
}

@media only screen and (max-width: 768px) {

  body #header.sticky-header .header-wrapper .logo,
  body #header .header-wrapper .logo {
    width: 100px;
  }
}

@media (min-width: 992px) {
  #header .header-wrapper .open-btn-menu {
    display: none;
  }
}

#header .header-wrapper nav {
  gap: 95px;
  width: 100%;
  transition: all 0.3s;
}

#header .header-wrapper nav ul {
  display: flex;
  gap: 75px;
}

@media only screen and (max-width: 1300px) {
  #header .header-wrapper nav {
    gap: 60px;
  }

  #header .header-wrapper nav ul {
    gap: 40px;
  }
}

#header .header-wrapper nav a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 20px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  outline: none;
}

#header .header-wrapper nav .menu li a:hover,
#header .header-wrapper nav .menu li.current-menu-item a {
  color: var(--secondary-color);
}

#header .header-wrapper nav .close-btn-menu {
  display: none;
  position: absolute;
  top: 30px;
  right: 30px;
}

@media only screen and (max-width: 992px) {
  #header .header-wrapper nav {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #200046;
    top: -100%;
    left: 0;
    z-index: 9999;
    flex-direction: column;
    justify-content: center;
    gap: 40px !important;
    max-width: 100%;
  }

  #header .header-wrapper nav ul {
    flex-direction: column;
    gap: 30px;
  }

  #header .header-wrapper nav .close-btn-menu {
    display: block;
  }
}

.container-Xlarge {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  padding: 0 50px;
}

@media only screen and (max-width: 1300px) {
  .container-Xlarge {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .container-Xlarge {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .container-Xlarge {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 480px) {
  .container-Xlarge {
    padding: 0 20px;
  }
}

.container-large {
  max-width: 1500px;
  width: 100%;
  padding-left: 50px;
  padding-right: 50px;
  margin: 0 auto;
}

@media only screen and (max-width: 1300px) {
  .container-large {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .container-large {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .container-large {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 480px) {
  .container-large {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.content .btn-orange,
.content .btn-pink,
.content .btn-green,
.content .btn-munsell,
.content .btn-ElectricBlue,
.content .btn-SelectiveYellow {
  height: 50px !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.btn-orange {
  color: #fff;
  transition: all 0.3s;
  border-radius: 30px;
  font-size: 20px;
  font-weight: 600;
  height: 50px;
  padding: 0 40px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 3;
  text-decoration: none;
  text-wrap: nowrap;
}

.btn-orange {
  background-color: #e94e1b;
  border: 1px solid #e94e1b;
}

.btn-orange:hover {
  background-color: #AC360F;
  border: 1px solid #AC360F;
}

.btn-pink {
  color: #fff;
  transition: all 0.3s;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 600;
  height: 40px;
  padding: 0 31px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 3;
  text-decoration: none;
  text-wrap: nowrap;
}

.btn-pink {
  background-color: #ff00ff;
  border: 1px solid #ff00ff;
}

.btn-pink:hover {
  background-color: #9A00FF;
  border: 1px solid #9A00FF;
}

.btn-green {
  color: #fff;
  transition: all 0.3s;
  border-radius: 30px;
  font-size: 20px;
  font-weight: 600;
  height: 50px;
  padding: 0 40px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 3;
  text-decoration: none;
  text-wrap: nowrap;
}

.btn-green {
  background-color: #3aaa35;
  border: 1px solid #3aaa35;
}

.btn-green:hover {
  background-color: #135E10;
  border: 1px solid #135E10;
}

.btn-munsell {
  color: #fff;
  transition: all 0.3s;
  border-radius: 30px;
  font-size: 20px;
  font-weight: 600;
  height: 40px;
  padding: 0 31px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 3;
  text-decoration: none;
  text-wrap: nowrap;
}

.btn-munsell {
  background-color: #00a57f;
  border: 1px solid #00a57f;
}

.btn-munsell:hover {
  background-color: #08745B;
  border: 1px solid #08745B;
}

.btn-ElectricBlue {
  color: #fff;
  transition: all 0.3s;
  border-radius: 30px;
  font-size: 20px;
  font-weight: 600;
  height: 40px;
  padding: 0 31px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 3;
  text-decoration: none;
  text-wrap: nowrap;
  background-color: #0091ca;
  border: 1px solid #0091ca;
}

.btn-ElectricBlue:hover {
  background-color: #026C96;
  border: 1px solid #026C96;
}

.btn-SelectiveYellow {
  color: #200046;
  transition: all 0.3s;
  border-radius: 30px;
  font-size: 20px;
  font-weight: 600;
  height: 40px;
  padding: 0 31px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 3;
  text-decoration: none;
  text-wrap: nowrap;
  background-color: #ffb908;
  border: 1px solid #ffb908;
}

.btn-SelectiveYellow:hover {
  background-color: #D49B0A;
  border: 1px solid #D49B0A;
  /* color: #ffb908; */
}

form .form-fields {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

form .form-fields .col-inp {
  width: 100%;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

form .form-fields .submit-col .row-inp {
  display: flex;
  justify-content: center;
  flex: 1 1 300px;
}

form .form-fields .submit-col .row-inp p {
  width: -moz-fit-content;
  width: fit-content;
}

form .form-fields .row-inp {
  flex: 1 1 300px;
}

form .form-fields .row-inp.select .wpcf7-form-control-wrap:after {
  content: "";
  width: 20px;
  height: 10px;
  background: url("../images/arrow-down.svg") no-repeat center center;
  background-size: 20px 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 25px;
  pointer-events: none;
}

@media only screen and (max-width: 768px) {
  form .form-fields .row-inp.select .wpcf7-form-control-wrap:after {
    right: 15px;
  }
}

form .form-fields .row-inp.select .wpcf7-form-control-wrap select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Safari, Chrome, Opera */
  appearance: none;
  -webkit-appearance: none;
}

form .form-fields .row-inp ::-moz-placeholder {
  color: #200046;
  font-weight: 300;
  font-size: 18px;
  opacity: 0.6;
}

form .form-fields .row-inp ::placeholder {
  color: #200046;
  font-weight: 300;
  font-size: 18px;
  opacity: 0.6;
}

form .form-fields .row-inp p {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

form .form-fields .row-inp p br {
  display: none;
}

form .form-fields .row-inp p label {
  color: #a99abd;
}

form .form-fields .row-inp p span {
  width: 100%;
}

form .form-fields .row-inp p span input,
form .form-fields .row-inp p span select,
form .form-fields .row-inp p span textarea {
  width: 100%;
  height: 60px;
  padding: 0 23px;
  border-radius: 8px;
  outline: none;
  border: none;
  font-size: 18px;
  color: #200046;
  border: 2px solid transparent;
  font-family: "Albert Sans", sans-serif;
  font-weight: 400;
}

@media only screen and (max-width: 768px) {

  form .form-fields .row-inp p span input,
  form .form-fields .row-inp p span select,
  form .form-fields .row-inp p span textarea {
    height: 50px;
    padding: 0 15px;
    font-size: 16px;
    line-height: 24px;
  }
}

form .form-fields .row-inp p span textarea {
  height: auto;
  padding: 20px 23px;
}

@media only screen and (max-width: 768px) {
  form .form-fields .row-inp p span textarea {
    height: auto;
    padding: 15px 20px;
  }
}

@media only screen and (max-width: 768px) {
  form .form-fields .row-inp p span textarea {
    max-height: 150px;
  }
}

form .form-fields .row-inp .inp-submit {
  margin-top: 30px;
  min-width: 250px;
  height: 50px;
  background-color: #ff00ff;
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  border: none;
  outline: none;
  border-radius: 30px;
}

.wpcf7-form {
  display: flex;
  flex-direction: column-reverse;
  gap: 20px;
}

.wpcf7-response-output {
  background-color: white !important;
  border: none !important;
  padding: 10px 20px !important;
  border-radius: 12px !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 10px;
}

.wpcf7-response-output::before {
  content: url("/wp-content/uploads/2025/02/WarningIconRed.svg");
}

.wpcf7-spinner {
  width: 24px !important;
  background-color: #fff;
  margin: 0 auto;
}

.wpcf7-spinner::before {
  background-color: #000 !important;
}

.wpcf7-not-valid {
  border-color: #dc3232 !important;
}

.wpcf7-not-valid-tip {
  margin-top: 10px;
}

#services {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.Home-page #our-solutions {
  padding-top: 280px;
  z-index: 2;
  position: relative;
}

@media only screen and (max-width: 1600px) {
  .Home-page #our-solutions {
    padding-top: 180px;
  }
}

@media only screen and (max-width: 992px) {
  .Home-page #our-solutions {
    padding-top: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .Home-page #our-solutions {
    margin-top: 40px;
  }
}

@media (max-width: 680px) {
  .Home-page #our-solutions .section-wrapper {
    flex-direction: column;
  }
}

.Home-page #our-solutions .section-wrapper .diver-line {
  width: 1px;
  height: 160px;
  background-color: #ff00ff;
}

@media (max-width: 768px) {
  .Home-page #our-solutions .section-wrapper .diver-line {
    display: none;
  }
}

@media (max-width: 768px) {
  .Home-page #our-solutions .section-wrapper {
    flex-direction: column;
  }
}

.Home-page #our-solutions .section-wrapper .txt-block {
  max-width: 325px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .Home-page #our-solutions .section-wrapper .txt-block {
    text-align: center;
    max-width: 100%;
  }
}

.Home-page #our-solutions .section-wrapper .right-block {
  max-width: 922px;
  margin-left: 75px;
}

@media (max-width: 991px) {
  .Home-page #our-solutions .section-wrapper .right-block {
    margin-left: 30px;
  }
}

@media (max-width: 768px) {
  .Home-page #our-solutions .section-wrapper .right-block {
    margin-left: 0;
    width: 100%;
  }
}

.Home-page .Card-Listing-Elements .cards-wrapper {
  flex-wrap: wrap;
}

@media (max-width: 1100px) {
  .Home-page .Card-Listing-Elements .cards-wrapper {
    justify-content: center !important;
  }
}

@media (max-width: 768px) {
  .Home-page .Card-Listing-Elements .cards-wrapper {
    gap: 50px;
  }
}

.Home-page .Card-Listing-Elements .cards-wrapper .card-info {
  flex: 1 1 300px;
}

.Home-page .Card-Listing-Elements .cards-wrapper .card-info .header-card p {
  min-height: 93px !important;
}

.Home-page #services .section-wrapper {
  padding-top: 160px;
}

@media only screen and (max-width: 1600px) {
  .Home-page #services .section-wrapper {
    padding-top: 120px;
  }
}

#services>.section-wrapper {
  padding-left: 50px;
  padding-right: 50px;
}

@media only screen and (max-width: 1300px) {
  #services>.section-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}

@media only screen and (max-width: 991px) {
  #services>.section-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 768px) {
  #services>.section-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media only screen and (max-width: 480px) {
  #services>.section-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.texture-decoration {
  position: relative;
}

.texture-decoration:before {
  content: "";
  background: url("../images/before-footer-decoration.png") no-repeat center center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  z-index: 1;
}

.obtenir-une-demo-page .texture-decoration:before {
  top: 150px;
}

.integration-business.texture-decoration:before {
  top: 350px;
}

.erp-page-section.texture-decoration:before {
  top: 140px;
}

.texture-decoration.blocktexture:before {
  height: calc(100% - 400px);
  top: 500px;
}

.our-approach.texture-decoration:before {
  top: 150px;
}

.Home-page .blocktexture .texture-img {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.Home-page #our-advantages {
  padding-top: 180px;
  z-index: 2;
}

@media only screen and (max-width: 1600px) {
  .Home-page #our-advantages {
    padding-top: 130px;
  }
}

.Card-Listing-Elements {
  padding-bottom: 240px;
}

@media only screen and (max-width: 1600px) {
  .Card-Listing-Elements {
    padding-bottom: 180px;
  }
}

@media only screen and (max-width: 991px) {
  .Card-Listing-Elements {
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 768px) {
  .Card-Listing-Elements {
    padding-bottom: 40px;
  }
}

.Card-Listing-Elements .cards-wrapper {
  gap: 80px;
}

@media only screen and (max-width: 991px) {
  .Card-Listing-Elements .cards-wrapper {
    gap: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .Card-Listing-Elements .cards-wrapper {
    gap: 40px;
  }
}

.Card-Listing-Elements .cards-wrapper .card-info {
  gap: 24px;
}

.Card-Listing-Elements .cards-wrapper .content-card {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.Esign-page .hero-breadcrumb {
  padding-bottom: 243px !important;
}

@media only screen and (max-width: 1300px) {
  .Esign-page .hero-breadcrumb {
    padding-bottom: 180px !important;
  }
}

@media only screen and (max-width: 991px) {
  .Esign-page .hero-breadcrumb {
    padding-bottom: 90px !important;
  }
}

@media only screen and (max-width: 768px) {
  .Esign-page .hero-breadcrumb {
    padding-bottom: 40px !important;
  }
}

.Esign-page .txt-desc-block {
  position: relative;
  z-index: 2;
  padding-top: 240px;
  padding-bottom: 242px;
}

@media only screen and (max-width: 1300px) {
  .Esign-page .txt-desc-block {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

@media only screen and (max-width: 991px) {
  .Esign-page .txt-desc-block {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .Esign-page .txt-desc-block {
    margin-top: 40px;
    padding-bottom: 30px;
  }
}

.Esign-page .txt-desc-block.no-padding-top {
  padding-top: 0;
}

@media only screen and (max-width: 992px) {

  .Esign-page .txt-desc-block.no-padding-top,
  .pay-page .txt-desc-block.no-padding-top {
    margin-top: 0;
  }
}

@media only screen and (max-width: 992px) {
  .Esign-page .txt-desc-block .section-wrapper {
    flex-direction: column;
    gap: 40px !important;
  }
}

.Esign-page .txt-desc-block .section-wrapper .diver-line {
  width: 1px;
  height: 160px;
  background-color: #3aaa35;
}

@media only screen and (max-width: 992px) {
  .Esign-page .txt-desc-block .section-wrapper .diver-line {
    display: none;
  }
}

.Esign-page .txt-desc-block .section-wrapper .txt-block {
  max-width: 323px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .Esign-page .txt-desc-block .section-wrapper .txt-block {
    max-width: none;
  }

  .Esign-page .txt-desc-block .section-wrapper .txt-block .p40 {
    text-align: center;
  }
}

.Esign-page .txt-desc-block .section-wrapper .right-block {
  max-width: 922px;
  line-height: 1.7;
  padding-left: 54px;
  border-left: 1px solid #3aaa35;
}

@media only screen and (max-width: 992px) {
  .Esign-page .txt-desc-block .section-wrapper .right-block {
    max-width: none;
    border: none;
    padding: 0;
  }
}

.Esign-page .cards-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 80px;
}

@media only screen and (max-width: 991px) {
  .Esign-page .cards-row {
    grid-template-columns: repeat(1, 1fr);
    gap: 60px;
  }

  .Esign-page .cards-row .Singelcard-row {
    flex-direction: column;
    align-items: center;
  }

  .Esign-page .cards-row .Singelcard-row .p26 {
    text-align: center;
  }

  .Esign-page .cards-row .Singelcard-row p {
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .Esign-page .cards-row {
    gap: 40px;
  }

  .Esign-page .cards-row .Singelcard-row {
    max-width: 400px;
    margin: 0 auto;
  }

  .Esign-page .cards-row .Singelcard-row img {
    width: 100px;
    height: auto;
  }
}

.Esign-page .unique-advantages {
  z-index: 3;
}

.pay-page .Card-Listing-Elements {
  padding-bottom: 130px;
}

@media only screen and (max-width: 1300px) {
  .pay-page .Card-Listing-Elements {
    padding-bottom: 90px;
  }
}

@media only screen and (max-width: 991px) {
  .pay-page .Card-Listing-Elements {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .pay-page .Card-Listing-Elements {
    padding-bottom: 0;
  }
}

.pay-page .Card-Listing-Elements .cards-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  gap: 60px;
}

@media only screen and (max-width: 991px) {
  .pay-page .Card-Listing-Elements .cards-wrapper {
    gap: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .pay-page .Card-Listing-Elements .cards-wrapper {
    gap: 30px;
  }
}

.pay-page .Card-Listing-Elements .cards-wrapper .card-info {
  max-width: 295px;
}

.pay-page .Card-Listing-Elements .cards-wrapper .card-info .header-card p {
  text-wrap: nowrap;
}

.pay-page .txt-desc-block {
  position: relative;
  z-index: 2;
  padding-bottom: 242px;
  margin-top: 170px;
}

@media only screen and (max-width: 1300px) {
  .pay-page .txt-desc-block {
    padding-bottom: 120px;
    margin-top: 120px;
  }
}

@media only screen and (max-width: 992px) {
  .pay-page .txt-desc-block {
    padding-bottom: 60px;
    margin-top: 20px;
  }

  .pay-page .txt-desc-block .section-wrapper {
    flex-direction: column;
    align-items: center;
  }
}

@media only screen and (max-width: 768px) {
  .pay-page .txt-desc-block {
    padding-bottom: 30px;
    margin-top: 30px;
  }
}

.pay-page .txt-desc-block .section-wrapper .diver-line {
  width: 1px;
  height: 160px;
  background-color: #00a57f;
}

.pay-page .txt-desc-block .section-wrapper .txt-block {
  max-width: 323px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .pay-page .txt-desc-block .section-wrapper .txt-block {
    max-width: none;
    text-align: center;
  }
}

.pay-page .txt-desc-block .section-wrapper .right-block {
  max-width: 922px;
  line-height: 1.7;
  padding-left: 54px;
  border-left: 1px solid #00a57f;
}

@media only screen and (max-width: 992px) {
  .pay-page .txt-desc-block .section-wrapper .right-block {
    max-width: none;
    padding: 0;
    border: none;
  }
}

.connect-page .passerelle {
  padding-bottom: 200px;
  z-index: 3 !important;
}

@media only screen and (max-width: 1300px) {
  .connect-page .passerelle {
    padding-bottom: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .connect-page .passerelle {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .connect-page .passerelle {
    padding-bottom: 30px;
  }
}

.connect-page .personal-space {
  padding-bottom: 180px;
}

@media only screen and (max-width: 1300px) {
  .connect-page .personal-space {
    padding-bottom: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .connect-page .personal-space {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .connect-page .personal-space {
    padding-bottom: 30px;
  }
}

.connect-page .fluid-integration {
  padding-bottom: 240px;
}

@media only screen and (max-width: 1300px) {
  .connect-page .fluid-integration {
    padding-bottom: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .connect-page .fluid-integration {
    padding-bottom: 60px;
  }

  .connect-page .fluid-integration .img-txt-Elements {
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 768px) {
  .connect-page .fluid-integration {
    padding-bottom: 30px;
  }
}

.connect-page .Card-Listing-Elements {
  padding-bottom: 240px;
}

.connect-page .simplify {
  padding-bottom: 240px
}

@media only screen and (max-width: 1300px) {

  .connect-page .Card-Listing-Elements,
  .connect-page .simplify {
    padding-bottom: 120px;
  }
}

@media only screen and (max-width: 991px) {

  .connect-page .Card-Listing-Elements,
  .connect-page .simplify {
    padding-bottom: 30px;
  }

  .connect-page .simplify {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 768px) {

  .connect-page .Card-Listing-Elements,
  .connect-page .simplify {
    padding-bottom: 20px;
  }

  .connect-page .simplify {
    margin-top: 30px;
  }
}

.connect-page .Card-Listing-Elements .cards-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  gap: 60px;
}

.connect-page .Card-Listing-Elements .cards-wrapper .card-info {
  max-width: 412px;
}

.connect-page .Card-Listing-Elements .cards-wrapper .card-info .header-card {
  max-width: unset;
}

.connect-page .Card-Listing-Elements .cards-wrapper .card-info .header-card p {
  min-height: unset;
}

.connect-page .txt-desc-block {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 992px) {
  .connect-page .txt-desc-block .section-wrapper {
    flex-direction: column;
    gap: 40px !important;
  }
}

.connect-page .txt-desc-block .section-wrapper .diver-line {
  width: 1px;
  height: 160px;
  background-color: #0091ca;
}

.connect-page .txt-desc-block .section-wrapper .txt-block {
  max-width: 323px;
  width: 100%;
}

@media only screen and (max-width: 992px) {
  .connect-page .txt-desc-block .section-wrapper .txt-block {
    max-width: none;
  }

  .connect-page .txt-desc-block .section-wrapper .txt-block .p40 {
    text-align: center;
  }
}

.connect-page .txt-desc-block .section-wrapper .right-block {
  max-width: 922px;
  line-height: 1.7;
  padding-left: 54px;
  border-left: 1px solid #0091ca;
}

@media only screen and (max-width: 992px) {
  .connect-page .txt-desc-block .section-wrapper .right-block {
    max-width: none;
    border: none;
    padding: 0;
  }
}

@media only screen and (max-width: 992px) {
  .connect-page .img-txt-Elements:nth-of-type(2) {
    flex-direction: column;
  }
}

.connect-page .img-txt-Elements .right-side {
  max-width: 800px;
}

.connect-page .img-txt2 .right-side {
  max-width: 759px;
}

.crm-page .Card-Listing-Elements {
  padding-bottom: 250px;
}

@media only screen and (max-width: 1300px) {
  .crm-page .Card-Listing-Elements {
    padding-bottom: 140px;
  }
}

@media only screen and (max-width: 991px) {
  .crm-page .Card-Listing-Elements {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .crm-page .Card-Listing-Elements {
    padding-bottom: 40px;
  }
}

.crm-page .personalize {
  padding-top: 252px;
}

@media only screen and (max-width: 1300px) {
  .crm-page .personalize {
    padding-top: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .crm-page .personalize {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .crm-page .personalize {
    padding-top: 60px;
  }
}

.crm-page .unique-tool {
  padding-bottom: 188px;
}

@media only screen and (max-width: 1300px) {
  .crm-page .unique-tool {
    padding-bottom: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .crm-page .unique-tool {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .crm-page .unique-tool {
    padding-bottom: 40px;
  }
}

.crm-page .Card-Listing-Elements .cards-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  gap: 60px;
}

@media only screen and (max-width: 768px) {
  .crm-page .Card-Listing-Elements .cards-wrapper {
    gap: 30px;
  }
}

.crm-page .Card-Listing-Elements .cards-wrapper .card-info {
  max-width: 412px;
}

.crm-page .Card-Listing-Elements .cards-wrapper .card-info .header-card {
  max-width: unset;
}

.crm-page .Card-Listing-Elements .cards-wrapper .card-info .header-card p {
  min-height: unset;
}

.crm-page .dropDownTabs-Elements {
  gap: 40px;
}

.crm-page .dropDownTabs-Elements .fl_col .p18 {
  padding: 0 50px;
}

@media only screen and (max-width: 1300px) {
  .crm-page .dropDownTabs-Elements .fl_col .p18 {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .crm-page .dropDownTabs-Elements .fl_col .p18 {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .crm-page .dropDownTabs-Elements .fl_col .p18 {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 480px) {
  .crm-page .dropDownTabs-Elements .fl_col .p18 {
    padding: 0 20px;
  }
}

.crm-page .dropDownTabs-Elements .item-header {
  border-bottom: 2px solid #ffb908 !important;
}

.crm-page .txt-desc-block {
  position: relative;
  z-index: 2;
}

.crm-page .txt-desc-block .diver-line {
  width: 1px;
  height: 160px;
  background-color: #0091ca;
}

.crm-page .txt-desc-block .txt-block {
  max-width: 323px;
  width: 100%;
}

.crm-page .txt-desc-block .right-block {
  max-width: 922px;
  line-height: 1.7;
  padding-left: 54px;
  border-left: 1px solid #0091ca;
}

.crm-page .img-txt-Elements .right-side {
  max-width: 800px;
}

.crm-page .img-txt2 .right-side {
  max-width: 759px;
}

.crm-page .unique-tool {
  z-index: 3;
}

@media only screen and (max-width: 992px) {
  .page_content {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .page_content {
    gap: 30px;
  }
}

.Erp-page .one-platform {
  padding-top: 80px;
  padding-bottom: 220px;
}

.Erp-page .complete-solution {
  z-index: 3;
}

@media only screen and (max-width: 1600px) {
  .Erp-page .one-platform {
    padding-top: 60px;
    padding-bottom: 150px;
  }
}

@media only screen and (max-width: 1300px) {
  .Erp-page .one-platform {
    padding-top: 50px;
    padding-bottom: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .Erp-page .one-platform {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .Erp-page .one-platform {
    padding-bottom: 30px;
  }
}

.services-hero-section,
.solutions-hero-section,
.about-hero-section,
.development-section {
  position: relative;
  padding-top: 90px !important;
}

.demo-wrapper {
  position: relative;
}


@media only screen and (max-width: 991px) {

  .services-hero-section,
  .solutions-hero-section,
  .about-hero-section,
  .demo-wrapper,
  .development-section,
  .integration-wrapper {
    padding-top: 60px !important;
  }
}

@media only screen and (max-width: 768px) {

  .services-hero-section,
  .solutions-hero-section,
  .about-hero-section,
  .demo-wrapper,
  .development-section,
  .integration-wrapper {
    padding-top: 40px !important;
  }
}

.hero-breadcrumb-wrapper {
  position: relative;
  z-index: 2;
}

.services-page .services-hero-section {
  padding-bottom: 380px;
}

@media only screen and (max-width: 1600px) {
  .services-page .services-hero-section {
    padding-bottom: 280px;
  }
}

@media only screen and (max-width: 1300px) {
  .services-page .services-hero-section {
    padding-bottom: 150px;
  }
}

@media only screen and (max-width: 991px) {
  .services-page .services-hero-section {
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .services-page .services-hero-section {
    padding-bottom: 40px;
  }
}

.development-section,
.integration-wrapper {
  padding-bottom: 250px;
}

@media only screen and (max-width: 1300px) {

  .development-section,
  .integration-wrapper {
    padding-bottom: 150px;
  }

  .integration-wrapper {
    padding-top: 0 !important;
  }
}

@media only screen and (max-width: 991px) {

  .development-section,
  .integration-wrapper {
    padding-bottom: 0;
  }
}

.services-hero-section .banner-image,
.solutions-hero-section .banner-image,
.about-hero-section .banner-image,
.contact-hero-section .banner-image,
.demo-wrapper .banner-image,
.development-section .banner-image,
.integration-wrapper .banner-image {
  width: 100%;
  height: calc(100% + 179px);
  position: absolute;
  top: -179px;
  left: 0;
  z-index: 1;
  object-fit: cover;
  object-position: center;
}

.integration-wrapper .banner-image {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.about-hero-section .section-wrapper.banner-text {
  width: 100%;
  max-width: 1700px;
  padding: 0 50px;
  margin: 0 auto;
}

@media only screen and (max-width: 1300px) {
  .about-hero-section .section-wrapper.banner-text {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .about-hero-section .section-wrapper.banner-text {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .about-hero-section .section-wrapper.banner-text {
    padding: 0 25px;
  }
}

.about-hero-section .banner-image {
  opacity: .5;
  width: calc(100% + 600px);
  left: -250px;
}

.contact-hero-section .banner-image {
  opacity: .3;
  top: -215px;
}

.development-section .banner-image,
.integration-wrapper .banner-image,
.demo-wrapper .banner-image {
  opacity: .3;
}

.services-hero-section:before,
.solutions-hero-section:before {
  content: "";
  width: 100%;
  height: calc(100% + 179px);
  background-color: var(--primary-color);
  position: absolute;
  top: -179px;
  left: 0;
  opacity: .9;
  z-index: 2;
  mix-blend-mode: multiply;
}

.services-hero-section:after,
.solutions-hero-section:after,
.about-hero-section:after,
.contact-hero-section:after,
.demo-wrapper:after,
.development-section:after,
.integration-wrapper:after {
  content: "";
  background: linear-gradient(180deg, rgba(40, 0, 89, 0) 11.21%, #280059 96.71%);
  width: 100%;
  height: 542px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.services-hero-section .section-wrapper.banner-text,
.solutions-hero-section .section-wrapper.banner-text,
.demo-wrapper .section-wrapper.banner-text {
  max-width: 1360px;
}

.services-page .process-integration .section-wrapper .process-info {
  padding: 0;
}

@media only screen and (max-width: 992px) {
  .services-page .process-integration .section-wrapper .process-info {
    flex-direction: column;
    gap: 40px !important;
  }
}

.services-page .process-integration .section-wrapper .process-info img {
  width: 400px;
}

.services-page .process-integration .section-wrapper .process-info .right-block {
  width: calc(100% - 400px);
  padding: 0 0 0 120px;
  margin: 0;
  align-items: center;
}

@media only screen and (max-width: 1300px) {
  .services-page .process-integration .section-wrapper .process-info .right-block {
    padding: 0 0 0 70px;
  }
}

@media only screen and (max-width: 991px) {
  .services-page .process-integration .section-wrapper .process-info .right-block {
    width: 100%;
    padding: 0;
  }
}

.services-page .process-integration .section-wrapper .process-steps {
  display: flex;
  flex-wrap: wrap;
  padding-top: 100px;
}


@media only screen and (max-width: 991px) {
  .services-page .process-integration .section-wrapper .process-steps {
    padding-top: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .services-page .process-integration .section-wrapper .process-steps {
    gap: 30px !important;
    padding-top: 40px;
  }
}

.services-page .process-integration .section-wrapper .process-steps .process-step-card {
  width: calc(33.33% - 27px);
  background-color: #200046;
  border-radius: 30px;
}

@media only screen and (max-width: 991px) {
  .services-page .process-integration .section-wrapper .process-steps .process-step-card {
    width: 100%;
    background-color: #200046;
    border-radius: 30px;
  }
}

.services-page .process-integration .section-wrapper .process-steps .process-step-card .card-wrapper {
  margin: 0 auto;
  padding: 24px 42px 40px 42px;
}

@media only screen and (max-width: 991px) {
  .services-page .process-integration .section-wrapper .process-steps .process-step-card .card-wrapper {
    padding: 30px 40px;
    gap: 20px !important;
  }
}

@media only screen and (max-width: 768px) {
  .services-page .process-integration .section-wrapper .process-steps .process-step-card .card-wrapper {
    padding: 35px 30px;
    gap: 15px !important;
  }
}

.services-page .process-integration .section-wrapper .process-steps .process-step-card .card-wrapper .card-number {
  font-size: 80px;
  background: linear-gradient(165deg, #46faf1 30.91%, #766bff 54.86%, #b45eff 78.81%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 991px) {
  .services-page .process-integration .section-wrapper .process-steps .process-step-card .card-wrapper .card-number {
    font-size: 60px;
  }

  .services-page .process-integration .section-wrapper .process-steps .process-step-card .card-wrapper .p26 {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
  }

  .services-page .process-integration .section-wrapper .process-steps .process-step-card .card-wrapper .p18 {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .services-page .process-integration .section-wrapper .process-steps .process-step-card .card-wrapper .card-number {
    font-size: 40px;
  }

  .services-page .process-integration .section-wrapper .process-steps .process-step-card .card-wrapper .p18 {
    margin-top: 0;
  }
}

.services-page .integration-advantages {
  padding-top: 200px;
}

@media only screen and (max-width: 1600px) {
  .services-page .integration-advantages {
    padding-top: 120px;
  }

}

@media only screen and (max-width: 992px) {
  .services-page .integration-advantages {
    margin-top: 40px;
  }

  .services-page .integration-advantages .list-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.services-page .integration-advantages button {
  min-width: 250px;
}

.services-page .integration-advantages .section-wrapper {
  gap: 70px;
}

@media only screen and (max-width: 992px) {
  .services-page .integration-advantages .section-wrapper {
    gap: 50px;
  }
}

.services-page .integration-advantages .section-wrapper .advantage-card {
  max-width: 490px;
  flex: 1 1 490px;
}

@media only screen and (max-width: 991px) {
  .services-page .integration-advantages .section-wrapper .advantage-card .card-wrapper img {
    width: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .services-page .integration-advantages .section-wrapper .advantage-card .card-wrapper img {
    width: 100px;
  }
}

.services-page .custom-development .section-wrapper .dev-info {
  gap: 6.25vw;
  margin-top: 40px;
}

.services-explorer {
  margin: 240px 0 0 0;
}

@media only screen and (max-width: 1600px) {
  .services-explorer {
    margin: 180px 0 0 0;
  }
}

@media only screen and (max-width: 1300px) {
  .services-explorer {
    margin: 150px 0 0 0;
  }
}

@media only screen and (max-width: 991px) {
  .services-explorer {
    margin: 80px 0 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .services-explorer {
    margin: 30px 0 0 0;
  }
}

.services-explorer .tab-wrapper {
  margin: 175px 0 0 0;
}

@media only screen and (max-width: 1600px) {
  .services-explorer .tab-wrapper {
    margin: 100px 0 0 0;
  }
}

@media only screen and (max-width: 1300px) {
  .services-explorer .tab-wrapper {
    margin: 60px 0 0 0;
  }
}

@media only screen and (max-width: 991px) {
  .services-explorer .tab-wrapper {
    margin: 20px 0 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .services-explorer .tab-wrapper {
    margin: 0;
  }
}

@media (max-width: 991px) {
  .services-page .custom-development .section-wrapper .dev-info {
    padding-top: 60px;
    flex-direction: column-reverse;
    gap: 20px;
    margin: 0;
  }
}

@media (max-width: 768px) {
  .services-page .custom-development .section-wrapper .dev-info {
    padding-top: 40px;
  }
}

.services-page .custom-development .section-wrapper .dev-info .left-side {
  max-width: 25vw;
  min-width: 400px;
}

.services-page .custom-development .section-wrapper .dev-info .left-side img {
  width: 100%;
}

.services-page .custom-development .section-wrapper .dev-info .right-side {
  max-width: 920px;
}

.services-page .custom-development .section-wrapper .dev-steps {
  display: flex;
  flex-direction: row;
  padding-top: 195px
}

@media only screen and (max-width: 1600px) {
  .services-page .custom-development .section-wrapper .dev-steps {
    padding-top: 150px
  }
}

@media only screen and (max-width: 1300px) {
  .services-page .custom-development .section-wrapper .dev-steps {
    padding-top: 120px
  }
}

@media only screen and (max-width: 991px) {
  .services-page .custom-development .section-wrapper .dev-steps {
    padding-top: 90px;
    flex-direction: column;
  }
}

@media only screen and (max-width: 768px) {
  .services-page .custom-development .section-wrapper .dev-steps {
    padding-top: 60px;
    gap: 30px !important;
  }
}

.services-page .custom-development .section-wrapper .dev-steps .dev-step-card {
  /* flex: 1 1 480px; */
  width: 33.33%;
  background-color: #200046;
  border-radius: 30px;
}

@media only screen and (max-width: 991px) {
  .services-page .custom-development .section-wrapper .dev-steps .dev-step-card {
    width: 100%;
  }
}

.services-page .custom-development .section-wrapper .dev-steps .dev-step-card .card-wrapper {
  margin: 0 auto;
  padding: 24px 42px 40px 42px;
}

@media only screen and (max-width: 991px) {
  .services-page .custom-development .section-wrapper .dev-steps .dev-step-card .card-wrapper {
    gap: 20px !important;
    padding: 30px 40px;
  }
}

.services-page .custom-development .section-wrapper .dev-steps .dev-step-card .card-wrapper .card-number {
  font-size: 80px;
  background: linear-gradient(165deg, #46faf1 30.91%, #766bff 54.86%, #b45eff 78.81%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media only screen and (max-width: 991px) {
  .services-page .custom-development .section-wrapper .dev-steps .dev-step-card .card-wrapper .card-number {
    font-size: 60px;
  }

  .services-page .custom-development .section-wrapper .dev-steps .dev-step-card .card-wrapper .p26 {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
  }

  .services-page .custom-development .section-wrapper .dev-steps .dev-step-card .card-wrapper .p18 {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .services-page .custom-development .section-wrapper .dev-steps .dev-step-card .card-wrapper .card-number {
    font-size: 40px;
  }

  .services-page .custom-development .section-wrapper .dev-steps .dev-step-card .card-wrapper .p18 {
    margin-top: 0;
  }
}

.services-page .custom-development {
  position: relative;
  z-index: 3;
}

.services-page .custom-development-benefits {
  padding-top: 200px;
  position: relative;
}

@media only screen and (max-width: 1600px) {
  .services-page .custom-development-benefits {
    padding-top: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .services-page .custom-development-benefits {
    margin-top: 40px;
  }
}

.services-page .custom-development-benefits:before {
  content: "";
  background: url("../images/before-footer-decoration-mirror.png") no-repeat center center;
  width: 100%;
  height: 1219px;
  position: absolute;
  top: -600px;
  left: 0;
  background-size: cover;
  z-index: 1;
}

.services-page .environment-build {
  padding-top: 254px
}

@media only screen and (max-width: 1600px) {
  .services-page .environment-build {
    padding-top: 180px
  }
}

@media only screen and (max-width: 1300px) {
  .services-page .environment-build {
    padding-top: 150px
  }
}

@media only screen and (max-width: 768px) {
  .services-page .environment-build {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 992px) {
  .services-page .custom-development-benefits .list-wrapper {
    flex-wrap: wrap;
    gap: 40px !important;
    justify-content: center;
  }
}

.services-page .custom-development-benefits button {
  min-width: 250px;
}

.services-page .custom-development-benefits .section-wrapper {
  gap: 70px;
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 992px) {
  .services-page .custom-development-benefits .section-wrapper {
    gap: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .services-page .custom-development-benefits .section-wrapper {
    gap: 40px;
  }
}

.services-page .custom-development-benefits .section-wrapper .advantage-card {
  max-width: 436px;
  flex: 1 1 436px;
}

@media only screen and (max-width: 991px) {
  .services-page .custom-development-benefits .section-wrapper .advantage-card .card-wrapper img {
    width: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .services-page .custom-development-benefits .section-wrapper .advantage-card .card-wrapper img {
    width: 100px;
  }
}

.services-page .txt-desc-block {
  position: relative;
  z-index: 2;
}

.services-page .txt-desc-block .section-wrapper {
  max-width: 1480px;
}

@media only screen and (max-width: 992px) {
  .services-page .txt-desc-block .section-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
}

.services-page .txt-desc-block .diver-line {
  width: 1px;
  height: 160px;
  background-color: #ff00ff;
}

.services-page .txt-desc-block .txt-block {
  max-width: 323px;
  width: 100%;
  box-sizing: content-box;
  padding-right: 80px;
}

@media only screen and (max-width: 992px) {
  .services-page .txt-desc-block .txt-block {
    max-width: none;
    text-align: center;
    padding: 0;
  }
}

.services-page .txt-desc-block .right-block {
  max-width: 1040px;
  width: 100%;
  line-height: 1.7;
  padding-left: 80px;
  border-left: 2px solid #ff00ff;
}

@media only screen and (max-width: 992px) {
  .services-page .txt-desc-block .right-block {
    max-width: none;
    padding: 0;
    border: none;
  }
}

.solutions-page .hero-breadcrumb {
  padding-bottom: 250px !important;
}

@media only screen and (max-width: 1300px) {
  .solutions-page .hero-breadcrumb {
    padding-bottom: 150px !important;
  }
}

@media only screen and (max-width: 991px) {
  .solutions-page .hero-breadcrumb {
    padding-bottom: 80px !important;
  }
}

@media only screen and (max-width: 768px) {
  .solutions-page .hero-breadcrumb {
    padding-bottom: 50px !important;
  }
}

.solutions-page .hero-breadcrumb .hero-breadcrumb-wrapper .p70 {
  max-width: 1280px;
}

.solutions-page .hero-breadcrumb .hero-breadcrumb-wrapper .left-side {
  gap: 100px;
}

@media only screen and (max-width: 991px) {
  .solutions-page .hero-breadcrumb .hero-breadcrumb-wrapper .left-side {
    gap: 60px;
  }
}

@media only screen and (max-width: 768px) {

  .solutions-page .hero-breadcrumb .hero-breadcrumb-wrapper .left-side {
    gap: 30px;
  }

  .hero-section-ElementV2 .section-wrapper .left-side .fl_col .p22,
  .solutions-page .hero-breadcrumb .hero-breadcrumb-wrapper .left-side .fl_col .p22 {
    font-size: 16px;
    line-height: 24px;
  }
}

.solutions-page .solutions-cards .section-wrapper {
  gap: 80px;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 1300px) {
  .solutions-page .solutions-cards .section-wrapper {
    gap: 50px;
  }
}

@media only screen and (max-width: 991px) {
  .solutions-page .solutions-cards .section-wrapper {
    gap: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .solutions-page .solutions-cards .section-wrapper {
    gap: 30px;
  }
}

.solutions-page .solutions-cards .section-wrapper .card-container {
  background-color: #200046;
  border-radius: 30px;
  flex: 1 1 calc(50% - 40px);
  max-width: 640px;
}

@media only screen and (max-width: 991px) {
  .solutions-page .solutions-cards .section-wrapper .card-container {
    flex: none;
    max-width: 100%;
  }
}

.solutions-page .solutions-cards .section-wrapper .card-container button {
  min-width: 250px;
}

.solutions-page .solutions-cards .section-wrapper .card-container .card-wrapper {
  padding: 64px 40px;
  height: 100%;
  justify-content: space-between;
}

@media only screen and (max-width: 991px) {
  .solutions-page .solutions-cards .section-wrapper .card-container .card-wrapper {
    padding: 50px 40px;
  }
}

@media only screen and (max-width: 768px) {
  .solutions-page .solutions-cards .section-wrapper .card-container .card-wrapper {
    padding: 40px 25px;
  }

  .solutions-page .solutions-cards .section-wrapper .card-container .card-wrapper img {
    width: 120px;
    height: auto;
  }
}

.solutions-page .solutions-cards .section-wrapper .card-container .card-wrapper p {
  text-align: center;
}

.solutions-page .interconnected-products-performance {
  padding: 290px 0 250px 0;
}

@media only screen and (max-width: 1600px) {
  .solutions-page .interconnected-products-performance {
    padding: 220px 0 140px 0;
  }
}

@media only screen and (max-width: 1300px) {
  .solutions-page .interconnected-products-performance {
    padding: 160px 0;
  }
}

@media only screen and (max-width: 991px) {
  .solutions-page .interconnected-products-performance {
    padding: 80px 0;
    margin-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .solutions-page .interconnected-products-performance {
    padding: 50px 0 0 0;
    margin-top: 30px;
  }
}

.solutions-page .interconnected-products-performance .section-wrapper {
  max-width: 100%;
  padding: 0 50px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media only screen and (max-width: 1300px) {
  .solutions-page .interconnected-products-performance .section-wrapper {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .solutions-page .interconnected-products-performance .section-wrapper {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .solutions-page .interconnected-products-performance .section-wrapper {
    padding: 0 25px;
  }
}

.solutions-page .interconnected-products-performance .section-wrapper .block-content {
  width: calc(100% / 2);
  max-width: 680px;
  position: relative;
  z-index: 2;
  margin: 0 50% 0 auto;
}

@media only screen and (max-width: 991px) {
  .solutions-page .interconnected-products-performance .section-wrapper .block-content {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
}

@media only screen and (max-width: 768px) {

  .solutions-page .interconnected-products-performance .section-wrapper .block-content .p70,
  .solutions-page .interconnected-products-performance .section-wrapper .block-content .p18 {
    text-align: center;
  }
}

.solutions-page .interconnected-products-performance .section-wrapper .img-block {
  position: absolute;
  right: -20px;
  top: -140px;
}

@media only screen and (max-width: 991px) {
  .solutions-page .interconnected-products-performance .section-wrapper .img-block {
    right: -20px;
    top: -90px;
    opacity: .4;
  }
}

.developpement-sur-mesure-page .hero-section-ElementV2 {
  padding-bottom: 355px !important;
}

@media only screen and (max-width: 1300px) {
  .developpement-sur-mesure-page .hero-section-ElementV2 {
    padding-bottom: 150px !important;
  }
}

@media only screen and (max-width: 991px) {
  .developpement-sur-mesure-page .hero-section-ElementV2 {
    padding-bottom: 80px !important;
  }
}

@media only screen and (max-width: 768px) {
  .developpement-sur-mesure-page .hero-section-ElementV2 {
    padding-bottom: 50px !important;
  }
}

.developpement-sur-mesure-page .txt-desc-block {
  position: relative;
  z-index: 2;
}

.developpement-sur-mesure-page .txt-desc-block .section-wrapper {
  max-width: 1480px;
}

@media only screen and (max-width: 992px) {
  .developpement-sur-mesure-page .txt-desc-block .section-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 40px !important;
  }
}

.developpement-sur-mesure-page .txt-desc-block .diver-line {
  width: 1px;
  height: 160px;
  background-color: #ff00ff;
}

.developpement-sur-mesure-page .txt-desc-block .txt-block {
  max-width: 361px;
  width: 100%;
  box-sizing: content-box;
  padding-right: 80px;
}

@media only screen and (max-width: 992px) {
  .developpement-sur-mesure-page .txt-desc-block .txt-block {
    max-width: none;
    text-align: center;
    padding: 0;
  }
}

.developpement-sur-mesure-page .txt-desc-block .right-block {
  max-width: 1040px;
  width: 100%;
  line-height: 1.7;
  padding-left: 80px;
  border-left: 2px solid #ff00ff;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (max-width: 992px) {
  .developpement-sur-mesure-page .txt-desc-block .right-block {
    max-width: none;
    padding: 0;
    border: none;
  }
}

.developpement-sur-mesure-page .custom-applications {
  position: relative;
  z-index: 3;
}

.developpement-sur-mesure-page .custom-applications+.txt-desc-block {
  margin-top: 240px;
}

@media only screen and (max-width: 1600px) {
  .developpement-sur-mesure-page .custom-applications+.txt-desc-block {
    margin-top: 180px;
  }
}

@media only screen and (max-width: 1300px) {
  .developpement-sur-mesure-page .custom-applications+.txt-desc-block {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 991px) {
  .developpement-sur-mesure-page .custom-applications+.txt-desc-block {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .developpement-sur-mesure-page .custom-applications+.txt-desc-block {
    margin-top: 50px;
  }
}

.developpement-sur-mesure-page .custom-applications .section-wrapper {
  gap: 110px;
}

@media only screen and (max-width: 992px) {
  .developpement-sur-mesure-page .custom-applications .section-wrapper {
    gap: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .developpement-sur-mesure-page .custom-applications .section-wrapper {
    gap: 50px;
  }
}

.developpement-sur-mesure-page .custom-applications .info-block {
  max-width: 960px;
  margin: 0 auto;
}

@media (max-width: 1260px) {
  .developpement-sur-mesure-page .custom-applications .cards-block {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.developpement-sur-mesure-page .custom-applications .cards-block .card-app .card-wrapper {
  max-width: 295px;
}

.developpement-sur-mesure-page .custom-applications .cards-block .card-app .card-wrapper .card-title {
  min-height: 60px;
  padding-inline: 40px;
}

@media only screen and (max-width: 991px) {
  .developpement-sur-mesure-page .custom-applications .cards-block .card-app .card-wrapper img {
    width: 120px;
    height: auto;
  }
}

@media only screen and (max-width: 768px) {
  .developpement-sur-mesure-page .custom-applications .cards-block .card-app .card-wrapper img {
    width: 100px;
    height: auto;
  }
}

.developpement-sur-mesure-page .our-approach {
  margin-top: 260px;
}

@media only screen and (max-width: 1600px) {
  .developpement-sur-mesure-page .our-approach {
    margin-top: 180px;
  }
}

@media only screen and (max-width: 1300px) {
  .developpement-sur-mesure-page .our-approach {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 991px) {
  .developpement-sur-mesure-page .our-approach {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .developpement-sur-mesure-page .our-approach {
    margin-top: 50px;
  }
}

.developpement-sur-mesure-page .our-approach .section-wrapper {
  gap: 65px;
  position: relative;
  z-index: 2;
}

.developpement-sur-mesure-page .our-approach .section-wrapper .approach-info {
  max-width: 1360px;
  margin: 0 auto;
}

.developpement-sur-mesure-page .our-approach .section-wrapper .approach-cards {
  max-width: 1620px;
  margin: 0 auto;
  justify-content: space-around;
  padding: 0 50px;
}

@media only screen and (max-width: 1300px) {
  .developpement-sur-mesure-page .our-approach .section-wrapper .approach-cards {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .developpement-sur-mesure-page .our-approach .section-wrapper .approach-cards {
    padding: 0;
    gap: 30px !important;
  }
}

@media only screen and (max-width: 768px) {
  .developpement-sur-mesure-page .our-approach .section-wrapper .approach-cards {
    gap: 25px !important;
  }
}

@media only screen and (max-width: 480px) {
  .developpement-sur-mesure-page .our-approach .section-wrapper .approach-cards {
    padding: 0 20px;
  }
}

.developpement-sur-mesure-page .our-approach .section-wrapper .approach-cards .approach-card {
  width: calc(33.33% - 40px);
  background-color: #200046;
  border-radius: 30px;
}

@media only screen and (max-width: 991px) {
  .developpement-sur-mesure-page .our-approach .section-wrapper .approach-cards .approach-card {
    width: calc(50% - 40px);
  }
}

@media only screen and (max-width: 768px) {
  .developpement-sur-mesure-page .our-approach .section-wrapper .approach-cards .approach-card {
    width: 100%;
  }
}

.developpement-sur-mesure-page .our-approach .section-wrapper .approach-cards .approach-card .card-wrapper {
  padding: 45px 40px;
}

@media only screen and (max-width: 991px) {
  .developpement-sur-mesure-page .our-approach .section-wrapper .approach-cards .approach-card .card-wrapper {
    padding: 35px 30px;
  }

  .developpement-sur-mesure-page .our-approach .section-wrapper .approach-cards .approach-card .card-wrapper .card-number-style {
    font-size: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .developpement-sur-mesure-page .our-approach .section-wrapper .approach-cards .approach-card .card-wrapper {
    padding: 30px 40px;
  }

  .developpement-sur-mesure-page .our-approach .section-wrapper .approach-cards .approach-card .card-wrapper .card-number-style {
    font-size: 40px;
  }
}

.developpement-sur-mesure-page .tailored-solutions {
  margin-top: 333px;
}

@media only screen and (max-width: 1600px) {
  .developpement-sur-mesure-page .tailored-solutions {
    margin-top: 180px;
  }
}

@media only screen and (max-width: 1300px) {
  .developpement-sur-mesure-page .tailored-solutions {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 991px) {
  .developpement-sur-mesure-page .tailored-solutions {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .developpement-sur-mesure-page .tailored-solutions {
    margin-top: 50px;
  }
}

.developpement-sur-mesure-page .tailored-solutions .tailored-info {
  max-width: 800px;
  margin: 0 auto;
}

.developpement-sur-mesure-page .tailored-solutions .tailored-cards {
  max-width: 1160px;
  width: 100%;
  justify-content: space-between;
  padding-inline: 20px;
  margin: 0 auto;
}

@media only screen and (max-width: 992px) {
  .developpement-sur-mesure-page .tailored-solutions .tailored-cards {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.developpement-sur-mesure-page .tailored-solutions .tailored-cards .tailored-card .card-wrapper {
  max-width: 320px;
}

@media only screen and (max-width: 992px) {
  .developpement-sur-mesure-page .tailored-solutions .tailored-cards .tailored-card .card-wrapper img {
    width: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .developpement-sur-mesure-page .tailored-solutions .tailored-cards .tailored-card .card-wrapper img {
    width: 100px;
  }
}

.developpement-sur-mesure-page .tailored-solutions .tailored-cards .tailored-card .card-wrapper ul li {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.developpement-sur-mesure-page .tailored-solutions .tailored-cards .tailored-card .card-wrapper ul li::before {
  content: "";
  min-width: 5px;
  min-height: 5px;
  max-width: 5px;
  max-height: 5px;
  border-radius: 50%;
  background-color: #a99abd;
  position: relative;
  top: 2px;
  transform: translateY(11px);
}

.developpement-sur-mesure-page .innovation-expertise {
  padding-top: 280px;
  padding-bottom: 260px;
}

@media only screen and (max-width: 1600px) {
  .developpement-sur-mesure-page .innovation-expertise {
    padding-top: 180px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 1300px) {
  .developpement-sur-mesure-page .innovation-expertise {
    padding-top: 150px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 991px) {
  .developpement-sur-mesure-page .innovation-expertise {
    margin-top: 80px;
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .developpement-sur-mesure-page .innovation-expertise {
    margin-top: 30px;
    padding-bottom: 0;
  }
}

.developpement-sur-mesure-page .innovation-expertise .section-wrapper {
  max-width: 1580px;
  margin: 0 auto;
  padding: 0 50px;
}

@media only screen and (max-width: 1300px) {
  .developpement-sur-mesure-page .innovation-expertise .section-wrapper {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .developpement-sur-mesure-page .innovation-expertise .section-wrapper {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .developpement-sur-mesure-page .innovation-expertise .section-wrapper {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 480px) {
  .developpement-sur-mesure-page .innovation-expertise .section-wrapper {
    padding: 0 25px;
  }
}

.developpement-sur-mesure-page .innovation-expertise .section-wrapper img {
  max-width: 50%;
}

@media only screen and (max-width: 992px) {
  .developpement-sur-mesure-page .innovation-expertise .section-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .developpement-sur-mesure-page .innovation-expertise .section-wrapper img {
    width: 100%;
  }
}

.developpement-sur-mesure-page .innovation-expertise .section-wrapper .right-side {
  max-width: 680px;
  padding-left: 30px;
}

@media only screen and (max-width: 992px) {
  .developpement-sur-mesure-page .innovation-expertise .section-wrapper .right-side {
    max-width: 100%;
    padding-left: 0;
    align-items: center;
    margin-top: 40px;
  }

  .developpement-sur-mesure-page .innovation-expertise .section-wrapper .right-side .fl_col .p70 {
    text-align: center;
  }
}

.integration-de-Progiciels-page .hero-breadcrumb {
  padding-bottom: 0;
}

.integration-de-Progiciels-page .hero-breadcrumb .hero-breadcrumb-wrapper .p70 {
  max-width: 840px;
  margin: 0 auto;
}

.integration-de-Progiciels-page .hero-breadcrumb .hero-breadcrumb-wrapper .p22 {
  max-width: 1155px;
}

@media only screen and (max-width: 992px) {
  .integration-de-Progiciels-page .cards-list {
    flex-wrap: wrap;
    justify-content: center;
  }
}

.integration-de-Progiciels-page .software-integration-importance {
  margin: 355px 0 0 0;
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 1300px) {
  .integration-de-Progiciels-page .software-integration-importance {
    margin: 150px 0 0 0;
  }
}

@media only screen and (max-width: 991px) {
  .integration-de-Progiciels-page .software-integration-importance {
    margin: 80px 0 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .software-integration-importance {
    margin: 50px 0 0 0;
  }
}

.integration-de-Progiciels-page .software-integration-importance .section-wrapper {
  gap: 125px;
}

@media only screen and (max-width: 1300px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper {
    gap: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper {
    gap: 70px;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper {
    gap: 50px;
  }
}

.integration-de-Progiciels-page .software-integration-importance .section-wrapper .info-block {
  max-width: 1180px;
  padding: 0 50px;
  margin: 0 auto;
}

@media only screen and (max-width: 1300px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .info-block {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .info-block {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .info-block {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 480px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .info-block {
    padding: 0 20px;
  }
}

.integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section {
  gap: 80px;
  max-width: 1660px;
  padding: 0 50px;
  margin: 0 auto;
}

@media only screen and (max-width: 1300px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section {
    gap: 60px;
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section {
    gap: 30px;
    padding: 0 30px;
  }
}

@media only screen and (max-width: 480px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section {
    gap: 40px;
    padding: 0 25px;
  }
}

.integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section {
  gap: 80px;
  max-width: 1660px;
  padding: 0 50px;
  margin: 0 auto;
}

@media only screen and (max-width: 1300px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section {
    gap: 60px;
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section {
    gap: 40px;
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section {
    gap: 40px;
    padding: 0 25px;
  }
}

@media only screen and (max-width: 480px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section {
    padding: 0 20px;
  }
}

.integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section .card-app {
  max-width: 360px;
}

@media only screen and (max-width: 991px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section .card-app .card-wrapper img {
    width: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section .card-app .card-wrapper img {
    width: 100px;
  }
}

.integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section .card-app .card-title {
  max-width: 273px;
  margin: 0 auto;
  min-height: 60px;
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .software-integration-importance .section-wrapper .cards-section .card-app .card-title {
    min-height: auto;
  }
}

.integration-de-Progiciels-page .txt-desc-block {
  position: relative;
  z-index: 2;
}

.integration-de-Progiciels-page .txt-desc-block .section-wrapper {
  max-width: 1480px;
}

@media only screen and (max-width: 992px) {
  .integration-de-Progiciels-page .txt-desc-block .section-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 40px !important;
  }
}

.integration-de-Progiciels-page .txt-desc-block .diver-line {
  width: 1px;
  height: 160px;
  background-color: #ff00ff;
}

.integration-de-Progiciels-page .txt-desc-block .txt-block {
  max-width: 361px;
  width: 100%;
  box-sizing: content-box;
  padding-right: 80px;
}

@media only screen and (max-width: 992px) {
  .integration-de-Progiciels-page .txt-desc-block .txt-block {
    max-width: none;
    text-align: center;
    padding: 0;
  }
}

.integration-de-Progiciels-page .txt-desc-block .right-block {
  max-width: 1040px;
  width: 100%;
  line-height: 1.7;
  padding-left: 80px;
  border-left: 2px solid #ff00ff;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (max-width: 992px) {
  .integration-de-Progiciels-page .txt-desc-block .right-block {
    max-width: none;
    padding: 0;
    border: none;
  }
}

.integration-de-Progiciels-page .integration-methodology {
  margin-top: 30px;
  position: relative;
}

.integration-de-Progiciels-page .integration-methodology+.txt-desc-block {
  margin-top: 240px;
}

@media only screen and (max-width: 1300px) {
  .integration-de-Progiciels-page .integration-methodology+.txt-desc-block {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 991px) {
  .integration-de-Progiciels-page .integration-methodology+.txt-desc-block {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .integration-methodology+.txt-desc-block {
    margin-top: 30px;
  }
}

.integration-de-Progiciels-page .integration-methodology .section-wrapper {
  gap: 68px;
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .integration-methodology .section-wrapper {
    gap: 40px;
  }
}

.integration-de-Progiciels-page .integration-methodology:before {
  content: "";
  background: url("../images/before-footer-decoration-mirror.png") no-repeat center center;
  width: 100%;
  height: 1000px;
  position: absolute;
  top: 180px;
  left: 0;
  background-size: cover;
  z-index: 1;
}

.integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-info {
  max-width: 1080px;
  margin: 0 auto;
}

.integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards {
  max-width: 1620px;
  margin: 0 auto;
  justify-content: space-around;
  padding: 0 50px;
}

@media only screen and (max-width: 1300px) {
  .integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 480px) {
  .integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards {
    padding: 0 20px;
  }
}

@media only screen and (max-width: 991px) {
  .integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards {
    padding: 0 30px;
  }
}

.integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards {
  max-width: 1620px;
  margin: 0 auto;
  justify-content: space-around;
  padding: 0 50px;
}

@media only screen and (max-width: 1300px) {
  .integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 991px) {
  .integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards {
    padding: 0;
    gap: 30px !important;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards {
    gap: 25px !important;
  }
}

.integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards .methodology-card {
  width: calc(33.33% - 40px);
  background-color: #200046;
  border-radius: 30px;
}

.integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards .methodology-card .card-wrapper {
  padding: 45px 40px;
}

@media only screen and (max-width: 991px) {
  .integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards .methodology-card {
    width: calc(50% - 40px);
  }

  .integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards .methodology-card .card-wrapper {
    padding: 30px 40px;
  }

  .integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards .methodology-card .card-wrapper .card-number-style {
    font-size: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards .methodology-card {
    width: 100%;
  }

  .integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards .methodology-card .card-wrapper {
    padding: 35px 30px;
  }

  .integration-de-Progiciels-page .integration-methodology .section-wrapper .methodology-cards .methodology-card .card-wrapper .card-number-style {
    font-size: 40px;
  }
}

.integration-de-Progiciels-page .adaptation {
  max-width: 1080px;
  margin: 216px auto 0 auto;
}

@media only screen and (max-width: 1300px) {
  .integration-de-Progiciels-page .adaptation {
    margin: 150px auto 0 auto;
  }
}

@media only screen and (max-width: 991px) {
  .integration-de-Progiciels-page .adaptation {
    margin: 80px auto 0 auto;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .adaptation {
    margin: 50px auto 0 auto;
  }
}

.integration-de-Progiciels-page .successful-integration-business {
  max-width: 1580px;
  padding: 0 50px;
  margin: 190px auto 0 auto;
}

@media only screen and (max-width: 1300px) {
  .integration-de-Progiciels-page .successful-integration-business {
    margin: 120px auto 0 auto;
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .integration-de-Progiciels-page .successful-integration-business {
    margin: 80px auto 0 auto;
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .successful-integration-business {
    margin: 30px auto 0 auto;
    padding: 0 25px;
  }
}

@media only screen and (max-width: 480px) {
  .integration-de-Progiciels-page .successful-integration-business {
    padding: 0 20px;
  }
}

.integration-de-Progiciels-page .successful-integration-business+.Card-txt-des-btn {
  margin: 107px auto 80px auto;
}

@media only screen and (max-width: 1300px) {
  .integration-de-Progiciels-page .successful-integration-business+.Card-txt-des-btn {
    margin: 80px auto 60px auto;
  }
}

@media only screen and (max-width: 992px) {
  .integration-de-Progiciels-page .successful-integration-business+.Card-txt-des-btn {
    margin: 60px auto 40px auto;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .successful-integration-business+.Card-txt-des-btn {
    margin: 50px auto 0 auto;
  }
}

.integration-de-Progiciels-page .successful-integration-business .section-wrapper {
  gap: 80px;
}

@media only screen and (max-width: 992px) {
  .integration-de-Progiciels-page .successful-integration-business .section-wrapper {
    flex-direction: column;
    align-items: center;
    gap: 50px;
  }

  .integration-de-Progiciels-page .successful-integration-business .section-wrapper img {
    width: 100%;
    margin-top: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .integration-de-Progiciels-page .successful-integration-business .section-wrapper {
    gap: 30px;
  }

  .integration-de-Progiciels-page .successful-integration-business .section-wrapper img {
    margin-top: 20px;
  }
}

.integration-de-Progiciels-page .successful-integration-business .section-wrapper img {
  max-width: 35.41vw;
  width: 100%;
  min-width: 400px;
}

.integration-de-Progiciels-page .successful-integration-business .section-wrapper .right-side {
  max-width: 680px;
}

@media only screen and (max-width: 991px) {
  .integration-de-Progiciels-page .successful-integration-business .section-wrapper .right-side {
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {

  .integration-de-Progiciels-page .successful-integration-business .section-wrapper .right-side .p70,
  .integration-de-Progiciels-page .successful-integration-business .section-wrapper .right-side .p18 {
    text-align: center;
  }
}

.integration-de-Progiciels-page .Card-txt-des-btn .p60 {
  max-width: 948px;
}

.a-propos-page .hero-breadcrumb {
  padding-bottom: 500px;
}

@media only screen and (max-width: 1600px) {
  .a-propos-page .hero-breadcrumb {
    padding-bottom: 250px;
  }
}

@media only screen and (max-width: 1300px) {
  .a-propos-page .hero-breadcrumb {
    padding-bottom: 150px;
  }
}

@media only screen and (max-width: 991px) {
  .a-propos-page .hero-breadcrumb {
    padding-bottom: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .a-propos-page .hero-breadcrumb {
    padding-bottom: 0;
  }
}

.a-propos-page .hero-breadcrumb .hero-breadcrumb-wrapper .left-side {
  max-width: 675px;
}

@media only screen and (max-width: 768px) {
  .a-propos-page .hero-breadcrumb .hero-breadcrumb-wrapper .left-side .fl_col .p22 {
    font-size: 16px;
    line-height: 24px;
  }
}

.a-propos-page .about-overview {
  margin: 240px 0 0 0;
}

@media only screen and (max-width: 1600px) {
  .a-propos-page .about-overview {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 1300px) {
  .a-propos-page .about-overview {
    margin-top: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .a-propos-page .about-overview {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .a-propos-page .about-overview {
    margin-top: 20px;
    gap: 30px !important;
  }
}

.a-propos-page .evolution-system {
  margin-top: 304px;
}

@media only screen and (max-width: 1600px) {
  .a-propos-page .evolution-system {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 1300px) {
  .a-propos-page .evolution-system {
    margin-top: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .a-propos-page .evolution-system {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .a-propos-page .evolution-system {
    margin-top: 30px;
  }
}

.a-propos-page .evolution-system .interconnected {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
  padding-inline: 20px;
}

.a-propos-page .evolution-system .interconnected .p40 {
  max-width: 575px;
  margin: 0 auto;
}

.a-propos-page .evolution-system .interconnected .p18 {
  max-width: 1040px;
  margin: 24px auto 0 auto;
}

@media only screen and (max-width: 768px) {
  .a-propos-page .evolution-system .interconnected .p18 {
    margin: 10px auto 0 auto;
  }
}

.a-propos-page .interconnected .left-side {
  width: 720px;
  height: auto;
}

.a-propos-page .interconnected .left-side img {
  width: 100%;
  height: auto;
  opacity: .6;
  border-radius: 24px;
}

.a-propos-page .interconnected .right-side {
  width: calc(100% - 720px);
  padding: 82px 80px;
  display: flex;
  flex-direction: column;
}

.a-propos-page .solutions {
  margin-top: 276px;
  padding: 0 50px;
}

@media only screen and (max-width: 1600px) {
  .a-propos-page .solutions {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 1300px) {
  .a-propos-page .solutions {
    margin-top: 120px;
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .a-propos-page .solutions {
    margin-top: 80px;
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .a-propos-page .solutions {
    margin-top: 60px;
    margin-bottom: 0;
    padding: 0 25px;
  }
}

@media only screen and (max-width: 480px) {
  .a-propos-page .solutions {
    margin-top: 60px;
    padding: 0 20px;
  }
}

.a-propos-page .fluidity-synergy-vision .section-wrapper {
  gap: 6.61vw;
}

@media only screen and (max-width: 992px) {
  .a-propos-page .fluidity-synergy-vision .section-wrapper {
    flex-direction: column;
    gap: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .a-propos-page .fluidity-synergy-vision .section-wrapper {
    gap: 30px;
  }
}

.a-propos-page .fluidity-synergy-vision .section-wrapper img {
  max-width: 35.41vw;
  width: 100%;
  min-width: 400px;
}

.a-propos-page .fluidity-synergy-vision .section-wrapper .right-side {
  max-width: 680px;
}

@media only screen and (max-width: 992px) {

  .a-propos-page .fluidity-synergy-vision .section-wrapper .right-side {
    margin-top: 10px;
  }

  .a-propos-page .fluidity-synergy-vision .section-wrapper .right-side .fl_col .p40,
  .a-propos-page .fluidity-synergy-vision .section-wrapper .right-side .fl_col .p18 {
    text-align: center;
  }
}

.a-propos-page .Card-txt-des-btn .p60 {
  max-width: 690px;
}

.contact-page .hero-breadcrumb {
  padding-bottom: 300px;
}

@media only screen and (max-width: 1600px) {
  .contact-page .hero-breadcrumb {
    padding-bottom: 180px;
  }
}

@media only screen and (max-width: 1300px) {
  .contact-page .hero-breadcrumb {
    padding-bottom: 150px;
  }
}

@media only screen and (max-width: 992px) {
  .contact-page .hero-breadcrumb {
    padding-bottom: 0;
  }
}

.contact-page .hero-breadcrumb .hero-breadcrumb-wrapper .block-text {
  max-width: 1080px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .contact-page .hero-breadcrumb .hero-breadcrumb-wrapper .block-text .fl_col {
    gap: 20px !important;
  }
}

.contact-page .hero-breadcrumb .hero-breadcrumb-wrapper .block-text .p70 {
  max-width: 887px;
  margin: 0 auto;
}

@media only screen and (max-width: 992px) {
  .contact-page .hero-breadcrumb .hero-breadcrumb-wrapper .block-text .p22 {
    font-size: 16px;
    line-height: 24px;
  }
}

.contact-page .contact-form {
  max-width: 1100px;
  padding: 0 50px;
  margin: 360px auto 0 auto;
  position: relative;
  z-index: 3;
}

@media only screen and (max-width: 1600px) {
  .contact-page .contact-form {
    margin: 200px auto 0 auto;
  }
}

@media only screen and (max-width: 1300px) {
  .contact-page .contact-form {
    margin: 160px auto 0 auto;
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-page .contact-form {
    margin: 100px auto 0 auto;
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-page .contact-form {
    margin: 80px auto 0 auto;
    padding: 0 25px;
  }
}

@media only screen and (max-width: 480px) {
  .contact-page .contact-form {
    padding: 0 20px;
  }
}

.contact-page .contact-form .form-header {
  max-width: 700px;
  margin: 0 auto;
}

.contact-page .contact-info .block-wrapper {
  max-width: 1540px;
  padding: 0 50px;
  margin: 0 auto;
}

@media only screen and (max-width: 1300px) {
  .contact-page .contact-info .block-wrapper {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-page .contact-info .block-wrapper {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-page .contact-info .block-wrapper {
    padding: 0 25px;
    flex-direction: column;
  }
}

@media only screen and (max-width: 480px) {
  .contact-page .contact-info .block-wrapper {
    padding: 0 20px;
  }
}

.contact-page .contact-info .block-wrapper .row-1 {
  max-width: 270px;
}

@media only screen and (max-width: 768px) {
  .contact-page .contact-info .block-wrapper .row-1 {
    max-width: 100%;
    gap: 15px !important;
  }
}

.contact-page .contact-info .block-wrapper .row-2 {
  max-width: 280px;
}

@media only screen and (max-width: 768px) {
  .contact-page .contact-info .block-wrapper .row-2 {
    max-width: 100%;
  }
}

.contact-page .contact-info .block-wrapper .row-2 .fl_row:not(:empty) {
  margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
  .contact-page .contact-info .block-wrapper .row-2 .fl_row:not(:empty) {
    margin-bottom: 0;
  }
}

.contact-page .contact-info .block-wrapper .row-2 .p26 {
  max-width: 217px;
}

.contact-page .contact-info .block-wrapper .row-2 a {
  text-decoration: none;
}

.contact-page .contact-info .block-wrapper .row-3 {
  max-width: 522px;
  width: 100%;
  min-height: 522px;
  background-color: #200046;
  border-radius: 30px;
}

@media only screen and (max-width: 991px) {
  .contact-page .contact-info .block-wrapper .row-3 {
    max-width: 100%;
    min-height: auto;
    padding: 30px;
  }
}

.contact-page .contact-info .block-wrapper .row-3 .card-help {
  max-width: 350px;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .contact-page .contact-info .block-wrapper .row-3 .card-help {
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .contact-page .contact-info .block-wrapper .row-3 .card-help .card-wrapper {
    gap: 15px !important;
  }
}

.contact-page .contact-info .block-wrapper .row-3 .card-help p a {
  text-decoration: none;
}

.contact-page .prefooter-contact {
  max-width: 1700px;
  margin: 0 auto;
  padding: 0 50px;
  width: 100%;
}

@media only screen and (max-width: 1300px) {
  .contact-page .prefooter-contact {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-page .prefooter-contact {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-page .prefooter-contact {
    padding: 0 25px;
  }
}

.contact-page .prefooter-contact .block-wrapper {
  background-color: #200046;
  padding: 100px 20px;
  width: 100%;
  border-radius: 30px;
}

.contact-information-wrapper.hallow-right-decoration:after {
  z-index: 1;
}

.contact-information-wrapper .contact-info {
  position: relative;
  z-index: 3;
}

.contact-information-wrapper .prefooter-contact {
  margin-top: 258px;
}

@media only screen and (max-width: 1600px) {
  .contact-information-wrapper .prefooter-contact {
    margin-top: 180px;
  }
}

@media only screen and (max-width: 1300px) {
  .contact-information-wrapper .prefooter-contact {
    margin-top: 120px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-information-wrapper .prefooter-contact {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-information-wrapper .prefooter-contact {
    margin-top: 40px;
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 1200px) {
  .contact-page .prefooter-contact .block-wrapper {
    padding: 50px 20px;
  }
}

@media only screen and (max-width: 991px) {
  .contact-page .prefooter-contact .block-wrapper {
    padding: 35px 20px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-page .prefooter-contact .block-wrapper {
    padding: 30px 20px;
  }
}

.contact-page .prefooter-contact .block-wrapper .block-content {
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}

@media only screen and (max-width: 620px) {
  .contact-page .prefooter-contact .block-wrapper .block-content div {
    flex-direction: column;
  }
}

@media only screen and (max-width: 1200px) {
  .contact-page .prefooter-contact .block-wrapper .block-content {
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  .contact-page .prefooter-contact .block-wrapper .block-content {
    gap: 30px;
  }
}

.contact-page .prefooter-contact .block-wrapper .block-content div {
  gap: 40px;
}

@media only screen and (max-width: 768px) {
  .contact-page .prefooter-contact .block-wrapper .block-content div {
    flex-direction: column;
    gap: 20px;
  }

  .contact-page .prefooter-contact .block-wrapper .block-content div .diver {
    display: none;
  }
}

.contact-page .prefooter-contact .block-wrapper .block-content div .p60 {
  max-width: 513px;
}

@media (max-width: 1200px) {
  .contact-page .prefooter-contact .block-wrapper .block-content div .p60 {
    max-width: 100%;
  }
}

.contact-page .prefooter-contact .block-wrapper .block-content div .diver {
  min-height: 160px;
  width: 2px;
  background-color: #ff00ff;
}

@media (max-width: 620px) {
  .contact-page .prefooter-contact .block-wrapper .block-content div .diver {
    display: none;
  }
}

.contact-page .prefooter-contact .block-wrapper .block-content div .p22 {
  max-width: 403px;
  color: #a99abd;
  margin-left: 70px;
}

@media (max-width: 1200px) {
  .contact-page .prefooter-contact .block-wrapper .block-content div .p22 {
    max-width: 100%;
    margin-left: 20px;
  }
}

@media only screen and (max-width: 768px) {
  .contact-page .prefooter-contact .block-wrapper .block-content div .p22 {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-left: 0;
  }
}

.obtenir-une-demo-page .solutions-cards {
  margin-top: 190px;
  gap: 80px;
}

@media only screen and (max-width: 1600px) {
  .obtenir-une-demo-page .solutions-cards {
    margin-top: 150px;
  }
}

@media only screen and (max-width: 1300px) {
  .obtenir-une-demo-page .solutions-cards {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 991px) {
  .obtenir-une-demo-page .solutions-cards {
    margin-top: 60px;
    gap: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .obtenir-une-demo-page .solutions-cards {
    margin-top: 20px;
    gap: 30px;
  }
}

.obtenir-une-demo-page .hero-breadcrumb {
  padding-bottom: 80px !important;
}

@media only screen and (max-width: 768px) {
  .obtenir-une-demo-page .hero-breadcrumb {
    padding-bottom: 50px !important;
  }
}

.obtenir-une-demo-page .hero-breadcrumb .hero-breadcrumb-wrapper .block-text {
  max-width: 1016px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .obtenir-une-demo-page .hero-breadcrumb .hero-breadcrumb-wrapper .block-text .fl_col {
    gap: 20px !important;
  }

  .obtenir-une-demo-page .hero-breadcrumb .hero-breadcrumb-wrapper .block-text .p22 {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    margin-left: 0;
  }
}

.obtenir-une-demo-page .hero-breadcrumb .hero-breadcrumb-wrapper .block-text .p70 {
  margin: 0 auto;
}

.obtenir-une-demo-page .contact-form {
  max-width: 1020px;
  padding: 0 50px;
  margin: 0 auto;
  z-index: 3;
}

@media only screen and (max-width: 1300px) {
  .obtenir-une-demo-page .contact-form {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .obtenir-une-demo-page .contact-form {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .obtenir-une-demo-page .contact-form {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 480px) {
  .obtenir-une-demo-page .contact-form {
    padding: 0 20px;
  }
}

.obtenir-une-demo-page .contact-form .form-header {
  max-width: 700px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .obtenir-une-demo-page .contact-form .form-content {
    gap: 30px !important;
  }
}

.obtenir-une-demo-page .contact-info {
  margin-top: 290px;
}

@media only screen and (max-width: 1600px) {
  .obtenir-une-demo-page .contact-info {
    margin-top: 200px;
  }
}

@media only screen and (max-width: 1300px) {
  .obtenir-une-demo-page .contact-info {
    margin-top: 140px;
  }
}

@media only screen and (max-width: 991px) {
  .obtenir-une-demo-page .contact-info {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .obtenir-une-demo-page .contact-info {
    margin-top: 30px;
    margin-bottom: 0;
  }
}

.obtenir-une-demo-page .contact-info .block-wrapper {
  max-width: 1540px;
  padding: 0 50px;
  margin: 0 auto;
}

@media only screen and (max-width: 1300px) {
  .obtenir-une-demo-page .contact-info .block-wrapper {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {
  .obtenir-une-demo-page .contact-info .block-wrapper {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 768px) {
  .obtenir-une-demo-page .contact-info .block-wrapper {
    padding: 0 25px;
    flex-direction: column;
  }
}

@media only screen and (max-width: 480px) {
  .obtenir-une-demo-page .contact-info .block-wrapper {
    padding: 0 20px;
  }
}

.obtenir-une-demo-page .contact-info .block-wrapper .row-1 {
  max-width: 270px;
}

@media only screen and (max-width: 768px) {
  .obtenir-une-demo-page .contact-info .block-wrapper .row-1 {
    max-width: 100%;
    gap: 15px !important;
  }
}

.obtenir-une-demo-page .contact-info .block-wrapper .row-2 {
  max-width: 280px;
}

@media only screen and (max-width: 768px) {
  .obtenir-une-demo-page .contact-info .block-wrapper .row-2 {
    max-width: 100%;
  }
}

.obtenir-une-demo-page .contact-info .block-wrapper .row-2 .p26 {
  max-width: 217px;
}

.obtenir-une-demo-page .contact-info .block-wrapper .row-2 a,
.obtenir-une-demo-page .contact-info .block-wrapper .row-3 a {
  text-decoration: none;
}

.obtenir-une-demo-page .contact-info .block-wrapper .row-3 {
  max-width: 522px;
  width: 100%;
  min-height: 522px;
  background-color: #200046;
  border-radius: 30px;
}

@media only screen and (max-width: 991px) {
  .obtenir-une-demo-page .contact-info .block-wrapper .row-3 {
    max-width: 100%;
    min-height: auto;
    padding: 30px;
  }
}

.obtenir-une-demo-page .contact-info .block-wrapper .row-3 .card-help {
  max-width: 350px;
  width: 100%;
}

@media only screen and (max-width: 991px) {
  .obtenir-une-demo-page .contact-info .block-wrapper .row-3 .card-help {
    max-width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .obtenir-une-demo-page .contact-info .block-wrapper .row-3 .card-help .card-wrapper {
    gap: 15px !important;
  }
}

.obtenir-une-demo-page .solutions-cards .section-wrapper {
  gap: 80px;
  display: flex;
  justify-content: center;
}

@media only screen and (max-width: 991px) {
  .obtenir-une-demo-page .solutions-cards .section-wrapper {
    gap: 50px;
  }
}

@media only screen and (max-width: 768px) {
  .obtenir-une-demo-page .solutions-cards .section-wrapper {
    gap: 30px;
  }
}

.obtenir-une-demo-page .solutions-cards .section-wrapper .card-container {
  background-color: #200046;
  border-radius: 30px;
  flex: 1 1 calc(50% - 40px);
  max-width: 640px;
}

.obtenir-une-demo-page .solutions-cards .section-wrapper .card-container button {
  min-width: 250px;
}

.obtenir-une-demo-page .solutions-cards .section-wrapper .card-container .card-wrapper {
  padding: 64px 40px;
  height: 100%;
  justify-content: space-between;
}

@media only screen and (max-width: 991px) {
  .obtenir-une-demo-page .solutions-cards .section-wrapper .card-container .card-wrapper {
    padding: 54px 40px;
  }

  .obtenir-une-demo-page .solutions-cards .section-wrapper .card-container .card-wrapper img {
    width: 140px;
  }
}

@media only screen and (max-width: 768px) {
  .obtenir-une-demo-page .solutions-cards .section-wrapper .card-container .card-wrapper {
    padding: 40px 30px;
  }

  .obtenir-une-demo-page .solutions-cards .section-wrapper .card-container .card-wrapper img {
    width: 120px;
  }
}

.obtenir-une-demo-page .solutions-cards .section-wrapper .card-container .card-wrapper p {
  text-align: center;
}

/* Error 404 */
.page-404 {
  position: relative;
}

.page-404:before {
  content: "";
  width: 400px;
  height: 400px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -245.07px;
  opacity: 0.4;
  background: radial-gradient(50% 50% at 50% 50%, #9A00FF 0%, #290059 100%);
  z-index: 1;
}

.page-404:after {
  content: "";
  width: 250px;
  height: 250px;
  position: absolute;
  bottom: 0;
  right: -140px;
  opacity: 0.2;
  background: radial-gradient(50% 50% at 50% 50%, #9A00FF 0%, #290059 100%);
  z-index: 1;
}

.page-404 .page-404-wrapper {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  padding: 50px 50px 80px 50px;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 991px) {
  .page-404 .page-404-wrapper {
    flex-direction: column;
    padding: 40px 30px 60px 30px;
  }
}

@media only screen and (max-width: 768px) {
  .page-404 .page-404-wrapper {
    flex-direction: column-reverse;
    padding: 40px 25px 0 25px;
    align-items: center;
  }
}

.page-404-wrapper .page-404-wrapper-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding-right: 15px;
}

@media only screen and (max-width: 768px) {
  .page-404-wrapper .page-404-wrapper-left {
    width: 100%;
    padding: 0;
  }
}

.page-404-wrapper-left .breadcrumb {
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .page-404-wrapper-left .breadcrumb {
    display: none;
  }
}

.page-404-wrapper-left .text-404 {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 100px 0 0 0;
}

@media only screen and (max-width: 768px) {
  .page-404-wrapper-left .text-404 {
    margin: 30px 0 0 0;
  }
}

.page-404-wrapper-left .text-404 h1 {
  font-size: 70px;
  line-height: 80px;
  color: #fff;
}

@media only screen and (max-width: 991px) {
  .page-404-wrapper-left .text-404 h1 {
    font-size: 50px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .page-404-wrapper-left .text-404 h1 {
    font-size: 40px;
    line-height: 50px;
    text-align: center;
  }
}

.page-404-wrapper-left .text-404 h1 span {
  display: block;
  color: var(--secondary-color);
}

.page-404-wrapper-left .text-404 p {
  width: 100%;
  max-width: 720px;
  margin: 40px 0 0 0;
  color: rgba(255, 255, 255, .6);
  font-size: 22px;
  line-height: 34px;
  font-weight: 400;
}

@media only screen and (max-width: 991px) {
  .page-404-wrapper-left .text-404 p {
    font-size: 20px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 768px) {
  .page-404-wrapper-left .text-404 p {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    margin: 20px 0 0 0;
  }
}

.page-404-wrapper-left .text-404 a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  min-height: 50px;
  border-radius: 100px;
  font-size: 20px;
  line-height: 24px;
  color: #fff;
  font-family: "Gabarito", sans-serif;
  font-weight: 600;
  background-color: var(--secondary-color);
  margin: 40px auto 0 0;
  padding: 0 30px;
  border: solid 1px var(--secondary-color);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

@media only screen and (max-width: 768px) {
  .page-404-wrapper-left .text-404 a {
    font-size: 18px;
    line-height: 22px;
    margin: 30px auto 0 auto;
  }
}

.page-404-wrapper-left .text-404 a:hover {
  background-color: transparent;
}

.page-404-wrapper-right {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding-left: 15px;
}

@media only screen and (max-width: 768px) {
  .page-404-wrapper-right {
    width: 100%;
    padding: 0;
  }

  .page-404-wrapper .page-404-wrapper-right img {
    margin: 0 auto;
    max-width: 250px;
  }
}

@media only screen and (max-width: 480px) {

  .page-404-wrapper .page-404-wrapper-right img {
    max-width: 220px;
  }
}

.page-404-wrapper-right img {
  width: 100%;
  max-width: 633px;
  height: auto;
}

/* Complainz */
.content .cmplz-document-title,
.content #cmplz-document {
  width: 100%;
  max-width: 1460px;
  margin: 50px auto 0 auto;
  padding: 0 50px;
}

@media only screen and (max-width: 1300px) {

  .content .cmplz-document-title,
  .content #cmplz-document {
    padding: 0 40px;
  }
}

@media only screen and (max-width: 991px) {

  .content .cmplz-document-title,
  .content #cmplz-document {
    padding: 0 30px;
    margin: 40px auto 0 auto;
  }
}

@media only screen and (max-width: 768px) {

  .content .cmplz-document-title,
  .content #cmplz-document {
    padding: 0 26px;
    margin: 30px auto 0 auto;
  }
}

@media only screen and (max-width: 480px) {

  .content .cmplz-document-title,
  .content #cmplz-document {
    padding: 0 20px;
  }
}

.content .cmplz-document-title {
  font-family: "Gabarito", sans-serif;
  font-weight: 700;
  font-size: 70px;
  line-height: 80px;
  letter-spacing: 0%;
  color: var(--secondary-color);
}

@media only screen and (max-width: 991px) {

  .content .cmplz-document-title {
    font-size: 50px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 768px) {

  .content .cmplz-document-title {
    font-size: 40px;
    line-height: 50px;
  }
}

.content #cmplz-document {
  color: rgba(255, 255, 255, .6);
  font-size: 22px;
  line-height: 30px;
}

.content #cmplz-document h1,
.content #cmplz-document h2,
.content #cmplz-document h3,
.content #cmplz-document h4,
.content #cmplz-document h5,
.content #cmplz-document h6 {
  color: #fff;
  font-family: "Gabarito", sans-serif;
  padding: 0;
}

.content #cmplz-document h2 {
  font-size: 40px;
  line-height: 50px;
  margin: 20px 0;
}

@media only screen and (max-width: 991px) {

  .content #cmplz-document h2 {
    font-size: 30px;
    line-height: 40px;
    margin: 15px 0;
  }
}

@media only screen and (max-width: 768px) {

  .content #cmplz-document h2 {
    font-size: 24px;
    line-height: 32px;
  }
}

.content #cmplz-document h3 {
  font-size: 34px;
  line-height: 46px;
}

.content #cmplz-document p,
.content #cmplz-document ul li,
.content #cmplz-document ol li {
  font-size: 22px;
  line-height: 30px;
  font-family: "Albert Sans", sans-serif;
  color: rgba(255, 255, 255, .6);
}

.content #cmplz-document ul li,
.content #cmplz-document ol li {
  margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {

  .content #cmplz-document p,
  .content #cmplz-document ol li,
  .content #cmplz-document ul li {
    font-size: 18px;
    line-height: 24px;
  }
}

.content #cmplz-document ul,
.content #cmplz-document ol {
  margin: 20px 0;
  padding: 0 0 0 20px;
}

.content #cmplz-document ul li,
.content #cmplz-document ol li {
  padding: 0;
  list-style: disc;
}

.content #cmplz-document p a {
  color: #fff;
}

#cmplz-document #cmplz-cookies-overview {
  margin: 20px 0 30px;
}

#cmplz-document .cmplz-categories {
  margin: 30px 0;
}

#cmplz-document #cmplz-cookies-overview .cmplz-dropdown,
#cmplz-document #cmplz-cookies-overview .cmplz-dropdown .cmplz-service-header {
  background-color: #200046;
  border-radius: 20px;
}

#cmplz-document #cmplz-cookies-overview .cmplz-dropdown {
  margin-bottom: 20px;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category {
  background-color: #200046;
  border-radius: 20px;
}

#cmplz-document #cmplz-cookies-overview .cmplz-dropdown .cmplz-service-header {
  border-radius: 30px;
}

#cmplz-document #cmplz-cookies-overview .cmplz-dropdown .cmplz-service-header>div:after {
  display: none;
}

#cmplz-document #cmplz-cookies-overview .cmplz-dropdown .cmplz-service-header>div {
  position: relative;
}

#cmplz-document #cmplz-cookies-overview .cmplz-dropdown .cmplz-service-header>div:before {
  content: "";
  width: 18px;
  height: 18px;
  background: url("../images/arrow-close.svg") no-repeat center;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  background-size: 18px 18px;
}

#cmplz-document #cmplz-cookies-overview summary {
  padding: 5px 15px;
  margin: 10px 0;
}

#cmplz-document #cmplz-cookies-overview .cookies-per-purpose div,
#cmplz-document #cmplz-cookies-overview .cookies-per-purpose p,
#cmplz-document #cmplz-cookies-overview .cookies-per-purpose a,
#cmplz-document #cmplz-cookies-overview .cookies-per-purpose ul li,
#cmplz-document #cmplz-cookies-overview .cookies-per-purpose ol li,
#cmplz-document #cmplz-cookies-overview .cookies-per-purpose h1,
#cmplz-document #cmplz-cookies-overview .cookies-per-purpose h2,
#cmplz-document #cmplz-cookies-overview .cookies-per-purpose h3,
#cmplz-document #cmplz-cookies-overview .cookies-per-purpose h4,
#cmplz-document #cmplz-cookies-overview .cookies-per-purpose h5,
#cmplz-document #cmplz-cookies-overview .cookies-per-purpose h6 {
  color: #000;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories {
  margin-top: 30px;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
  background-color: #200046;
  border-radius: 20px;
  padding: 15px 20px;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child) {
  margin-bottom: 20px;
}

#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open svg path {
  fill: var(--secondary-color);
}