.bg-primary {
  background-color: #67b142;
}
.bg-light {
  background-color: #f3f9f0;
}
.bg-white {
  background-color: #fff;
}
.bg-muted {
  background-color: #f8f8f8;
}
.bg-grey {
  background-color: #eee;
}
.bg-grey + .bg-grey {
  background-color: #f9f9f9;
}
.bg-darkgrey {
  background-color: #646464;
}
.bg-grey-f3 {
  background-color: #f3f3f3;
}
.bg-gradient-whitegreen {
  background: linear-gradient(134deg, #efefef, #e5fde1);
}
.bg-gradient-green {
  background: linear-gradient(134deg, #55a727, #93cf72);
}
.bg-dark {
  background-color: #222;
}
.bg-dark * {
  color: #fff;
}
.bg-dark a {
  color: #93ce72;
}
.bg-white-radius {
  background-color: #fff;
  border-radius: 25px 25px 25px 0;
}
*::before,
*::after {
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.title,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-family: "tahoma-bold";
  color: #222;
  margin-bottom: 16px;
}
body {
  overflow-x: hidden;
  font: normal 16px/27px "tahoma-reg";
  -webkit-font-smoothing: antialiased;
  background: #fff;
  color: #646464;
  margin: 0;
  padding: 0;
}
body.overflow {
  overflow: hidden !important;
}
body.search-results {
  padding-inline: 0;
  width: 100%;
}
body.search-results .search-post-type-filter button {
  padding: 0 10px 0 0;
  border-radius: 25px;
  background-color: #90c177;
  color: #fff;
}
::-webkit-scrollbar {
  width: 8px;
  background-color: #eee;
}
::-webkit-scrollbar-thumb {
  background-color: #67b142;
}
main {
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
input,
button,
textarea,
select {
  outline: none;
}
ul {
  list-style: none;
}
ul li {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
  color: #222;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
p {
  margin-bottom: 16px;
}
.wp-block-image figure,
figure {
  margin: 30px 0;
}
.wp-block-image figure.alignleft,
figure.alignleft {
  float: left;
  margin: 10px 40px 30px 0;
}
.wp-block-image figure.alignright,
figure.alignright {
  float: right;
  margin: 10px 0 30px 40px;
}
b,
strong {
  font-weight: 400;
  font-family: "tahoma-bold";
}
.class_remove {
  opacity: 0;
  visibility: hidden;
  transition: 300ms ease all 200ms;
}
@media (min-width: 1025px) {
  a,
  *::after,
  *::before,
  .video-handler,
  .onglet-pill,
  .onglet-title--icon,
  #loadmoreposts-toggler {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
}
@font-face {
  font-family: "tahoma-bold";
  src: url(/themes/octopush/fonts/tahoma-bold.eot);
  src: url(/themes/octopush/fonts/tahoma-bold.eot?#iefix")
      format("embedded-opentype"),
    url(/themes/octopush/fonts/tahoma-bold.woff2)
      format("woff2"),
    url(/themes/octopush/fonts/tahoma-bold.ttf)
      format("truetype"),
    url("/themes/octopush/fonts/tahoma-bold.svg#tahoma-bold")
      format("svg");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "atc arquette medium";
  src: url(../../../../../../../../../../../themes/octopush/fonts/atcarquette-medium.eot);
  src: url("../../../../../../../../../../../themes/octopush/fonts/atcarquette-medium.eot?#iefix")
      format("embedded-opentype"),
    url(../../../../../../../../../../../themes/octopush/fonts/atcarquette-medium.woff2)
      format("woff2"),
    url(../../../../../../../../../../../themes/octopush/fonts/atcarquette-medium.ttf)
      format("truetype"),
    url("../../../../../../../../../../../themes/octopush/fonts/atcarquette-medium.svg#ATCArquette-medium")
      format("svg");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "tahoma-reg";
  src: url(/themes/octopush/fonts/tahoma-reg.eot);
  src: url("/themes/octopush/fonts/tahoma-reg.eot?#iefix")
      format("embedded-opentype"),
    url(../../../../../../../../../../../themes/octopush/fonts/tahoma-reg.woff2)
      format("woff2"),
    url(../../../../../../../../../../../themes/octopush/fonts/tahoma-reg.ttf)
      format("truetype"),
    url("../../../../../../../../../../../themes/octopush/fonts/tahoma-reg.svg#tahoma-reg")
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "atc arquette bold";
  src: url(../../../../../../../../../../../themes/octopush/fonts/atcarquette-bold.eot);
  src: url("../../../../../../../../../../../themes/octopush/fonts/atcarquette-bold.eot?#iefix")
      format("embedded-opentype"),
    url(../../../../../../../../../../../themes/octopush/fonts/atcarquette-bold.woff2)
      format("woff2"),
    url(../../../../../../../../../../../themes/octopush/fonts/atcarquette-bold.ttf)
      format("truetype"),
    url("../../../../../../../../../../../themes/octopush/fonts/atcarquette-bold.svg#ATCArquette-Bold")
      format("svg");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  src: url(../../../../../../../../../../../themes/octopush/fonts/icomoon.eot?fgv08s);
  src: url("../../../../../../../../../../../themes/octopush/fonts/icomoon.eot?fgv08s#iefix")
      format("embedded-opentype"),
    url(../../../../../../../../../../../themes/octopush/fonts/icomoon.ttf?fgv08s)
      format("truetype"),
    url(../../../../../../../../../../../themes/octopush/fonts/icomoon.woff?fgv08s)
      format("woff"),
    url("../../../../../../../../../../../themes/octopush/fonts/icomoon.svg?fgv08s#icomoon")
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.icon-md {
  font-size: 28px;
}
.icon-lg {
  font-size: 34px;
}
.icon-rounded {
  border-radius: 100%;
  padding: 6px;
}
.icon-rounded.icon-md {
  padding: 12px;
}
.icon-rounded.ripple {
  border: 12px solid;
  box-shadow: 0 0 0 12px #e7f3e1;
}
.icon-rounded.ripple.bg-primary {
  border-color: #c8e3bb;
}
@font-face {
  font-family: "icomoon";
  src: url(../../../../../../../../../../../themes/octopush/fonts/icomoon.eot?mszz3p);
  src: url("../../../../../../../../../../../themes/octopush/fonts/icomoon.eot?mszz3p#iefix")
      format("embedded-opentype"),
    url(../../../../../../../../../../../themes/octopush/fonts/icomoon.ttf?mszz3p)
      format("truetype"),
    url(../../../../../../../../../../../themes/octopush/fonts/icomoon.woff?mszz3p)
      format("woff"),
    url("../../../../../../../../../../../themes/octopush/fonts/icomoon.svg?mszz3p#icomoon")
      format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
}

.types_list > div:nth-of-type(1) .texte {
  display: inline-block;
  vertical-align: middle;
  background-color: #efefef;
}
.types_list > div:nth-of-type(2) .texte {
  display: inline-block;
  vertical-align: middle;
  background-color: #e6e6e6;
}
.types_list > div:nth-of-type(3) .texte {
  display: inline-block;
  vertical-align: middle;
  background-color: #dedede;
}
.types_list > div:nth-of-type(4) .texte {
  display: inline-block;
  vertical-align: middle;
  background-color: #d4d4d4;
}
.types_list > div:nth-of-type(5) .texte {
  display: inline-block;
  vertical-align: middle;
  background-color: #efefef;
}
.container {
  max-width: 1280px;
  position: relative;
  margin: 0 auto;
  padding-inline: 16px;
}
.container.full {
  max-width: 100%;
}
.container-fluid {
  max-width: 100%;
  padding-inline: 40px;
}
.container-md {
  max-width: 740px;
  margin: 0 auto;
  padding-inline: 16px;
}
.container-fluid {
  padding-inline: 40px;
}
.boxshadow {
  box-shadow: 0 67px 139px 28px rgba(0, 0, 0, 0.05);
}
.texte ul {
  margin-bottom: 24px;
}
.texte ul li {
  position: relative;
  padding-left: 22px;
  line-height: 35px;
}
.texte ul li::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #67b142;
  position: absolute;
  top: 14px;
  left: 0;
  border-radius: 100%;
}
.texte ol {
  margin-bottom: 24px;
  list-style-position: inside;
}
.texte ol li::marker {
  color: #67b142;
}
.texte :last-child {
  margin-bottom: 0;
}
.texte p a,
.texte li a {
  color: #67b142;
  border-bottom: 1px solid #67b142;
}
.text-white,
.text-white * {
  color: #fff;
}
.photo img {
  max-width: 100%;
  height: auto;
}
.h-100 {
  height: 100vh;
}
img.alignright,
a img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}
img.alignleft,
a img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
img.aligncenter,
a img.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.phototexte {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 60px;
  align-items: center;
}
.phototexte .image {
  background: var(--wpr-bg-833707d7-1902-4ec9-a768-272848ae627d) no-repeat
    center;
  width: 100%;
  min-height: 390px;
}
.phototexte .image img {
  margin: auto;
  max-height: 400px;
  width: auto;
}
.phototexte .image .bg_smart {
  margin-right: 45px;
  margin-left: auto;
  min-height: initial;
}
.phototexte .image .bg_smart img {
  margin-bottom: 25px;
}
.phototexte .image .sstitle {
  text-align: center;
}
.phototexte .media img {
  width: auto;
  height: 100%;
  margin-right: auto;
  margin-left: 0;
}
@media (max-width: 1024px) {
  .phototexte .media img {
    margin: 0 auto;
    height: auto;
    width: 100%;
  }
}
.phototexte.reverse .media img {
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 1024px) {
  .phototexte.reverse .media img {
    margin: 0 auto;
  }
}
.phototexte.imgright .image {
  background-position: right center;
}
.phototexte.reverse .texte {
  grid-area: 1;
}
@media (max-width: 1024px) {
  .phototexte {
    grid-template-columns: 1fr;
  }
}
.bg-grey .phototexte .image {
  background-image: url(../../../../../../../../../../../themes/octopush/img/bg_photo_white.svg);
  padding: 50px;
}
.ic_left {
  display: grid;
  grid-template-columns: 50px 1fr;
  align-items: start;
  gap: 20px;
  margin-bottom: 30px;
}
.ic_left img {
  margin-bottom: 0;
}
.sound {
  margin: 0 auto 20px;
  width: 113px;
  height: 113px;
  border-radius: 50%;
  border: 3px solid #fff;
  background: #67b142;
  box-shadow: 5px 5px 27px rgba(0, 0, 0, 0.05);
  display: grid;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.sound .icone {
  width: 35px;
  height: 50px;
  transition: all ease-in-out 300ms;
  background: var(--wpr-bg-40363ace-63d6-4347-9ef2-8428979236b7) no-repeat
    center/contain;
}
.sound.pause .icone {
  background-image: var(--wpr-bg-8e4a5cf4-1b04-4b30-9107-5f4892e518ba);
}
.sound audio {
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
}
.gris {
  color: #979797;
}
.t-center {
  text-align: center;
}
.t-right {
  text-align: right;
}
.titre .sstitle {
  margin-bottom: 0;
}
.mw-560 {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1101px) {
  .hov-gradient {
    position: relative;
    transition: all ease 250ms;
  }
  .hov-gradient * {
    transition: all ease 300ms;
  }
  .hov-gradient::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(-16deg, #84c560, #59aa2d);
    border-radius: 20px 20px 20px 0;
    z-index: -1;
    opacity: 0;
  }
}
.breadcrumbs {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 45px;
}
.breadcrumbs a,
.breadcrumbs strong {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
}
.bloc-texte .grid-50 {
  align-items: center;
  margin: 50px 0;
}
.bloc-texte .grid-50 .image {
  margin: 0;
}
.bloc-texte .grid-50 .texte {
  padding-left: 35px;
}
.bloc-texte .image {
  margin: 40px 0;
}
.img-thumbnail {
  margin-bottom: 30px;
}
.img-thumbnail img {
  border-radius: 20px 20px 20px 0;
}
.bg-semi-grey {
  padding-top: 50px;
  margin-top: 50px;
  position: relative;
  z-index: 10;
}
.bg-semi-grey .wp-block-group__inner-container {
  position: relative;
}
.bg-semi-grey::before {
  content: "";
  position: absolute;
  left: -10000px;
  right: -10000px;
  background-color: #f7f7f7;
  top: 0;
  height: 770px;
  max-height: 80%;
  z-index: -1;
}
.date {
  display: inline-block;
  padding-left: 25px;
  background: var(--wpr-bg-7bd73ea2-afc4-4ebd-86fe-c1be14f28a1e) no-repeat left
    center;
  color: #a9a9a9;
}
.wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
  display: inline-block;
  padding: 0 5px;
  margin: 0 7px;
}
.wp-pagenavi .page:hover,
.wp-pagenavi .current:hover {
  color: #67b142;
}
.wp-pagenavi .current {
  color: #67b142;
}
.previouspostslink,
.nextpostslink {
  font-size: 0;
  line-height: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #d6d6d6;
  background: var(--wpr-bg-0882c026-d4a2-4dd2-8e15-0a369a5926ca) no-repeat
    center;
  margin-right: 12px;
}
.previouspostslink:hover,
.nextpostslink:hover {
  background-color: #d6d6d6;
}
.nextpostslink {
  transform-origin: 50%;
  transform: rotate(180deg);
  margin: 0 0 0 12px;
}
.image.full img {
  width: 100%;
  height: auto;
  min-height: 300px;
  object-fit: cover;
}
.prix {
  font: 30px/35px "tahoma-bold";
  color: #67b142;
  display: inline-block;
  vertical-align: bottom;
}
.mytable {
  width: 100%;
  text-align: center;
}
.mytable th {
  background: #67b142;
  padding: 20px;
  font: 18px/30px "tahoma-reg";
  margin-bottom: 10px;
}
.mytable th:first-child {
  border-radius: 10px 0 0 10px;
}
.mytable th:last-child {
  border-radius: 0 10px 10px 0;
}
.mytable tbody {
  box-shadow: 0 67px 139px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.mytable tbody:before {
  content: "@";
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
.mytable tbody tr {
  position: relative;
}
.mytable tbody tr:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 20px;
  width: calc(100% - 40px);
  height: 1px;
  background-color: #dcdcdc;
}
.mytable tbody tr:first-child td:first-child {
  border-top-left-radius: 10px;
}
.mytable tbody tr:first-child td:last-child {
  border-top-right-radius: 10px;
}
.mytable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.mytable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}
.mytable td {
  background-color: #fff;
  padding: 15px;
}
.hide {
  visibility: hidden;
  opacity: 0;
  display: none;
}
h1,
.title {
  font: 32px/48px "tahoma-bold";
  letter-spacing: -0.2px;
  color: #222;
}
@media (max-width: 600px) {
  h1,
  .title {
    font-size: 24px;
    line-height: 38px;
  }
}
h2,
.stitle {
  font: 28px/42px "tahoma-bold";
  color: #222;
}
@media (max-width: 600px) {
  h2,
  .stitle {
    font-size: 24px;
    line-height: 32px;
  }
}
h3,
.sstitle {
  font: 24px/36px "tahoma-bold";
  color: #222;
}
@media (max-width: 600px) {
  h3,
  .sstitle {
    font-size: 22px;
    line-height: 28px;
  }
}
h4,
h5,
h6,
.ssstitle {
  font-size: 20px;
  line-height: 33px;
  font-family: "tahoma-bold";
  font-style: normal;
  color: #222;
}
.text-primary {
  color: #67b142;
}
.text-dark {
  color: #222;
}
.text-muted {
  color: #ededed;
}
.text-red {
  color: #ed4428;
}
.texte strong,
.texte b {
  color: #222;
}
.font-weight-regular {
  font-family: "tahoma-reg";
}
.font-weight-bold {
  font-family: "tahoma-bold";
}
.p-50-60 {
  padding: 50px 60px;
}
@media (max-width: 1024px) {
  .p-50-60 {
    padding: 30px 40px;
  }
}
@media (max-width: 1024px) {
  .p-50-60 {
    padding: 20px;
  }
}
.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}
@media (max-width: 1024px) {
  .py-90 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 1024px) {
  .py-80 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.pt-80 {
  padding-top: 80px;
}
@media (max-width: 1024px) {
  .pt-80 {
    padding-top: 50px;
  }
}
.pb-80 {
  padding-bottom: 80px;
}
@media (max-width: 1024px) {
  .pb-80 {
    padding-bottom: 50px;
  }
}
.py-70-80 {
  padding-top: 70px;
  padding-bottom: 80px;
}
@media (max-width: 1024px) {
  .py-70-80 {
    padding-top: 40px;
    padding-bottom: 50px;
  }
}
.py-70-210 {
  padding-top: 70px;
  padding-bottom: 210px;
}
@media (max-width: 1024px) {
  .py-70-210 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 1024px) {
  .py-60 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.pt-60 {
  padding-top: 60px;
}
@media (max-width: 1024px) {
  .pt-60 {
    padding-top: 40px;
  }
}
.pb-60 {
  padding-bottom: 60px;
}
@media (max-width: 1024px) {
  .pb-60 {
    padding-bottom: 40px;
  }
}
.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.pt-50 {
  padding-top: 50px;
}
.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.py-30 {
  padding-block: 30px;
}
.pt-30 {
  padding-top: 30px;
}
.pt-0 {
  padding-top: 0 !important;
}
.px-40 {
  padding-inline: 40px;
}
.pr-40 {
  padding-right: 40px;
}
.pl-40 {
  padding-left: 40px;
}
.pl-0 {
  padding-left: 0;
}
.pl-0 {
  padding-left: 0;
}
.px-0 {
  padding-inline: 0 !important;
}
.mt-0 {
  margin-top: 0;
}
.mb-0 {
  margin-bottom: 0;
}
.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .my-80 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.mt-80 {
  margin-top: 80px;
}
.mb-80 {
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .mb-80 {
    margin-bottom: 50px;
  }
}
.mb-70 {
  margin-bottom: 70px;
}
@media (max-width: 1024px) {
  .mb-70 {
    margin-bottom: 40px;
  }
}
.my-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}
@media (max-width: 1024px) {
  .my-70 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
}
.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media (max-width: 1024px) {
  .my-60 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.mt-60 {
  margin-top: 60px;
}
.my-70-80 {
  margin-top: 70px;
  margin-bottom: 80px;
}
@media (max-width: 1024px) {
  .my-70-80 {
    margin-top: 40px;
    margin-bottom: 50px;
  }
}
.mt-40 {
  margin-top: 40px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mt-20 {
  margin-top: 24px;
}
.mb-20 {
  margin-bottom: 20px;
}
.cmt-160 {
  margin-top: -160px;
}
@media (max-width: 1024px) {
  .cmt-160 {
    margin-top: 50px;
  }
}
.cmt-190 {
  margin-top: -190px;
}
@media (max-width: 1024px) {
  .cmt-190 {
    margin-top: 50px;
  }
}
.cmt-265 {
  margin-top: -265px;
}
@media (max-width: 1024px) {
  .cmt-265 {
    margin-top: 50px;
  }
}
.mw-880 {
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}
.mw-800 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.mw-1080 {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
.grid {
  display: grid;
}
[class*="flex"] {
  display: flex;
}
.flex-33 {
  flex-wrap: wrap;
  margin: -15px;
}
.flex-33 > * {
  padding: 15px;
  width: 33.33%;
}
.flex-50 {
  margin: 0 -15px;
  flex-wrap: wrap;
}
.flex-50 > * {
  padding: 0 15px;
  width: 50%;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-center {
  align-items: center;
  justify-content: center;
}
.flex-between {
  justify-content: space-between;
}
.flex-center-v {
  align-items: center;
}
.flex-center-h {
  justify-content: center;
}
.flex-inline-start {
  justify-content: start;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-start {
  justify-content: start;
}
.justify-content-end {
  justify-content: end;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-evenly {
  justify-content: space-evenly;
}
.justify-content-evenly {
  justify-content: space-around;
}
.align-items-start {
  align-items: start;
}
.align-items-end {
  align-items: end;
}
.align-items-center {
  align-items: center;
}
[class*="grid-"] {
  display: grid;
}
.grid-50 {
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1024px) {
  .grid-50 {
    grid-template-columns: 1fr;
  }
}
.grid-33 {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
  .grid-33 {
    grid-template-columns: 1fr;
  }
}
.grid-25 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
  .grid-25 {
    grid-template-columns: 1fr;
  }
}
.grid-custom-400 {
  grid-template-columns: 400px 1fr;
  align-items: center;
}
.grid-custom-400 .left {
  padding-right: 60px;
}
.gap-xs {
  gap: 16px;
}
.gap-sm {
  gap: 20px;
}
.gap-md {
  gap: 40px;
}
.gap-lg {
  gap: 60px;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0);
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.slick-dots li {
  margin: 0 5px;
}
.slick-dots li button {
  padding: 0;
  margin: 0;
  font-size: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}
.slick-dots li.slick-active button {
  background-color: #67b142;
}
:root {
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75;
}
.f-spinner {
  margin: auto;
  padding: 0;
  width: var(--f-spinner-width);
  height: var(--f-spinner-height);
}
.f-spinner svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
  animation: f-spinner-rotate 2s linear infinite;
}
.f-spinner svg * {
  stroke-width: var(--f-spinner-stroke);
  fill: none;
}
.f-spinner svg *:first-child {
  stroke: var(--f-spinner-color-1);
}
.f-spinner svg *:last-child {
  stroke: var(--f-spinner-color-2);
  animation: f-spinner-dash 2s ease-in-out infinite;
}
@keyframes f-spinner-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes f-spinner-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
.f-throwOutUp {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutUp;
}
.f-throwOutDown {
  animation: var(--f-throw-out-duration, 0.175s) ease-out both f-throwOutDown;
}
@keyframes f-throwOutUp {
  to {
    transform: translate3d(0, calc(var(--f-throw-out-distance, 150px) * -1), 0);
    opacity: 0;
  }
}
@keyframes f-throwOutDown {
  to {
    transform: translate3d(0, var(--f-throw-out-distance, 150px), 0);
    opacity: 0;
  }
}
.f-zoomInUp {
  animation: var(--f-transition-duration, 0.2s) ease 0.1s both f-zoomInUp;
}
.f-zoomOutDown {
  animation: var(--f-transition-duration, 0.2s) ease both f-zoomOutDown;
}
@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 16px, 0);
    opacity: 0;
  }
}
.f-fadeIn {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease)
    var(--f-transition-delay, 0s) both f-fadeIn;
  z-index: 2;
}
.f-fadeOut {
  animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease)
    var(--f-transition-delay, 0s) both f-fadeOut;
  z-index: 1;
}
@keyframes f-fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeOut {
  100% {
    opacity: 0;
  }
}
.f-fadeFastIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index: 2;
}
.f-fadeFastOut {
  animation: var(--f-transition-duration, 0.1s) ease-out both f-fadeFastOut;
  z-index: 2;
}
@keyframes f-fadeFastIn {
  0% {
    opacity: 0.75;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeFastOut {
  100% {
    opacity: 0;
  }
}
.f-fadeSlowIn {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index: 2;
}
.f-fadeSlowOut {
  animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index: 1;
}
@keyframes f-fadeSlowIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-fadeSlowOut {
  100% {
    opacity: 0;
  }
}
.f-crossfadeIn {
  animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index: 2;
}
.f-crossfadeOut {
  animation: calc(var(--f-transition-duration, 0.2s) * 0.5) linear 0.1s both
    f-crossfadeOut;
  z-index: 1;
}
@keyframes f-crossfadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes f-crossfadeOut {
  100% {
    opacity: 0;
  }
}
.f-slideIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
    f-slideInNext;
}
.f-slideIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
    f-slideInPrev;
}
.f-slideOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
    f-slideOutNext;
}
.f-slideOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
    f-slideOutPrev;
}
@keyframes f-slideInPrev {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideInNext {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes f-slideOutNext {
  100% {
    transform: translateX(-100%);
  }
}
@keyframes f-slideOutPrev {
  100% {
    transform: translateX(100%);
  }
}
.f-classicIn.from-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
    f-classicInNext;
  z-index: 2;
}
.f-classicIn.from-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
    f-classicInPrev;
  z-index: 2;
}
.f-classicOut.to-next {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
    f-classicOutNext;
  z-index: 1;
}
.f-classicOut.to-prev {
  animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1)
    f-classicOutPrev;
  z-index: 1;
}
@keyframes f-classicInNext {
  0% {
    transform: translateX(-75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicInPrev {
  0% {
    transform: translateX(75px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-classicOutNext {
  100% {
    transform: translateX(-75px);
    opacity: 0;
  }
}
@keyframes f-classicOutPrev {
  100% {
    transform: translateX(75px);
    opacity: 0;
  }
}
:root {
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65;
}
.f-button {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: content-box;
  position: relative;
  margin: 0;
  padding: 0;
  width: var(--f-button-width);
  height: var(--f-button-height);
  border: var(--f-button-border);
  border-radius: var(--f-button-border-radius);
  color: var(--f-button-color);
  background: var(--f-button-bg);
  box-shadow: var(--f-button-shadow);
  pointer-events: all;
  cursor: pointer;
  transition: var(--f-button-transition);
}
@media (hover: hover) {
  .f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--f-button-hover-bg);
  }
}
.f-button:active:not([disabled]) {
  background-color: var(--f-button-active-bg);
}
.f-button:focus:not(:focus-visible) {
  outline: none;
}
.f-button:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 var(--f-button-outline, 2px)
    var(--f-button-outline-color, var(--f-button-color));
}
.f-button svg {
  width: var(--f-button-svg-width);
  height: var(--f-button-svg-height);
  fill: var(--f-button-svg-fill);
  stroke: currentColor;
  stroke-width: var(--f-button-svg-stroke-width);
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: opacity 0.15s ease;
  transform: var(--f-button-transform);
  filter: var(--f-button-svg-filter);
  pointer-events: none;
}
.f-button[disabled] {
  cursor: default;
}
.f-button[disabled] svg {
  opacity: var(--f-button-svg-disabled-opacity);
}
.f-carousel__nav .f-button.is-prev,
.f-carousel__nav .f-button.is-next,
.fancybox__nav .f-button.is-prev,
.fancybox__nav .f-button.is-next {
  position: absolute;
  z-index: 1;
}
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
  top: 50%;
  transform: translateY(-50%);
}
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-prev {
  left: var(--f-button-prev-pos);
}
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-next {
  right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
  left: auto;
  right: var(--f-button-next-pos);
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,
.is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
  right: auto;
  left: var(--f-button-prev-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-next {
  top: auto;
  left: 50%;
  transform: translateX(-50%);
}
.is-vertical .f-carousel__nav .f-button.is-prev,
.is-vertical .fancybox__nav .f-button.is-prev {
  top: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-next,
.is-vertical .fancybox__nav .f-button.is-next {
  bottom: var(--f-button-next-pos);
}
.is-vertical .f-carousel__nav .f-button.is-prev svg,
.is-vertical .f-carousel__nav .f-button.is-next svg,
.is-vertical .fancybox__nav .f-button.is-prev svg,
.is-vertical .fancybox__nav .f-button.is-next svg {
  transform: rotate(90deg);
}
.f-carousel__nav .f-button:disabled,
.fancybox__nav .f-button:disabled {
  pointer-events: none;
}
html.with-fancybox {
  width: auto;
  overflow: visible;
  scroll-behavior: auto;
}
html.with-fancybox body {
  touch-action: none;
}
html.with-fancybox body.hide-scrollbar {
  width: auto;
  margin-right: calc(
    var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px)
  );
  overflow: hidden !important;
  overscroll-behavior-y: none;
}
.fancybox__container {
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  direction: ltr;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #f8f8f8;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow: visible;
  z-index: var(--fancybox-zIndex, 1050);
  outline: none;
  transform-origin: top left;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  overscroll-behavior-y: contain;
}
.fancybox__container *,
.fancybox__container *::before,
.fancybox__container *::after {
  box-sizing: inherit;
}
.fancybox__container::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
.fancybox__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  background: var(--fancybox-bg);
  opacity: var(--fancybox-opacity, 1);
  will-change: opacity;
}
.fancybox__carousel {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  min-height: 0;
  z-index: 10;
  overflow-y: visible;
  overflow-x: clip;
}
.fancybox__viewport {
  width: 100%;
  height: 100%;
}
.fancybox__viewport.is-draggable {
  cursor: move;
  cursor: grab;
}
.fancybox__viewport.is-dragging {
  cursor: move;
  cursor: grabbing;
}
.fancybox__track {
  display: flex;
  margin: 0 auto;
  height: 100%;
}
.fancybox__slide {
  flex: 0 0 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0 var(--fancybox-slide-gap) 0 0;
  padding: 4px;
  overflow: auto;
  overscroll-behavior: contain;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
  padding-top: 40px;
}
.fancybox__slide.has-iframe,
.fancybox__slide.has-video,
.fancybox__slide.has-html5video {
  overflow: hidden;
}
.fancybox__slide.has-image {
  overflow: hidden;
}
.fancybox__slide.has-image.is-animating,
.fancybox__slide.has-image.is-selected {
  overflow: visible;
}
.fancybox__slide::before,
.fancybox__slide::after {
  content: "";
  flex: 0 0 0%;
  margin: auto;
}
.fancybox__backdrop:empty,
.fancybox__viewport:empty,
.fancybox__track:empty,
.fancybox__slide:empty {
  display: block;
}
.fancybox__content {
  align-self: center;
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding: 2rem;
  max-width: 100%;
  color: var(--fancybox-content-color, #374151);
  background: var(--fancybox-content-bg, #fff);
  cursor: default;
  border-radius: 0;
  z-index: 20;
}
.is-loading .fancybox__content {
  opacity: 0;
}
.is-draggable .fancybox__content {
  cursor: move;
  cursor: grab;
}
.can-zoom_in .fancybox__content {
  cursor: zoom-in;
}
.can-zoom_out .fancybox__content {
  cursor: zoom-out;
}
.is-dragging .fancybox__content {
  cursor: move;
  cursor: grabbing;
}
.fancybox__content [data-selectable],
.fancybox__content [contenteditable] {
  cursor: auto;
}
.fancybox__slide.has-image > .fancybox__content {
  padding: 0;
  background: rgba(0, 0, 0, 0);
  min-height: 1px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.fancybox__slide.has-image > .fancybox__content > picture > img {
  width: 100%;
  height: auto;
  max-height: 100%;
}
.is-animating .fancybox__content,
.is-dragging .fancybox__content {
  will-change: transform, width, height;
}
.fancybox-image {
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  user-select: none;
  filter: blur(0);
}
.fancybox__caption {
  align-self: center;
  max-width: 100%;
  flex-shrink: 0;
  margin: 0;
  padding: 14px 0 4px 0;
  overflow-wrap: anywhere;
  line-height: 1.375;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  cursor: auto;
  visibility: visible;
}
.is-loading .fancybox__caption,
.is-closing .fancybox__caption {
  opacity: 0;
  visibility: hidden;
}
.is-compact .fancybox__caption {
  padding-bottom: 0;
}
.f-button.is-close-btn {
  --f-button-svg-stroke-width: 2;
  position: absolute;
  top: 0;
  right: 8px;
  z-index: 40;
}
.fancybox__content > .f-button.is-close-btn {
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position: absolute;
  top: -38px;
  right: 0;
  opacity: 0.75;
}
.is-loading .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}
.is-zooming-out .fancybox__content > .f-button.is-close-btn {
  visibility: hidden;
}
.fancybox__content > .f-button.is-close-btn:hover {
  opacity: 1;
}
.fancybox__footer {
  padding: 0;
  margin: 0;
  position: relative;
}
.fancybox__footer .fancybox__caption {
  width: 100%;
  padding: 24px;
  opacity: var(--fancybox-opacity, 1);
  transition: all 0.25s ease;
}
.is-compact .fancybox__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 20;
  background: rgba(24, 24, 27, 0.5);
}
.is-compact .fancybox__footer .fancybox__caption {
  padding: 12px;
}
.is-compact .fancybox__content > .f-button.is-close-btn {
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  top: 5px;
  right: 5px;
}
.fancybox__nav {
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity: var(--fancybox-opacity, 1);
}
.fancybox__nav .f-button:before {
  position: absolute;
  content: "";
  top: -30px;
  right: -20px;
  left: -20px;
  bottom: -30px;
  z-index: 1;
}
.is-idle .fancybox__nav {
  animation: 0.15s ease-out both f-fadeOut;
}
.is-idle.is-compact .fancybox__footer {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__slide > .f-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0
    var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index: 30;
  cursor: pointer;
}
.fancybox-protected {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  user-select: none;
}
.fancybox-ghost {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  z-index: 40;
  user-select: none;
  pointer-events: none;
}
.fancybox-focus-guard {
  outline: none;
  opacity: 0;
  position: fixed;
  pointer-events: none;
}
.fancybox__container:not([aria-hidden]) {
  opacity: 0;
}
.fancybox__container.is-animated[aria-hidden="false"]
  > *:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden="false"]
  .fancybox__carousel
  > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden="false"]
  .fancybox__slide
  > *:not(.fancybox__content) {
  animation: var(--f-interface-enter-duration, 0.25s) ease 0.1s backwards
    f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden="false"] .fancybox__backdrop {
  animation: var(--f-backdrop-enter-duration, 0.35s) ease backwards f-fadeIn;
}
.fancybox__container.is-animated[aria-hidden="true"]
  > *:not(.fancybox__backdrop, .fancybox__carousel),
.fancybox__container.is-animated[aria-hidden="true"]
  .fancybox__carousel
  > *:not(.fancybox__viewport),
.fancybox__container.is-animated[aria-hidden="true"]
  .fancybox__slide
  > *:not(.fancybox__content) {
  animation: var(--f-interface-exit-duration, 0.15s) ease forwards f-fadeOut;
}
.fancybox__container.is-animated[aria-hidden="true"] .fancybox__backdrop {
  animation: var(--f-backdrop-exit-duration, 0.35s) ease forwards f-fadeOut;
}
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  max-width: 100%;
  flex-shrink: 1;
  min-height: 1px;
  overflow: visible;
}
.has-iframe .fancybox__content,
.has-map .fancybox__content,
.has-pdf .fancybox__content {
  width: calc(100% - 120px);
  height: 90%;
}
.fancybox__container.is-compact .has-iframe .fancybox__content,
.fancybox__container.is-compact .has-map .fancybox__content,
.fancybox__container.is-compact .has-pdf .fancybox__content {
  width: 100%;
  height: 100%;
}
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  width: 960px;
  height: 540px;
  max-width: 100%;
  max-height: 100%;
}
.has-map .fancybox__content,
.has-pdf .fancybox__content,
.has-youtube .fancybox__content,
.has-vimeo .fancybox__content,
.has-html5video .fancybox__content {
  padding: 0;
  background: rgba(24, 24, 27, 0.9);
  color: #fff;
}
.has-map .fancybox__content {
  background: #e5e3df;
}
.fancybox__html5video,
.fancybox__iframe {
  border: 0;
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0);
}
.fancybox-placeholder {
  border: 0 !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.f-carousel__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0;
}
.f-carousel__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
}
.f-carousel__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
}
.f-thumbs {
  position: relative;
  flex: 0 0 auto;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  user-select: none;
  perspective: 1000px;
  transform: translateZ(0);
}
.f-thumbs .f-spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2px;
  background-image: linear-gradient(#ebeff2, #e2e8f0);
  z-index: -1;
}
.f-thumbs .f-spinner svg {
  display: none;
}
.f-thumbs.is-vertical {
  height: 100%;
}
.f-thumbs__viewport {
  width: 100%;
  height: auto;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.f-thumbs__track {
  display: flex;
}
.f-thumbs__slide {
  position: relative;
  flex: 0 0 auto;
  box-sizing: content-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: var(--f-thumb-width);
  height: var(--f-thumb-height);
  overflow: visible;
  cursor: pointer;
}
.f-thumbs__slide.is-loading img {
  opacity: 0;
}
.is-classic .f-thumbs__viewport {
  height: 100%;
}
.is-modern .f-thumbs__track {
  width: max-content;
}
.is-modern .f-thumbs__track::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((var(--f-thumb-clip-width, 0)) * -0.5);
  width: calc(var(--width, 0) * 1px + var(--f-thumb-clip-width, 0));
  cursor: pointer;
}
.is-modern .f-thumbs__slide {
  width: var(--f-thumb-clip-width);
  transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transition: none;
  pointer-events: none;
}
.is-modern.is-resting .f-thumbs__slide {
  transition: transform 0.33s ease;
}
.is-modern.is-resting .f-thumbs__slide__button {
  transition: clip-path 0.33s ease;
}
.is-using-tab .is-modern .f-thumbs__slide:focus-within {
  filter: drop-shadow(-1px 0 0 var(--f-thumb-outline-color))
    drop-shadow(2px 0 0 var(--f-thumb-outline-color))
    drop-shadow(0 -1px 0 var(--f-thumb-outline-color))
    drop-shadow(0 2px 0 var(--f-thumb-outline-color));
}
.f-thumbs__slide__button {
  appearance: none;
  width: var(--f-thumb-width);
  height: 100%;
  margin: 0 -100% 0 -100%;
  padding: 0;
  border: 0;
  position: relative;
  border-radius: var(--f-thumb-border-radius);
  overflow: hidden;
  background: rgba(0, 0, 0, 0);
  outline: none;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
  opacity: var(--f-thumb-opacity);
  transition: opacity 0.2s ease;
}
.f-thumbs__slide__button:hover {
  opacity: var(--f-thumb-hover-opacity);
}
.f-thumbs__slide__button:focus:not(:focus-visible) {
  outline: none;
}
.f-thumbs__slide__button:focus-visible {
  outline: none;
  opacity: var(--f-thumb-selected-opacity);
}
.is-modern .f-thumbs__slide__button {
  --clip-path: inset(
    0
      calc(
        ((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0))) *
          (1 - var(--progress, 0)) * 0.5
      )
      round var(--f-thumb-border-radius, 0)
  );
  clip-path: var(--clip-path);
}
.is-classic .is-nav-selected .f-thumbs__slide__button {
  opacity: var(--f-thumb-selected-opacity);
}
.is-classic .is-nav-selected .f-thumbs__slide__button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: auto;
  bottom: 0;
  border: var(--f-thumb-outline, 0) solid
    var(--f-thumb-outline-color, transparent);
  border-radius: var(--f-thumb-border-radius);
  animation: f-fadeIn 0.2s ease-out;
  z-index: 10;
}
.f-thumbs__slide__img {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: var(--f-thumb-offset);
  box-sizing: border-box;
  pointer-events: none;
  object-fit: cover;
  border-radius: var(--f-thumb-border-radius);
}
.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 8px 0 12px 0;
}
.f-thumbs.is-horizontal .f-thumbs__slide {
  margin: 0 var(--f-thumb-gap) 0 0;
}
.f-thumbs.is-vertical .f-thumbs__track {
  flex-wrap: wrap;
  padding: 0 8px;
}
.f-thumbs.is-vertical .f-thumbs__slide {
  margin: 0 0 var(--f-thumb-gap) 0;
}
.fancybox__thumbs {
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position: relative;
  opacity: var(--fancybox-opacity, 1);
  transition: max-height 0.35s cubic-bezier(0.23, 1, 0.32, 1);
}
.fancybox__thumbs.is-classic {
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-classic .f-spinner {
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.05)
  );
}
.fancybox__thumbs.is-modern {
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 16px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
}
.fancybox__thumbs.is-modern .f-spinner {
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.05)
  );
}
.fancybox__thumbs.is-horizontal {
  padding: 0 var(--f-thumb-gap);
}
.fancybox__thumbs.is-vertical {
  padding: var(--f-thumb-gap) 0;
}
.is-compact .fancybox__thumbs {
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px;
}
.fancybox__thumbs.is-masked {
  max-height: 0px !important;
}
.is-closing .fancybox__thumbs {
  transition: none !important;
}
.fancybox__toolbar {
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted",
    "Segoe UI", "Liberation Sans", sans-serif;
  color: var(--fancybox-color, currentColor);
  opacity: var(--fancybox-opacity, 1);
  text-shadow: var(
    --fancybox-toolbar-text-shadow,
    1px 1px 1px rgba(0, 0, 0, 0.5)
  );
  pointer-events: none;
  z-index: 20;
}
.fancybox__toolbar :focus-visible {
  z-index: 1;
}
.fancybox__toolbar.is-absolute,
.is-compact .fancybox__toolbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.is-idle .fancybox__toolbar {
  pointer-events: none;
  animation: 0.15s ease-out both f-fadeOut;
}
.fancybox__toolbar__column {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
}
.fancybox__toolbar__column.is-left,
.fancybox__toolbar__column.is-right {
  flex-grow: 1;
  flex-basis: 0%;
}
.fancybox__toolbar__column.is-right {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
}
.fancybox__infobar {
  padding: 0 5px;
  line-height: var(--f-button-height);
  text-align: center;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: subpixel-antialiased;
  cursor: default;
  user-select: none;
}
.fancybox__infobar span {
  padding: 0 5px;
}
.fancybox__infobar:not(:first-child):not(:last-child) {
  background: var(--f-button-bg);
}
[data-fancybox-toggle-slideshow] {
  position: relative;
}
[data-fancybox-toggle-slideshow] .f-progress {
  height: 100%;
  opacity: 0.3;
}
[data-fancybox-toggle-slideshow] svg g:first-child {
  display: flex;
}
[data-fancybox-toggle-slideshow] svg g:last-child {
  display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
  display: none;
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
  display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:first-child {
  display: flex;
}
[data-fancybox-toggle-fullscreen] svg g:last-child {
  display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
  display: none;
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
  display: flex;
}
.f-progress {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index: 30;
  user-select: none;
  pointer-events: none;
}
.btn__plus,
.btn.light-btn,
.btn__secondary,
.btn__primary,
.btn_bg_default,
.btn__default {
  display: inline-block;
  vertical-align: middle;
  font: 16px/50px "tahoma-bold";
  border-radius: 16px;
  text-align: center;
  position: relative;
  padding-inline: 18px;
  min-width: 200px;
}
button {
  border: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.btn__default {
  border: 1px solid #67b142;
  padding: 0 35px;
  color: #67b142;
  border-radius: 20px 20px 20px 0;
}
.btn__default:hover {
  background-color: #67b142;
  color: #fff;
}
.btn_bg_default {
  background-color: #67b142;
  color: #fff;
  border-radius: 20px 20px 20px 0;
}
.btn_bg_default:hover {
  box-shadow: inset 150px 0 0 0 #ed4428;
}
.btn__primary {
  background: #67b142;
  color: #fff;
}
.btn__secondary {
  background-color: #222;
  color: #fff;
}
.btn__secondary.white {
  color: #fff;
  border-color: #fff;
}
.btn__secondary.white::after {
  filter: brightness(2);
}
.btn.light-btn {
  border: 1px solid #fff;
  color: #fff;
}
.btn__plus {
  position: relative;
  z-index: 20;
  overflow: hidden;
  border: 1px solid #fff;
  color: #fff;
}
.btn__plus.green {
  border-color: #67b142;
  color: #67b142;
}
.btn__plus.green::before {
  background-color: #67b142;
}
.btn__plus.green::after {
  filter: brightness(1);
}
.btn__lireplus {
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  line-height: 30px;
}
.btn__lireplus i {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 27px;
  height: 27px;
  border-radius: 6px 6px 6px 0;
  border: 2px solid #67b142;
  margin-left: 8px;
  margin-top: -4px;
}
.btn__lireplus i::before,
.btn__lireplus i::after {
  content: "";
  position: absolute;
  background-color: #67b142;
  border-radius: 2px;
  transition-duration: 180ms;
  transition-timing-function: ease;
}
.btn__lireplus i::before {
  width: 10px;
  height: 2px;
  top: 10px;
  left: 7px;
}
.btn__lireplus i::after {
  height: 10px;
  width: 2px;
  top: 6px;
  left: 11px;
}
.buttons-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.buttons-group.centered {
  display: flex;
  justify-content: center;
}
section .buttons-group {
  margin-top: 40px;
}
@media (max-width: 480px) {
  section .buttons-group {
    flex-direction: column;
    align-items: center;
    display: flex;
  }
}
.acc_item {
  border-bottom: 1px solid #dcdcdc;
}
.acc_title {
  font: 20px/28px "tahoma-bold";
  padding: 12px 0;
  position: relative;
  color: #1d1d1b;
  cursor: pointer;
  transition: 300ms ease all;
}
.acc_title:not(.acc-no-content)::before {
  font-family: "icomoon" !important;
  content: "";
  position: absolute;
  color: #67b142;
  top: 22px;
  right: 0;
  line-height: 24px;
}
.acc_title.open {
  padding-bottom: 5px;
}
.acc_title.open::before {
  margin-top: 0;
  transform: rotate(180deg);
}
.acc_content {
  display: none;
  color: #717171;
}
.acc_content p {
  margin-bottom: 20px;
  line-height: 23px;
}
#functionalityModal .accordeon .accordeon-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ededed;
  padding-block: 16px;
}
#functionalityModal .accordeon .accordeon-header .accordeon-header-icon {
  display: flex;
  align-items: center;
}
#functionalityModal .accordeon .accordeon-header .accordeon-header-icon .icon {
  font-size: 24px;
  margin-right: 10px;
}
#functionalityModal .accordeon .accordeon-header.active-accordeon {
  border-color: rgba(0, 0, 0, 0);
}
#functionalityModal .accordeon .accordeon-header.active-accordeon > .icon {
  transform: rotate(180deg);
}
#functionalityModal .accordeon .accordeon-body {
  display: none;
  border: 1px solid #ededed;
  border-radius: 18px;
  padding: 0 16px;
}
#functionalityModal .accordeon .accordeon-body li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dashed #ededed;
  padding: 16px 0;
  gap: 20px;
  position: relative;
}
#functionalityModal .accordeon .accordeon-body li::after {
  content: "";
  width: 100px;
  height: 18px;
  background: var(--wpr-bg-7b3828f9-6d2f-440d-82d7-eade908271df) no-repeat right
    center;
  background-size: 18px;
  min-width: 18px;
}
#functionalityModal .accordeon .accordeon-body li:last-of-type {
  border: none;
}
#functionalityModal .accordeon .accordeon-body li .pill {
  position: absolute;
  right: 0;
  padding-block: 4px;
  color: #67b142;
}
.onglets-component .onglet-pill {
  display: inline-block;
  border: 1px solid rgba(167, 167, 167, 0.5019607843);
  padding: 3px 14px;
  border-radius: 50px;
  margin-block: 4px;
  cursor: pointer;
}
.onglets-component .onglet-pill .onglet-title--icon {
  color: #67b142;
  vertical-align: middle;
  font-size: 22px;
  margin: -5px 1px 0 0;
}
.onglets-component .onglet-pill.active {
  border-color: #222;
  background-color: #222;
  color: #fff;
}
.onglets-component .onglet-pill.bg-white {
  border-color: #fff;
}
.onglets-component .onglet-pill.bg-white i {
  color: #222;
}
.onglets-component .onglet-pill:hover {
  background-color: #222;
  color: #fff;
}
.onglets-component .onglet-pill:hover .onglet-title--icon {
  color: #67b142;
}
.onglets-component .onglet-contents .onglet-content--item .grid {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 88px;
}
@media (max-width: 1024px) {
  .onglets-component .onglet-contents .onglet-content--item .grid {
    display: flex;
    flex-direction: column-reverse;
    gap: 0;
  }
}
.onglets-component .onglet-contents .onglet-content--item .media .icon {
  font-size: 30px;
  color: #67b142;
}
.onglets-component.left-side-navigation {
  display: flex;
}
.onglets-component.left-side-navigation > .onglet-navigations {
  border-right: 1px solid #ededed;
  padding-right: 16px;
  flex-basis: auto;
}
.onglets-component.left-side-navigation > .onglet-navigations .onglet-pill {
  min-width: 200px;
  display: block;
  text-align: left;
  padding: 14px 16px;
  border-radius: 12px;
  border: none;
}
.onglets-component.left-side-navigation
  > .onglet-navigations
  .onglet-pill
  .onglet-title--icon {
  color: #646464;
}
.onglets-component.left-side-navigation
  > .onglet-navigations
  .onglet-pill.active {
  background-color: #e7f3e1;
  color: #646464;
}
.onglets-component.left-side-navigation
  > .onglet-navigations
  .onglet-pill.active
  .onglet-title--icon {
  color: #67b142;
}
.onglets-component.left-side-navigation
  > .onglet-navigations
  .onglet-pill:hover {
  background-color: #e7f3e1;
  color: #646464;
}
.onglets-component.left-side-navigation
  > .onglet-navigations
  .onglet-pill:hover
  .onglet-title--icon {
  color: #67b142;
}
.onglets-component.left-side-navigation > .onglet-contents {
  padding-left: 60px;
  flex-grow: 1;
  flex-basis: max-content;
}
@media (max-width: 1024px) {
  .onglets-component.left-side-navigation {
    display: block;
  }
  .onglets-component.left-side-navigation .onglet-navigations {
    display: flex;
    flex-wrap: wrap;
    border-right: 0;
    padding: 0;
    justify-content: space-between;
  }
  .onglets-component.left-side-navigation .onglet-navigations .onglet-pill {
    min-width: inherit;
  }
  .onglets-component.left-side-navigation .onglet-contents {
    padding-left: 0;
  }
}
#join-us .ratings .rate {
  padding: 24px;
}
#join-us .ratings .rate img {
  max-height: 68px;
}
#chiffres-cles .section-heading {
  margin-bottom: 95px;
}
#chiffres-cles .chiffres {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  color: #fff;
  background-color: #67b142;
  font-size: 20px;
  font-family: "tahoma-bold";
  text-align: center;
  line-height: 90px;
  margin: -85px auto 30px;
}
#chiffres-cles .desc {
  text-align: center;
  margin: 0;
}
#abonnement .octo-pricetable {
  display: grid;
  grid-template-columns: 20% 1fr;
  font-size: 14px;
}
#abonnement .octo-pricetable .octo-pricetable-heading {
  padding-top: 68px;
}
#abonnement
  .octo-pricetable
  .octo-pricetable-heading
  .octo-pricetable--heading-item {
  color: #222;
}
#abonnement
  .octo-pricetable
  .octo-pricetable-heading
  .octo-pricetable--heading-item
  .sub-heading
  > div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#abonnement .octo-pricetable .octo-pricetable-heading .box {
  display: grid;
}
#abonnement .octo-pricetable .octo-pricetable-columns {
  display: flex;
  flex-wrap: wrap;
}
#abonnement .octo-pricetable .octo-pricetable-columns .line-number-1 p {
  margin-bottom: 0;
}
#abonnement .octo-pricetable .octo-pricetable-columns .pack {
  border: 1px solid #67b142;
  border-right: 0;
  flex: 0 0 25%;
  max-width: 25%;
  text-align: center;
}
#abonnement .octo-pricetable .octo-pricetable-columns .pack:first-of-type {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
#abonnement .octo-pricetable .octo-pricetable-columns .pack:last-of-type {
  border-right: 1px solid #67b142;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
#abonnement
  .octo-pricetable
  .octo-pricetable-columns
  .pack
  .box
  .sub-heading
  > div {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#abonnement
  .octo-pricetable
  .octo-pricetable-columns
  .pack
  .box.pack-row-tarifs
  .ssstile {
  align-self: self-start;
}
#abonnement
  .octo-pricetable
  .octo-pricetable-columns
  .pack
  .box.pack-row-tarifs
  .link {
  align-self: self-end;
}
#abonnement .octo-pricetable .octo-pricetable-columns .pack .heading {
  color: #222;
  text-align: center;
  padding: 20px;
}
#abonnement .octo-pricetable .octo-pricetable-columns .pack ul {
  text-align: left;
  padding-inline: 20px;
}
#abonnement .octo-pricetable .octo-pricetable-columns .pack ul li {
  list-style: disc;
}
#abonnement
  .octo-pricetable
  .octo-pricetable-columns
  .pack
  .title-hide-on-desktop {
  display: none;
  font-size: 14px;
  margin: 0;
}
#abonnement .octo-pricetable .octo-pricetable-columns .pack .hidden-heading {
  opacity: 0;
  margin: 0;
}
#abonnement .octo-pricetable .box {
  border-top: 1px solid #ededed;
  padding-block: 15px;
  padding-inline: 20px;
  color: #222;
  display: grid;
  align-items: center;
}
#abonnement .octo-pricetable .box h4 {
  color: #67b142;
  margin-bottom: 0;
  font-size: 16px;
}
#abonnement .octo-pricetable .box small {
  font-size: 12px;
  color: #646464;
  line-height: 19px;
}
#abonnement .octo-pricetable .box a {
  color: #67b142;
  text-decoration: underline;
}
#abonnement .octo-pricetable .box .bg-light {
  margin-top: 16px;
  margin-inline: -20px;
  margin-bottom: -15px;
  padding: 10px 16px 20px;
}
#abonnement .octo-pricetable .box .bg-light .pill {
  margin-top: 16px;
  display: inline-flex;
  gap: 6px;
  padding: 4px 12px;
  line-height: 18px;
}
#abonnement .octo-pricetable .box .modal-functionnality-toggler {
  margin-top: 15px;
}
#abonnement .octo-pricetable .box .text-muted {
  color: #a7a7a7;
}
#abonnement .octo-pricetable .box:last-of-type {
  border-bottom: 1px solid #ededed;
}
#abonnement .octo-pricetable .sub-heading > div {
  border-bottom: 1px dashed #ededed;
  padding-block: 8px;
  min-height: 44px;
}
#abonnement .octo-pricetable .sub-heading > div:last-of-type {
  border-bottom: none;
}
#abonnement .octo-pricetable .foot {
  padding: 20px;
  border-top: 1px solid #ededed;
}
#abonnement .octo-pricetable .devispersonnalise .box {
  border-bottom: none;
}
#abonnement .octo-pricetable .devispersonnalise .media {
  margin-bottom: 20px;
}
#abonnement .octo-pricetable .devispersonnalise + .foot {
  border: none;
  padding-top: 0;
}
#abonnement .link {
  color: #67b142;
  text-decoration: underline;
}
@media (max-width: 1024px) {
  #abonnement .octo-pricetable {
    display: block;
  }
  #abonnement .octo-pricetable .octo-pricetable-heading {
    display: none;
  }
  #abonnement .octo-pricetable .octo-pricetable-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
  #abonnement .octo-pricetable .octo-pricetable-columns .pack {
    border: 1px solid #ededed !important;
    border-radius: 16px;
    max-width: 100%;
    overflow: hidden;
  }
  #abonnement .octo-pricetable .octo-pricetable-columns .pack .hidden-heading {
    opacity: 1;
  }
  #abonnement
    .octo-pricetable
    .octo-pricetable-columns
    .pack
    .title-hide-on-desktop {
    display: block;
  }
}
@media (max-width: 768px) {
  #abonnement .octo-pricetable .octo-pricetable-columns {
    grid-template-columns: 1fr;
  }
  #abonnement .octo-pricetable .octo-pricetable-columns .pack .heading {
    background-color: #67b142;
    color: #fff;
    text-align: left;
    cursor: pointer;
    position: relative;
    font-size: 18px;
  }
  #abonnement .octo-pricetable .octo-pricetable-columns .pack .heading::after {
    content: "";
    width: 50px;
    height: 100%;
    background: var(--wpr-bg-f2369a16-3665-4edb-af17-8ad584e8ec0c) no-repeat
      center center;
    position: absolute;
    right: 0;
    top: 0;
    background-size: 16px;
    filter: invert(1) brightness(2);
    transform: rotate(180deg);
  }
  #abonnement
    .octo-pricetable
    .octo-pricetable-columns
    .pack
    .heading.active::after {
    transform: rotate(0);
  }
  #abonnement .octo-pricetable .octo-pricetable-columns .pack .box {
    padding: 0 24px 24px;
    gap: 10px;
  }
  #abonnement
    .octo-pricetable
    .octo-pricetable-columns
    .pack
    .box
    .title-hide-on-desktop {
    background-color: #f3f9f0;
    padding: 5px 0;
    margin: 0 -24px 16px;
  }
  #abonnement
    .octo-pricetable
    .octo-pricetable-columns
    .pack
    .box
    .sub-heading
    > div {
    height: auto !important;
    padding: 0 0 20px;
    display: block;
  }
  #abonnement
    .octo-pricetable
    .octo-pricetable-columns
    .pack
    .box
    .hidden-heading {
    background-color: #222;
    padding: 16px;
    color: #fff;
    margin: 0 -24px;
  }
  #abonnement
    .octo-pricetable
    .octo-pricetable-columns
    .pack
    .box[class*="pack-row-"] {
    gap: 0;
  }
}
.modal {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  padding: 24px;
}
.modal .modal-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.modal .modal-inner .modal-inner-container {
  background-color: #fff;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background-clip: padding-box;
  padding: 40px;
  width: 100%;
  max-width: 720px;
  max-height: 600px;
  overflow: auto;
}
.modal .modal-inner .modal-inner-container .modal-entry-header {
  position: relative;
}
.modal .modal-inner .modal-inner-container .modal-entry-header .modal-close {
  position: absolute;
  top: 3px;
  right: 0;
}
@media (max-width: 1024px) {
  .modal .modal-inner .modal-inner-container .modal-entry-header .modal-close {
    top: -15px;
    right: -15px;
  }
}
.modal .modal-inner .modal-inner-container .modal-entry-header .searchfield {
  position: relative;
}
.modal
  .modal-inner
  .modal-inner-container
  .modal-entry-header
  .searchfield
  .icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
}
@media (max-width: 1024px) {
  .modal .modal-inner .modal-inner-container {
    padding: 20px;
    min-width: 100%;
    max-width: 90%;
  }
}
.field input {
  border: 1px solid #ededed;
  border-radius: 10px;
  padding: 16px;
  width: 100%;
  background-color: #f8f8f8;
}
.field.search-field input:not([type="submit"]) {
  background: var(--wpr-bg-5b00f89e-e403-4fd8-9bf1-1357b3e49c05) no-repeat left
    11px top 12px;
  background-size: 17px;
  border: 1px solid #ededed;
  border-radius: 10px;
  padding: 16px;
  width: 100%;
  background-color: #f8f8f8;
  max-height: 45px;
  padding-left: 40px;
}
.header {
  width: 100%;
  z-index: 50;
  background: #fff;
}
.header .container {
  max-width: 1800px;
  width: 100%;
  padding: 0 40px;
}
.header__nav {
  align-items: center;
}
.header__nav--menu > ul {
  display: flex;
  gap: 35px;
}
.header__nav--menu > ul > li {
  position: relative;
}
.header__nav--menu > ul > li.menu-item-has-children {
  padding-right: 15px;
}
.header__nav--menu > ul > li.menu-item-has-children::after {
  content: "";
  position: absolute;
  right: -7px;
  top: 50%;
  background: var(--wpr-bg-75eb2103-c38e-4471-84b8-566382cc27d8) no-repeat
    center;
  width: 12px;
  height: 8px;
  margin-top: -4px;
}
.header__nav--menu > ul > li.current-menu-item > a,
.header__nav--menu > ul > li.current-menu-ancestor > a {
  font-family: "tahoma-bold";
  color: #67b142;
}
.header__nav--menu > ul > li.current-menu-item::after,
.header__nav--menu > ul > li.current-menu-ancestor::after {
  border-color: #67b142 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.header__nav--menu > ul > li.current-menu-item::before,
.header__nav--menu > ul > li.current-menu-ancestor::before {
  width: 65px;
}
.header__nav--menu > ul > li > a {
  font: 16px/72px "tahoma-reg";
  display: block;
  color: #646464;
}
.header__nav--menu > ul > li.hide-on-desktop {
  display: none;
}
@media (max-width: 680px) {
  .header__nav--menu > ul > li.hide-on-desktop {
    display: block;
  }
  .header__nav--menu > ul > li.hide-on-desktop a {
    background-color: #67b142;
    text-align: center;
    font: 16px/50px "tahoma-bold";
    color: #fff;
  }
}
.header__nav--menu .sub-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -125px;
  z-index: 50;
  width: 250px;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 300ms;
  box-shadow: 0 20px 105px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding-block: 10px;
  border-radius: 10px;
}
.header__nav--menu .sub-menu li a {
  display: block;
  font: 16px/25px "tahoma-reg";
  background-color: #fff;
  padding: 14px 20px;
  border-top: 1px solid #f8f8f8;
}
.header__nav--menu .sub-menu li.current-menu-item > a {
  background-color: #e5fde1;
  color: #67b142;
  font-family: "tahoma-bold";
}
.header__nav--menu .sub-menu li:first-of-type > a {
  border-top: none;
}
.header__nav--right {
  position: relative;
}
.header__nav--right > a:not(.simple-btn) {
  font-family: "tahoma-bold";
  color: #67b142;
  margin-inline-end: 7px;
  margin-inline-start: 6px;
}
.header__nav--right > .simple-btn {
  line-height: 44px;
  min-width: inherit;
}
.header__nav--right .menu_tel {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  margin: 0 7px;
}
.header__nav--right .menu_tel span {
  display: block;
  width: 19px;
  height: 19px;
  text-transform: uppercase;
  position: relative;
  transition: all 300ms ease;
  cursor: pointer;
}
.header__nav--right .menu_tel span::before {
  content: "";
  position: absolute;
  left: 0;
  width: 19px;
  height: 19px;
  top: 50%;
  margin-top: -9px;
  background: var(--wpr-bg-550f2798-f320-496b-b356-119337292475) no-repeat left
    center;
  background-size: 100%;
}
.header__nav--right .menu_tel__list {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -85px;
  z-index: 50;
  width: 170px;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 300ms;
  box-shadow: 0 20px 105px rgba(0, 0, 0, 0.1);
}
.header__nav--right .menu_tel__list li a {
  display: inline-flex;
  align-items: center;
  font: 14px/40px "tahoma-reg";
  background-color: #fff;
  padding: 0 15px;
  width: 100%;
}
.langue {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  padding: 0 12px;
  text-transform: uppercase;
}
.langue img {
  width: 20px !important;
  height: 20px !important;
  border-radius: 50%;
  margin-right: 6px;
  display: block;
}
.langue::before,
.langue::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 0;
  width: 1px;
  height: 14px;
  background-color: #ededed;
}
.langue::before {
  right: inherit;
  left: 0;
}
.langue span {
  display: inline-flex;
  align-items: center;
  line-height: 40px;
  position: relative;
  padding-right: 14px;
  transition: all ease 300ms;
}
.langue span::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 4px 0 4px;
  border-color: #20201e rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.langue_list {
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -25px;
  z-index: 50;
  width: 65px;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 300ms;
  box-shadow: 0 20px 105px rgba(0, 0, 0, 0.1);
}
.langue_list li a {
  display: inline-flex;
  align-items: center;
  font: 14px/40px "tahoma-reg";
  background-color: #fff;
  text-align: center;
  width: 100%;
  padding: 0 10px;
}
.custom-logo-link {
  display: block;
  width: 185px;
}
.custom-logo-link img {
  width: 100%;
  height: auto;
}
.submenu-container .wp-block-pages-list__item {
  margin: 0;
}
.marquee-info {
  background-color: #222;
  padding: 12px 40px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.marquee-info > strong {
  flex: 0 0 auto;
}
.marquee-info p {
  margin: 0;
}
.marquee-info .btn {
  font-size: 14px;
  line-height: 1.3;
  padding: 8px 20px;
  min-width: 125px;
}
@media (max-width: 768px) {
  .marquee-info {
    gap: 5px;
    margin-bottom: 14px;
    padding: 10px 16px;
    font-size: 14px;
  }
  .marquee-info > span {
    display: none;
  }
  .marquee-info > marquee {
    max-width: inherit;
    font-size: 14px;
  }
}
[class*="banner-"] {
  padding-block: 80px;
}
[class*="banner-"] :last-child {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  [class*="banner-"] {
    padding-block: 40px;
    padding-inline: 16px;
  }
}
.banners {
  background: var(--wpr-bg-ec539f3c-ee1a-4eac-9308-b291c119cd18) no-repeat
    center;
  background-size: cover;
}
.banners .banner-content > h1,
.banners .banner-content h2,
.banners .banner-content p {
  margin-bottom: 0;
}
.banners .banner-content > p {
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .banners .banner-content > p {
    margin-top: 16px;
  }
}
.banners .banner-content > .btn__primary {
  margin-top: 50px;
}
@media (max-width: 1024px) {
  .banners .banner-content > .btn__primary {
    margin-top: 24px;
  }
}
.banner-home .flex-between {
  align-items: center;
}
.banner_titre {
  max-width: 430px;
}
.banner_titre h1 {
  margin-bottom: 25px;
}
.banner_image {
  margin-right: -70px;
  margin-bottom: -40px;
  width: calc(100% - 430px);
}
.banner_image img {
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}
.banner-page {
  font-size: 18px;
  line-height: 30px;
}
.banner-pageniv2 .flex-wbtn {
  flex-wrap: wrap;
  gap: 20px 10px;
}
.banner-pageniv2 .icone img {
  display: block;
  width: 125px;
  height: auto;
  margin-right: 75px;
}
.banner-pageniv2 .texte {
  width: 50%;
}
.banner-pageniv2 .texte h1 {
  margin-bottom: 0;
}
.banner-pageniv3 .grid-50 {
  gap: 60px;
}
.banner-pageniv3 .texte {
  padding-left: 50px;
}
.banner-recrutement {
  font-size: 18px;
  line-height: 30px;
}
.banner-recrutement h1 {
  margin-bottom: 15px;
}
.banner-cat .container {
  padding: 0 0 190px;
}
.banner-single .container {
  padding: 30px 0 220px;
}
.banner-single .container.no-media--header {
  padding-bottom: 25px;
}
.banner-pagesimple .container {
  padding: 40px 0 250px;
}
.banner-pagesimple h1 {
  margin-bottom: 0;
}
.banner-edc .grid-custom-400 {
  gap: 50px;
}
.banner-edc .image {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px;
}
.banner-edc .image img {
  max-height: 100%;
  width: auto;
  height: auto;
}
.banner-integration .techno {
  text-align: center;
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #cdcdcd;
}
.banner-integration .techno img {
  margin: 0 auto 15px;
  max-height: 100px;
}
.banner-integration .grid-50 {
  gap: 70px;
  align-items: center;
}
.banner-integration .grid-50 h2 {
  padding-right: 100px;
  margin-bottom: 0;
}
.banner-modelesms .container {
  padding-bottom: 120px;
}
.banner-modelesms .flex-center-h {
  flex-wrap: wrap;
}
.banner-tarif {
  font-size: 18px;
  line-height: 30px;
}
.banner-tarif .container {
  padding: 0 0 100px;
}
.banner-tarifint {
  font-size: 18px;
  line-height: 30px;
}
.banner-tarifint .container {
  padding: 50px 0 300px;
}
.banner-tarifint h1 {
  margin-bottom: 0;
}
.listing-blog {
  margin-bottom: 80px;
}
.listing-blog .grid-33 {
  gap: 30px;
}
.listing-blog .stitle {
  margin-bottom: 40px;
}
.listing-egs .stitle {
  text-align: center;
  margin-bottom: 30px;
}
.listing_item {
  position: relative;
  background-color: #fff;
  width: 380px;
  padding: 30px;
  border-radius: 20px 20px 20px 0;
  box-shadow: 10px 20px 70px rgba(0, 0, 0, 0.06);
}
.listing_item p,
.listing_item ul {
  min-height: 60px;
  margin-bottom: 10px;
}
.listing-contact .grid-50 {
  gap: 55px;
  margin-bottom: 55px;
}
.listing-contact .grid-50 p a {
  display: inline-block;
  margin-top: 15px;
}
.listing-contact .listing_item {
  width: 100%;
  padding: 40px;
}
.listing-contact .grid-auto {
  grid-template-columns: auto 1fr;
  gap: 30px;
}
.listing-contact .texte ul {
  padding-left: 0;
}
.listing-edc .grid-50 {
  gap: 30px;
}
.listing-edc .listing_item {
  width: 100%;
  padding: 40px 50px 110px;
}
.listing-edc .flex-between {
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 20px;
}
.listing-edc .flex-between .sstitle {
  width: calc(100% - 160px);
  margin-bottom: 0;
}
.listing-edc .logo img {
  max-width: 140px;
  max-height: 50px;
  width: auto;
  height: auto;
}
.listing-edc .btn__plus {
  position: absolute;
  bottom: 38px;
  left: 50px;
}
.listing-edc.egs .stitle {
  margin-bottom: 40px;
}
.listing-model {
  gap: 20px;
}
.listing_modelsms {
  border: 1px solid #e6e6e6;
  border-radius: 15px;
  padding: 0 25px;
  color: #646464;
}
.listing_modelsms .head {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 13px;
  border-bottom: 1px solid #e6e6e6;
  padding: 15px 0 5px;
  margin-bottom: 15px;
}
.listing_modelsms .icone {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #e6e6e6;
}
.listing_modelsms p a {
  border-bottom: 0;
}
.listing_modelsms .foot {
  margin-top: 20px;
  border-top: 1px solid #e6e6e6;
  padding: 15px 0;
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  gap: 10px 40px;
}
.listing-pack {
  display: grid;
  gap: 30px;
  justify-content: center;
  text-align: center;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
  .listing-pack {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .listing-pack {
    grid-template-columns: 1fr;
  }
}
.tags {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 10px;
}
.tags a {
  color: #67b142;
  padding: 0 15px;
  background-color: #ecf3eb;
  border-radius: 13px;
  font: 14px/25px "tahoma-reg";
}
.send {
  display: inline-block;
}
.send::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 16px;
  vertical-align: middle;
  background: var(--wpr-bg-e5187f2e-a6a3-4e43-8803-daa520106ea8) no-repeat
    center;
  filter: grayscale(1);
  margin-right: 8px;
}
.copy {
  display: inline-block;
}
.copy::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 16px;
  vertical-align: middle;
  background: var(--wpr-bg-a7d66e23-e13c-44f2-a08f-fd2a3295d834) no-repeat
    center;
  filter: grayscale(1);
  margin-right: 8px;
}
.article {
  padding: 0;
  overflow: hidden;
  width: 100%;
}
.article img {
  width: 100%;
  height: 190px;
  object-fit: cover;
  transition: filter 300ms ease;
}
.article .texte {
  background-color: #fff;
  padding: 25px 30px;
}
.article .ssstitle {
  line-height: 25px;
  margin-bottom: 20px;
}
.article .texte::after {
  content: "";
  display: table;
  clear: both;
}
.article .btn__lireplus {
  float: right;
}
[class^="listing"] .flex-wrap {
  gap: 30px;
}
.ic_titre {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}
.ic_titre .icone img {
  max-height: 50px;
  width: auto;
}
.icone.shadow img {
  filter: drop-shadow(0 10px 15px rgba(0, 0, 0, 0.1));
}
.types h2 {
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
}
.types_list {
  position: relative;
  z-index: 10;
}
.types_list > div {
  display: grid;
  grid-template-columns: 54px 1fr;
  align-items: center;
  gap: 25px;
  line-height: 23px;
  margin-bottom: 15px;
}
.types_list .texte {
  position: relative;
  padding: 15px 20px 15px;
  border-radius: 20px 20px 20px 0;
  z-index: 20;
}
.types_list .texte .sstitle {
  margin-bottom: 0;
}
.types_list .texte span {
  display: inline-block;
  margin-bottom: 7px;
}
.bg_smart {
  position: relative;
  z-index: 20;
  min-height: 850px;
}
.bg_smart.min {
  max-width: 375px;
}
.bg_smart.min::after {
  background-size: contain;
}
.bg_smart.min > div::before {
  bottom: 60px;
}
.bg_smart::after {
  content: "";
  position: absolute;
  font-size: 0;
  line-height: 0;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  background: var(--wpr-bg-8faea30b-395e-423d-929d-8e9f48db3d2f) no-repeat
    center;
  width: calc(100% + 100px);
  height: 65px;
}
.bg_smart > div {
  position: relative;
  padding: 100px 50px 75px 60px;
  max-width: 520px;
  background: var(--wpr-bg-af4b3897-b27e-438c-a32e-4f899cb31cc8) no-repeat top
      center/contain,
    var(--wpr-bg-27503203-83f7-443a-a89c-de68952ad979) no-repeat bottom
      center/contain;
  z-index: 10;
  height: 100%;
}
.bg_smart > div > * {
  position: relative;
  z-index: 10;
}
.bg_smart > div::before {
  content: "";
  position: absolute;
  top: 200px;
  bottom: 80px;
  left: 0;
  right: 0;
  background: var(--wpr-bg-b8349d6d-691d-4283-be7e-cd8083476b63) repeat-y top
    center/contain;
}
.bg_smart > div h3 {
  text-align: center;
  color: #67b142;
  font-size: 34px;
  line-height: 40px;
  margin-bottom: 65px;
}
.bg_smart > div h3::after {
  content: url(../../../../../../../../../../../themes/octopush/img/after_title.svg);
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: auto;
}
.bg_smart > div.right {
  padding-left: 50px;
}
.bg_smart > div.right .types_list > div {
  grid-template-columns: 75px 1fr;
  gap: 10px;
}
.api .grid-50 {
  align-items: center;
}
.api .texte {
  padding-left: 45px;
  max-width: 465px;
  margin: 0 auto;
  font-size: 22px;
  line-height: 26px;
}
.api .texte img {
  margin-bottom: 10px;
}
.api .texte .btn__secondary {
  margin-top: 10px;
}
.logo-star {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.logo-star > div {
  position: relative;
  background-color: rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 12px;
}
.logo-star img {
  margin: 0 auto;
}
.logo-star:not(.white) > div:first-child::after {
  content: "";
  position: absolute;
  right: -35px;
  width: 1px;
  height: 55px;
  top: 50%;
  margin-top: -27px;
  background-color: #e6e6e6;
}
.logo-star.white > div:first-child img {
  height: 35px;
}
.logo-star.white > div:last-child img {
  width: 120px;
}
.logo-star.white .img {
  min-height: 35px;
  display: grid;
  align-items: center;
  margin-bottom: 20px;
}
.logo-star.white img {
  filter: brightness(0) invert(1);
}
.logo-star .note {
  text-align: center;
  margin-top: 5px;
}
.etoiles {
  position: relative;
  width: 100px;
  height: 17px;
  display: block;
  margin: 0;
  margin-inline: auto;
}
.etoiles .stars {
  height: 17px;
  background: var(--wpr-bg-c536ec17-6b91-4341-8631-6fd0cc675870) no-repeat;
}
.plateforme .grid-50 {
  align-items: center;
}
.plateforme .texte {
  padding-right: 60px;
  font-size: 18px;
  line-height: 30px;
}
.plateforme .texte p {
  max-width: 405px;
}
.plateforme .texte .btn__primary {
  margin-top: 20px;
}
.plateforme_list {
  display: grid;
  gap: 12px;
}
.plateforme_list > a {
  display: block;
  padding: 20px 30px 20px 90px;
  border-radius: 20px 20px 20px 0;
  background: no-repeat left 25px center #fff;
  width: calc(100% - 30px);
  margin-left: 30px;
}
.plateforme_list .sstitle,
.plateforme_list p {
  margin-bottom: 0;
}
.plateforme_list .plateforme_sms {
  background-image: var(--wpr-bg-2c90d08b-78bb-4c96-a06f-632b2b5868d5);
}
.plateforme_list .plateforme_whatsapp {
  background-image: var(--wpr-bg-de116b9f-7ab6-425a-bc0c-ab94f621bc74);
}
.plateforme_list .plateforme_messenger {
  background-image: var(--wpr-bg-23e43ad1-cc97-4c19-a28b-e4eba3863d07);
}
.plateforme_list .plateforme_rcs {
  background-image: var(--wpr-bg-7ab9fb29-d0e9-4eb6-aac5-8c61020d9605);
}
.plateforme_list .plateforme_numvirtuel {
  background-image: var(--wpr-bg-125b0d57-cab6-4595-9ba1-c022e564e438);
}
.integration .grid-50 {
  align-items: center;
}
.integration .texte {
  padding-right: 120px;
  font-size: 22px;
  line-height: 26px;
}
.integration .texte p {
  margin-bottom: 30px;
}
.integration .texte img {
  margin-bottom: 20px;
}
.integration .image img {
  margin: auto;
}
.custom-marge-sp img {
  margin-bottom: 20px;
}
.custom-marge-sp h2 {
  margin-bottom: 0;
}
.specification {
  padding: 30px 40px;
}
.specification .acc_item:last-child {
  border-bottom: 0;
}
.specification .acc_title:not(.acc-no-content) {
  padding-left: 30px;
}
.specification .acc_title:not(.acc-no-content)::before {
  left: 0;
}
.specification .acc_title:not(.acc-no-content).open {
  color: #67b142;
}
.specification .acc_title:not(.acc-no-content).open::before {
  filter: brightness(1);
}
.atouts {
  gap: 35px;
  text-align: center;
}
.atouts img {
  margin: 0 auto 30px;
}
.atouts .listing_item {
  padding: 45px 40px 60px;
  width: 100%;
  transition: box-shadow ease-in-out 300ms;
}
.atouts .sstitle {
  font-family: "tahoma-bold";
}
.bg-group {
  display: grid;
  gap: 1px;
  margin-bottom: 30px;
}
.bg-group .group_item {
  padding: 30px 40px;
}
.bg-group .group_item p {
  margin-bottom: 10px;
}
.bg-group .group_item:first-child {
  background-color: #e7e7e7;
}
.bg-group .group_item:nth-child(2) {
  background-color: #dedede;
}
.bg-group .group_item:nth-child(3) {
  background-color: #d4d4d4;
}
.list_links {
  margin-top: 40px;
  gap: 15px 60px;
}
.list_links a {
  position: relative;
  z-index: 10;
  display: grid;
  align-items: center;
  min-height: 85px;
  background-color: #fff;
  padding: 10px 50px 10px 60px;
  font: 18px/24px "tahoma-bold";
  border-radius: 20px 20px 20px 0;
}
.list_links a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 30px;
  width: 15px;
  height: 15px;
  margin-top: -7px;
  background: var(--wpr-bg-9d3c490e-bdb6-433b-932c-9e4cbbfbfa2e) no-repeat
    center;
}
.edc {
  padding: 50px 50px 60px;
}
.edc .image {
  margin-bottom: 20px;
}
.edc .image img {
  width: auto;
  max-height: 80px;
}
.edc p {
  font-size: 18px;
  line-height: 30px;
  color: #222;
}
.edc p strong {
  color: #222;
}
.faq .stitle {
  text-align: center;
  margin-bottom: 50px;
}
@media (max-width: 1024px) {
  .faq .stitle {
    margin-bottom: 40px;
  }
}
.faq .grid-50 {
  gap: 0 40px;
}
.faq .acc_item:first-child {
  border-top: 1px solid #dcdcdc;
}
.faq .acc_title {
  font: 18px/24px "tahoma-bold";
  padding: 15px 50px 15px 0;
  min-height: 70px;
  display: grid;
  align-items: center;
  padding-left: 102px;
  position: relative;
}
@media (max-width: 1024px) {
  .faq .acc_title {
    padding-left: 50px;
  }
}
.faq .acc_title > .faq-number {
  position: absolute;
  left: 0;
  top: 22px;
}
.faq .acc_title + .acc_content {
  margin-bottom: 30px;
  padding-left: 102px;
}
@media (max-width: 1024px) {
  .faq .acc_title + .acc_content {
    padding-left: 50px;
  }
}
.faq .acc_container .half-of-content:last-of-type {
  margin-top: -1px;
}
.custom-full-phtx {
  position: relative;
  margin: 0;
}
.custom-full-phtx .photo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
.custom-full-phtx .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.custom-full-phtx .texte {
  position: relative;
  max-width: 600px;
  width: calc(50% - 5vw);
  left: 50%;
  padding: 90px 0 90px 100px;
  margin-right: 5vw;
}
.list-gchiffre .chiffre {
  font: 48px/60px "tahoma-bold";
}
.list_item {
  padding: 20px 0;
  border-bottom: 1px solid #cdcdcd;
}
.list_item:last-child {
  border-bottom: 0;
}
.single h1 {
  font-size: 38px;
  line-height: 50px;
}
.single h2 {
  font-size: 28px;
  line-height: 36px;
}
.single h3 {
  color: #67b142;
}
.single .no-media--content {
  margin-top: 62px;
}
[class^="tel_"] {
  padding-left: 30px;
  background: no-repeat left top 5px/18px;
}
.tel-list {
  gap: 30px 10px;
}
.tel-list p {
  width: fit-content;
  margin: 0 auto;
}
.tel_fr {
  background-image: var(--wpr-bg-2ab880f3-a191-405b-b4a6-6bb0c644eed2);
}
.tel_uk {
  background-image: var(--wpr-bg-306bc158-052a-4fa8-bf0b-d5150ddabedf);
}
.tel_es {
  background-image: var(--wpr-bg-dbff32b0-1e2f-437a-9057-fd62c8874738);
}
.tel_be {
  background-image: var(--wpr-bg-11000ae7-39a6-4395-b87a-2fe209f843c6);
}
.tel_us {
  background-image: var(--wpr-bg-8436b628-36cc-406f-8ac1-be840f4da040);
}
.tel_ch {
  background-image: var(--wpr-bg-5de4c09c-416e-4ac1-bef3-02036e9fb94d);
}
.wp-block-quote {
  position: relative;
  background: linear-gradient(134deg, #55a727, #93cf72);
  color: #fff;
  padding: 30px 150px 30px 270px;
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 30px;
  min-height: 90px;
  border-radius: 20px 20px 20px 0;
}
.wp-block-quote::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 150px;
  width: 65px;
  height: 50px;
  margin: auto;
  filter: brightness(0) invert(1);
  background: var(--wpr-bg-b0f9ddef-c8b4-4a30-9989-55838a083353) no-repeat left
    center/65px;
}
.tab-titre {
  gap: 5px;
  padding: 30px 0;
  flex-wrap: wrap;
}
.tab-titre div {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease;
}
.tab-titre div.active {
  background-color: #67b142;
  color: #fff;
}
.tab-content .grid-50 {
  gap: 80px;
}
.tab-content .sstitle {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e6e6e6;
}
.tab-item {
  margin-bottom: 45px;
}
.tab-left :last-child,
.tab-right :last-child {
  margin-bottom: 0;
}
[id^="tab-"] {
  display: none;
}
.page-simple .sstitle {
  font-family: "tahoma-bold";
}
.atout-int .sstitle {
  margin-bottom: 40px;
}
.atout-int .title {
  color: #67b142;
}
.atout-int h4 {
  max-width: 300px;
  margin: 0 auto;
}
.atout-int .item {
  padding: 10px 20px 0;
}
.atout-int .item:nth-child(2) {
  border: solid #c1c1c1;
  border-width: 0 1px 0 1px;
}
.documentation {
  color: #fff;
  font-size: 22px;
  line-height: 26px;
}
.documentation .left {
  padding-right: 80px;
}
.documentation h2 {
  color: #fff;
  margin-bottom: 0;
}
.documentation .image {
  padding: 35px 65px;
  height: 200px;
}
.documentation .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.documentation .btn__secondary {
  margin-top: 10px;
}
.citation {
  border-radius: 20px 20px 20px 0;
  padding: 30px 70px;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
}
.citation .grid-auto {
  margin-left: 40px;
  grid-template-columns: auto 1fr;
  gap: 20px;
  align-items: center;
}
.citation .grid-auto .nom {
  line-height: 25px;
}
.citation .grid-auto .nom strong {
  display: block;
}
.citation .grid-auto .nom span {
  font-size: 16px;
  font-style: italic;
}
.half-textes {
  gap: 90px;
}
.filtres {
  margin-top: -50px;
  position: relative;
  z-index: 40;
}
.filtres .container {
  padding: 30px;
  border-radius: 15px;
  background-color: #fff;
}
.filtres .grid-custom {
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
}
.custom-select {
  position: relative;
  font-size: 15px;
}
.custom-select .default {
  display: block;
  border-radius: 7px;
  border: 1px solid #ededed;
  padding: 10px 35px 10px 15px;
  line-height: 25px;
  cursor: pointer;
  background: var(--wpr-bg-ef999d1c-618b-4965-b9af-1bff50f63388) no-repeat right
    15px center;
  background-color: #f8f8f8;
}
.custom-select .options {
  position: absolute;
  z-index: 20;
  top: calc(100% + 10px);
  background-color: #fff;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
  width: 100%;
  display: none;
}
.custom-select .options li {
  cursor: pointer;
  padding: 0 15px;
  line-height: 40px;
  border-top: 1px solid #f1f1f1;
}
.custom-select .options li:first-child {
  border-top: 0;
}
.custom-select .options li:hover {
  background-color: #e5fde1;
}
.switcher {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 4px;
  background-color: #ededed;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  background-clip: padding-box;
  cursor: pointer;
}
.switcher input {
  position: absolute;
  width: 0;
  height: 0;
}
.switcher .tab1,
.switcher .tab2,
.switcher .tab3 {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0);
}
.switcher .tab1 {
  font-family: "tahoma-bold";
  background-color: #fff;
  border-color: #000;
  color: #222;
}
.switcher .tab2 {
  color: #222;
}
.switcher .tab3 {
  color: #222;
}

.switcher.checked .tab1 {
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
  font-family: "tahoma-reg";
}
.switcher.checked .tab2 {
  font-family: "tahoma-bold";
  background-color: #fff;
  border-color: #000;
}
.switcher.checked .tab3 {
  font-family: "tahoma-bold";
  background-color: #fff;
  border-color: #000;
}

.switcher.checked .form::before {
  left: 30px;
}
.switcher .form {
  position: relative;
  width: 65px;
  height: 35px;
  border-radius: 18px;
  background-color: #fff;
}
.switcher .form::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 1px;
  width: 33px;
  height: 33px;
  background-color: #67b142;
  border-radius: 50%;
}
.filter-select {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
}
.filter-select .custom-select {
  min-width: 145px;
}
.detail-tarif {
  background-color: #fff;
  border-radius: 15px;
  padding: 0 40px 50px;
}
.grid-custom-table {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid #d1d1d1;
  border-radius: 12px;
  overflow: hidden;
}
.grid-custom-table .head {
  background-color: #ededed;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  font-size: 18px;
  line-height: 22px;
}
.grid-custom-table .content {
  position: relative;
  padding: 20px 10px;
  background-color: #fff;
  min-height: 80px;
}
.num-virto .grid-custom-table {
  margin-bottom: 10px;
}
.num-virto .grid-custom-table .item:not(:last-child) .content::after {
  content: "";
  position: absolute;
  right: 0;
  top: 20px;
  width: 1px;
  height: 40px;
  background-color: #e6e6e6;
}
.num-virto .texte {
  font-size: 18px;
}
.otp {
  text-align: center;
}
.otp .grid-custom-table {
  grid-template-columns: 25% 1fr;
}
.otp .item:last-child {
  text-align: right;
}
.otp .btn_bg_default {
  margin-right: 70px;
}
.abonnement .grid-custom {
  grid-template-columns: 250px 1fr 1fr 1fr 1fr;
  gap: 3px;
}
.abonnement .ssstitle {
  font-size: 18px;
  text-transform: uppercase;
}
.abonnement .labels {
  padding-right: 25px;
}
.abonnement .labels ul li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 8px;
}
.abonnement .labels ul li::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #67b142;
  border-radius: 50%;
}
.abonnement .labels .nth-2 {
  align-items: start;
}
.abonnement .labels .item.nth-5 {
  border-bottom: 0;
}
.abonnement .labels > .ssstitle,
.abonnement .listing_offres > .ssstitle {
  line-height: 65px;
  border-bottom: 1px solid #e6e6e6;
}
.abonnement .labels .item,
.abonnement .listing_offres .item {
  border-bottom: 1px solid #e6e6e6;
}
.abonnement .listing_offres {
  text-align: center;
  padding: 0 15px;
  border-radius: 12px;
  border: 1px solid #d6d6d6;
  font-size: 0;
}
.abonnement .listing_offres .item > div {
  line-height: 27px;
}
.abonnement .listing_offres .item strong,
.abonnement .listing_offres .item span,
.abonnement .listing_offres .item img {
  font-size: 16px;
  line-height: 25px;
  display: inline-block;
  vertical-align: middle;
}
.abonnement .listing_offres:nth-of-type(2) {
  background-color: #fbfbfb;
}
.abonnement .listing_offres:nth-of-type(3) {
  background-color: #f7f7f7;
}
.abonnement .listing_offres:nth-of-type(4) {
  background-color: #f0f0f0;
}
.abonnement .listing_offres:nth-of-type(5) {
  background-color: #eaeaea;
}
.abonnement .listing_offres .nth-3,
.abonnement .listing_offres .nth-4,
.abonnement .listing_offres .nth-5 {
  margin-top: 38px;
}
.abonnement .listing_offres .nth-3 > div,
.abonnement .listing_offres .nth-4 > div,
.abonnement .listing_offres .nth-5 > div {
  margin-bottom: 8px;
}
.abonnement .listing_offres .nth-3 > div img,
.abonnement .listing_offres .nth-4 > div img,
.abonnement .listing_offres .nth-5 > div img {
  display: inline-block;
}
.abonnement .listing_offres .nth-5 .otp {
  min-height: 54px;
}
.abonnement .nth-2 {
  padding: 10px 0;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  min-height: 175px;
  font-size: 16px;
}
.abonnement .nth-2 span {
  display: block;
  line-height: 16px;
  margin-bottom: 15px;
}
.abonnement .nth-2 p {
  max-width: 160px;
  margin: 0 auto;
}
.abonnement .nth-3 .ssstitle,
.abonnement .nth-4 .ssstitle,
.abonnement .nth-5 .ssstitle {
  margin-bottom: 5px;
}
.abonnement .nth-3,
.abonnement .nth-4,
.abonnement .nth-5 {
  padding: 26px 0 30px;
}
.abonnement .pbtn {
  padding: 40px 0;
}
.page-id-212 .ic_titre,
.page-id-22195 .ic_titre,
.page-id-23524 .ic_titre {
  display: block;
}
.page-id-212 .ic_titre .icone,
.page-id-22195 .ic_titre .icone,
.page-id-23524 .ic_titre .icone {
  margin-bottom: 10px;
}
.page-id-20420 td img {
  min-height: inherit;
  vertical-align: middle;
}
.page-id-19436 .banner-pageniv2 .flex-wbtn {
  justify-content: space-between;
}
.texte .cst-accordeon.wp-block-page-list {
  padding: 0;
}
.cst-accordeon.wp-block-page-list .submenu-container {
  display: none;
  clear: both;
  padding: 0;
}
.open-node {
  position: relative;
  right: -12px;
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  float: right;
  font-family: "barlow-bold";
  font-style: normal;
  text-align: center;
  background-color: #55a727;
  cursor: pointer;
}
.open-node.active {
  background-color: #f16335;
}
.open-node::before {
  content: "+";
  font-family: "sans-serif";
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  line-height: 25px;
}
.aligncenter {
  margin-inline: auto;
}
.wp-block-pages-list__item {
  padding: 8px 0 8px 45px !important;
  background-color: #f9f9f9 !important;
  background-position: left 18px top 15px !important;
  margin: 4px 0;
  border-radius: 10px;
}
.wp-block-image + * {
  margin-top: 20px;
}
.wp-block-image img {
  margin: auto;
  object-fit: inherit;
  height: auto;
  min-height: inherit;
}
.wp-block-column .wp-block-image img {
  max-width: 100%;
  width: auto;
  margin: 0 auto;
}
.wp-block-code code {
  background-color: #f8f8f8;
  border: 1px solid #e0e0e0;
  padding: 40px;
}
.wp-block-table td,
.wp-block-table th {
  border: 1px solid #e0e0e0;
  padding: 0.5em;
  text-align: center;
}
.wp-block-media-text {
  gap: 60px;
}
.wp-block-media-text .wp-block-media-text__content {
  padding: 0;
}
@media (max-width: 1024px) {
  .wp-block-media-text {
    display: block;
  }
}
.wp-block-embed__wrapper iframe {
  width: 100%;
}
.wp-block-price-table-block-pricing-table {
  height: 100%;
}
.wp-block-media-text__media img,
.wp-block-media-text__media video {
  max-width: 100%;
  width: auto;
  vertical-align: middle;
  margin-inline: auto;
}
.wp-element-caption {
  text-align: center;
}
.speech-bubble-ds {
  background: #efefef;
  border: 1px solid #a7a7a7;
  border-radius: 4px;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
  font-size: 1.2rem;
  line-height: 1.3;
  margin: 0 auto 40px;
  max-width: 400px;
  padding: 15px;
  position: relative;
}
.speech-bubble-ds p {
  margin-bottom: 10px;
}
.speech-bubble-ds p :last-of-type {
  margin-bottom: 0;
}
td {
  padding: 10px 0;
  border-bottom: 1px solid #ededed;
}
.auto-media figure {
  display: flex;
  justify-content: center;
}
.auto-media figure img {
  width: auto;
  height: auto;
}
img.emoji {
  min-height: inherit;
}
.mytable th,
.mytable td {
  border: none;
}
.bg-semi-grey .wp-block-group__inner-container {
  position: relative;
}
#smsmodel iframe {
  margin-top: 100px;
}
.kt-blocks-info-box-text {
  background: #f9f9f9;
  padding: 24px;
}
.page-template-page-integration .acc_container {
  max-width: 720px;
  margin: 0 auto;
}
.eb-pricing.style-1
  .eb-pricing-item
  .eb-pricing-body
  ul
  li.eb-pricebox-feature-item {
  background: none;
}
.eb-pricebox-icon:not(.fas) {
  display: none;
}
.supported-shop .wp-block-image img {
  height: 50px;
  width: auto;
}
.half-tt {
  align-items: center;
}
.half-tt .titre {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 35px;
  padding-right: 40px;
}
.half-tt .titre img {
  width: 145px;
  height: auto;
}
.half-tt .titre h2 {
  margin-bottom: 0;
}
.half-rm {
  align-items: center;
}
.half-rm .left {
  max-width: 500px;
  padding-right: 40px;
}
.half-rm .left img {
  width: 73px;
  height: auto;
  margin-bottom: 10px;
}
.half-rm .left h2 {
  margin-bottom: 5px;
}
.half-rm .bg-white {
  background-color: #fff;
  border-radius: 20px 20px 20px 0;
  padding: 70px 40px;
  text-align: center;
}
.half-rm .bg-white ul {
  display: inline-block;
  text-align: left;
  font-size: 24px;
  line-height: 30px;
  font-family: "atc arquette medium";
  color: #1d1d1b;
  padding-left: 0;
}
.half-rm .bg-white ul li {
  padding-left: 60px;
}
.half-rm .bg-white ul li:not(:last-child) {
  margin-bottom: 20px;
}
.cwhite,
.cwhite * {
  color: #fff;
}
.list_perso {
  text-align: center;
  gap: 50px 40px;
}
.list_perso .image {
  width: 100%;
  aspect-ratio: 1/1;
  margin-bottom: 30px;
}
.list_perso .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
.list_perso h3 {
  margin-bottom: 0;
  line-height: 28px;
}
.list_perso p {
  margin-bottom: 0;
  color: #979797;
  text-transform: uppercase;
}
.poste_vac {
  max-width: 370px;
  margin: 0 auto;
  text-align: center;
}
.poste_vac .sstitle {
  margin-bottom: 25px;
}
.poste_vac .btn__plus {
  padding-left: 35px;
  padding-right: 65px;
}
.error404 main h1 span {
  font-size: 72px;
  display: block;
  margin-bottom: 20px;
  color: #f16335;
}
.error404 main .container {
  min-height: 400px;
  height: 70vh;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
footer {
  background-color: #000;
  color: #fff;
}
.lien-utile {
  align-items: start;
  gap: 20px;
  padding: 70px 0;
}
.footer_item a {
  color: #fff;
}
.footer_item .social-medias {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 24px;
}
.footer_item .social-medias a {
  text-align: center;
  background-color: #67b142;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: block;
}
.footer_item .social-medias a svg {
  margin: auto;
  display: inline-block;
  vertical-align: middle;
}
.footer_item .sstitle {
  font-size: 18px;
  color: #a4d18e;
  margin-bottom: 24px;
}
.footer_item li {
  margin-bottom: 10px;
}
.footer_item li a {
  color: #fff;
  font-size: 18px;
}
.tel {
  color: #67b142;
  padding-left: 28px;
  background: var(--wpr-bg-dcd6ce14-2ab7-48e8-888f-30bfdbb4204a) no-repeat left
    center;
  filter: brightness(2);
}
.copyright {
  background-color: #111;
  padding: 16px 0;
}
.copyright .flex-between {
  align-items: center;
}
.cpr-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  font-size: 12px;
  line-height: 20px;
}
.footer_menu {
  font-size: 0;
  position: relative;
}
.footer_menu li {
  position: relative;
  margin-left: 20px;
  display: inline-block;
  vertical-align: top;
}
.footer_menu li a {
  font-size: 14px;
  color: #fff;
  display: block;
  line-height: 20px;
}
.footer_menu li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  margin-top: -6px;
  width: 1px;
  height: 12px;
  background-color: #fff;
}
.footer_logos {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 10px;
  align-items: center;
}
.footer-logo {
  margin-bottom: 24px;
}
.isos_footer_logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.border-solid {
  border: 1px solid;
}
.border-solid-top {
  border-top: 1px solid;
}
.border-solid-left {
  border-left: 1px solid;
}
.border-solid-right {
  border-right: 1px solid;
}
.border-solid-bottom {
  border-bottom: 1px solid;
}
.border-primary {
  border-color: #67b142;
}
.border-dark {
  border-color: #222;
}
.border-muted {
  border-color: #ededed;
}
.radius {
  border-radius: 16px;
}
.media-centered > img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.texts-icon-right {
  padding: 24px 0 0;
  display: flex;
}
.texts-icon-right .texts-content {
  margin-inline-start: 18px;
  padding-bottom: 20px;
}
.texts-icon-right .texts-content h4 {
  margin-bottom: 5px;
}
.texts-icon-right .texts-content p:last-of-type {
  margin: 0;
}
.texts-icon-right:first-of-type {
  padding-top: 0;
}
.texts-icon-right:last-of-type .texts-content {
  padding-bottom: 0;
  border-bottom: none;
}
.search {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 12px;
}
.search::after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 0;
  width: 1px;
  height: 14px;
  background-color: #ededed;
}
.search #search-form-toggler {
  margin: 6px 0;
  border: none;
  background: none;
  outline: none;
  width: 17px;
  height: 17px;
  background: var(--wpr-bg-88e4a37c-33f8-47c6-aa98-dcee5c2df25b) no-repeat
    center;
  background-size: contain;
}
#searchform {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 50;
}
#searchform input {
  font-size: 16px;
}
#searchform input:not([type="submit"]) {
  background: var(--wpr-bg-a7622c28-4c02-4c05-b5a4-1914a515abcb) no-repeat left
    11px top 12px;
  background-size: 17px;
  border: 1px solid #ededed;
  border-radius: 10px;
  padding: 16px;
  width: 100%;
  background-color: #f8f8f8;
  max-height: 45px;
  padding-left: 40px;
}
#searchform #search-cancel {
  position: absolute;
  right: 14px;
  top: 10px;
}
.octo-card {
  background-color: #fff;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  background-clip: padding-box;
  padding: 40px;
}
.octo-card.bg-muted {
  background-color: #f8f8f8;
}
.octo-card.bg-light {
  background-color: #f3f9f0;
}
.octo-card.octo-card-illustration--listing .grid {
  display: grid;
  grid-template-columns: 440px 1fr;
}
.octo-card.octo-card-illustration--listing .grid .left {
  padding-right: 40px;
}
.octo-card.octo-card-illustration--listing .grid .right {
  padding-left: 40px;
}
.octo-card.octo-card-illustration--listing .grid.reversed {
  grid-template-columns: 1fr 440px;
}
.octo-card.octo-card-illustration--listing .grid.reversed .left {
  order: 2;
  padding-right: 0;
  padding-left: 40px;
}
.octo-card.octo-card-illustration--listing .grid.reversed .right {
  order: 1;
  padding-right: 40px;
  padding-left: 0;
}
@media (max-width: 1024px) {
  .octo-card.octo-card-illustration--listing .grid {
    display: block;
  }
  .octo-card.octo-card-illustration--listing .grid .left {
    padding-right: 0;
    border-right: none;
  }
  .octo-card.octo-card-illustration--listing
    .grid
    .left
    > div:first-of-type
    .texte {
    margin-top: 24px;
  }
  .octo-card.octo-card-illustration--listing
    .grid
    .left
    > div:first-of-type
    .icon {
    margin-left: 12px;
  }
  .octo-card.octo-card-illustration--listing
    .grid
    .left
    > div:first-of-type
    > div.mb-40 {
    margin-bottom: 0;
  }
  .octo-card.octo-card-illustration--listing .grid .left .illustration {
    margin: 24px 0;
  }
  .octo-card.octo-card-illustration--listing .grid .left .illustration img {
    margin: 0 auto;
  }
  .octo-card.octo-card-illustration--listing .grid .right {
    padding-left: 0;
    margin-top: 24px;
  }
}
.octo-card > .icon + h4 {
  margin-top: 16px;
}
.octo-card .ssstitle {
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .octo-card .ssstitle {
    margin-bottom: 6px;
  }
}
@media (max-width: 1024px) {
  .octo-card {
    padding: 16px;
  }
  .octo-card .octo-card-icon {
    margin-left: 12px;
    margin-bottom: 30px;
  }
  .octo-card .grid-33 {
    display: block;
  }
  .octo-card .grid-33 > div {
    border-right: none;
    border-bottom: 1px solid #ededed;
    padding-block: 20px;
    padding-inline: 16px;
  }
  .octo-card .grid-33 > div .mb-20 {
    margin-bottom: 10px;
  }
  .octo-card .grid-33 > div:last-of-type {
    border-bottom: none;
  }
  .octo-card .grid-33 > div p:last-of-type {
    margin: 0;
  }
}
.pill {
  border-radius: 50px;
  padding: 8px 20px 8px 20px;
}
.product-preview .icon {
  font-size: 24px;
}
.product-preview .titre {
  margin: 9px 0 17px;
}
.product-preview .footer-action {
  text-align: center;
}
.product-preview .footer-action a {
  display: inline-flex;
  align-items: center;
  gap: 17px;
}
.search-results-page-template .product-card {
  position: relative;
  padding-bottom: 90px;
}
.search-results-page-template .product-card .pill {
  padding: 0 12px;
  margin-bottom: 12px;
  display: inline-block;
}
.search-results-page-template .product-card .card-arrow-icon {
  position: absolute;
  bottom: 24px;
  left: 24px;
}
.search-results-page-template .navigation.posts-navigation {
  margin-top: 40px;
}
.search-results-page-template .navigation.posts-navigation .nav-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.slick-slider .slick-dots li {
  line-height: 0;
}
.slick-slider .slick-arrow {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background-color: #222;
  color: #fff;
  font-size: 0;
  position: absolute;
  border: 1px solid #222;
  top: 50%;
  margin-top: -16px;
  z-index: 10;
}
.slick-slider .slick-arrow::after {
  font-family: "icomoon";
  font-size: 14px;
  color: #fff;
}
.slick-slider .slick-arrow.slick-prev {
  left: -43px;
}
.slick-slider .slick-arrow.slick-prev::after {
  content: "";
}
.slick-slider .slick-arrow.slick-next {
  right: -43px;
}
.slick-slider .slick-arrow.slick-next::after {
  content: "";
}
@media (min-width: 1025px) {
  .slick-slider .slick-arrow:hover {
    background-color: #fff;
    color: #222;
    border-color: #ededed;
  }
  .slick-slider .slick-arrow:hover::after {
    color: #222;
  }
}
@media (max-width: 1024px) {
  .slick-slider .slick-arrow {
    top: inherit;
    bottom: 0;
    margin: 0 0 -12px;
  }
  .slick-slider .slick-arrow.slick-next {
    right: 20%;
  }
  .slick-slider .slick-arrow.slick-prev {
    left: 20%;
  }
}
.border-none {
  border: none;
}
.media.media-centered img,
.media.media-centered svg {
  margin: 0 auto;
}
.filtrable-tarifs-table.wp-block-table thead {
  border: none;
}
.filtrable-tarifs-table.wp-block-table tr th {
  color: #222;
  border-color: #67b142;
  padding-block: 16px;
}
.filtrable-tarifs-table.wp-block-table tr th:first-of-type {
  text-align: left;
  border: none;
}
.filtrable-tarifs-table.wp-block-table tr th:nth-child(2) {
  border-top-left-radius: 20px;
  display: inline-grid;
  width: 100%;
  border-right: none;
  border-left-color: #67b142;
  border-top-color: #67b142;
}
.filtrable-tarifs-table.wp-block-table tr th:last-of-type {
  border-top-right-radius: 20px;
  display: inline-grid;
  width: 100%;
  border-left: none;
  border-right-color: #67b142;
  border-top-color: #67b142;
}
.filtrable-tarifs-table.wp-block-table tr td {
  position: relative;
  border: none;
  border-right: 1px solid #67b142;
}
.filtrable-tarifs-table.wp-block-table tr td::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  height: 1px;
  border-bottom: 1px dashed #ededed;
}
.filtrable-tarifs-table.wp-block-table tr td:first-of-type {
  text-align: left;
}
.filtrable-tarifs-table.wp-block-table tr td:first-of-type::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 90%;
  height: 1px;
  border-bottom: 1px dashed #ededed;
}
.search-post-type-filter label {
  vertical-align: middle;
  margin-right: 16px;
}
section {
  margin: 40px 0;
}
section.m-0 {
  margin: 0;
}
section[class*="bg-"] {
  margin: 0;
  padding: 40px 0;
}
section .section-heading {
  margin-bottom: 40px;
}
section .section-heading > h2 {
  margin-bottom: 8px;
}
section .section-heading > p {
  font-size: 20px;
  margin-bottom: 0;
}
section .section-heading > p > small {
  color: #67b142;
  font-size: 20px;
}
@media (max-width: 1024px) {
  section .section-heading > p {
    font-size: 16px;
  }
}
.banner-home .banner-bottom {
  padding: 0;
  display: flex;
  align-items: center;
}
.banner-home .banner-bottom .gradient-based-item {
  position: relative;
}
.banner-home .banner-bottom .gradient-based-item .iso-rates {
  background: linear-gradient(
    90deg,
    rgba(103, 177, 66, 0.6) 0%,
    rgba(103, 177, 66, 0) 100%
  );
  border-radius: 16px;
  padding: 20px;
  display: flex;
  margin-right: 50px;
  position: relative;
}
.banner-home .banner-bottom .gradient-based-item .iso-rates .icons-iso {
  display: flex;
  align-items: center;
  gap: 14px;
}
.banner-home .banner-bottom .gradient-based-item .iso-rates .rates {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid rgba(34, 34, 34, 0.16);
}
.banner-home .banner-bottom .gradient-based-item .iso-rates .rates i {
  display: inline-block;
  vertical-align: middle;
}
.banner-home .banner-bottom .buttons-group {
  margin-top: 0;
}
@media (max-width: 620px) {
  .banner-home .banner-bottom .buttons-group {
    display: flex;
  }
}
@media (max-width: 620px) {
  .banner-home .banner-bottom {
    display: grid;
    gap: 30px;
  }
  .banner-home .banner-bottom .iso-rates {
    margin-right: 0 !important;
    justify-content: space-between;
  }
}
.banner-home .banner_image {
  position: relative;
}
.banner-home .banner_image .video-handler {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.banner-home .banner_image .video-handler:hover {
  transform: translate(-50%, -50%) scale(1.15);
}
.banner-home .featured-image img {
  width: 100%;
}
.banner-home .featured-image.hide-on-desktop {
  visibility: hidden;
  display: none;
}
@media (max-width: 1024px) {
  .banner-home .container {
    max-width: 100%;
  }
  .banner-home .banner-bottom {
    display: grid;
    max-width: 520px;
    row-gap: 24px;
  }
}
@media (max-width: 820px) {
  .banner-home .flex-between {
    display: block;
  }
  .banner-home .flex-between .banner_titre {
    max-width: 100%;
  }
  .banner-home .banner_image {
    display: none;
    visibility: hidden;
  }
  .banner-home .featured-image.hide-on-desktop {
    visibility: visible;
    display: block;
  }
}
.client_images {
  margin-top: 40px;
}
.client_images .slick-track {
  display: flex;
  align-items: center;
}
.client_images .image img {
  margin: 0 auto;
}
@media (max-width: 600px) {
  .api .buttons-group a {
    width: 100%;
  }
}
#onglets-solutions .onglet-navigations {
  text-align: center;
}
#onglets-solutions .onglet-navigations.mobile-only {
  position: sticky;
  top: 16px;
  z-index: 10;
}
#onglets-solutions .onglet-navigations.mobile-only .dropdown {
  position: relative;
}
#onglets-solutions .onglet-navigations.mobile-only .dropdown .dropdown-current {
  border: 1px solid rgba(167, 167, 167, 0.5);
  border-radius: 16px;
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #222;
  background-color: #f3f9f0;
}
#onglets-solutions .onglet-navigations.mobile-only .dropdown .dropdown-menu {
  background-color: #fff;
  border-radius: 16px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 16px;
  display: none;
  max-height: 518px;
  overflow: auto;
}
#onglets-solutions
  .onglet-navigations.mobile-only
  .dropdown
  .dropdown-menu
  .dropdown-item {
  border-top: 1px solid #ededed;
  padding: 14px 16px;
  text-align: left;
}
#onglets-solutions
  .onglet-navigations.mobile-only
  .dropdown
  .dropdown-menu
  .dropdown-item:first-of-type {
  border-top: none;
}
#onglets-solutions
  .onglet-navigations.mobile-only
  .dropdown
  .dropdown-menu
  .dropdown-item.active-item {
  background-color: #222;
  color: #fff;
}
@media (min-width: 621px) {
  #onglets-solutions .onglet-navigations.mobile-only {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 620px) {
  #onglets-solutions .onglet-navigations.desktop-only {
    display: none;
    visibility: hidden;
  }
}
#onglets-solutions .onglet-contents {
  padding-top: 44px;
}
#onglets-solutions .onglet-contents .onglet-content--item .illustration {
  display: grid;
  align-items: center;
}
#onglets-solutions
  .onglet-contents
  .onglet-content--item
  .texts-icon-right:last-of-type
  .texts-content {
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed;
}
#plateforme-multicanale .mobile-accordeon {
  background-color: #f8f8f8;
  margin: 0 -16px;
  padding: 14px 16px;
  color: #222;
  border-block: 1px solid #ededed;
}
#plateforme-multicanale .mobile-accordeon .onglet-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#plateforme-multicanale
  .mobile-accordeon
  .onglet-title
  .icon-chevron-down::before {
  font-size: 26px;
}
#plateforme-multicanale .mobile-accordeon .onglet-title > .flex {
  gap: 12px;
}
@media (min-width: 621px) {
  #plateforme-multicanale .mobile-accordeon {
    display: none !important;
  }
}
@media (max-width: 620px) {
  #plateforme-multicanale .onglet-navigations {
    display: none;
  }
  #plateforme-multicanale
    .onglet-content--item.mobile-onglet--item
    .onglet-inner {
    display: none;
  }
}
.outil-dev {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
  padding-top: 38px;
  gap: 20px;
  border-top: 1px solid #ededed;
}
.outil-dev .image {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.temoignage h2 {
  margin-bottom: 5px;
}
.temoignage h3 {
  color: #989898;
}
.temoignage .grid-auto {
  grid-template-columns: 1fr auto;
  align-items: center;
}
.temoignage_slick {
  margin: 40px -20px 0;
}
.temoignage_item {
  position: relative;
  background: #fff;
  margin: 0 20px;
  border-radius: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  background-clip: padding-box;
  padding: 24px;
}
.temoignage_item .note {
  color: #ed4428;
  margin-left: 5px;
}
.temoignage_item .texte {
  height: 110px;
  padding-right: 20px;
  overflow-y: auto;
  margin-block: 24px;
}
.temoignage_item .texte::-webkit-scrollbar {
  width: 5px;
  background-color: #eee;
}
.temoignage_item .texte::-webkit-scrollbar-thumb {
  background-color: #d2d2d2;
}
@media (max-width: 1024px) {
  .temoignage_item .texte {
    height: auto;
    max-height: 110px;
  }
}
@media (max-width: 1024px) {
  .temoignage_item .etoiles {
    margin: 0;
  }
}
.temoignage_foot .nom {
  color: #222;
}
.temoignage_foot small {
  display: block;
}
#avantages-octopush .octo-card {
  padding-inline: 0;
}
#avantages-octopush .avantage {
  padding-inline: 40px;
}
@media (max-width: 1024px) {
  #avantages-octopush .avantage {
    padding-inline: 20px;
  }
}
.about .octo-card {
  display: grid;
  grid-template-columns: 33.33% 1fr;
}
.about .octo-card .octo-card-icon {
  margin-top: 24px;
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .about .octo-card {
    display: block;
  }
}
.about .col-2 {
  display: flex;
  gap: 40px;
}
@media (max-width: 1024px) {
  .about .col-2 {
    display: block;
  }
  .about .col-2 .col:first-of-type {
    margin-bottom: 24px;
  }
}
@media (max-width: 1024px) {
  .about .section-heading {
    margin-bottom: 10px;
  }
}
.reasons #card-click-show-columns .column {
  display: none;
}
.reasons #card-click-show-columns .section-heading {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .reasons #card-click-show-columns .section-heading {
    display: block;
  }
  .reasons #card-click-show-columns .section-heading #reason-card-title-icon {
    display: block;
  }
  .reasons #card-click-show-columns .section-heading button {
    margin-top: 24px;
  }
}
.reasons #card-click-show-columns #reason-card-title-icon .icon {
  margin-right: 24px;
}
.reasons #card-click-show-columns #reason-card-title-icon h2 {
  margin-bottom: 0;
}
.reasons #card-click-show-columns.toogled-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  align-items: start;
}
.reasons #card-click-show-columns.toogled-content #reason-card-title-icon {
  flex-direction: column;
  align-items: start;
}
.reasons
  #card-click-show-columns.toogled-content
  #reason-card-title-icon
  .octo-card-icon {
  margin-top: 24px;
  margin-bottom: 30px;
}
.reasons #card-click-show-columns.toogled-content #btn-click-show-columns {
  display: none;
}
@media (max-width: 1024px) {
  .reasons #card-click-show-columns.toogled-content {
    display: block;
  }
}
@media (max-width: 1024px) {
  .reasons #card-click-show-columns .column {
    margin: 24px 0 0;
  }
}
.products-flex {
  flex-wrap: wrap;
}
.products-flex .product-preview {
  position: relative;
  flex: 0 0 33.33%;
  max-width: 33.33%;
  padding: 44px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  border-left: none;
  border-radius: 0;
  padding: 28px;
  box-sizing: border-box;
}
.products-flex .product-preview::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: -20%;
  width: 140%;
  height: 100%;
  background-color: #fff;
  border-radius: 50%;
  filter: blur(40px);
}
.products-flex .product-preview > div {
  position: relative;
  z-index: 10;
}
.products-flex .product-preview:nth-child(-n + 3) {
  border-top: none;
}
.products-flex .product-preview:nth-child(-n + 3)::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: -1px;
  width: calc(100% + 2px);
  height: 50%;
  background-color: #fff;
}
.products-flex .product-preview:nth-child(3) {
  border-right: none;
}
.products-flex .product-preview:nth-child(7) {
  border-bottom: none;
}
.products-flex .product-preview:nth-child(7)::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: inherit;
  bottom: 0;
  left: -1px;
  width: calc(100% + 2px);
  height: 50%;
  background-color: #fff;
}
@media (max-width: 1024px) {
  .products-flex .product-preview {
    max-width: 50%;
    flex: 0 0 50%;
  }
}
@media (max-width: 500px) {
  .products-flex {
    display: block;
  }
  .products-flex .product-preview {
    max-width: 100%;
  }
}
.page-template-page-canaux .three-columns {
  gap: 60px;
}
@media (max-width: 1024px) {
  .page-template-page-canaux .three-columns {
    display: block;
  }
  .page-template-page-canaux .three-columns .media {
    margin: 24px 0;
  }
  .page-template-page-canaux .three-columns .media img {
    margin: 0 auto;
  }
}
.page-template-page-canaux .octo-card.octo-card-illustration--listing .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#subpages-query .product-card {
  padding: 24px;
  position: relative;
  padding-bottom: 90px;
}
#subpages-query .product-card .product-card-media {
  margin-bottom: 24px;
}
#subpages-query .product-card .product-card-media img {
  width: auto;
  min-width: 80px;
  height: 80px;
}
#subpages-query .product-card .card-arrow-icon {
  display: block;
  position: absolute;
  bottom: 24px;
  left: 24px;
}
#subpages-query #loadmoreposts-toggler {
  margin-top: 40px;
  cursor: pointer;
}
#join-us li {
  padding: 5px 0;
  color: #222;
}
#join-us li i {
  margin-right: 5px;
}
#join-us .ratings .rate {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  #join-us .ratings {
    margin-top: 24px;
    grid-template-columns: 1fr 1fr;
  }
}
#subpage-results.centered-items {
  display: flex;
  justify-content: center;
}
#subpage-results.centered-items .product-card {
  max-width: 33.33%;
  flex: 0 0 33.33%;
}
@media (max-width: 1024px) {
  #subpage-results.centered-items .product-card {
    max-width: 100%;
  }
}
@media (max-width: 1024px) {
  #subpage-results.centered-items {
    display: grid;
  }
}
#chiffres-cles .centered-w-33 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#chiffres-cles .centered-w-33 .octo-card {
  max-width: 33.33%;
}
#chiffres-cles .octo-card.no-number {
  display: block !important;
}
@media (max-width: 1024px) {
  #chiffres-cles .section-heading {
    margin-bottom: 10px;
  }
  #chiffres-cles .d-grid,
  #chiffres-cles .centered-w-33 {
    display: block;
  }
  #chiffres-cles .d-grid .octo-card,
  #chiffres-cles .centered-w-33 .octo-card {
    display: grid;
    grid-template-columns: 90px 1fr;
    align-items: center;
    gap: 40px;
    margin-block: 20px;
    max-width: 100%;
  }
  #chiffres-cles .d-grid .octo-card .chiffres,
  #chiffres-cles .centered-w-33 .octo-card .chiffres {
    margin: 0;
  }
  #chiffres-cles .d-grid .octo-card .desc,
  #chiffres-cles .centered-w-33 .octo-card .desc {
    text-align: left;
  }
  #chiffres-cles .d-grid .octo-card:last-of-type,
  #chiffres-cles .centered-w-33 .octo-card:last-of-type {
    margin-bottom: 0;
  }
  #chiffres-cles .flex .octo-card {
    max-width: 50%;
  }
}
@media (max-width: 600px) {
  #chiffres-cles .flex {
    display: block;
  }
  #chiffres-cles .flex .octo-card {
    max-width: 100%;
    margin-block: 20px;
  }
  #chiffres-cles .flex .octo-card:last-of-type {
    margin-bottom: 0;
  }
}
@media (max-width: 480px) {
  #chiffres-cles .d-grid .octo-card {
    display: block;
  }
  #chiffres-cles .d-grid .octo-card .chiffres {
    margin: 0 auto 16px;
  }
  #chiffres-cles .d-grid .octo-card .desc {
    text-align: center;
  }
}
.promo-tarif-banner .pill {
  background-color: rgba(200, 227, 187, 0.4);
  display: inline-flex;
  align-items: center;
}
.promo-tarif-banner .pill .star {
  margin-right: 8px;
  margin-top: -2px;
}
.tarifs-sms-emails-tab {
  position: relative;
  top: -80px;
}
.tarifs-sms-emails-tab button {
  padding: 24px 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  font-family: "tahoma-bold";
  font-size: 20px;
  background: rgba(0, 0, 0, 0);
}
.tarifs-sms-emails-tab button.active {
  background-color: #fff;
}
@media (max-width: 1024px) {
  .tarifs-sms-emails-tab {
    top: -40px;
  }
}
.detail-tarif .entry-header {
  padding-block: 40px;
}
@media (max-width: 600px) {
  .detail-tarif .entry-header#filters .flex {
    flex-direction: column-reverse;
    gap: 24px;
  }
  .detail-tarif .entry-header#filters .switcher {
    display: flex;
    justify-content: space-between;
    gap: 0;
  }
  .detail-tarif .entry-header#filters .switcher > [class*="tab"] {
    max-width: 50%;
    flex: 0 0 50%;
    text-align: center;
  }
  .detail-tarif .entry-header#filters .filter-select {
    display: block;
  }
}
.detail-tarif .flt-item {
  border-radius: 12px;
  border: 1px solid #67b142;
  background-color: #fff;
  padding: 30px 40px 24px;
  display: grid;
  justify-content: center;
}
.detail-tarif .flt-item .content {
  align-self: self-start;
}
.detail-tarif .flt-item .content .sstitle {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 10px;
}
.detail-tarif .flt-item .content p {
  color: #646464;
  margin: 0;
}
.detail-tarif .flt-item .reduction {
  margin-top: 10px;
}
.detail-tarif .flt-item > a.btn__secondary {
  margin-top: 16px;
  align-self: end;
}
.detail-tarif .pack_prepaye.emailing .contact-footer-block {
  font-size: 20px;
  margin-top: 40px;
  color: #222;
}
.detail-tarif + .tarifs-offers-text {
  text-align: center;
  padding-top: 24px;
}
@media (max-width: 1024px) {
  .detail-tarif {
    margin-top: -130px;
  }
}
@media (min-width: 1200px) {
  .menu-toggle {
    display: none;
  }
  .header__nav--menu > ul > li:hover > a {
    color: #67b142;
  }
  .header__nav--menu > ul > li:hover::before {
    width: 65px;
  }
  .header__nav--menu > ul > li:hover::after {
    border-color: #93ce72 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  }
  .header__nav--menu > ul > li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
  }
  .sub-menu li a:hover,
  .menu_tel__list li a:hover,
  .langue_list li a:hover {
    background-color: #e5fde1;
  }
  .client_images .image:hover {
    filter: grayscale(0);
  }
  .hov-gradient:hover {
    background-color: rgba(0, 0, 0, 0);
  }
  .hov-gradient:hover,
  .hov-gradient:hover * {
    color: #fff;
  }
  .hov-gradient:hover::before {
    filter: brightness(3);
  }
  .hov-gradient:hover::after {
    opacity: 1;
  }
  .hov-gradient:hover .btn__lireplus {
    color: #fff;
  }
  .hov-gradient:hover .btn__lireplus i {
    border-color: #fff;
  }
  .hov-gradient:hover .btn__lireplus i::before,
  .hov-gradient:hover .btn__lireplus i::after {
    background-color: #fff;
  }
  .hov-gradient:hover .btn__lireplus:hover i::after {
    background-color: rgba(0, 0, 0, 0);
    border-color: #fff;
  }
  .outil-dev .image:hover {
    filter: grayscale(0);
  }
  .plateforme_list a:hover {
    margin-left: 0;
  }
  .texte p a:hover,
  .texte li a:hover {
    color: #ed4428;
    border-color: #ed4428;
  }
  .poste_vac .btn__plus:hover::before {
    width: 660px;
    height: 660px;
    transform: translate(330px, -50%);
  }
  footer li a:hover {
    color: #67b142;
  }
  .tel:hover {
    filter: brightness(1);
  }
  .atouts .listing_item:hover {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.12);
  }
  .tab-titre div:hover {
    background-color: #67b142;
    color: #fff;
  }
  .article:hover img {
    filter: brightness(0.8);
  }
  .article .ssstitle:hover a {
    color: #67b142;
  }
  .tags a:hover {
    color: #f16335;
    background-color: rgba(241, 99, 53, 0.1215686275);
  }
  .copy:hover,
  .send:hover {
    color: #67b142;
  }
  .copy:hover::before,
  .send:hover::before {
    filter: grayscale(0);
  }
  .breadcrumbs a:hover {
    color: #67b142;
  }
  @keyframes bg_faderight {
    0% {
      opacity: 1;
      background-position: left center;
    }
    25% {
      opacity: 0;
      background-position: left 20px center;
    }
    26% {
      opacity: 0;
      background-position: left -20px center;
    }
    55% {
      opacity: 1;
      background-position: left center;
    }
  }
  .btn__primary:hover {
    background-color: #222;
  }
  .btn__primary:hover::after {
    animation-name: bg_faderight;
    animation-duration: 0.7s;
    animation-timing-function: linear;
  }
  .btn__secondary:hover {
    background-color: #67b142;
    color: #fff;
  }
  .btn__secondary:hover::after {
    filter: brightness(0) invert(1);
  }
  .btn__secondary:hover.white {
    background-color: #fff;
    color: #67b142;
  }
  .btn__secondary:hover.white::after {
    filter: inherit;
  }
  .btn__plus:hover {
    color: #67b142;
  }
  .btn__plus:hover::after {
    transform: rotate(360deg);
    filter: brightness(1);
  }
  .btn__plus:hover::before {
    width: 400px;
    height: 400px;
    transform: translate(200px, -50%);
  }
  .btn__plus:hover.green {
    color: #fff;
  }
  .btn__plus:hover.green::after {
    filter: brightness(2);
  }
  .btn__lireplus:hover {
    color: #67b142;
  }
  .btn__lireplus:hover i::before {
    width: 14px;
    left: 4px;
  }
  .btn__lireplus:hover i::after {
    background-color: rgba(0, 0, 0, 0);
    border: solid #67b142;
    border-width: 2px 2px 0 0;
    transform: rotate(45deg);
    width: 10px;
    left: 8px;
  }
  .wp-block-button__link {
    position: relative;
    z-index: 10;
    overflow: hidden;
  }
  .wp-block-button__link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    height: 100%;
    width: 0;
    background-color: #67b142;
  }
  .wp-block-button__link:hover::before {
    width: 100%;
  }
  .menu_tel:hover span {
    color: #67b142;
  }
  .menu_tel:hover span::before {
    filter: brightness(1);
  }
  .menu_tel:hover span::after {
    border-color: #93ce72 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  }
  .menu_tel:hover .menu_tel__list {
    opacity: 1;
    visibility: visible;
  }
}
@media (min-width: 681px) {
  .langue:hover span {
    color: #67b142;
  }
  .langue:hover span::after {
    border-color: #93ce72 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  }
  .langue:hover .langue_list {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 1580px) {
  .header__nav--menu > ul {
    gap: 15px;
  }
}
@media (max-width: 1480px) {
  .custom-logo-link {
    width: 135px;
  }
  .menu_tel span {
    font-size: 0;
    padding: 0;
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 1200px) {
  .container,
  .container-fluid {
    padding-inline: 32px;
  }
  .header {
    padding: 0;
    z-index: 150;
    background-color: #fff;
  }
  .header__nav--right .btn__primary {
    display: inline-block;
    margin: 0 20px;
  }
  .header > .container-fluid {
    padding-block: 16px;
  }
  .header .btn__primary::after {
    display: none;
  }
  .menu-toggle {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font: 16px/42px "tahoma-reg";
    height: 40px;
    transition: all 0.5s cubic-bezier(0.31, 1.21, 0.64, 1.02);
    cursor: pointer;
  }
  .menu-toggle div {
    display: inline-block;
    vertical-align: middle;
    background-color: #000;
    position: relative;
    height: 2px;
    width: 20px;
    transition: height 100ms;
    top: -2px;
  }
  .menu-toggle div::before,
  .menu-toggle div::after {
    content: "";
    background-color: #000;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    transition: all 200ms;
  }
  .menu-toggle div::before {
    top: 5px;
  }
  .menu-toggle div::after {
    bottom: 5px;
  }
  .menu-toggle.active div {
    height: 0;
  }
  .menu-toggle.active div::before {
    top: 0;
    transform: rotate(45deg);
  }
  .menu-toggle.active div::after {
    top: 0;
    transform: rotate(-45deg);
  }
  .header__nav--menu {
    display: none;
    position: absolute;
    top: 55px;
    background-color: #fff;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    z-index: 800;
    left: 0;
    right: 0;
  }
  .header__nav--menu > ul {
    display: block;
  }
  .header__nav--menu > ul > li {
    border-top: 1px solid #f6f6f6;
    background-color: #fff;
  }
  .header__nav--menu > ul > li.menu-item-has-children {
    padding-right: 0;
  }
  .header__nav--menu > ul > li > a {
    line-height: 45px;
    padding: 0 20px;
  }
  .header__nav--menu > ul > li::after {
    display: none;
  }
  .header__nav--menu i {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    height: 46px;
    background-color: #e2f3d8;
  }
  .header__nav--menu i::before,
  .header__nav--menu i::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #67b142;
  }
  .header__nav--menu i::before {
    width: 1px;
    height: 14px;
  }
  .header__nav--menu i::after {
    width: 14px;
    height: 1px;
  }
  .header__nav--menu i.active::before {
    height: 0;
  }
  .header__nav--menu .sub-menu {
    position: relative;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    transform: initial;
    margin: 0;
    opacity: 1;
    visibility: visible;
    transition: initial;
  }
  main {
    position: relative;
  }
  main::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 120;
    opacity: 0;
    visibility: hidden;
  }
  main.menu-active::before {
    opacity: 1;
    visibility: visible;
  }
  .copyright .flex {
    display: block;
  }
  .copyright .cpr-menu {
    text-align: center;
    display: block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
  }
  .copyright .cpr-menu .cpr {
    display: inline;
  }
  .copyright .cpr-menu .footer_menu {
    display: inline;
  }
  .copyright .cpr-menu .footer_menu li a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
  }
  .atouts {
    gap: 20px;
  }
  .atouts img {
    margin-bottom: 10px;
  }
  .atouts .listing_item {
    padding: 30px 20px;
  }
  .custom-full-phtx .texte {
    padding: 50px 0 50px 50px;
  }
  .wp-block-quote {
    padding-left: 140px;
    padding-right: 40px;
  }
  .wp-block-quote::before {
    left: 40px;
  }
  .banner-pageniv2 .icone img {
    margin-right: 30px;
    width: 100px;
  }
  .header__nav--right {
    text-align: right;
  }
  .langue {
    margin-right: 0;
  }
  .langue::after {
    display: none;
  }
  .banner_image {
    margin-right: 0;
  }
  .banner_image img {
    margin: 0 auto;
    max-height: 400px;
    width: auto;
  }
  .client .grid-custom {
    grid-template-columns: 415px 1fr;
    gap: 10px;
  }
  .bg_smart::after {
    display: none;
  }
  .detail-tarif {
    padding: 0 20px 50px;
  }
}
@media (max-width: 1200px) {
  .banner_titre {
    padding: 30px 0 40px;
  }
  .banner-pageniv3 .grid-50 {
    gap: 30px;
  }
  .banner-pageniv3 .texte {
    padding-left: 0;
  }
  .client .grid-custom {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .client_images {
    justify-content: start;
  }
  .temoignage_slick {
    margin: 30px -10px 0;
  }
  .temoignage_item {
    margin: 0 10px;
  }
  .plateforme .texte {
    padding-right: 30px;
  }
  .about .phototexte .image div {
    background: none;
  }
  .phototexte .image {
    background-size: contain;
  }
  .bg-grey .phototexte .image {
    padding: 0;
  }
  .header__nav--menu * {
    z-index: 60;
  }
  .header__nav--menu.active .class_remove {
    position: fixed;
    display: block;
    inset: 0;
    opacity: 1;
    visibility: visible;
    z-index: 50;
  }
  .article .texte {
    padding: 25px;
  }
  .listing-blog .grid-33 {
    gap: 20px;
  }
  .listing-contact .grid-50 {
    gap: 30px;
    margin-bottom: 30px;
  }
  .listing-contact .listing_item {
    padding: 30px 20px;
  }
  #smsmodel iframe {
    margin-top: 70px;
  }
}
@media (max-width: 1024px) {
  .container {
    max-width: 768px;
  }
  .media img {
    margin: 0 auto;
  }
  .banner-page .icone img {
    width: 90px;
    margin-right: 20px;
  }
  .banner-single .container {
    padding-bottom: 35px;
  }
  .banner-cat .container,
  .banner-pagesimple .container {
    padding-bottom: 55px;
  }
  .banner-edc .grid-custom-400 {
    gap: 25px;
  }
  .banner-pageniv3 .grid-50 {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .banner-integration .grid-50 {
    gap: 30px;
  }
  .banner-integration .grid-50 h2 {
    padding-right: 0;
  }
  .banner-modelesms .container {
    padding-bottom: 80px;
  }
  .banner-tarif .container {
    padding: 0 0 80px;
  }
  .banner-tarifint .container {
    padding-bottom: 50px;
  }
  .filtres .grid-custom {
    grid-template-columns: repeat(3, 1fr);
  }
  .types h2 {
    margin-bottom: 30px;
  }
  .types .gap-40 {
    gap: 20px;
  }
  .bg_smart h3 {
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 34px;
  }
  .bg_smart h3::after {
    display: none;
  }
  .api .texte {
    padding-left: 20px;
  }
  .outil-dev {
    display: block;
  }
  .outil-dev .image {
    padding: 0 10px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .about .phototexte {
    grid-template-columns: 1fr;
  }
  .about .image {
    display: none;
  }
  .about .texte {
    padding-right: 0;
  }
  .phototexte {
    gap: 30px;
  }
  .phototexte .image .bg_smart {
    margin-right: auto;
  }
  [class^="listing"] .flex-wrap {
    gap: 30px 0;
    justify-content: space-between;
  }
  [class^="listing"] .flex-wrap > div {
    width: calc(50% - 10px);
  }
  .grid-custom-400 {
    grid-template-columns: 300px 1fr;
  }
  .grid-custom-400 .left {
    padding-right: 30px;
  }
  .list_links {
    gap: 15px 20px;
  }
  .list_links a {
    padding-right: 20px;
    padding-left: 45px;
  }
  .list_links a::before {
    left: 20px;
  }
  .edc {
    padding: 30px 40px;
  }
  .tab-content .grid-50 {
    gap: 30px;
  }
  .bloc-texte .grid-50 {
    grid-template-columns: 1fr;
    gap: 20px;
    margin: 30px 0;
  }
  .bloc-texte .grid-50 .image img {
    width: 100%;
  }
  .bloc-texte .grid-50 .texte {
    padding-left: 0;
  }
  .listing-blog {
    margin-bottom: 50px;
  }
  .listing-blog .grid-33 {
    grid-template-columns: 1fr 1fr;
  }
  .listing-contact .grid-auto {
    grid-template-columns: 50px 1fr;
  }
  .listing-edc .listing_item {
    padding: 30px 30px 110px;
  }
  .listing-edc .btn__plus {
    left: 30px;
  }
  .wp-pagenavi {
    margin-bottom: 50px;
  }
  .documentation .left {
    padding-right: 20px;
  }
  .half-textes {
    gap: 30px;
  }
  .half-tt {
    display: block;
  }
  .half-rm .bg-white {
    padding: 50px 20px;
  }
  .abonnement .grid-custom {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .abonnement .labels {
    display: none;
  }
  .abonnement .listing_offres .item {
    font-size: 18px;
  }
  .abonnement .listing_offres .nth-3,
  .abonnement .listing_offres .nth-4,
  .abonnement .listing_offres .nth-5 {
    margin-top: 0;
    padding-bottom: 10px;
  }
  .abonnement .listing_offres .nth-3 > div,
  .abonnement .listing_offres .nth-4 > div,
  .abonnement .listing_offres .nth-5 > div {
    margin-bottom: 20px;
  }
  .abonnement .listing_offres .nth-3 > div strong,
  .abonnement .listing_offres .nth-3 > div span,
  .abonnement .listing_offres .nth-3 > div img,
  .abonnement .listing_offres .nth-4 > div strong,
  .abonnement .listing_offres .nth-4 > div span,
  .abonnement .listing_offres .nth-4 > div img,
  .abonnement .listing_offres .nth-5 > div strong,
  .abonnement .listing_offres .nth-5 > div span,
  .abonnement .listing_offres .nth-5 > div img {
    display: block !important;
    margin: auto;
    color: #67b142;
  }
  .abonnement .listing_offres .nth-3 > div img,
  .abonnement .listing_offres .nth-4 > div img,
  .abonnement .listing_offres .nth-5 > div img {
    margin-top: 5px;
  }
  .abonnement .pbtn {
    padding: 20px 0 30px;
  }
  .mytable th:first-child,
  .mytable th:last-child,
  .mytable td:first-child,
  .mytable td:last-child {
    display: none;
  }
  .lien-utile {
    flex-wrap: wrap;
  }
  .footer_item {
    width: calc(33% - 20px);
  }
  .wp-block-image figure.alignleft,
  .wp-block-image figure.alignright,
  figure.alignleft,
  figure.alignright {
    float: none;
    margin: 0 0 20px;
    width: 100%;
  }
  .wp-block-image figure img,
  figure img {
    width: 100%;
    height: auto;
  }
  #subpage-results {
    margin-top: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 769px) and (max-width: 1024px), (max-width: 600px) {
  .types_list > div {
    position: relative;
    display: block;
  }
  .types_list .icone {
    position: absolute;
    top: 15px;
    left: 20px;
    height: 60px;
    z-index: 30;
  }
  .types_list .icone img {
    max-height: 100%;
    width: auto;
  }
  .types_list .texte {
    width: 100%;
    padding-top: 80px;
  }
  .bg_smart > div {
    padding: 70px 35px 40px;
  }
  .bg_smart > div::before {
    bottom: 60px;
  }
  .bg_smart > div.right {
    padding-left: 35px;
  }
}
@media (max-width: 768px) {
  .banner-home .flex-between {
    display: block;
  }
  .banner_image {
    display: none;
  }
  .banner_titre {
    max-width: 100%;
    padding-top: 0;
  }
  .banner-page .flex-wbtn {
    justify-content: center;
  }
  .banner-page .texte {
    text-align: center;
    width: 100%;
  }
  .banner-page .icone img {
    margin-right: 0;
    width: 70px;
  }
  .banner-page .btn__primary {
    margin: 0;
  }
  .banner-edc .image {
    height: 150px;
  }
  .breadcrumbs {
    margin-bottom: 20px;
  }
  .single h1 {
    font-size: 30px;
    line-height: 36px;
  }
  .single h2 {
    font-size: 23px;
    line-height: 28px;
  }
  .single h3 {
    font-size: 20px;
    line-height: 25px;
  }
  .filtres .container {
    padding: 20px;
  }
  .filtres .grid-custom {
    grid-template-columns: repeat(2, 1fr);
  }
  .types .flex-between {
    flex-wrap: wrap;
    justify-content: center;
  }
  .api .grid-50 {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .api .texte {
    padding-left: 0;
  }
  .temoignage .grid-auto {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .temoignage_item {
    padding: 20px;
  }
  .temoignage_foot {
    bottom: 25px;
  }
  .plateforme .grid-50 {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .plateforme .texte {
    padding-right: 0;
  }
  .plateforme .texte p {
    max-width: 100%;
  }
  .plateforme .texte .btn__primary {
    margin-top: 0;
  }
  .plateforme_list > a {
    margin-left: 0;
    width: 100%;
  }
  .phototexte {
    grid-template-columns: 1fr;
  }
  .phototexte .image {
    min-height: initial;
  }
  .phototexte.reverse .texte {
    grid-area: 2;
  }
  .grid-custom-400 {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .grid-custom-400 .left {
    padding-right: 0;
  }
  .atouts {
    grid-template-columns: 1fr;
  }
  .atouts img,
  .atouts p {
    margin-bottom: 0;
    line-height: 24px;
  }
  .atouts .listing_item {
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 20px;
    align-items: center;
    text-align: left;
    padding: 20px;
  }
  .list_links {
    grid-template-columns: 1fr;
  }
  .faq .stitle {
    margin-bottom: 30px;
  }
  .faq .grid-50 {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .faq .grid-50 > div:last-child .acc_item:first-child {
    border-top: 0;
  }
  .custom-full-phtx .photo {
    position: relative;
    width: 100%;
    height: 400px;
  }
  .custom-full-phtx .texte {
    width: 90vw;
    margin: auto;
    left: 0;
    padding: 30px 0;
    max-width: 100%;
  }
  .custom-full-phtx .list_item {
    padding: 10px 0;
  }
  .custom-full-phtx .list-gchiffre {
    margin-top: -20px;
  }
  .custom-full-phtx .list-gchiffre .chiffre {
    font-size: 30px;
    line-height: 36px;
  }
  .tab-content .grid-50 {
    grid-template-columns: 1fr;
  }
  .tab-item {
    margin-bottom: 30px;
  }
  .article .date {
    display: block;
    margin-bottom: 10px;
  }
  .article .btn__lireplus {
    float: none;
  }
  .listing_item p,
  .listing_item ul {
    min-height: auto;
  }
  .listing-contact .grid-50 {
    grid-template-columns: 1fr;
  }
  .listing-contact .grid-50 p a {
    margin-top: 0;
  }
  .listing-contact .grid-auto {
    gap: 15px;
  }
  .listing-contact p {
    min-height: initial;
  }
  .listing-edc .grid-50 {
    grid-template-columns: 1fr;
  }
  .listing-edc .listing_item {
    padding: 30px 20px;
  }
  .listing-edc .btn__plus {
    position: relative;
    bottom: 0;
    left: 0;
    margin-top: 20px;
  }
  .listing-model {
    grid-template-columns: 1fr;
  }
  .listing-pack {
    gap: 20px;
    margin-bottom: 25px;
  }
  .flt-item {
    padding: 20px;
  }
  .filter-select {
    margin-bottom: 0;
  }
  .detail-tarif {
    padding: 0 20px 30px;
  }
  .documentation.grid-50 {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .documentation .image {
    grid-area: 1;
    max-width: 400px;
    padding: 20px;
    height: 100px;
  }
  .documentation .btn__secondary {
    margin-top: 0;
  }
  .citation {
    padding: 30px 40px;
  }
  .citation .grid-auto {
    margin-left: 0;
  }
  .half-textes {
    grid-template-columns: 1fr;
  }
  .list_perso {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px 20px;
  }
  .half-rm {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .half-rm .left {
    max-width: 100%;
    padding-right: 0;
  }
  .half-rm .bg-white {
    padding: 30px 20px;
  }
  .half-rm .bg-white ul {
    font-size: 18px;
    line-height: 22px;
  }
  .half-rm .bg-white ul li {
    padding-left: 30px;
    background-position: left top 4px;
  }
  .half-rm .bg-white ul li:not(:last-child) {
    margin-bottom: 10px;
  }
  .poste_vac .btn__plus {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 25px;
    padding-left: 15px;
    padding-right: 40px;
  }
  .mytable th {
    font-size: 15px;
    line-height: 22px;
    padding: 10px 2px;
  }
  .mytable th:nth-child(2) {
    padding-left: 20px;
  }
  .mytable th:nth-child(5) {
    padding-right: 20px;
  }
  .mytable td {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  .grid-custom-table {
    grid-template-columns: 1fr;
  }
  .grid-custom-table .item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border-bottom: 1px solid #ddd;
  }
  .grid-custom-table .item:last-child {
    border-bottom: 0;
  }
  .grid-custom-table .item:last-child .head {
    display: none;
  }
  .grid-custom-table .item:last-child .content {
    grid-column: 1/-1;
  }
  .grid-custom-table .head {
    height: initial;
  }
  .grid-custom-table .content {
    padding: 10px;
    min-height: initial;
  }
  .grid-custom-table .content::after {
    display: none;
  }
  .grid-custom-table .prix {
    font-size: 20px;
    line-height: 25px;
  }
  .otp .grid-custom-table {
    grid-template-columns: 1fr;
  }
  .otp .content {
    text-align: center;
  }
  .otp .btn_bg_default {
    margin-right: 0;
  }
  footer .footer_item:first-of-type {
    width: 100%;
    margin-bottom: 24px;
  }
  footer .footer_item:first-of-type .footer-logo {
    margin-bottom: 16px;
  }
}
@media (max-width: 680px) {
  .container,
  .container-fluid {
    padding-inline: 16px;
  }
  .header .container {
    padding: 0 7.5vw;
  }
  .menu-toggle {
    margin-left: 10px;
  }
  .header__nav--menu .btn__primary {
    background: #222;
    width: 100%;
    border-radius: 0;
    margin: 0;
  }
  .langue {
    margin: 0;
    padding: 0;
    background: url(../../../../../../../../../../../themes/octopush/img/icon_mobile_langue.svg)
      no-repeat right top #fff;
    width: 100%;
  }
  .langue span {
    padding: 0 20px;
  }
  .langue span::after,
  .langue::before,
  .langue::after {
    display: none;
  }
  .langue_list {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    margin: 0;
    transform: initial;
    opacity: 1;
    visibility: visible;
    display: none;
    transition: initial;
  }
  .langue_list li {
    border-top: 1px solid #f6f6f6;
  }
  .langue_list li a {
    text-align: left;
    padding: 0 20px;
  }
  .banner-integration .techno {
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  .banner-integration .grid-50 {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .client_images {
    grid-template-columns: repeat(3, minmax(80px, 125px));
  }
  .outil-dev {
    padding-top: 20px;
  }
  .plateforme_list > a {
    padding: 20px;
    padding-left: 70px;
    background-position: left 10px center;
  }
  .integration .grid-50 {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  .integration .image {
    grid-area: 1;
  }
  .integration .texte {
    padding-right: 0;
  }
  [class^="listing"] .flex-wrap {
    gap: 20px;
  }
  [class^="listing"] .flex-wrap > div {
    width: 100%;
  }
  .listing_item p {
    min-height: initial;
  }
  .bg-group .group_item {
    padding: 30px 20px;
  }
  .texte ul {
    padding-left: 20px;
  }
  .list_perso {
    grid-template-columns: 1fr 1fr;
  }
  .list_perso .image {
    margin-bottom: 10px;
  }
  .listing-blog .grid-33 {
    grid-template-columns: auto;
  }
  .listing-blog .stitle {
    margin-bottom: 25px;
  }
  .listing-blog .article {
    display: grid;
    grid-template-columns: 40% 1fr;
  }
  .listing-blog .article img {
    height: 100%;
  }
  .listing-blog .article .texte {
    padding: 15px;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
  }
  .listing-blog .article .ssstitle {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px;
  }
  .tel-list {
    grid-template-columns: 1fr 1fr;
  }
  .atout-int {
    margin-bottom: 20px;
  }
  .atout-int .sstitle,
  .atout-int .title {
    margin-bottom: 0;
  }
  .atout-int .grid-33 {
    grid-template-columns: 1fr;
  }
  .atout-int .item {
    padding: 20px 0;
  }
  .atout-int .item:nth-child(2) {
    border-width: 1px 0 1px 0;
  }
  .atout-int h4,
  .atout-int .ssstitle {
    line-height: 25px;
  }
  .citation {
    padding: 20px;
    font-size: 18px;
    line-height: 26px;
  }
  .filter-select {
    gap: 10px;
    margin: 0;
  }
  .page-id-19436 .banner-pageniv2 .texte {
    width: 100%;
  }
  .abonnement .grid-custom {
    grid-template-columns: 1fr;
  }
  .lien-utile {
    padding-block: 40px 50px;
  }
  .footer_item {
    width: calc(50% - 20px);
  }
  .footer_item:last-of-type + div {
    margin-top: 40px;
  }
  .isos_footer_logos {
    justify-content: space-evenly;
  }
  #subpage-results {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .logo-star {
    grid-template-columns: 1fr 1fr;
  }
  .logo-star.white {
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 20px;
  }
  .copyright .flex-between {
    flex-wrap: wrap;
    gap: 40px;
  }
  .footer_logos {
    order: 1;
    width: 100%;
  }
  .footer_logos img {
    margin: auto;
  }
  .cpr-menu {
    order: 2;
    text-align: center;
    width: 100%;
  }
  .specification {
    padding: 10px 20px 20px 20px;
  }
  .specification .acc_title {
    font-size: 18px;
    line-height: 24px;
    padding-right: 30px;
  }
  .specification .acc_title::before {
    left: initial;
  }
  .custom-marge-sp img {
    width: 40px;
    margin-bottom: 10px;
  }
  .atouts .listing_item {
    grid-template-columns: 50px 1fr;
  }
  .atouts p {
    font-size: 16px;
    line-height: 22px;
  }
  .list_links a {
    font-size: 16px;
    line-height: 22px;
  }
  .edc {
    padding: 30px 20px;
  }
  .tel-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .tel-list p {
    width: 100%;
  }
  .wp-block-quote {
    padding: 90px 20px 30px;
    font-size: 18px;
    line-height: 27px;
  }
  .wp-block-quote::before {
    top: 30px;
    bottom: initial;
    left: 20px;
  }
  .listing_modelsms {
    padding: 0 20px;
  }
  .listing_modelsms .foot {
    gap: 10px 30px;
  }
  .listing-edc .flex-between {
    display: block;
  }
  .listing-edc .flex-between .sstitle {
    margin-bottom: 20px;
    width: 100%;
  }
  .filtres .grid-custom {
    grid-template-columns: 1fr;
  }
  .flt-item {
    width: 100%;
  }
  .banner-pageniv2 .icone img {
    width: 50px;
    margin-right: 5px;
  }
  .banner-pageniv2 .texte {
    width: calc(100% - 65px);
  }
}
@media (max-width: 400px) {
  .filter-select .custom-select {
    width: 100%;
  }
  .switcher {
    font-size: 15px;
    gap: 15px;
  }
  .switcher .form {
    width: 50px;
    height: 25px;
  }
  .switcher .form::before {
    width: 23px;
    height: 23px;
  }
  .switcher.checked .form::before {
    left: 25px;
  }
}