@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');*/

/* comman style
----------------------*/
html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--axi-regular);
  font-size: 16px;
  line-height: 24px;
  color: var(--ftblack);
  scroll-behavior: smooth;
  overflow-x: hidden;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

a {
  text-decoration: none;
  color: var(--ftblue);
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}

a:hover {
  color: var(--ftblack);
  text-decoration: none
}

a:focus {
  outline: none;
  text-decoration: none;
}

:focus {
  outline: none;
}

/*.hostinger p, h1, h2, h3, h4 {padding: inherit; margin: inherit;}*/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px 0;
  color: var(--ftblack);
  padding: 0;
  line-height: 1.2;
  font-family: var(--downey-bold);
  text-transform: none;
  font-weight: normal;
}

h1 {
  font-size: 45px;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 25px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: none;
}

small {
  display: block;
  margin-top: 4px;
}

p {
  margin: 0 0 10px 0;
  line-height: 28px;
}

p:last-child {
  margin-bottom: 0px;
}

ul,
ol {
  margin: 0;
}

strong,
b {
  font-weight: normal;
}

button {
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}

img {
  /*transition:all 0.3s ease-in-out 0s;*/
}

/* comman form filed style -----------------------------*/

input::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
  opacity: 1;
  color: inherit;
}

input::-ms-input-placeholder,
.form-control::-ms-input-placeholder {
  opacity: 1;
  color: inherit;
}

input::placeholder,
.form-control::placeholder {
  opacity: 1;
  color: inherit;
}

/* images alignment
--------------------------------*/
/* image alignments */
img.alignleft,
.alignleft {
  float: left;
  margin-right: 20px;
  max-width: 460px;
}

img.alignright,
.alignright {
  float: right;
  margin-left: 20px;
  max-width: 460px;
}

img.aligncenter,
.aligncenter,
img.alignnone,
.alignnone {
  display: block;
  margin: 0 auto 20px;
  clear: both;
}

img.alignleft,
.alignleft,
img.alignright,
.alignright {
  display: inline;
  margin-top: 0;
}

img.alignleft,
img.aligncenter,
img.alignright {
  margin-bottom: 20px;
}

/* image captions */
.alignleft .wp-caption-text {
  text-align: left;
}

.alignright .wp-caption-text {
  text-align: right;
}

.aligncenter .wp-caption-text {
  text-align: center;
}

hr {
  clear: both;
  margin-top: 20px;
  margin-bottom: 20px;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.content ul,
.content ol {
  margin: 0 0 20px 0px;
  padding: 0 0 0 15px;
  position: relative;
}

.content ul {
  list-style-type: none;
}

.content ul li,
.content ol li {
  margin-bottom: 8px;
}

.content ul li ul li,
.content ol li ul li,
.content ul li ol li {
  margin-top: 12px;
}

.content ul li:before {
  content: "";
  position: relative;
  display: inline-block;
  left: -15px;
  top: -2px;
  width: 7px;
  height: 7px;
  background-color: #1a1a1a;
  border-radius: 100%;
}

.content ul li ol li:before {
  display: none;
}

.table {
  border: 1px solid #dee2e6;
  font-size: 16px;
}

.table th,
.table thead th {
  background-color: var(--lightgraybg);
  border-bottom: none;
  font-weight: 600;
}

.table td,
.table th {
  padding: 10px;
}

.menu-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: #000000;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}

.menu-overlay.show-overlay {
  opacity: 1;
  visibility: visible;
  z-index: 11;
}

.mainwrapper {
  overflow: hidden;
}

/*--------------*/

/* sticky header
========================*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

.sticking {
  position: fixed;
  background-color: var(--whitebg);
  width: 100%;
  z-index: 9999;
  border-bottom: none;
  animation: fadeInDown 0.5s ease-in-out;
  -webkit-animation: fadeInDown 0.5s ease-in-out;
  padding: 0px 0;
}

.show-overlay {
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.95);
  overflow: hidden;
}

.overflowhidden {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  min-height: 100%;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}

/*--- header ------*/

/*--- common ------*/
.btn-check:focus+.btn-primary,
.btn-primary:focus {
  color: var(--whitebg);
  background-color: var(--blackbg);
  border-color: var(--blackbg);
  box-shadow: none;
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

.btn {
  border-radius: 5px;
}

.btn-primary {
  color: var(--blackbg);
  background-color: var(--yellowbg);
  border-color: var(--yellowbg);
}

.btn-primary:hover {
  color: var(--whitebg);
  background-color: var(--yellowbg);
  border-color: var(--yellowbg);
}

/*--- common ------*/

/*-----container--- */

.container {
  padding-right: 15px;
  padding-left: 15px;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row>* {
  padding-left: 15px;
  padding-right: 15px;
}

/*-----container-end-- */

.commonbtn {
  padding: 8px 12px;
  font-weight: 500;
}

:root {
  --whitebg: #ffffff;
  --yellowbg: #fcc300;
  --blackbg: #000000;
  --lightgraybg: #E4E4E4;
  --darkgraybg: #595959;
  --graybg: #999999;
  --skybluebg: #00ffbd;
  --lightyellowbg: #fffa7e;
  --darkbluebg: #13adc7;

  --ftwhite: #ffffff;
  --ftyellow: #fcc300;
  --ftblack: #000000;
  --ftdarkgray: #595959;
  --ftgray: #999999;
  --ftskyblue: #00ffbd;
  --ftlightyellow: #fffa7e;

  --axi-thin: 'axiformathin';
  --axi-light: 'axiformalight';
  --axi-book: 'axiformabook';
  --axi-regular: 'axiformaregular';
  --axi-medium: 'axiformamedium';
  --axi-semibold: 'axiformasemibold';
  --axi-bold: 'axiformabold';
  --axi-extrabold: 'axiformaextrabold';
  --axi-black: 'axiformablack';
  --axi-heavy: 'axiformaheavy';

  --downey-light: 'downeylight';
  --downey-regular: 'downeyregular';
  --downey-bold: 'downeybold';
  --downey-black: 'downeyblack';

}

/* @font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("<?php echo get_template_directory_uri(); ?>/assets/css/fonts/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf") format("woff2"),
       url("/assets/css/fonts/fonts/bootstrap-icons.woff?8d200481aa7f02a2d63a331fc782cfaf") format("woff");
} */

@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("../rhnc/assets/css/fonts/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf") format("woff2"),
    url("../rhnc/assets/css/fonts/bootstrap-icons.woff?8d200481aa7f02a2d63a331fc782cfaf") format("woff");
}


.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-search::before {
  content: "\F52A";
}

.bi-arrow-right::before {
  content: "\F138";
}

.bi-list::before {
  content: "\F479";
}

.bi-arrow-up-circle::before {
  content: "\F13A";
}

.bi-plus-lg::before {
  content: "\F64D";
}

.bi-dash-lg::before {
  content: "\F63B";
}

.bi-file-earmark-text::before {
  content: "\F38B";
}




/*-----Banner-start-----*/
.headerdflex .hedlogo {
  z-index: 1;
  width: 85px;
}

.homebannerimg {
  background-repeat: no-repeat;
  /*background-position: center !important;*/
  background-size: cover;
  position: relative;
  /*height: 888px;*/
  background-color: transparent;
}

/*.homebannerimg:before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.50); content: "";}*/
.homemanibanner {
  background-attachment: fixed;
  overflow: hidden;
  position: relative;
  padding-top: 43%;
}

.homemainslider {
  position: relative;
  overflow: inherit !important;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 100%;
}

.homebannerimg .container {
  display: flex;
  align-items: center;
  height: 100%;
}

.banner-content {
  max-width: 747px;
}

.banner-content h2,
.banner-content h1 {
  font-size: 45px;
  text-transform: uppercase;
  margin-bottom: 30px;
  position: relative;
  opacity: 0;
  top: 0px;
  visibility: hidden;
  transition: all 2s ease-in-out 0s;
  left: -200px;
}

.swiper-slide-active .banner-content h2,
.swiper-slide-active .banner-content h1 {
  opacity: 1;
  left: 0;
  visibility: visible
}

.banner-content h2 span,
.banner-content h1 span {
  margin-left: -80px;
  display: block;
}

.banner-text {
  font-size: 16px;
  font-family: var(--axi-light);
  line-height: 30px;
  max-width: 356px;
  margin-bottom: 25px;
  position: relative;
  opacity: 0;
  top: 0px;
  visibility: hidden;
  transition: all 2s ease-in-out 0s;
  left: -300px;
}

.swiper-slide-active .banner-text {
  opacity: 1;
  left: 0;
  visibility: visible
}

.banner-but {
  position: relative;
  opacity: 0;
  visibility: hidden;
  transition: all 2s ease-in-out 0s;
  left: -400px;
}

.swiper-slide-active .banner-but {
  opacity: 1;
  left: 0;
  visibility: visible
}

/*-----Banner-end-----*/
/*-----------all-pages-style-----------------*/
.skybluebg {
  background-color: var(--skybluebg);
}

.lightgraybg {
  background-color: var(--lightgraybg);
}

.yellowbg {
  background-color: var(--yellowbg);
}

.lightyellowbg {
  background-color: var(--lightyellowbg);
}

.appointmentnow {
  padding: 10px 15px;
  text-align: center;
  font-size: 14px;
  font-family: var(--axi-book);
}

.appointmentnow a {
  text-decoration: underline;
  display: inline-flex;
  font-family: var(--axi-book);
}

.appointmentnow a:hover {
  text-decoration: none;
}

#cssmenu>ul>li>a {
  font-family: var(--axi-medium);
}

#cssmenu>ul>li>a b {
  text-transform: uppercase;
  font-family: var(--axi-bold);
  display: inline-flex;
  margin-right: 1px;
  position: relative;
}

#cssmenu>ul>li>a span {
  position: relative;
  display: inline-flex;
}

#cssmenu>ul>li>a span::before {
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 10px;
  height: 2px;
  background-color: #000;
  content: "";
  transition: all 0.3s ease-in-out 0s;
}

#cssmenu>ul>li>a:hover span::before {
  width: 100%;
}

#cssmenu>ul>li.nav-border>a {
  border-left: 1px solid #ccc;
  font-family: var(--axi-medium);
}

#cssmenu>ul>li.nav-border:hover>a {
  background-color: var(--lightgraybg);
  color: var(--ftblack);
  font-family: var(--axi-bold);
}

#cssmenu>ul>li.nav-border.lightyellowbg>a {
  padding-right: 44px;
  padding-left: 42px;
  font-family: var(--axi-medium);
}

#cssmenu>ul>li.nav-border.lightyellowbg:hover>a {
  background-color: var(--blackbg);
  color: var(--ftwhite);
}

#cssmenu ul li.lightyellowbg ul ul {
  margin-left: 100%;
  margin-right: 0;
  width: 100%;
}

#cssmenu ul li.lightyellowbg:hover ul ul {
  right: 0;
  margin-right: 100%;
}

#cssmenu li.lightyellowbg:hover>ul {
  left: auto;
  right: 0;
  width: auto;
}

#cssmenu>ul>li.nav-border.active>a,
#cssmenu>ul>li.nav-border.current-menu-item>a {
  background-color: var(--ftblack);
  color: var(--ftwhite);
}

.common-btn {
  display: inline-flex;
  position: relative;
  background-color: transparent !important;
  color: var(--ftblack);
  padding: 14px 25px;
  font-size: 15px;
  font-family: var(--axi-book);
  transition: all 0.3s ease-in-out 0s;
  border: none !important;
  justify-content: center;
  align-items: center;
}

.common-btn:hover {
  background-color: transparent !important;
  color: var(--ftblack);
  border-color: var(--blackbg);
}

.common-btn span {
  position: relative;
  display: flex;
  top: 0px;
  left: 0px;
  transition: all 0.3s ease-in-out 0s;
  justify-content: center;
  z-index: 1;
}

.homebanimgnewcl .common-btn:hover span {
  left: 5px;
  top: 5px !important;
}

.common-btn::before {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--skybluebg);
  display: flex;
  content: "";
  transition: all 0.3s ease-in-out 0s;
  z-index: -1;
}

.common-btn:hover:before {
  left: 5px;
  top: 5px;
  border-color: var(--skybluebg);
}

.common-btn::after {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--skybluebg);
  display: flex;
  content: "";
  transition: all 0.3s ease-in-out 0s;
  z-index: -1;
}

.common-btn:hover:after {
  left: 5px;
  top: 5px;
}

.maintitle {
  font-size: 14px;
  color: var(--ftgray);
  font-family: var(--axi-light);
  position: relative;
  width: 100%;
  margin: auto;
  margin-right: 0;
}

.maintitle::before {
  position: absolute;
  left: 0;
  top: 45%;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
}

.maintitle span {
  padding: 5px 15px 5px 0px;
  background-color: var(--ftwhite);
  display: inline-flex;
  position: relative;
  min-width: 110px;
}

.common-PTB {
  padding-top: 80px;
  padding-bottom: 80px;
}

.common-PTB-h {
  padding-top: 80px;
  padding-bottom: 50px;
}

.common-MTB {
  margin-top: 80px;
  margin-bottom: 80px;
}

.common-MTB-h {
  margin-top: 80px;
  margin-bottom: 50px;
}

/*.cont-left-padding {padding-left: 66px;}*/
.result-solution-pl {
  padding-left: 109px;
}

.result-box {
  margin-bottom: 50px;
  padding-top: 50px;
  position: relative;
}

.result-name {
  font-size: 14px;
  font-family: var(--axi-light);
  margin-bottom: 15px;
  position: relative;
  padding-left: 15px;
  line-height: normal;
}

.result-name::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 90%;
  background-color: var(--skybluebg);
  rotate: 25deg;
  content: "";
}

.counter-number {
  font-family: var(--downey-regular);
  margin-bottom: 8px;
  font-size: 30px;
  line-height: normal;
}

.result-box h3 {
  font-family: var(--axi-light);
}

.result-box h5,
.result-box p {
  font-family: var(--downey-regular);
  font-size: 14px;
  text-transform: uppercase;
  margin-bottom: 15px;
  line-height: 1.5;
}

.home-middle-section {
  position: relative;
  overflow: hidden;
}

.mapbg-img {
  position: relative;
}

.mapbg-img::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  background: url(../rhnc/assets/images/map-img-bg.png) no-repeat top 25% center;
  content: "";
}

.solution-cont {
  font-size: 20px;
  font-family: var(--axi-light);
  line-height: 30px;
  margin-bottom: 50px;
}

.solution-slider {
  margin-left: 180px;
  padding-top: 120px;
  min-height: 578px;
}

.solution-section {
  overflow: hidden;
  position: relative;
}

.solution-section::before {
  position: absolute;
  left: -10%;
  top: 205px;
  background: url(../rhnc/assets/images/logo-icon.svg) no-repeat top left;
  width: 578px;
  height: 578px;
  content: "";
}

.comm-slider-arrow .swiper-button-next,
.comm-slider-arrow .swiper-button-prev {
  width: 32px;
  height: 32px;
  border: 1px solid var(--skybluebg);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--ftskyblue);
  transition: all 0.3s ease-in-out 0s;
  font-weight: 700;
}

.comm-slider-arrow .swiper-button-next:hover,
.comm-slider-arrow .swiper-button-prev:hover {
  background-color: var(--skybluebg);
  color: var(--ftwhite);
}

.comm-slider-arrow .swiper-button-next {
  top: 69px;
  right: 0;
}

.comm-slider-arrow .swiper-button-prev {
  top: 26px;
  right: 0;
  left: inherit;
}

.comm-slider-arrow .swiper-button-prev::after,
.comm-slider-arrow .swiper-rtl .swiper-button-next::after,
.comm-slider-arrow .swiper-button-next::after,
.comm-slider-arrow .swiper-rtl .swiper-button-prev::after {
  font-size: 11px;
}

.comm-slider-arrow .swiper-pagination {
  top: 0;
  right: 55px;
  left: inherit;
  width: auto;
  display: flex;
  flex-direction: column;
}

.comm-slider-arrow .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  background-color: var(--skybluebg);
  margin: 8px 0px !important;
  display: inline-flex;
}

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

.rhnc-content {
  flex: 1;
  padding-right: 120px;
}

.rhnc-button {
  align-self: flex-end;
  width: 298px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.rhnc-slider-img {
  margin-bottom: 60px;
  position: relative;
}

.rhnc-button li {
  margin-top: 15px;
}

.rhnc-col .border-btn {
  display: flex;
}

.border-btn {
  background-color: var(--whitebg);
  border-color: var(--skybluebg);
}

.border-btn:hover {
  background-color: var(--skybluebg);
  color: var(--ftblack);
  border-color: var(--skybluebg);
}

.rhnc-pl h3 {
  font-family: var(--downey-regular);
  display: flex;
  align-items: center;
  font-size: 25px;
  margin-bottom: 15px;
}

.rhnc-pl h3 i {
  width: 24px;
  height: 24px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--blackbg);
  font-size: 10px;
  margin-left: 10px;
}

.rhnc-sub-title {
  font-size: 20px;
  font-family: var(--axi-light);
  line-height: 30px;
  margin-bottom: 15px;
}

.rhnc-text {
  font-size: 14px;
  font-family: var(--axi-light);
  line-height: 1.6;
}

.rhnc-text p {
  line-height: 1.6;
}

.rhnc-text strong {
  font-family: var(--axi-semibold);
}

.coach-discoutsecinner .commn-rightdesc,
.rhnc-about-listing p,
.noms-wrap-innersec p,
.numberdtl p,
.testi-dtl p,
.opportunite-descr p,
.commn-descr p {
  font-size: 14px;
  line-height: 20px;
}

.noms-wrap-innersec p.big-title,
.opportunite-dtl p.big-title {
  font-size: 40px;
  font-family: var(--axi-light);
  line-height: 1.2;
  margin-bottom: 15px;
}

.opportunite-dtl p.big-title {
  margin-bottom: 50px;
}

.nous-sommesbox-descript p.big-title {
  line-height: 1.2;
  margin-bottom: 15px;
}

/*about*/
.rhnc-aboutsec {
  overflow: hidden;
}

.about-imgsec {
  width: 100%;
  height: 785px;
  overflow: hidden;
}

.about-imgsec img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* object-position: top; */
}

h5.commn-title,
p.commn-title {
  font-size: 40px;
  font-family: var(--axi-light);
}

p.commn-title {
  line-height: 1.3;
}

.discoutbox p.commn-title {
  font-size: 40px;
  font-family: var(--axi-light);
  line-height: 1.2;
  margin-bottom: 15px;
}

.article-immersec p.big-title {
  font-size: 40px;
  font-family: var(--axi-light);
  line-height: 1.2;
  margin-bottom: 15px;
}

.rhnc-about-dtl {
  max-width: 510px;
}

/*.rhnc-about-inner{display: grid;grid-template-columns: 760px 1fr;}*/
.rhnc-about-inner {
  display: grid;
  grid-template-columns: 50% 1fr;
}

.rhnc-about-inner .maintitle {
  max-width: 90%;
  margin: auto;
  margin-right: 0;
  margin-bottom: 65px;
}

.rhnc-about-inner h5.commn-title,
.rhnc-about-inner p.commn-title {
  position: relative;
  left: -47px;
  margin-bottom: 65px;
}

.rhnc-about-listing {
  max-width: 320px;
  margin: auto;
}

.aboutbox {
  display: grid;
  align-items: center;
  grid-template-columns: 70px 1fr;
  margin-bottom: 60px;
}

.number {
  font-size: 72px;
  font-family: var(--axi-bold);
  color: var(--lightgraybg);
}

.numberdtl span,
.numberdtl h3 {
  text-transform: uppercase;
  font-size: 14px;
  font-family: var(--downey-regular);
}

.numberdtl h3 {
  margin-bottom: 3px;
}

.rhncboxdtl {
  margin-bottom: 60px;
}

.nomsdtl {
  margin-bottom: 55px;
}

.noms-wrap {
  position: relative;
  padding-top: 0px;
  /*overflow: hidden;*/
}

/*.noms-wrap:before{content: "";position: absolute;left: 7%;width: 100px; height: calc(100% + 25%);background-image: url(../rhnc/assets/images/shape.svg); background-repeat: no-repeat;top: -35%;}*/
.noms-wrap:before {
  content: "";
  position: absolute;
  left: 7%;
  width: 100px;
  height: calc(100% + 21%);
  /* background-image: url(../rhnc/assets/images/shape.svg); background-repeat: no-repeat;*/
  top: -40%;
  transform: skewY(40deg);
  background-color: var(--skybluebg);
  transition: all 0.3s ease-in-out 0s;
}

.noms-wrap.do-animate:before {
  top: -32%;
}

.nomsboxdtl {
  font-size: 14px;
}

.noms-iconlinsting {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px 90px;
  margin-top: 20px;
}

.nomsbox {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
}

/*.nomsbox a{display: grid;grid-template-columns: 80px 1fr;align-items: center;}*/
.nomsbox a:hover {}

.nomsbox {
  border-bottom: 2px solid #9999993d;
  padding-bottom: 20px;
}

/*.noms-iconlinsting:last-child .nomsbox{border-bottom: 0px;}*/
.noms-wrap-innersec {
  margin-top: 60px;
}

.nous-sommesinner .maintitle,
.noms-wrap .maintitle {
  margin-bottom: 65px;
}

/*.noms-wrap .maintitle{width: 80%;margin: auto;margin-right: 0px;}*/
.nous-sommesinner {
  margin-left: 250px;
}

.nous-sommesinner-img {
  width: 100%;
  height: 680px;
}

.nous-sommesinner-img img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

/*.nous-sommesbox{align-items: center;display: grid;grid-template-columns: 1fr 760px;}*/
.nous-sommesbox {
  align-items: center;
  display: grid;
  grid-template-columns: 1fr 50%;
}

.nous-sommes-rhncboxdtl p {
  font-size: 14px;
  font-family: var(--axi-semibold);
  line-height: 20px;
}

.listing li {
  position: relative;
  font-size: 14px;
  padding-left: 20px;
}

.listing li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 8px;
  background-image: url(../rhnc/assets/images/smallshape.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.nous-sommesinner .commn-title,
.nous-sommes-rhncboxdtl,
.nous-sommesinner .listing {
  margin-bottom: 40px;
}

.nous-sommesbox-descript {
  padding-left: 60px;
}

.testinomil h6 {
  font-size: 14px;
  font-family: var(--downey-bold);
  text-transform: uppercase;
}

.testinomil p.testi-cont-title {
  font-size: 14px;
  font-family: var(--downey-bold);
  text-transform: uppercase;
  margin-bottom: 30px;
  line-height: 1.2;
}

.testinomil h5,
.testinomil h3 {
  font-size: 20px;
  font-family: var(--axi-light);
}

.testi-dtl p {
  font-style: italic;
}

.testinomil {
  border: 1px solid #000;
  padding: 70px;
  background-color: #fff;
}

.testi-dtl,
.testinomil h5,
.testinomil h6,
.testinomil h3 {
  margin-bottom: 30px;
}

.btmtesti-name {
  display: grid;
  font-size: 14px;
  line-height: 20px;
}

.btmtesti-name span {
  font-size: 14px;
}

.testi-solution-slider {
  margin-left: 120px;
  padding-top: 120px;
  /*min-height: 578px;*/
  position: relative;
  padding-bottom: 120px;
}

.testi-solution-slider:before {
  content: "";
  position: absolute;
  background-image: url(../rhnc/assets/images/back-shape.svg);
  background-repeat: no-repeat;
  width: 686px;
  height: 700px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.testimonl-solution-slider-part.comm-slider-arrow .swiper-button-prev,
.testimonl-solution-slider-part.comm-slider-arrow .swiper-button-next {
  right: inherit;
  left: 44px;
}

.testimonl-solution-slider-part .container {
  position: relative;
}

.testimonl-solution-slider-part.comm-slider-arrow .swiper-pagination {
  top: 142px;
  right: inherit;
  left: 17px;
  width: auto;
  display: flex;
  flex-direction: column;
}

.testimonl-solution-slider-part .maintitle {
  top: 57px;
}

.testimonl-solution-slider-part.comm-slider-arrow .swiper-button-next {
  top: 209px;
}

.testimonl-solution-slider-part.comm-slider-arrow .swiper-button-prev {
  top: 167px
}

.testimonl-solution-slider-part {
  margin-bottom: 100px;
}

.parallax {
  background-image: url(../rhnc/assets/images/ad-img.jpg);
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.opportunite {
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 150px;
  padding-bottom: 200px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.opportunite .container:before {
  content: "";
  position: absolute;
  background-image: url(../rhnc/assets/images/light-shape.svg);
  background-repeat: no-repeat;
  width: 100%;
  height: 556px;
  margin: auto;
  left: 80px;
  right: 0;
  top: 156px;
  bottom: 0;
}

.opportunite .container {
  position: relative;
}

.opportunite-dtl {
  max-width: 632px;
  color: var(--ftwhite);
}

.opportunite-dtl h5.commn-title,
.opportunite-dtl p.commn-title {
  color: var(--ftwhite);
  margin-bottom: 50px;
}

.opportunite-descr {
  padding-right: 150px;
  margin-bottom: 60px;
}

.border-btn.yellowbtn {
  background-color: var(--lightyellowbg);
  font-family: var(--axi-book);
  font-size: 14px;
}

.common-btn.yellowbtn::before {
  border: 1px solid var(--lightyellowbg) !important;
}

.common-btn.yellowbtn::after {
  background-color: var(--lightyellowbg);
}

.common-btn.yellowbtn.offrcommon-btn::after {
  background-color: #00ffbd !important;
}









.border-btn.whitebtn {
  background-color: var(--whitebg);
  font-family: var(--axi-book);
  font-size: 14px;
}

.common-btn.whitebtn::before {
  border: 1px solid var(--whitebg);
}

.common-btn.whitebtn::after {
  background-color: var(--whitebg);
}

.border-btn.greenborder-btn {
  background-color: var(--whitebg);
  font-family: var(--axi-book);
  font-size: 14px;
}

.common-btn.greenborder-btn::before {
  border: 1px solid var(--skybluebg);
}

.common-btn.greenborder-btn::after {
  background-color: var(--whitebg);
  border: 1px solid var(--skybluebg);
}

.common-btn.greenborder-btn:hover:after {
  background-color: var(--skybluebg);
}

.opportunite-btn {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 35px 30px;
  z-index: 1;
  position: relative;
}

.opportunite .maintitle,
.discoutsec-wrap .maintitle,
.article-wrap .maintitle {
  width: 150%;
  margin-bottom: 50px;
}

.opportunite .maintitle span {
  background-color: transparent;
  color: #fff;
}

.opportunite .maintitle::before {
  background-color: #fff;
  left: 120px;
}

.discoutsec-wrap {
  position: relative;
  background-color: var(--skybluebg);
  overflow: hidden;
}

.discoutsec-wrap:before {
  content: "";
  position: absolute;
  left: -235px;
  background-image: url(../rhnc/assets/images/circle.svg);
  width: 500px;
  height: 500px;
  background-repeat: no-repeat;
  top: 25px;
  bottom: 0;
  margin: auto;
  background-size: 100%;
}

.discoutsec-wrap .maintitle,
.discoutsecinner {
  margin-left: 190px
}

.commn-rightdesc p {
  font-size: 20px;
}

.discoutbox {
  padding-right: 135px;
}

.commn-rightdesc {
  max-width: 300px;
}

.discoutsec-wrap .maintitle span {
  background-color: var(--skybluebg);
  color: #000;
  font-family: var(--axi-book);
}

.discoutsec-wrap .maintitle::before {
  background-color: #000;
}

.discoutsec-wrap .border-btn {
  background-color: #fff;
  border-color: #fff;
  font-family: var(--axi-book);
  font-size: 14px;
  margin-top: 15px;
  max-width: 290px;
  width: 100%;
}

.discoutsec-wrap .recru-cont {
  margin-bottom: 43px;
}

.travel-btn-white .common-btn::before,
.discoutsec-wrap .common-btn::before {
  border: 1px solid #fff;
  z-index: 1;
}

.article-immersec {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.article-wrap .article-immersec {
  align-items: flex-start;
}

.article-immersec .border-btn {
  width: 350px;
}

.articlebox {
  border: 1px solid #000;
  position: relative;
  padding-bottom: 36px;
  height: 100%;
  width: 100%;
}

.mainproimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease-in-out 0s;
}

.articlebox:hover .mainproimg img {
  /*opacity: 0.7;*/
}

.mainproimg {
  height: 150px;
  display: block;
}

.articl-descr {
  padding: 25px 35px 10px;
}

.articl-descr label {
  width: 100%;
  /*font-size: 9px;*/
  font-size: 11px;
  margin-bottom: 4px;
  font-family: var(--axi-light);
}

.articl-descr a {
  /*font-size: 10px; */
  font-size: 12px;
  border: 1px solid #000;
  padding: 5px 25px;
  display: block;
  max-width: fit-content;
  transition: all 0.3s ease-in-out 0s;
  line-height: normal;
}

.articltitle {
  font-size: 20px;
  line-height: 30px;
  margin-top: 25px;
  font-family: var(--axi-light);
}

.articlebox:hover .articltitle a {
  background-color: transparent !important;
  color: var(--ftblack) !important;
}

.articlebox .articltitle a {
  transition: all 0.3s ease-in-out 0s;
  color: #000;
  padding: 0px;
  border: none;
  font-size: 20px;
}

.articlebox:hover .articltitle a:hover {
  color: var(--ftskyblue);
  background-color: transparent;
}

.articl-plus {
  position: absolute;
  right: 0;
  bottom: 0;
}

.articl-plus a {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: all 0.3s ease-in-out 0s;
  padding-bottom: 1px;
}

.articlebox:hover .articl-plus a {
  background-color: var(--skybluebg);
}

.articl-plus img {
  width: 13px;
}

.articlebox:hover .articl-descr a {
  background-color: transparent;
  transition: all 0.3s ease-in-out 0s;
}

.article-wrap .maintitle span {
  min-width: auto;
}

.article-wrap .maintitle {
  margin-bottom: 60px;
}

.article-slider {
  margin-left: 78px;
  padding-bottom: 2px;
}

.article-wrap.comm-slider-arrow .swiper-pagination {
  left: 0;
  right: inherit;
  top: 0;
}

.article-wrap.comm-slider-arrow .swiper-button-prev,
.article-wrap.comm-slider-arrow .swiper-button-next {
  right: inherit;
  left: 22px;
}

.article-wrap .container {
  position: relative;
}

.article-wrap.comm-slider-arrow .swiper-button-next {
  top: 66px;
}

.article-wrap.comm-slider-arrow .swiper-button-prev {
  top: 24px;
}

.ftrbox label,
.ftrbox h2 {
  font-size: 11px;
  color: var(--ftgray);
  width: 100%;
  padding-bottom: 5px;
  font-family: var(--axi-light);
  line-height: 24px;
  margin-bottom: 0px;
}

.ftrbox a {
  display: block;
  font-size: 27px;
  font-family: var(--axi-medium);
  padding-bottom: 12px;
}

.ftrbox span {
  color: #DBDBDB;
}

.ftrbox .common-btn span {
  color: var(--ftblack);
}

a.contactnum {
  color: var(--skybluebg);
  font-family: var(--axi-bold);
  font-size: 16px;
  margin-bottom: 6px;
}

.ftr-address p {
  font-size: 15px;
  line-height: 25px;
  font-family: var(--axi-light);
}

.ftrbox li {
  display: inline-block;
  font-size: 11px;
  margin: 0px 5px;
  color: var(--ftgray);
}

.ftrbox li:first-child {
  margin-left: 0px;
}

.ftr-address {
  margin-bottom: 20px;
}

.ftrbox ul li a {
  padding-bottom: 0px;
}

.ftrbox ul li a img {
  transition: all 0.3s ease-in-out 0s;
}

.ftrbox ul li a:hover img {
  opacity: 0.7;
}

.ftrbox ul {
  display: flex;
  align-items: end;
}

.footersection .row {
  align-items: center;
}

.rightftrbox a {
  font-size: 15px;
  font-family: var(--axi-book);
}

.ftrbox {
  font-size: 14px;
}

.footersection,
.copyright {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.copyright {
  padding-top: 20px;
  padding-bottom: 20px;
}

.copyright li {
  display: inline-block;
  font-size: 11px;
  padding: 0px 12px;
  position: relative;
  text-decoration: underline;
}

.copyright li:last-child {
  text-decoration: none;
}

.copyright li:before {
  content: "";
  position: absolute;
  left: -5px;
  top: 3px;
  width: 3px;
  background-color: var(--lightgraybg);
  height: 17px;
  transform: rotate3d(1, 1, 1, 45deg);
}

.copyright li a:hover {
  color: var(--skybluebg);
}

.copyright .container ul {
  text-align: center;
}

.copyright li:first-child:before {
  width: 0px;
}

.footersection,
.discoutsecinner {
  position: relative;
}

.discoutsecinner {
  z-index: 1;
}

.footersection:before {
  content: "";
  position: absolute;
  background-image: url(../rhnc/assets/images/shape-light.jpg);
  background-repeat: no-repeat;
  width: 329px;
  height: 410px;
  margin: auto;
  left: 80px;
  right: 0;
  top: -80px;
  bottom: 0;
  z-index: -1;
}

.results-section,
.article-wrap {
  overflow: hidden;
}

.result-section .maintitle::before {
  width: 245%;
}

.nomsbox .nos-icon img {
  width: 59px;
}

/*.ftrbox ul li img:hover, .nomsbox:hover {filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(123deg) brightness(118%) contrast(119%);}*/
#cssmenu>ul>li:last-child {
  text-align: left;
}

#cssmenu>ul>li.nav-border.lightgraybg>a {
  color: #000;
}

.solution-cont {
  padding-top: 90px;
}

.rhnc-row .rhnc-box {
  padding-left: 60px;
}

.rhnc-pl a {
  text-decoration: underline;
}

.discoutsec-wrap {
  padding-top: 150px;
  padding-bottom: 150px;
}

.testimonl-solution-slider-part .maintitle::before {
  width: 150%;
}

.testimonl-solution-slider-part {
  overflow: hidden;
}

.rightftrbox .border-btn {
  background-color: var(--skybluebg);
}

.banner-content {
  padding-left: 89px;
}

.big-title {
  font-size: 40px;
  font-family: var(--axi-light);
  word-wrap: break-word;
}

.rhnc-about-inner h2.commn-title,
.rhnc-about-inner h3.commn-title,
.rhnc-about-inner p.commn-title {
  position: relative;
  left: -47px;
  margin-bottom: 65px;
}

.rhnc-about-inner p.commn-title {
  line-height: 1.2;
}

.opportunite-dtl h2.big-title {
  color: var(--ftwhite);
  margin-bottom: 50px;
}

.jarallax-keep-img {
  position: relative;
  z-index: 0;
  overflow: hidden;
}

.jarallax-keep-img>.jarallax-img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
  z-index: -100;
  opacity: 0;
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.jarallax {
  min-height: 600px;
}

.jarallax-keep-img.demo-float-left {
  margin-right: 15px;
  margin-left: -60px;
}

.jarallax-keep-img.demo-float-right {
  margin-left: 15px;
  margin-right: -60px;
}

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

  .jarallax-keep-img.demo-float-left,
  .jarallax-keep-img.demo-float-right {
    margin-right: 0;
    margin-left: 0;
    float: none;
  }
}

.lighter-bg {
  background-color: #0f0f11;
}

.hero {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 300px;
  height: calc(100vh - 220px);
}

.hero h1 {
  font-size: 80px;
  font-size: clamp(32px, 7.5vw, 80px);
  max-width: 1200px;
  margin: 0 auto;
  line-height: 1;
  letter-spacing: -.01em;
  font-weight: 800;
}

.hero.jarallax>.jarallax-container img,
.hero.jarallax>.jarallax-img img {
  filter: blur(3px);
}

.hero-name {
  font-size: 20px;
  font-size: clamp(17px, 2vw, 20px);
  font-weight: 300;
  letter-spacing: 1.1em;
  letter-spacing: clamp(1em, 2vw, 1.1em);
  margin-bottom: 20px;
  text-transform: uppercase;
}

.hero+.demo-gap {
  min-height: 230px;
}

/* gap */
.demo-gap {
  padding: 50px;
  overflow: hidden;
}

.demo-gap h1,
.demo-gap h2,
.demo-gap h3 {
  text-align: center;
}

.demo-gap .container {
  max-width: 800px;
  margin: 0 auto;
}

/* Demo Content */
.demo-content {
  padding: 80px;
}

/* Float */
.demo-float-left {
  float: left;
}

.demo-float-right {
  float: right;
}

/* Mobile */
@media screen and (max-width: 500px) {

  .demo-content,
  .demo-gap {
    padding: 50px 30px;
  }
}

.parallaxator {
  overflow: hidden;
  position: relative;
}

.parallaxator>.parallax_child {
  position: absolute;
  top: 0;
}

.section3 {
  background-color: #fde;
  height: 400px;
}

.jarallax.home-parallax-img-height {
  min-height: 500px;
}

.solution-slider .swiper-slide {
  background-color: #fff;
  width: 100% !important;
  min-height: 490px;
}

.nous-img-height {
  min-height: 680px;
}

.about-img-height {
  min-height: 785px;
  height: 100%;
}

.home .nous-img-height {
  height: 680px;
  min-height: inherit;
}

.home .about-img-height {
  height: 785px;
  min-height: inherit;
}

.headerdflex {
  justify-content: space-between;
}

/*
.noms-wrap.do-animate::before, .nous-intervenons-dans-sec-1::before {background-repeat: repeat-y; animation: animatedBackground 2.5s linear alternate;}

@keyframes animatedBackground {
  from {
    height: 0%;
  }
  to {
    height: 100%;
  }
}

.contact-strip-add.do-animate::before, .qui-sommes-page-cont-sec.do-animate .container::before {background-repeat: repeat-y; animation: animationstrip 2.5s linear alternate;}
@keyframes animationstrip {
  from {
    height: 0%;
  }
  to {
    height: 100%;
  }
}
*/
.discoutsec-wrap.do-animate::before,
.solution-section.do-animate::before,
.rec-tal-midd-sec.do-animate .big-box {
  animation: slide 1s linear;
}

@keyframes slide {
  0% {
    transform: translate(-235px);
  }

  100% {
    transform: translate(0px);
    /* The image width */
  }
}

.container.do-animate::before,
.footersection.do-animate::before,
.notre-vision-wrap.do-animate::before,
.nos-ser-box::before {
  animation: slideamimation 2s linear;
}

@keyframes slideamimation {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1.1, 1.1);
  }

  100% {
    transform: scale(1, 1);
  }
}

.mapbg-img.do-animate::before {
  animation: zoombgimg 2.5s linear;
}

@keyframes zoombgimg {
  0% {
    transform: scale(0.2, 0.2);
    opacity: 0;
  }

  100% {
    transform: scale(1, 1);
    opacity: 1;
  }

}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  /*opacity: 1 !important; cursor: pointer !important; */
  pointer-events: inherit !important;
}

.swiper-button-next.swiper-button-disabled:hover,
.swiper-button-prev.swiper-button-disabled:hover {
  background-color: var(--ftwhite);
  color: var(--ftskyblue);
}

.nous-sommes-wrap {
  overflow: hidden;
}

.rhnc-slider-img {
  padding-left: 5px;
  padding-right: 5px;
}

.rhnc-slider-img ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0px -5px;
  padding: 0px;
}

.rhnc-slider-img li {
  list-style-type: none;
  display: inline-flex;
  padding: 0px 5px;
  position: relative;
  /*width: 100%;*/
  width: 25%;
}

.rhnc-slider-img li a {
  position: relative;
  top: 0;
  /*height: 175px; width: 100%;*/
  display: inline-flex;
  align-items: flex-start;
  overflow: hidden;
}

.rhnc-slider-img li a img {
  position: absolute;
  top: 0;
  height: auto;
}

.rhnc-slider-img li a:hover img {
  position: absolute;
  top: -175px;
  height: auto;
}

.rhnc-slider-img li.active a img {
  position: absolute;
  top: -350px;
  height: auto;
}

.rhnc-slider-img li a svg {
  height: auto;
}

.rhnc-slider-img li a:hover svg path {
  fill: var(--skybluebg);
}

.rhnc-slider-img li.active a svg path {
  fill: #000;
}

.rhnc-slider-img li.active a:hover svg path {
  fill: var(--blackbg);
}


/*-------page-loder-start------*/

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}

#loader {
  display: block;
  position: relative;
  /*left: 50%;top: 50%;margin: -100px 0 0 -200px; -webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;*/
  z-index: 1001;
}

#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  /*background: #222;*/
  background: url(../rhnc/assets/images/loder-bg.gif) repeat top #222;
  z-index: 1000;
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

.loaded #loader-wrapper .loader-section.section-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
}

.loaded #loader-wrapper .loader-section.section-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .7s .3s cubic-bezier(.645, .045, .355, 1);
}

.loaded #loader {
  opacity: 0;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: all .3s 1s ease-out;
  transition: all .3s 1s ease-out;
}

.amimation-logo {
  position: relative;
  margin: auto;
  z-index: 99999;
}

.banner-par {
  align-items: center;
  background: #000 url(https://cssanimation.rocks/levelup/public/03/04-end/images/moon.jpg) center no-repeat;
  background-size: 100% auto;
  display: flex;
  height: 100vh;
  position: relative;
  overflow: hidden;
  justify-content: center;
  width: 100vw;
}

.banner-par:after {
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

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

.heading {
  color: #fff;
  font-size: 6em;
  line-height: 1;
  margin: 0;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 10vh;
  text-align: center;
}

.content {
  position: relative;
}

.content p {
  transform: translateZ(0);
  z-index: 10;
}

.floating-rocks {
  position: absolute;
}

.front-one {
  right: -10em;
}

.front-two {
  left: -12em;
}

.back-one {
  left: -4em;
  opacity: .2;
  z-index: 0;
}

.back-two {
  right: -20em;
  opacity: .1;
  z-index: 0;
}

.planet-earth {
  border-radius: 50%;
  left: -5em;
  opacity: .8;
  z-index: 0;
}

.credit {
  font-size: 1.75em;
  text-align: center;
  margin: 0;
  position: absolute;
  top: auto;
  right: 0;
  bottom: .5em;
  left: 0;
}

.header-banner-bg {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000 url(../rhnc/assets/images/home-banner.jpg) center bottom no-repeat;
  background-size: cover;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.banner-img-position {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding-top: 63%;
}

.banner-secound-img {
  background: url(../rhnc/assets/images/home-banner-2.png) center top no-repeat transparent;
  background-size: 100%;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -7%;
}

#backtotopbutton {
  display: inline-block;
  /*background-color: var(--whitebg); border: 2px solid var(--blackbg);  width: 45px; height: 46px;*/
  text-align: center;
  position: fixed;
  bottom: 50px;
  right: 30px;
  color: var(--ftblack);
  font-size: 47px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  cursor: pointer;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out 0s;
  backdrop-filter: blur(7px);
  /* background: rgba(255, 255, 255, 0.5); */
  transform: rotate(-90deg);
}

#backtotopbutton:hover {
  color: var(--ftskyblue);
}

#backtotopbutton.show {
  opacity: 1;
  visibility: visible;
}

.backtotop a svg {
  transition: all 0.3s ease-in-out 0s;
}

.backtotop a:hover svg {
  fill: var(--skybluebg);
}

.testi-solution-slider .swiper-slide {
  height: initial;
  display: flex;
}

.article-slider .swiper-slide {
  height: initial;
  display: flex;
  transition: all 0.3s ease-in-out 0s;
}

.blog-article-sec {
  max-width: 905px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 120px;
}

.blog-article-sec .row {
  margin-left: -30px;
  margin-right: -30px;
}

.blog-article-sec .col-md-6 {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.showmore-btn {
  position: relative;
  z-index: 1;
  margin: 30px 0px 50px 0px;
}

.showmore-btn .btn-loadmore {
  max-width: 300px;
  width: 100%;
}

.blog-page-section .discoutsec-wrap {
  margin-bottom: 100px;
}

.blog-categories-sec {
  padding: 8px 0px;
  border-top: 2px solid #e9e9e9;
  border-bottom: 2px solid #e9e9e9;
  margin-bottom: 30px;
}

.plr-40 {
  padding: 0px 40px;
}

.categories-blog-list {
  overflow: auto;
}

.categories-blog-list ul {
  margin: 0 -15px;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.categories-blog-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
}

.categories-blog-list li a {
  display: flex;
  /*font-size: 10px;*/
  font-size: 12px;
  font-family: var(--axi-light);
  width: 100%;
  border: 1px solid var(--skybluebg);
  padding: 8px 5px;
  align-items: center;
  justify-content: center;
  line-height: normal;
  min-width: 130px;
  white-space: nowrap;
}

.categories-blog-list li a:hover {
  background-color: var(--skybluebg);
  color: var(--ftblack);
}

.inner-banner-graybg {
  background-color: var(--lightgraybg);
  min-height: 170px;
  display: flex;
  align-items: center;
  padding: 15px 0px;
  margin-bottom: 50px;
  overflow: hidden;
}

.banner-sm-title {
  font-size: 14px;
  font-family: var(--axi-regular);
  margin-bottom: 10px;
  padding-left: 15px;
  position: relative;
}

.banner-sm-title::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 13px;
  background-color: var(--skybluebg);
  rotate: 22deg;
  content: "";
}

.banner-lg-title {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 0px;
}

.inner-banner-img {
  height: 400px;
  display: flex;
  align-items: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

/*.banner-shade::before {position: absolute; left: -20%; top: 0; width: 75.6%; height: 100%; backdrop-filter: blur(5px); background: rgba(0, 0, 0, 0.5); transform: skew(-20deg); content: "";}*/
.banner-shade::before {
  position: absolute;
  left: -25%;
  top: 0;
  width: 79.6%;
  height: 100%;
  backdrop-filter: blur(15px) brightness(120%);
  background: rgba(0, 0, 0, 0.5);
  transform: skew(-25deg);
  content: "";
}

.inner-banner-img .container {
  position: relative;
}

.banner-white-text {
  color: var(--ftwhite);
}

.banner-white-text .banner-sm-title,
.banner-white-text .banner-lg-title {
  color: var(--ftwhite);
}

.inner-banner-cont {
  font-size: 14px;
  font-family: var(--axi-regular);
  line-height: 22px;
  padding-top: 15px;
}

.inner-banner-cont b,
.inner-banner-cont strong {
  font-family: var(--axi-bold);
}

.inner-banner-cont p {
  line-height: 22px;
}

.banner-max-width {
  /*max-width: 310px;*/
  max-width: 345px;
  margin-left: 30px;
}

.contact-page-img {
  position: relative;
  z-index: 1;
  height: 368px;
}

.contact-page-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-strip-add {
  padding: 130px 0px;
  position: relative;
}

/*.contact-strip-add:before{content: "";position: absolute;right: 7%;height:calc(880px + 23%);background-image: url(../rhnc/assets/images/shape.svg); background-repeat: no-repeat !important; top: -35%; -webkit-transform: scaleX(-1); transform: scaleX(-1);  width: 100px !important; z-index: 1;}*/

.contact-strip-add:before {
  content: "";
  position: absolute;
  right: 7%;
  height: calc(650px + 23%);
  /*background-image: url(../rhnc/assets/images/shape.svg); background-repeat: no-repeat !important;*/
  top: -18%;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  width: 100px !important;
  z-index: 1;
  transform: skewY(-40deg);
  background-color: var(--skybluebg);
  transition: all 0.3s ease-in-out 0s;
}

.contact-map-sec {
  position: relative;
  height: 380px;
}

.contact-map-sec iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  box-shadow: none;
  outline: none;
}

.contact-wrap {
  background-color: #e4e4e4;
  margin-bottom: 100px;
}

.contact-wrap::before {
  background-image: url(../rhnc/assets/images/skyblue-circle.svg);
}

.contact-wrap h2 {
  font-size: 40px;
  font-family: var(--axi-light);
  line-height: 1.5;
  margin-bottom: 30px;
}

.cont-row {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.cont-img-admin {
  width: 135px;
  height: 135px;
  border-radius: 100%;
  background-color: var(--whitebg);
  margin-right: 27px;
  overflow: hidden;
}

.cont-img-admin img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cont-add-det {
  flex: 1;
  font-family: var(--axi-light);
  font-size: 14px;
  line-height: 1.7;
  color: #525252;
}

.cont-add-det h5 {
  font-size: 16px;
  font-family: var(--axi-bold);
  margin-bottom: 7px;
  display: flex;
  align-items: center;
}

.cont-add-det h5 img {
  margin-left: 5px;
}

.cont-add-det strong {
  font-family: var(--axi-regular);
  font-weight: normal;
  color: var(--ftblack);
}

.contact-det-sec {
  padding-left: 42%;
}

.cont-social {
  margin-top: 6px;
}

.cont-social li {
  display: inline-block;
  font-size: 11px;
  padding: 0px 5px;
}

.ftr-address {
  margin-bottom: 20px;
}

.cont-social ul {
  display: flex;
  margin: 0px -5px;
}

.cont-social li a {
  color: var(--ftblack);
  transition: all 0.3s ease-in-out 0s;
}

.cont-social li a:hover {
  color: var(--ftskyblue);
}

.cont-social li a img:hover {
  /*filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(123deg) brightness(118%) contrast(119%);*/
  opacity: 0.7;
}

.cont-add-det p {
  margin-bottom: 7px;
  line-height: 1.7;
}

.con-logo-padd {
  padding: 20px;
}

.bgnone {
  background-color: transparent;
}

.contact-form-sec {
  position: relative;
}

.contact-form-sec .maintitle span {
  min-width: 75px;
}

.contact-form-sec .maintitle::before {
  width: 245%;
}

.form-tab-cont {
  padding-top: 35px;
}

.form-tab-cont .tab-content h3,
.form-tab-cont .accordion-body h3 {
  font-size: 16px;
  font-family: var(--axi-light);
}

.tab-form {
  padding-top: 20px;
  position: relative;
}

.tab-form .nav-tabs .nav-link {
  font-size: 14px;
  font-family: var(--downey-regular);
  font-weight: normal;
  text-transform: uppercase;
  color: var(--ftblack);
  min-width: 320px;
  line-height: normal;
  padding: 18px 10px 14px 10px;
  border-radius: 0;
}

.tab-form .nav-tabs .nav-link {
  border-top-color: #dee2e6;
  border-right-color: #dee2e6;
  border-left-color: #dee2e6;
}

.tab-form .nav-tabs .nav-link.active {
  border-top-color: var(--blackbg);
  border-right-color: var(--blackbg);
  border-left-color: var(--blackbg);
}

.tab-form .nav-tabs .nav-link.active:hover {
  border-bottom: 1px solid #fff;
}

.tab-form .nav-tabs {
  border-bottom-color: var(--blackbg);
}

.tab-form .nav-tabs .nav-link:hover {
  border-bottom: transparent;
}

.tab-form .tab-pane {
  position: relative;
  padding: 70px 15px 70px 70px;
}

.tab-form .form-borderbox {
  position: relative;
  border-left: 1px solid var(--blackbg);
}

.tab-form .form-borderbox::before,
.tab-form .form-borderbox::after {
  position: absolute;
  left: 0;
  width: 500%;
  height: 1px;
  background-color: #000;
  content: "";
}

.tab-form .form-borderbox::before {
  top: -1px;
  left: 100%;
}

.tab-form .form-borderbox::after {
  bottom: 0px;
}

.form-borderbox label {
  font-size: 14px;
  font-weight: normal;
  font-family: var(--axi-light);
  margin-bottom: 12px;
}

.form-borderbox .form-control {
  border-radius: 0;
  padding: 17px 12px;
  line-height: normal;
  border-color: #000;
  font-size: 14px;
  font-weight: normal;
  font-family: var(--axi-light);
}

.form-borderbox .form-control:focus {
  box-shadow: none;
  border-color: var(--skybluebg);
}

.form-borderbox textarea.form-control {
  height: 180px;
}

.vous-form-sec {
  font-size: 14px;
  font-family: var(--axi-light);
  color: #525252;
  line-height: 20px;
  padding: 20px 0px 20px 0px;
}

.vous-form-sec p {
  line-height: 20px;
}

.vous-form-sec h5 {
  font-size: 14px;
  font-family: var(--axi-light);
  margin-bottom: 17px;
  font-weight: normal;
}

.form-borderbox .border-btn.greenborder-btn {
  min-width: 245px;
}

.contact-form-part .submitbtn {
  margin-top: 30px;
}

.cont-form-right-sec h4 {
  font-size: 14px;
  font-family: var(--axi-light);
  line-height: 24px;
  margin-bottom: 20px;
}

.selmr {
  position: relative;
}

.select-selected {
  padding: 14px 55px 14px 12px;
  cursor: pointer;
  user-select: none;
  background: var(--whitebg);
  border-radius: 0px;
  color: var(--ftblack);
  font-size: 14px;
  font-weight: normal;
  font-family: var(--axi-light);
  border: none;
  transition: all 0.3s ease-in-out 0s;
  display: inline-flex;
  align-items: center;
  position: relative;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.select-selected:after {
  position: absolute;
  content: "\f107";
  line-height: normal;
  font-family: fontawesome;
  font-size: 14px;
  color: #000;
  top: 0px;
  right: 0px;
  padding: 19px 17px;
  border-left: 1px solid #000;
  background-color: var(--whitebg);
}

.select-selected.select-arrow-active:after {
  content: "\f106";
}

.filtericon .select-selected {
  width: 100%;
}

.passsec {
  position: relative;
}

.passsec .select-selected {
  width: 95%;
}

.selct-dropdown select {
  display: none;
}

.select-items div {
  padding: 8px 15px;
  cursor: pointer;
  position: relative;
  color: #000;
  font-size: 14px;
  line-height: 19px;
}

.select-items div:hover {
  background-color: var(--lightgraybg);
}

.select-items {
  position: absolute;
  border-radius: 0px;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border: 1px solid var(--blackbg);
  transition: all 0.3s ease-in-out 0s;
}

.ui-widget.ui-widget-content {
  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--lightbluebg);
  border-radius: 10px;
}

.select-hide {
  display: none;
}

.select-items div:hover,
div.same-as-selected {
  color: var(--ftblack);
}

div.same-as-selected {
  font-weight: 500;
  background-color: var(--lightyellowbg);
  color: var(--blackbg);
}

div.same-as-selected:hover {
  color: #000;
}

div.same-as-selected:after {
  content: "\f00c";
  font-family: fontawesome;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 8px;
  font-size: 14px;
}

.form-borderbox .selct-dropdown {
  border-radius: 0px;
  background-position: right 10px center;
  border: 1px solid var(--blackbg);
}

.blog-detail-article .maintitle {
  margin-bottom: 30px;
}

.blog-detail-article .maintitle::before,
.discoutsec-wrap .maintitle::before,
.notre-mission-wrap .maintitle::before,
.qui-sommes-wrap .maintitle::before,
.qui-sommes-page-cont-sec .maintitle::before,
.notre-vision-wrap .maintitle::before {
  width: 230%;
}

.blog-next-prev {
  margin-bottom: 50px;
}

.blog-next-prev .categories-blog-list {
  overflow: inherit;
}

.blog-next-prev .categories-blog-list li.backtoall a {
  border: none;
  text-decoration: underline;
}

.blog-next-prev .categories-blog-list li.backtoall a:hover {
  text-decoration: none;
  border: none;
  background-color: transparent;
  color: var(--ftblack);
}

.blog-next-prev .categories-blog-list li a i {
  display: none;
}

.blog-detail-main-img {
  position: relative;
  height: 340px;
  overflow: hidden;
  margin-bottom: 50px;
  max-width: 905px;
  margin-left: auto;
  margin-right: auto;
}

.blog-detail-main-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-article-detail {
  margin-bottom: 50px;
  font-size: 14px;
  line-height: 20px;
  font-family: var(--axi-regular);
}

.blog-article-detail ul {
  list-style: initial;
  padding-left: 2rem;
}

.blog-date {
  font-size: 11px;
  margin-bottom: 15px;
}

.blog-cat-box {
  margin-bottom: 20px;
}

.blog-cat-box a span {
  display: inline-flex;
  padding: 10px 25px;
  border: 1px solid var(--blackbg);
  font-family: var(--axi-light);
  font-size: 14px;
  line-height: normal;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out 0s;
}

.blog-cat-box a:hover span {
  border-color: var(--skybluebg);
  background-color: var(--skybluebg);
  color: var(--ftblack);
}

.blog-article-detail h1 {
  font-size: 45px;
  line-height: 1.4;
  font-family: var(--axi-regular);
  margin-bottom: 25px;
}

.blog-article-detail h2 {
  font-size: 40px;
  line-height: 1.4;
  font-family: var(--axi-regular);
  margin-bottom: 25px;
}

.blog-article-detail p {
  line-height: 20px;
  margin-bottom: 20px;
}

.blog-article-detail strong {
  font-family: var(--axi-semibold);
}

.blog-article-detail h3 {
  /*font-family: var(--axi-bold); */
  font-family: var(--axi-regular);
  font-size: 35px;
  margin-bottom: 20px;
}

.blog-article-detail h4 {
  /*font-family: var(--axi-bold); */
  font-family: var(--axi-regular);
  font-size: 30px;
  margin-bottom: 20px;
}

.blog-article-detail h5 {
  /*font-family: var(--axi-bold); */
  font-family: var(--axi-regular);
  font-size: 25px;
  margin-bottom: 20px;
}

.blog-article-detail h6 {
  /*font-family: var(--axi-bold); */
  font-family: var(--axi-regular);
  font-size: 20px;
  margin-bottom: 20px;
}

.qui-sommes-wrap h3 {
  font-size: 20px;
  font-family: var(--axi-light);
  margin-bottom: 35px;
  line-height: 1.5;
}

.qui-sommes-wrap h2.maintitle {
  margin-bottom: 40px;
}

.notre-vision-wrap {
  padding: 120px 0px;
}

.notre-mission-wrap {
  padding: 145px 0px;
}

.notre-mission-wrap h2.maintitle {
  color: var(--ftblack);
}

.notre-mission-wrap .maintitle::before {
  background-color: var(--ftblack);
}

.notre-mission-wrap h2.maintitle span {
  background-color: var(--skybluebg);
}

.notre-mission-cont {
  padding: 0px 50px;
  font-size: 40px;
  line-height: 1.4;
  color: var(--ftblack);
  font-family: var(--axi-light);
}

.notre-mission-cont p {
  line-height: 1.4;
}

.notre-vision-wrap {
  position: relative;
}

.notre-mission-wrap h2.maintitle,
.notre-vision-wrap h2.maintitle,
.qui-sommes-page-cont-sec h2.maintitle {
  margin-bottom: 40px;
}

.notre-vision-cont {
  padding: 0px 50px;
  font-size: 40px;
  line-height: 1.4;
  color: var(--ftblack);
  font-family: var(--axi-light);
  text-align: center;
}

.notre-vision-cont p {
  line-height: 1.4;
}

.notre-vision-cont span {
  color: var(--ftskyblue);
  font-family: var(--axi-medium);
}

.notre-vision-wrap::before {
  content: "";
  position: absolute;
  background-image: url(../rhnc/assets/images/shape-light.jpg);
  background-repeat: no-repeat;
  width: 329px;
  height: 410px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.qui-sommes-page-cont-sec,
.qui-sommes-page-cont-sec .container {
  position: relative;
  z-index: 1;
}

/*.qui-sommes-page-cont-sec .container:before {content: "";position: absolute;right: 7%; height:calc(880px + 23%);background-image: url(../rhnc/assets/images/shape.svg); background-repeat: no-repeat !important; top: -35%; -webkit-transform: scaleX(-1); transform: scaleX(-1);  width: 100px !important; z-index: 1;} */

.qui-sommes-page-cont-sec .container:before {
  content: "";
  position: absolute;
  right: 7%;
  height: calc(880px + 23%);
  top: -48%;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  width: 100px !important;
  z-index: 1;
  transform: skewY(-40deg);
  background-color: var(--skybluebg);
  transition: all 0.3s ease-in-out 0s;
}

.qui-sommes-page-cont-sec.do-animate .container:before {
  top: -35%;
}



.qui-sommes-page-cont-sec .blog-article-detail {
  line-height: 20px;
  font-size: 14px;
  font-weight: var(--axi-light);
}

.qui-sommes-page-cont-sec p {
  line-height: 20px;
  margin-bottom: 20px;
}

.qui-sommes-page-cont-sec strong {
  font-family: var(--axi-bold);
}

.qui-sommes-page-cont-sec .blog-article-sec {
  max-width: 752px;
  margin-left: 30px;
}

/* .banner-white-shade.banner-shade::before {backdrop-filter: blur(5px); background: linear-gradient(100deg, rgba(175, 175, 175, 0.6), rgba(255, 255, 255, 0.5)); content: "";}*/
.banner-white-shade.banner-shade::before {
  backdrop-filter: blur(9px) brightness(150%);
  /*background: linear-gradient(100deg, rgba(175, 175, 175, 0.6), rgba(255, 255, 255, 0.5));*/
  background-color: rgba(255, 255, 255, 0.3);
  content: "";
}

.qui-sommes-wrap {
  position: relative;
}

.qui-sommes-wrap .nous-sommesbox-descript {
  max-width: 340px;
}

.qui-sommes-wrap .nous-sommes-rhncboxdtl {
  font-family: var(--axi-light);
}

.qui-sommes-wrap .nous-sommes-rhncboxdtl strong {
  font-family: var(--axi-semibold);
}

.qui-sommes-wrap .nous-sommes-rhncboxdtl p,
.qui-sommes-wrap .nous-sommesinner .listing {
  margin-bottom: 20px;
  font-family: var(--axi-light);
  text-align: left;
}

.qui-sommes-wrap .nous-sommesinner {
  margin-left: 0px;
}

.qui-sommes-wrap .nous-sommesbox {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  margin-top: 150px;
  display: flex;
  align-items: flex-start;
}

.qui-sommes-wrap .nous-img-height {
  min-height: 620px;
}

.mb-100 {
  margin-bottom: 100px;
}

.talk-about-slider {
  margin-left: 120px;
  padding-top: 120px;
  /*min-height: 578px;*/
  position: relative;
  padding-bottom: 120px;
}

.talk-about-slider:before {
  content: "";
  position: absolute;
  background-image: url(../rhnc/assets/images/back-shape.svg);
  background-repeat: no-repeat;
  width: 686px;
  height: 700px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.talk-about-slider .swiper-slide {
  height: initial;
  display: flex;
}

.travel-btn-white .common-btn::after,
.recrutment-wrap .common-btn::after {
  z-index: 0;
}

.recru-cont {
  margin-bottom: 30px;
  font-size: 20px;
  font-family: var(--axi-light);
  line-height: 1.5;
}

.recrutment-wrap .discoutbox {
  padding-right: 0px;
  max-width: 400px;
}

.recrutez-avec-notre-sec .rhnc-about-listing .listing li::before {
  height: auto;
  top: 5px;
}

.recrutez-avec-notre-sec .rhnc-about-listing .listing li {
  margin-bottom: 15px;
  line-height: 1.7;
}

#cssmenu>ul>li.current-menu-item>a span::before {
  width: 100%;
}

.recru-cont-midd-sec h3 {
  font-size: 16px;
  font-family: var(--axi-light);
  text-transform: inherit;
  margin-bottom: 30px;
}

.recruteur-cont {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 30px;
}

.recruteur-cont strong {
  font-family: var(--axi-semibold);
  font-weight: normal;
}

.recruteur-cont p {
  line-height: 20px;
}

.recrutement-list {
  margin-bottom: 30px;
}

.recrutement-list ul {
  display: flex;
  flex-wrap: wrap;
}

.recrutement-list li {
  font-size: 14px;
  font-family: var(--axi-light);
  position: relative;
  width: 50%;
  display: flex;
  margin-bottom: 10px;
  line-height: 1.5;
}

.recrutement-list li i {
  margin-right: 7px;
  padding-top: 2px;
}

.recrutement-list li i.redbg {
  color: #ff4e4e;
}

.recrutement-list li i.greenbg {
  color: #2ad572;
}

.blackbg {
  background-color: var(--blackbg);
}

.recrutement-step-sec {
  color: var(--ftwhite);
  font-size: 14px;
  font-family: var(--axi-regular);
  line-height: 20px;
  margin-top: -1px;
  position: relative;
}

.recrutement-step-sec p {
  line-height: 20px;
  font-family: var(--axi-light);
  font-size: 13px;
}

.recrutement-step-box h4 {
  font-size: 14px;
  text-transform: none;
  font-weight: normal;
  font-family: var(--downey-regular);
  margin-bottom: 10px;
  color: var(--ftwhite);
  position: relative;
  padding-left: 18px;
}

.recrutement-step-box h4::before {
  position: absolute;
  content: "";
  left: 0;
  top: 8px;
  background-image: url(../rhnc/assets/images/smallshape.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  bottom: 0;
  margin: auto;
}

.rec-step-part h3 {
  font-size: 14px;
  margin-bottom: 35px;
  color: var(--ftskyblue);
  font-family: var(--axi-light);
  font-weight: normal;
}

.rec-step-part .col-md-6 {
  margin-bottom: 30px;
}

.rec-banner-title h2 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 10px;
}

.rec-banner-title h2 img {
  width: 24px;
  margin-left: 5px;
}

.rec-banner-title h3 {
  font-size: 20px;
  padding-left: 16px;
  font-family: var(--axi-regular);
  line-height: 1.5;
  margin-bottom: 15px;
  position: relative;
}

.rec-banner-title h3::before {
  position: absolute;
  content: "";
  left: 0;
  top: 6px;
  bottom: inherit;
  margin: auto;
  background-color: var(--skybluebg);
  width: 2px;
  height: 15px;
  transform: rotate(20deg);
}

.rec-bann-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 1;
}

.rec-banner-left {
  flex: 1;
  margin-right: 15px;
  font-family: var(--axi-light);
  font-size: 14px;
  line-height: 1.6;
}

.rec-banner-left span {
  display: block;
  font-family: var(--axi-regular);
}

.je-vends-etape-sec.je-vends-stap-2 h6 {
  font-size: 16px;
  font-weight: 700;
  color: #0a526a;
  padding-top: 15px;
  margin-bottom: 10px;
}

.rec-banner-right {
  padding-right: 10px;
  position: relative;
  z-index: 1;
}

.rec-banner-sec .rec-bann-row .common-btn.greenborder-btn::after {
  background-color: var(--lightgraybg);
}

.rec-banner-sec .rec-bann-row .common-btn.greenborder-btn:hover:after {
  background-color: var(--skybluebg);
}

.espace-candidat-banner-sec {
  color: var(--ftwhite);
  padding-top: 100px;
  padding-bottom: 150px;
}

.espace-candidat-banner-sec .rec-banner-left strong,
.espace-candidat-banner-sec .rec-banner-left b {
  font-family: var(--axi-semibold);
  font-weight: normal;
}

.espace-candidat-banner-sec .rec-banner-left p {
  margin-bottom: 20px;
  line-height: 23px;
}

.espace-candidat-banner-sec .rec-banner-left p:last-child {
  margin-bottom: 0px;
}

.espace-candidat-cont {
  max-width: 550px;
}

.espace-candidat-banner-sec .rec-banner-title h2,
.espace-candidat-banner-sec .rec-banner-title h3 {
  color: var(--ftwhite);
}

.espace-candidat-banner-sec .rec-banner-title h3::before {
  background-color: var(--lightyellowbg);
}

.espace-candidat-banner-sec .common-btn {
  min-width: 290px;
}

.espace-candidat-banner-sec .container::before {
  width: 285px;
  height: 95%;
  background-size: 83%;
  top: 15%;
}

.emb-reg-cont {
  font-size: 14px;
  font-family: var(--axi-light);
  margin-bottom: 30px;
}

.emb-sim-cont {
  font-size: 14px;
  font-family: var(--axi-semibold);
  margin-bottom: 20px;
  line-height: 16px;
}

.espace-testimonial-sec .swiper-button-next,
.espace-testimonial-sec .swiper-button-prev {
  border: 1px solid var(--lightyellowbg);
  background-color: var(--lightyellowbg);
}

.espace-testimonial-sec .swiper-button-next,
.espace-testimonial-sec .swiper-button-prev {
  color: var(--ftblack);
}

.espace-testimonial-sec .swiper-pagination-bullet {
  background-color: var(--blackbg);
  opacity: 1;
  border-radius: 0px;
}

.espace-testimonial-sec .swiper-pagination-bullet-active {
  background-color: var(--lightyellowbg);
  opacity: 1;
}

.espace-testimonial-sec .maintitle {
  top: 0;
  margin-bottom: 60px;
}

.espac-test-cont {
  font-size: 14px;
  font-family: var(--axi-light);
  line-height: 20px;
  margin-left: 120px;
  max-width: 500px;
  margin-bottom: 60px;
}

.espace-testi-slider {
  position: relative;
}

.testimonl-solution-slider-part.comm-slider-arrow.espace-testimonial-sec .swiper-pagination {
  top: 16%;
}

.testimonl-solution-slider-part.comm-slider-arrow.espace-testimonial-sec .swiper-button-prev {
  top: 19%;
}

.testimonl-solution-slider-part.comm-slider-arrow.espace-testimonial-sec .swiper-button-next {
  top: 25%;
}

.prenez-controle-sec {
  background-color: var(--lightyellowbg);
}

.prenez-controle-sec .commn-rightdesc strong,
.prenez-controle-sec .recru-cont strong {
  font-family: var(--axi-semibold);
  font-weight: normal;
}

.prenez-controle-sec::before {
  background-image: url(../rhnc/assets/images/black-circle.svg);
  left: -170px;
  width: 400px;
  height: 400px;
}

.travaille-sec {
  height: 670px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.travaille-fitlerbg {
  position: relative;
  max-width: 530px;
  padding: 100px;
  height: 100%;
  overflow: hidden;
}

.travaille-fitlerbg::before {
  position: absolute;
  left: -5%;
  top: 0;
  width: 110%;
  height: 100%;
  /*backdrop-filter: blur(7px); */
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(9px) brightness(115%);
  content: "";
}

.travaille-sec .container {
  height: 100%;
}

.travaille-rel {
  position: relative;
}

.travaille-cont {
  font-size: 14px;
  font-family: var(--axi-light);
  line-height: 1.5;
  margin-bottom: 40px;
}

.travaille-cont strong {
  font-family: var(--axi-semibold);
}

.travaille-cont p {
  line-height: 1.5;
  margin-bottom: 25px;
}

.travaille-cont p:last-child {
  margin-bottom: 0px;
}

.travaille-rel h2 {
  font-size: 40px;
  font-family: var(--axi-light);
  line-height: 1.4;
  margin-bottom: 30px;
}

.travaille-btn .common-btn {
  max-width: 318px;
  width: 100%;
}

.nous-inter-plr {
  max-width: 727px;
  margin-left: auto;
  margin-right: auto;
  font-size: 40px;
  font-family: var(--axi-light);
  line-height: 1.6;
}

.nous-inter-plr h2 {
  font-size: 40px;
  font-family: var(--axi-light);
  line-height: 1.4;
}

.nous-inter-plr span {
  font-family: var(--axi-semibold);
  color: var(--ftyellow);
}

.nous-inter-plr strong {
  font-family: var(--axi-semibold);
  font-weight: normal;
}

.esp-nos-services-sec {
  background-color: #babbbd;
  color: var(--ftwhite);
  overflow: hidden;
  position: relative;
}

.esp-nos-services-sec .container {
  position: relative;
  z-index: 1;
}

.esp-nos-services-sec .maintitle span {
  background-color: #babbbd;
  color: #fff;
  font-family: var(--axi-book);
}

.esp-nos-services-sec .maintitle {
  margin-bottom: 40px;
}

.esp-nos-services-sec .maintitle::before {
  width: 230%;
  background-color: var(--whitebg);
}

.nos-ser-title {
  font-size: 20px;
  line-height: 1.5;
  font-family: var(--axi-light);
  margin-bottom: 30px;
  max-width: 300px;
}

.nos-ser-box {
  padding: 40px 0px;
  position: relative;
}

.nos-ser-box::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 310px;
  height: 100%;
  background: url(../rhnc/assets/images/strip.svg) no-repeat center;
  content: "";
}

.nos-services-btn .common-btn {
  max-width: 310px;
  width: 100%;
}

.nous-intervenons-dans-sec {
  padding: var(--axi-regular);
  position: relative;
}

/*.nous-intervenons-dans-sec:before{ content: "";position: absolute;left: 7%;width: 100px;height: 1028px; background-image: url(../rhnc/assets/images/yellow-strip.svg);background-repeat: no-repeat; top: -100%; z-index: 1;}*/

.nous-intervenons-dans-sec:before {
  content: "";
  position: absolute;
  left: 7%;
  width: 100px;
  height: 1028px;
  /*height: calc(100% + 23%);  background-image: url(../rhnc/assets/images/yellow-strip.svg);background-repeat: no-repeat; */
  top: -100%;
  z-index: 1;
  transform: skewY(40deg);
  background-color: var(--lightyellowbg);
  transition: all 0.3s ease-in-out 0s;
}

.esp-nos-widht {
  max-width: 1027px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 150px;
}

.nos-offer-section {
  position: relative;
  /*overflow: hidden;*/
}

.nos-offer-section .espace-col-left .espace-left-panel {
  position: sticky;
  top: 130px;
}

.nos-offer-section .maintitle::before {
  width: 230%;
}

.nos-offers-title .maintitle {
  margin-bottom: 30px;
}

.nos-offers-title {
  padding-left: 48px;
  margin-bottom: 40px;
}

.nos-offers-title h1 {
  font-size: 40px;
  font-family: var(--axi-light);
  margin-bottom: 20px;
}

.nos-offerbox-bg h3 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 15px;
}

.nos-offer-listing .row {
  margin-left: -12px;
  margin-right: -12px;
}

.nos-offer-listing .col-md-6 {
  padding: 12px;
}

.nos-offer-list {
  font-size: 11px;
  color: #FAF22B;
  font-family: var(--downey-bold);
  line-height: 13px;
  margin-bottom: 4px;
}

.nos-offer-list a {
  color: #FAF22B;
}

.nos-offer-list a:hover {
  color: var(--ftblack);
}

.nos-country-nam {
  font-size: 10px;
  font-family: var(--axi-light);
  margin-bottom: 10px;
}

.nos-tag {
  font-size: 10px;
  font-family: var(--axi-light);
  margin-bottom: 10px;
  line-height: 1.4;
}

.nos-tag span {
  display: inline-flex;
  padding: 5px 10px;
  background-color: var(--lightgraybg);
}

.nos-offer-btn {
  position: absolute;
  left: 25px;
  bottom: 25px;
  width: calc(100% - 50px);
}

.nos-offer-btn .common-btn {
  width: 100%;
}

.nos-offerbox-bg {
  padding: 30px;
  background-color: var(--lightgraybg);
  background-size: 100%;
  overflow: hidden;
  position: relative;
  height: 100%;
}

.nos-box-cor {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.nos-offerbox-bg::before,
.nos-offerbox-bg::after {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #fff;
  top: -40px;
  content: "";
  transform: rotate(45deg);
}

.nos-offerbox-bg::before {
  left: -40px;
}

.nos-offerbox-bg::after {
  right: -40px;
}

.nos-whitebg {
  background-color: var(--whitebg);
  padding: 25px 25px 100px 25px;
  position: relative;
  z-index: 1;
  height: 100%;
}

.border-btn.blackbtn {
  background-color: var(--whitebg);
  font-family: var(--axi-book);
  font-size: 14px;
}

.border-btn.blackbtn:hover {
  color: var(--ftwhite);
}

.common-btn.blackbtn::before {
  border: 1px solid var(--blackbg);
}

.common-btn.blackbtn::after {
  background-color: var(--whitebg);
  border: 1px solid var(--blackbg);
}

.common-btn.blackbtn:hover:after {
  background-color: var(--blackbg);
}

.nos-box-bottom-cor {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  content: "";
}

.nos-box-bottom-cor::before,
.nos-box-bottom-cor::after {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #fff;
  bottom: -40px;
  content: "";
  transform: rotate(45deg);
}

.nos-box-bottom-cor::before {
  left: -40px;
}

.nos-box-bottom-cor::after {
  right: -40px;
}

.nos-offer-viewmore-btn {
  text-align: center;
  padding-top: 50px;
}

.nos-offer-viewmore-btn .common-btn {
  max-width: 260px;
  width: 100%;
}

.inner-sm-banner-sec {
  height: 180px;
  overflow: hidden;
  position: relative;
  margin-bottom: 0px;
}

.inner-sm-banner-sec .container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 1;
}

.inner-banner-right-img {
  width: 46%;
  display: flex;
  justify-content: flex-end;
  margin-left: auto;
  height: 180px;
  transform: skew(-25deg);
  margin-right: -80px;
  overflow: hidden;
}

.banner-cor-img {
  position: relative;
  width: 100%;
  left: -41px;
  transform: skew(25deg);
}

.banner-cor-img::before {
  position: absolute;
  left: -24px;
  top: 0;
  height: 100%;
  width: 100px;
  background-color: var(--skybluebg);
  content: "";
  z-index: 1;
  transform: skew(-25deg);
}

.banner-cor-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recruteur-talents-sec .border-btn {
  max-width: inherit;
  width: auto;
}

.recruteur-talents-sec .commn-rightdesc {
  max-width: inherit;
  font-family: var(--axi-semibold);
}

.recruteur-talents-sec .commn-rightdesc p {
  font-size: 17px;
}

.recruteur-talents-sec h5.commn-title,
.recruteur-talents-sec p.commn-title {
  margin-bottom: 30px;
}

.rec-box-border {
  border: 1px solid var(--blackbg);
  border-top: none;
  height: 80px;
}

.presentation-service-sec {
  margin-bottom: 100px;
}

.presentation-service-sec h2 {
  margin-bottom: 40px;
}

.rec-tal-sub-cont {
  font-size: 16px;
  font-family: var(--axi-light);
  line-height: 1.6;
}

.rec-tal-sub-cont strong {
  font-weight: normal;
  font-family: var(--axi-semibold);
}

.presentation-service-listing {
  padding-left: 200px;
  margin-bottom: 100px;
}

.presentation-service-list-box {
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(240, 240, 240, 0.50);
  font-size: 14px;
  font-family: var(--axi-light);
}

.presentation-service-list-box h6 {
  font-size: 14px;
  font-weight: normal;
  font-family: var(--axi-semibold);
  margin-bottom: 5px;
}

.presentation-service-list-box h6 span {
  font-family: var(--axi-light);
}

ul.common-list-listing {
  margin: 0px;
  padding: 0px;
}

ul.common-list-listing li {
  list-style-type: none;
  display: block;
  padding-left: 15px;
  position: relative;
  line-height: 1.6;
  font-size: 14px;
  font-family: var(--axi-light);
  margin-bottom: 4px;
}

ul.common-list-listing li strong {
  font-family: var(--axi-semibold);
  font-weight: normal;
}

ul.common-list-listing li::before {
  position: absolute;
  left: 0;
  top: -1px;
  position: absolute;
  content: "\f105";
  font-family: fontawesome;
  color: var(--ftskyblue);
}

.business-border-box {
  border: 1px solid var(--blackbg);
  border-bottom: none;
  padding: 60px 80px;
  background-color: var(--whitebg);
}

.rec-tal-midd-sec {
  position: relative;
}

.rec-tal-midd-sec .container {
  position: relative;
  z-index: 1;
}

.business-choise {
  margin-bottom: 50px;
}

.business-choise h2 {
  font-size: 40px;
  font-family: var(--axi-light);
  margin-bottom: 35px;
}

.offer-bot-list {
  padding-left: 60px;
  padding-right: 60px;
}

.offer-box-list {
  padding: 40px 30px 30px 30px;
  background-color: var(--ftwhite);
  line-height: 1.6;
  font-size: 14px;
  font-family: var(--axi-light);
}

.offer-box-list h2 {
  font-size: 20px;
  margin-bottom: 5px;
  line-height: 1.5;
}

.offer-box-list h3 {
  font-size: 14px;
  margin-bottom: 20px;
  color: var(--ftskyblue);
}

.offer-box-list ul {
  margin: 0px;
  padding: 0px;
}

.offer-box-list li {
  list-style-type: none;
  display: flex;
  margin-bottom: 7px;
  position: relative;
  padding-left: 15px;
}

.offer-box-list li::before {
  position: absolute;
  left: 0;
  top: 4px;
  width: 2px;
  height: 10px;
  background-color: var(--skybluebg);
  rotate: 25deg;
  content: "";
}

.offer-gray-box {
  padding: 30px;
  background-color: var(--lightgraybg);
  background-size: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
}

.offer-gray-box::before,
.offer-gray-box::after {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #fff;
  top: -40px;
  content: "";
  transform: rotate(45deg);
}

.offer-gray-box::before {
  left: -40px;
}

.offer-gray-box::after {
  right: -40px;
}

.offer-box-bottom-cor {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 80px;
  content: "";
}

.offer-box-bottom-cor::before,
.offer-box-bottom-cor::after {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #fff;
  bottom: -40px;
  content: "";
  transform: rotate(45deg);
}

.offer-box-bottom-cor::before {
  left: -40px;
}

.offer-box-bottom-cor::after {
  right: -40px;
}

.business-offer-box-sec .col-lg-5 {
  width: 43%;
}

.business-offer-box-sec .col-lg-7 {
  width: 57%;
}

.big-box {
  position: absolute;
  left: -20%;
  top: 159px;
  width: 680px;
  height: 950px;
  padding: 60px;
  background-color: var(--skybluebg);
  overflow: hidden;
}

.big-box::before,
.big-box::after {
  position: absolute;
  width: 160px;
  height: 160px;
  background-color: #fff;
  top: -80px;
  content: "";
  transform: rotate(45deg);
}

.big-box::before {
  left: -80px;
}

.big-box::after {
  right: -80px;
}

.box-whitebg {
  background-color: var(--ftwhite);
  padding: 30px;
  height: 100%;
}

.big-box-bottom-cor {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 160px;
  content: "";
}

.big-box-bottom-cor::before,
.big-box-bottom-cor::after {
  position: absolute;
  width: 160px;
  height: 160px;
  background-color: #fff;
  bottom: -80px;
  content: "";
  transform: rotate(45deg);
}

.big-box-bottom-cor::before {
  left: -80px;
}

.big-box-bottom-cor::after {
  right: -80px;
}

.offer-bot-list ul.common-list-listing li {
  margin-bottom: 20px;
}

.inner-banner-title {
  width: 60%;
}

.inner-banner-title.plr-40 {
  padding-right: 15px;
}

.decouvrir-banner .banner-max-width {
  max-width: 406px;
}

.traviller-sec .listing {
  font-family: var(--downey-bold);
  font-size: 14px;
  padding-top: 20px;
  margin-bottom: 20px;
}

.traviller-sec .nous-sommes-rhncboxdtl {
  margin-bottom: 25px;
}

.traviller-sec .nous-sommes-rhncboxdtl,
.traviller-sec .nous-sommes-rhncboxdtl p {
  font-size: 14px;
  line-height: 1.5;
  font-family: var(--axi-light);
}

.dinformations-sec {
  font-size: 14px;
  line-height: 1.5;
  font-family: var(--axi-light);
}

.traviller-sec ul.common-list-listing li {
  font-size: 14px;
  margin-top: 7px;
  margin-bottom: 0px;
}

.traviller-sec ul.common-list-listing li a {
  text-decoration: underline;
}

.traviller-sec ul.common-list-listing li a:hover {
  text-decoration: none;
}

.traviller-sec .nous-sommesbox-descript {
  max-width: 430px;
  font-family: var(--axi-light);
}

.traviller-sec strong,
.decouvrir-presentation strong {
  font-family: var(--axi-bold);
}

.traviller-sec .nous-sommesbox {
  position: relative;
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
}

.traviller-sec .nous-sommesinner {
  position: absolute;
  left: 0;
  margin-left: 0;
  width: 100%;
}

.traviller-sec .nous-sommesinner-img {
  width: 50%;
}

.nouvelle-caledonie-video {
  position: relative;
  padding-top: 40.33%;
  overflow: hidden;
}

.nouvelle-caledonie-video iframe {
  position: absolute;
  left: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.decouvrir-presentation {
  overflow: hidden;
  position: relative;
  padding-bottom: 150px !important;
}

.decouvrir-presentation::after {
  position: absolute;
  left: -9%;
  bottom: -30%;
  background: url(../rhnc/assets/images/leaf-img-2.png) no-repeat left bottom;
  background-size: 100%;
  width: 700px;
  height: 588px;
  content: "";
}

.decouvrir-presentation .maintitle::before {
  width: 245%;
}

.decouvrir-presentation .container {
  position: relative;
  z-index: 1;
}

.decouvrir-presentation .maintitle {
  margin-bottom: 60px;
}

.pre-big-title {
  font-size: 40px;
  font-family: var(--axi-light);
  margin-bottom: 60px;
}

.presentation-list {
  margin-bottom: 70px;
}

.presentation-list h4 {
  font-size: 14px;
  margin-bottom: 30px;
  position: relative;
  padding-left: 15px;
}

.decouvrir-presentation-cont {
  font-size: 14px;
  line-height: 1.5;
}

.decouvrir-presentation-cont p {
  line-height: 1.5;
  margin-bottom: 20px;
}

.decouvrir-presentation-cont p:last-child {
  margin-bottom: 0px;
}

.presentation-list h4::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 14px;
  background-color: var(--skybluebg);
  rotate: 25deg;
  content: "";
}

.presentation-flower::before {
  position: absolute;
  right: -150px;
  top: -80px;
  background: url(../rhnc/assets/images/hibiscus.png) no-repeat left bottom;
  background-size: 100%;
  width: 600px;
  height: 491px;
  content: "";
  z-index: 1;
}

.pre-des {
  position: relative;
  z-index: 2;
}

.decouvrir-presentation.mapbg-img::before {
  top: 170px;
  background: url(../rhnc/assets/images/locaton-map.png) no-repeat top 25% center;
}

.darkbluebg {
  background-color: var(--darkbluebg);
}

.deco-gallery-section {
  color: var(--ftwhite);
  position: relative;
}

.deco-gallery-listing {
  top: -80px;
  position: relative;
  z-index: 9;
}

.deco-gallery-listing,
.decouvrir-presentation-cont {
  padding-left: 85px;
}

.deco-gallery-listing .row {
  margin-left: -32px;
  margin-right: -32px;
}

.deco-gallery-listing .col-md-6 {
  padding-left: 32px;
  padding-right: 32px;
  margin-bottom: 80px;
}

.deco-gallery-img {
  margin-bottom: 45px;
  position: relative;
  height: 288px;
  overflow: hidden;
}

.deco-gallery-img a img {
  transition: all 0.3s ease-in-out 0s;
}

.deco-gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.deco-gallery-detail h3 {
  font-size: 14px;
  color: var(--ftwhite);
  margin-bottom: 25px;
  padding-left: 14px;
  position: relative;
}

.deco-gallery-detail h3::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 14px;
  background-color: var(--lightyellowbg);
  rotate: 25deg;
  content: "";
}

.deco-gallery-detail h3 a {
  color: var(--ftwhite);
}

.deco-gallery-detail h3 a:hover {
  color: var(--ftlightyellow);
}

.deco-gallery-dec {
  padding-left: 15px;
  font-size: 14px;
  font-family: var(--axi-light);
  line-height: 1.5;
}

.deco-gallery-dec b,
.deco-gallery-dec strong {
  font-family: var(--axi-bold);
}

.deco-gallery-dec p {
  line-height: 1.5;
  margin-bottom: 18px;
}

.deco-gallery-dec p:last-child {
  margin-bottom: 0px;
}

/* .deco-gallery-section::before { content: "";position: absolute;left: 7%;width: 100px;height: 1028px;  background-image: url(../rhnc/assets/images/yellow-strip.svg);background-repeat: no-repeat; top: -12%; z-index: 1;} */
.deco-gallery-section::before {
  content: "";
  position: absolute;
  left: 7%;
  width: 100px;
  height: 1028px;
  /*height: calc(100% + 23%); background-image: url(../rhnc/assets/images/yellow-strip.svg);background-repeat: no-repeat; */
  top: -12%;
  z-index: 1;
  transform: skewY(40deg);
  background-color: var(--lightyellowbg);
  transition: all 0.3s ease-in-out 0s;
}

.gallery-big-img {
  position: relative;
}

.gallery-big-img img {
  width: 100%;
  height: auto;
}

.img-watermark {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: var(--ftwhite);
  font-size: 14px;
  font-family: var(--axi-light);
  z-index: 1;
  line-height: 1.4;
}

.img-watermark-cont {
  position: absolute;
  color: var(--ftblack);
  font-size: 14px;
  font-family: var(--axi-light);
  z-index: 1;
  line-height: 1.4;
}

/*.img-watermark-cont {position: absolute; right: 10px; bottom: 10px; color: var(--ftwhite); font-size: 14px; font-family: var(--axi-light); z-index: 1; line-height: 1.4;}*/


.photo-gallery-sec {
  position: relative;
  margin: -70px auto 0 auto;
  z-index: 1;
  max-width: 980px;
}

.photo-gallery-sec .row {
  margin-left: -30px;
  margin-right: -30px;
}

.photo-gallery-sec .col-md-6 {
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 30px;
}

.decou-galler-img {
  position: relative;
  height: 312px;
  overflow: hidden;
}

.decou-galler-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-return-sec {
  position: relative;
  width: 100%;
  height: 550px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center right;
  display: flex;
  align-items: center;
}

.pro-ret-det {
  padding: 15px 0px 15px 60px;
  max-width: 900px;
}

.pro-ret-det .maintitle span {
  background-color: #cfcdce;
}

.pro-ret-det .maintitle {
  margin-bottom: 20px;
}

.ret-desc {
  font-size: 20px;
  line-height: 1.5;
  font-family: var(--axi-light);
  margin-bottom: 20px;
  max-width: 390px;
}

.pro-ret-det ul.common-list-listing li {
  font-size: 14px;
  margin-bottom: 2px;
}

.pro-ret-det ul.common-list-listing li a {
  text-decoration: underline;
}

.pro-ret-det ul.common-list-listing li a:hover {
  text-decoration: none;
}

.skills-sec {
  display: flex;
  align-items: flex-start;
}

.skills-left-sec {
  width: 650px;
  margin-right: 90px;
  flex-shrink: 0 !important;
}

.skills-left-sec li {
  position: relative;
  height: 400px;
  overflow: hidden;
}

.skills-left-sec li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.skills-right-sec {
  padding: 100px 15px 0px 0px;
  max-width: 700px;
}

.skills-listing-sec h3 {
  font-size: 14px;
  margin-bottom: 25px;
  padding-left: 14px;
  position: relative;
}

.skills-listing-sec h3::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 14px;
  background-color: var(--skybluebg);
  rotate: 25deg;
  content: "";
}

.skills-listing-sec strong {
  font-family: var(--axi-semibold);
}

.skills-des {
  padding-left: 100px;
  font-size: 14px;
  line-height: 1.5;
}

.skills-des p {
  line-height: 1.5;
  margin-bottom: 25px;
}

.skills-list ul.common-list-listing li {
  font-size: 14px;
}

.skills-list ul.common-list-listing li a:hover {
  color: var(--ftskyblue);
}

.skills-list {
  margin-bottom: 25px;
}

.skills-listing-sec {
  margin-bottom: 60px;
}

.skills-listing-sec:last-child {
  margin-bottom: 0px;
}

.fade-box {
  animation: fading 8s infinite;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: #222;
  z-index: 1000;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-loder {
  animation: fadebox 8s linear;
}

@keyframes fadebox {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.common-contain-error {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.page-header-404 {
  text-align: center;
  padding: 50px 0px;
}

.txt-not-found {
  margin-bottom: 10px;
  font-size: 100px;
  font-family: var(--axi-bold);
  color: var(--ftskyblue);
  line-height: normal;
  display: flex;
  justify-content: center;
}

.txt-not-found span {
  display: inline-flex;
  color: var(--ftblack);
}

.page-header-404 .page-title {
  font-size: 20px;
  margin-bottom: 10px;
}

.error-class {
  font-size: 14px;
  font-family: var(--axi-light);
  line-height: 1.6;
}

.content {
  font-size: 14px;
  font-family: var(--axi-light);
  line-height: 1.5;
}

.content p {
  line-height: 1.5;
}

.contact-form-part input::-webkit-input-placeholder,
.contact-form-part .form-control::-webkit-input-placeholder {
  opacity: 1;
  color: #a5a5a5;
}

.contact-form-part input::-ms-input-placeholder,
.contact-form-part .contact-form-part .form-control::-ms-input-placeholder {
  opacity: 1;
  color: #a5a5a5;
}

.contact-form-part input::placeholder,
.form-control::placeholder {
  opacity: 1;
  color: #a5a5a5;
}

.page-template-qui-sommes-nous .notre-mission-wrap {
  margin-top: 40px;
}

/* body.logged-in {overflow: hidden; position: fixed; width: 100%; height: 100%; min-height: 100%; max-height: 100%;} */
.art-home-sec {
  position: relative;
}

.initial-option {
  color: #a5a5a5;
}

.common-contain-page {
  font-family: var(--axi-light);
  font-size: 14px;
  line-height: 1.7;
}

.common-contain-page p {
  line-height: 1.7;
  margin-bottom: 18px;
}

.common-contain-page h5 {
  font-size: 14px;
  font-family: var(--downey-bold);
}

.common-contain-page h1,
.common-contain-page h2,
.common-contain-page h3,
.common-contain-page h4,
.common-contain-page h5,
.common-contain-page h6 {
  margin-bottom: 5px;
  line-height: 1.5;
}

.espace-nos-offer-sec {
  padding-bottom: 0px;
}

.espace-nos-offer-sec .nos-offers-title {
  padding-left: 0px;
}

.espace-nos-row {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}

.espace-col {
  padding: 0px 15px;
}

.espace-col-left {
  width: 340px;
  flex-shrink: 0;
}

.espace-col-left .common-btn {
  max-width: 270px;
  width: 100%;
}

.espace-col-right {
  margin-left: auto;
}

.espace-list-box {
  margin-bottom: 30px;
  border: 1px solid var(--lightgraybg);
  padding: 35px 35px 55px 35px;
  position: relative;
}

.espace-list-box h5 {
  font-size: 14px;
  font-family: var(--downey-bold);
  margin-bottom: 10px;
}

.espace-list-box h5 a {
  color: var(--ftbla.form-mobile-tabs .accordion-item:first-of-type .accordion-buttonck);
}

.espace-list-box h5 a:hover {
  color: var(--ftblack);
  text-decoration: underline;
}

.nos-offer-yellow-tabs {
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
}

.nos-offer-yellow-tabs span {
  margin-bottom: 5px;
  display: inline-flex;
  margin-right: 10px;
  padding: 5px 8px 2px 8px;
  background-color: var(--lightyellowbg);
  color: var(--ftblack);
  font-size: 11px;
  line-height: 13px;
  font-family: var(--downey-bold);
  align-items: center;
  text-align: center;
  justify-content: center;
}

.esp-count-name {
  font-size: 10px;
  font-family: var(--axi-regular);
  line-height: 16px;
  margin-bottom: 15px;
}

.esp-count-name span {
  color: var(--ftgray);
}

.esp-count-name p {
  margin-bottom: 0px;
  line-height: 16px;
}

.espace-offer-cont {
  font-size: 12px;
  line-height: 16px;
}

.espace-offer-cont p {
  line-height: 16px;
}

.espace-list-box .articl-plus a {
  border-color: var(--lightgraybg);
  transition: all 0.3s ease-in-out 0s;
}

.espace-list-box:hover .articl-plus a {
  background-color: var(--lightyellowbg);
  color: var(--ftblack);
}

.rec-bann-col b,
.rec-bann-col strong {
  font-family: var(--axi-semibold);
}

.form-mobile-tabs .accordion-button {
  font-size: 14px;
  font-family: var(--downey-regular);
  font-weight: normal;
  text-transform: uppercase;
  color: var(--ftblack);
  border-radius: 0 !important;
  border: 1px solid var(--blackbg);
  border-top: none;
}

.form-mobile-tabs .accordion-item:first-of-type .accordion-button {
  border-top: 1px solid var(--blackbg);
  padding-right: 55px;
}

.form-mobile-tabs .accordion-button:not(.collapsed) {
  background-color: var(--whitebg);
  box-shadow: none;
  border-color: var(--blackbg);
}

.form-mobile-tabs .recru-btn {
  position: relative;
  z-index: 1;
}

.form-mobile-tabs .border-btn.greenborder-btn {
  min-width: 245px;
}

.form-mobile-tabs .accordion-body {
  padding: 30px 20px 45px 20px;
  border: 1px solid var(--blackbg);
  border-top: none;
}

.form-mobile-tabs .accordion-button:focus {
  box-shadow: none;
}

.form-mobile-tabs .accordion-item {
  border-radius: 0;
  border: none;
}

.form-mobile-tabs .accordion-button::after {
  position: absolute;
  right: 0px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #000;
  background-position: center;
}

.form-mobile-tabs {
  display: none;
}

.form-mobile-tabs .accordion-button::after {
  background-image: none;
  transform: rotate(0deg);
  font-family: "bootstrap-icons";
  content: "\F64D";
  font-size: 20px;
  color: var(--ftblack);
}

.form-mobile-tabs .accordion-button:not(.collapsed)::after {
  transform: rotate(0deg);
  content: "\F63B";
}



.noms-wrap.do-animate::before {
  background-repeat: repeat-y;
  animation: nomsanimatedBackground 2.5s linear alternate;
}

@keyframes nomsanimatedBackground {
  from {
    top: -40%;
    /* height: 40%;*/
  }

  to {
    top: -32%;
    /* height: 121%; */
  }
}

.qui-sommes-page-cont-sec.do-animate .container:before {
  background-repeat: repeat-y;
  animation: quianimatedBackground 2.5s linear alternate;
}

@keyframes quianimatedBackground {
  from {
    top: -38%;
    /* height: 40%; */
  }

  to {
    top: -35%;
    /* height: 135%; */
  }
}

.contact-strip-add.do-animate:before {
  background-repeat: repeat-y;
  animation: contanimatedBackground 2.5s linear alternate;
}

@keyframes contanimatedBackground {
  from {
    top: -24%;
    /* height: 100px; */
  }

  to {
    top: -18%;
    /* height: calc(650px + 23%); */
  }
}

.nous-intervenons-dans-sec.do-animate:before {
  background-repeat: repeat-y;
  animation: nousanimatedBackground 2.5s linear alternate;
}

@keyframes nousanimatedBackground {
  from {
    top: -115%;
    /* height: 40%; */
  }

  to {
    top: -100%;
    /* height: 360%; */
  }
}

.deco-gallery-section.do-animate:before {
  background-repeat: repeat-y;
  animation: decoanimatedBackground 2.5s linear alternate;
}

@keyframes decoanimatedBackground {
  from {
    top: -15%;
    /* height: 40%; */
  }

  to {
    top: -12%;
    /* height: 79%; */
  }
}

.lightgraybg.inner-banner-white-cont {
  background-color: #babbbd;
}

.inner-banner-white-cont .banner-sm-title,
.inner-banner-white-cont .banner-lg-title {
  color: var(--ftwhite);
}

.inner-banner-white-cont {
  color: var(--ftwhite);
  font-size: 14px;
  font-family: var(--axi-regular);
}

.inner-banner-white-cont .inner-banner-title p {
  padding-top: 5px;
  line-height: 1.5;
}

.offers-midd-sec .nos-offers-title {
  margin-bottom: 60px;
}

.offer-det-sec .espace-col-left {
  width: 180px;
}

.offer-det-sec .espace-col-right {
  margin-left: auto;
  width: 100%;
}

.offers-midd-sec .yellow-strip-left {
  position: relative;
}

.offers-midd-sec .yellow-strip-left::before {
  content: "";
  position: absolute;
  left: 7%;
  width: 100px;
  height: 800px;
  top: 1%;
  z-index: 1;
  transform: skewY(40deg);
  background-color: var(--lightyellowbg);
  transition: all 0.3s ease-in-out 0s;
}

.offers-midd-sec .yellow-strip-left.do-animate::before {
  background-repeat: repeat-y;
  animation: offeranimatedBackground 2.5s linear alternate;
}

@keyframes offeranimatedBackground {
  from {
    top: -3%;
    /* height: 40%; */
  }

  to {
    top: 0%;
    /* height: 900px; */
  }
}

.certaines-offer-cont {
  font-size: 14px;
  font-family: var(--axi-light);
  margin-bottom: 60px;
  padding-top: 30px;
}

.certaines-offer-cont strong {
  font-family: var(--axi-semibold);
}

.offer-Cooptation .emb-reg-cont {
  font-size: 14px;
  line-height: 1.5;
  font-family: var(--axi-regular);
}

.offer-Cooptation .emb-reg-cont strong,
.offer-Cooptation .emb-reg-cont b {
  font-family: var(--axi-semibold);
}

.recrutez-avec-notre-sec.offer-Cooptation .rhnc-about-listing .listing li {
  margin-bottom: 10px;
}

.recrutez-avec-notre-sec.offer-Cooptation .rhnc-about-listing .listing li strong,
.recrutez-avec-notre-sec.offer-Cooptation .rhnc-about-listing .listing li b {
  font-family: var(--axi-semibold);
}

.offer-Cooptation .common-btn {
  min-width: 250px;
}

.offer-Cooptation .rhnc-about-dtl {
  max-width: 610px;
}

.offer-Cooptation .rhnc-about-listing {
  max-width: 420px;
}

.discoutsec-wrap.offer-discutons-sec {
  padding-top: 100px;
  padding-bottom: 100px;
}

.discoutsec-wrap.offer-discutons-sec .maintitle span {
  background-color: var(--lightyellowbg);
}

/*28-11*/
.cooptation-content-dtl p {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 30px;
}

.cooptation-content-dtl p:last-child {
  margin-bottom: 0px;
}

.cooptation-content-dtl {
  max-width: 570px;
  margin-top: 60px;
  padding-left: 80px;
  margin-bottom: 60px;
}

.corporation-form .vous-form-sec h5 {
  margin-bottom: 0px;
}

.corpo-side-strip-wrap {
  top: -13%;
  position: relative;
}

.corpo-side-strip-wrap .container {
  position: relative;
  z-index: 1;
}

.corpo-side-strip .container {
  position: relative;
}

.corpo-side-strip.do-animate .container:before {
  content: "";
  position: absolute;
  right: 0;
  height: 710px;
  top: -10%;
  width: 100px !important;
  z-index: 1;
  transform: skewY(-40deg);
  background-color: var(--ftlightyellow);
  transition: all 0.3s ease-in-out 0s;
}

.corpo-side-strip.do-animate .container:before {
  background-repeat: repeat-y;
  animation: corposidestrip 2.5s linear alternate;
}

@keyframes corposidestrip {
  from {
    top: -12%;
    /* height: 100px; */
  }

  to {
    top: -10%;
    /* height: 710px; */
  }
}


.check-box {
  font-size: 14px;
  margin-top: 30px;
  display: flex;
  align-items: flex-start;
}

.check-box p {
  line-height: 17px;
  padding-left: 12px;
}

.corporation-form .note {
  margin-bottom: 25px;
}

.corporation-form .note p {
  font-size: 14px;
  line-height: 18px;
  font-family: var(--axi-medium);
}

.corporation-form .check-box {
  margin-bottom: 30px;
}

.corpo-yellow-btn .common-btn::after {
  background-color: var(--lightyellowbg);
}

.corpo-yellow-btn .common-btn::before {
  border: 1px solid var(--lightyellowbg);
}

.corpo-yellow-btn button {
  width: 170px;
}

.tab-form.corporation-form .nav-tabs .nav-link {
  cursor: default;
}

/*offres-details*/
.offer-section-detail .nos-offres-detail h1 {
  text-transform: uppercase;
  font-size: 34px;
  font-family: var(--axi-bold);
}

.offer-section-detail .offres-title-custom h1 {
  font-family: var(--downey-bold);
}


.form-borderbox .check-box .form-control {
  padding: 0;
  line-height: normal;
  border: none;
  font-weight: normal;
}

.form-borderbox .check-box .form-control .wpcf7-list-item {
  margin-left: 0px;
}

.form-borderbox .check-box .form-control .wpcf7-list-item label {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0px;
}

.form-borderbox .check-box .form-control .wpcf7-list-item label input {
  margin-right: 8px;
}

.form-borderbox .check-box .form-control .wpcf7-list-item span.wpcf7-list-item-label {
  margin-left: auto;
  line-height: 1.5;
}

.corporation-form .vous-form-sec {
  padding-bottom: 15px;
}

.champs-obligatoires {
  font-size: 10px;
  font-family: var(--axi-light);
}

.wpcf7-not-valid-tip {
  font-size: 11px;
  padding-top: 3px;
}

.cooptation-tem-sec {
  padding-top: 60px !important;
}

.cooptation-tem-sec .form-tab-cont {
  padding-top: 50px;
}

.nextpre-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 50px;
}

.nextprevlink {
  margin-bottom: 10px;
  font-size: 15px;
  font-family: var(--axi-book);
}

.nextprevlink a span {
  text-decoration: underline;
}

.nextprevlink a:hover span {
  text-decoration: none;
}

.offer-det-main-sec {
  border-top: 1px solid var(--lightgraybg);
}

.offers-midd-sec .offer-strip-left {
  position: relative;
}

.offers-midd-sec .offer-strip-left::before {
  content: "";
  position: absolute;
  left: 7%;
  width: 100px;
  height: 900px;
  top: 3%;
  z-index: 1;
  transform: skewY(40deg);
  background-color: var(--lightyellowbg);
  transition: all 0.3s ease-in-out 0s;
}

.offers-midd-sec .offer-strip-left::before {
  background-repeat: repeat-y;
  animation: offerleftanimatedBackground 2.5s linear alternate;
}

@keyframes offerleftanimatedBackground {
  from {
    top: -5%;
  }

  to {
    top: 3%;
  }
}

.intuitioncompanydescription,
.intuitionpositiondescription,
.intuitionprofiledescription {
  background-color: var(--lightgraybg);
  padding: 45px 80px;
  margin-bottom: 35px;
}

.offer-det-midd-part h3,
.intuitioncompanydescription h3,
.intuitionpositiondescription h3,
.intuitionprofiledescription h3 {
  font-size: 18px;
  font-family: var(--axi-regular);
}

.offer-det-main-sec .esp-count-name {
  margin-bottom: 25px;
}

.intuitiondescription {
  font-size: 14px;
  font-family: var(--axi-light);
  line-height: 1.5;
}

.intuitiondescription a {
  text-decoration: none;
}

.intuitiondescription a:hover {
  text-decoration: underline;
}

.intuitiondescription p {
  margin-bottom: 20px;
  line-height: 1.5;
}

.intuitiondescription p:last-child {
  margin-bottom: 0px;
}

.intuitiondescription strong,
.intuitiondescription b {
  font-family: var(--axi-semibold);
}

.intuitiondescription ul {
  margin: 0px 0px 15px 0px;
  padding: 0px;
}

.intuitiondescription li {
  position: relative;
  font-size: 14px;
  padding-left: 14px;
  margin-bottom: 8px;
}

.intuitiondescription li a {
  text-decoration: none;
}

.intuitiondescription li a:hover {
  text-decoration: underline;
}

.intuitiondescription li:before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 2px;
  height: 11px;
  background-color: var(--skybluebg);
  rotate: 22deg;
  content: "";
}

.offer-det-main-sec .offer-det-sec {
  position: relative;
}

.intuitionapply .common-btn {
  min-width: 146px;
}

.intuitionapply .common-btn span {
  align-items: center;
}

.intuitionapply .common-btn i {
  margin-left: 7px;
  font-size: 14px;
  margin-bottom: 3px;
}


.avantage-sec {
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 17px;
  font-family: var(--axi-light);
  line-height: 1.5;
}

.avantage-sec .recru-cont {
  margin-bottom: 30px;
  font-size: 17px;
  font-family: var(--axi-light);
  line-height: 1.5;
}

.avantage-sec .recru-cont strong,
.recru-cont b,
.nous-b-cont strong,
.nous-b-cont b {
  font-family: var(--axi-semibold);
}

.avan-cont {
  margin-bottom: 30px;
}

.nous-b-cont {
  margin-bottom: 6px;
}

.avan-cont ul {
  margin: 0px;
  padding: 0px;
}

.avan-cont li {
  list-style-type: none;
  display: block;
  padding-left: 17px;
  margin-bottom: 6px;
  position: relative;
}

.avan-cont li::before {
  position: absolute;
  left: 0;
  top: -2px;
  color: var(--ftwhite);
  content: ">";
}

.avantage-sec .discoutsecinner {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

.solutioni-list-cont {
  margin-left: 85px;
}

.solutioni-list-cont .recruteur-cont {
  margin-bottom: 35px;
}

.solutioni-list-cont .recrutement-list li {
  display: block;
  width: 100%;
}

.sol-sm-cont {
  margin-bottom: 20px;
}

.box-mb-left {
  margin-left: 35px;
}

.solutioni-list-cont .listing li {
  margin-bottom: 5px;
}

.business-choise .big-title {
  line-height: 1.2;
  margin-bottom: 35px;
}

.tests-manageriaux-sec .presentation-service-list-box strong,
.tests-manageriaux-sec .presentation-service-list-box b {
  font-family: var(--axi-semibold);
}

.offres-de-tests-row .offres-de-tests-col {
  padding: 15px;
}

.offres-de-tests-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0px -15px;
}

.offer-box-row-1 .box-1-1 {
  width: 330px;
}

.offer-box-row-1 {
  align-items: center;
}

.offer-box-row-1 .box-1-2 .offer-box-list {
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.offres-de-tests-row .big-title {
  line-height: 1.4;
  margin-bottom: 30px;
}

.offres-de-tests-row .offer-gray-box {
  margin-bottom: 0px;
}

.box-inner-cont {
  padding-left: 42px;
  line-height: 1.5;
  font-family: var(--axi-light);
  font-size: 14px;
}

.offer-box-row-2 .box-2-1 {
  width: 380px;
}

.offer-box-row-2 .box-2-2 {
  width: 456px;
  margin-top: 50px;
}

.offer-box-row-2 {
  margin-top: -40px;
}

.offres-de-tests-row .offer-box-list {
  padding-top: 65px;
  padding-bottom: 55px;
}

.recrutement-rhnc-row {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
}

.recrutement-rhnc-row a {
  padding-left: 15px;
  padding-right: 15px;
  transition: all 0.3s ease-in-out 0s;
}

.recrutement-rhnc-row a path {
  transition: all 0.3s ease-in-out 0s;
}

.recrutement-rhnc-row a:hover path {
  fill: var(--skybluebg);
}

.recrutement-rhnc-row a.active path {
  fill: var(--blackbg);
}


.contact-map-sec iframe {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}

.skill-user-sec {
  display: block;
}

.skill-row {
  display: flex;
  width: 100%;
}

.skill-col-left {
  width: 650px;
  margin-right: 75px;
  flex-shrink: 0 !important;
}

.skill-col-right {
  max-width: 700px;
  align-self: center;
}

.skill-user-sec .skills-list {
  margin-bottom: 0px;
}

.skill-left-img {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.skill-left-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.skill-user-sec .skills-listing-sec {
  padding: 15px;
}


.home-banner-logo-sec {
  position: absolute;
  width: 100%;
  top: 22%;
  right: 0;
}

.home-banner-logo-sec .container {
  position: relative;
  text-align: right;
}

.home-banner-logo-sec .home-banner-logo-img {
  display: flex;
  justify-content: flex-end;
}

.home-banner-logo-sec .home-banner-logo-img img {
  width: 334px;
}

/* 04-12-23 */

.rhnc-coach-listing {
  max-width: 450px;
  font-family: var(--axi-light);
  margin-left: auto;
}

.rhnc-coach-listing strong {
  font-family: var(--axi-semibold);
}

.cont-row .cont-user-img {
  position: relative;
}

.cont-row .coach-logo-float {
  position: absolute;
  top: -10px;
  left: -10px;
  height: 55px;
  width: 55px;
}

.coach-discoutsecinner .discoutbox .commn-title {
  line-height: 1.5;
}

.coach-discoutsecinner .commn-rightdesc {
  max-width: 100%;
  font-family: var(--axi-light);
}

.coach-discoutsecinner .commn-rightdesc strong {
  font-family: var(--axi-semibold);
}

.coachbox-new {
  margin-bottom: 80px;
  position: relative;
}

.coachbox-new::before {
  content: '';
  width: 80%;
  height: 1px;
  position: absolute;
  bottom: -15px;
  right: 5%;
  background-color: rgba(0, 0, 0, 0.2);
}

.coach-wrap-innersec .row>*:nth-last-of-type(1) .coachbox-new,
.coach-wrap-innersec .row>*:nth-last-of-type(2) .coachbox-new,
.coach-wrap-innersec .row>*:nth-last-of-type(3) .coachbox-new {
  margin-bottom: 0;
}

.coach-wrap-innersec .row>*:nth-last-of-type(1) .coachbox-new::before,
.coach-wrap-innersec .row>*:nth-last-of-type(2) .coachbox-new::before,
.coach-wrap-innersec .row>*:nth-last-of-type(3) .coachbox-new::before {
  content: none;
}

.coachbox-new .number {
  font-size: 176px;
  line-height: 1;
  color: #F0F0F0;
}

.coachbox-new .numberdtl {
  margin-bottom: 30px;
  margin-left: -15px;
  margin-right: 15px;
}

.coachbox-new .numberdtl h3 {
  text-transform: none;
  font-family: var(--axi-medium);
  margin-bottom: 10px;
}

.coachbox-new .numberdtl h3::before {
  content: "\f105";
  font-family: fontawesome;
  color: var(--skybluebg);
  margin-right: 5px;
}

.coachbox-new .numberdtl p {
  font-family: var(--axi-light);
}

.coach-pro-page-sec .recrutement-list ul {
  display: block;
}

@keyframes coachanimatedBackground {
  from {
    top: -40%;
    /* height: 40%; */
  }

  to {
    top: -32%;
    /* height: 150%; */
  }
}

.coach-noms-wrap::before {
  height: calc(100% + 50%);
}

.coach-noms-wrap.do-animate::before {
  animation: coachanimatedBackground 3s linear alternate;
}

.notre-impact-sec {
  background-color: #F0F0F0;
  padding-bottom: 100px;
  margin-bottom: 100px;
}

.notre-impact-sec .maintitle span {
  color: rgba(0, 0, 0, 0.4);
}

.notre-impact-sec .maintitle::before {
  background-color: rgba(112, 112, 112, 0.3);
}

.notre-impact-sec .container:before {
  content: none;
}

.notre-impact-sec .opportunite-dtl {
  color: #000;
  position: relative;
}

.notre-impact-sec .opportunite-dtl::before {
  content: '';
  background-image: url(../rhnc/assets/images/light-shape-white.png);
  background-repeat: no-repeat;
  z-index: 0;
  width: 300px;
  height: 300px;
  position: absolute;
  right: 0;
  top: 15px;
  animation: slideamimation 2s linear;
}

.notre-impact-sec .listing li {
  margin-bottom: 20px;
}

.notre-impact-sec .opportunite-descr {
  font-family: var(--axi-medium);
  margin-bottom: 30px;
  margin-top: 20px;
  position: relative;
  z-index: 11;
}

.coach-presentation-sec strong {
  font-family: var(--axi-semibold);
}

.coach-presentation-sec .coach-wrap-innersec .row>*:nth-last-of-type(3) .coachbox-new {
  margin-bottom: 80px;
}

.coach-presentation-sec .coach-wrap-innersec .row>*:nth-last-of-type(3) .coachbox-new::before {
  content: '';
}

.renforcer-wrap .recru-cont {
  font-size: 17px;
}

.renforcer-wrap .recru-cont strong {
  font-family: var(--axi-semibold);
}

.coaching-certified {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}

.coaching-certified img {
  width: 180px;
  height: 180px;
  object-fit: contain;
}

.coaching-offres-sec {
  padding: 40px 30px;
}

.coaching-offres-sec .offer-gray-box {
  padding: 20px;
  height: calc(100% - 40px);
}

.coaching-offres-sec .offer-box-list {
  padding: 30px 20px 20px 20px;
  height: 100%;
}

.coaching-offres-sec .offer-gray-box::after,
.coaching-offres-sec .offer-gray-box::before {
  left: -50px;
  top: -50px;
}

.coaching-offres-sec .offer-gray-box::after {
  right: -50px;
  left: auto;
}

.coaching-offres-sec .offer-box-bottom-cor::before,
.coaching-offres-sec .offer-box-bottom-cor::after {
  left: -50px;
  bottom: -50px;
}

.coaching-offres-sec .offer-box-bottom-cor::after {
  left: auto;
  right: -50px;
}


/* 04-12-23 end */


/*06-12-23*/
.recrutement-page-sec .recrutement-list li {
  gap: 5px;
  padding-right: 15px;
}

.recrutement-page-sec i {
  right: -4px;
  position: relative;
}


/*11-12-23*/

.testimonl-solution-slider-part.testimonl-sub-image {
  margin: -40px 0 40px;
}

.espace-nos-listing.offer-det-midd-part .intuitionapply a {
  display: inline-flex;
  position: relative;
  background-color: transparent !important;
  color: var(--ftblack);
  padding: 14px 25px;
  font-family: var(--axi-book);
  transition: all 0.3s ease-in-out 0s;
  border: none !important;
  justify-content: center;
  align-items: center;
  font-family: var(--axi-book);
  font-size: 14px;
  min-width: 146px;
}

.espace-nos-listing.offer-det-midd-part .intuitionapply a:hover {
  padding: 19px 21px 9px 29px;
}

.espace-nos-listing.offer-det-midd-part .intuitionapply a::after,
.espace-nos-listing.offer-det-midd-part .intuitionapply a::before {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 100%;
  height: 100%;
  display: flex;
  content: "";
  transition: all 0.3s ease-in-out 0s;
  z-index: -1;
  border: 1px solid var(--lightyellowbg);
}

.espace-nos-listing.offer-det-midd-part .intuitionapply a::after {
  left: 0;
  top: 0;
  background-color: var(--lightyellowbg);
}

.espace-nos-listing.offer-det-midd-part .intuitionapply a:hover::after {
  left: 5px;
  top: 5px;
}

.side-strip-none::before {
  content: none !important;
}

.side-strip-qui-nous,
.side-strip-espace,
.side-strip-demploi,
.side-strip-single-post,
.side-strip-training,
.side-strip-cooptation,
.side-strip-nouvelle-cal,
.side-strip-coaching,
.side-strip-home {
  position: absolute;
  left: 7%;
  width: 100px;
  height: 900px;
  max-height: 900px !important;
  top: -300px;
  transform: skewY(40deg) translate(0px, 7px);
  background-color: var(--skybluebg);
}

.side-strip-cooptation,
.side-strip-training,
.side-strip-demploi,
.side-strip-single-post,
.side-strip-nouvelle-cal,
.side-strip-espace {
  background-color: var(--lightyellowbg);
  z-index: 1;
}

.side-strip-single-post,
.side-strip-demploi {
  top: 0;
  height: 800px;
  max-height: 800px !important;
}

.side-strip-training,
.side-strip-cooptation {
  height: 600px;
  max-height: 600px !important;
}

.side-strip-cooptation,
.side-strip-training,
.side-strip-qui-nous {
  top: -200px;
  left: auto;
  right: 7%;
  transform: skewY(-40deg);
}

.side-strip-training {
  top: -100px;
}

.side-strip-contact {
  position: absolute;
  right: 30% !important;
  width: 100px;
  height: 550px;
  max-height: 550px !important;
  top: 500px;
  z-index: 1;
  transform: skewY(-40deg);
  background-color: var(--skybluebg);
}

.training-cont-cls {
  max-width: 800px;
}

.training-cont-cls .listing li {
  padding-right: 10px;
}

.training-cont-cls .listing li:before {
  margin: 0;
  top: 5px;
}

/*--------------*/


.side-strip-cooptation,
.side-strip-training,
.side-strip-qui-nous {
  top: -200px;
  left: auto;
  right: 7%;
  transform: skewY(-40deg);
}

.side-strip-qui-nous,
.side-strip-espace,
.side-strip-demploi,
.side-strip-single-post,
.side-strip-training,
.side-strip-cooptation,
.side-strip-nouvelle-cal,
.side-strip-coaching,
.side-strip-home {
  position: absolute;
  left: 7%;
  width: 100px;
  height: 900px;
  max-height: 900px !important;
  top: -300px;
  transform: skewY(40deg) translate(0px, 7px);
  background-color: var(--skybluebg);
}

.side-strip-cooptation,
.side-strip-training,
.side-strip-demploi,
.side-strip-single-post,
.side-strip-nouvelle-cal,
.side-strip-espace {
  background-color: var(--lightyellowbg);
  z-index: 1;
}

/*--------------*/

.offer-demp-sec-flex-start {
  align-items: flex-start;
}

.offer-demp-sec-flex-start .espace-col-left {
  margin-top: 100px;
  position: relative;
}

.recruter-black-text strong,
.recruter-black-text b {
  font-family: var(--axi-semibold);
  font-weight: normal;
}

.contact-add-sec .container {
  position: relative;
}

.skrollable {
  z-index: 1;
}

.offer-demp-sec-flex-start .skrollable {
  z-index: inherit;
}

.skyblue-stript {
  height: 100%;
  transform: skewY(40deg) translate(0px, 7px);
  background-color: var(--skybluebg);
}

.yellow-stript {
  height: 100%;
  transform: skewY(40deg) translate(0px, 7px);
  background-color: var(--lightyellowbg);
}

.quisommes-animation-strip .skyblue-stript {
  transform: skewY(-40deg);
}

.contct-animation-strip .skyblue-stript {
  transform: skewY(-40deg);
}

.cooptation-animation-strip .yellow-stript {
  transform: skewY(-40deg);
}

.training-animation-strip .yellow-stript {
  transform: skewY(-40deg);
}

.home-animation-strip {
  position: absolute;
  left: 7%;
  width: 100px;
  height: 750px;
  top: -15%;
}

.coaching-animation-strip {
  position: absolute;
  left: 7%;
  width: 100px;
  height: 750px;
  top: -15%;
}

.espace-animation-strip {
  position: absolute;
  left: 7%;
  width: 100px;
  height: 700px;
  top: -40%;
}

.quisommes-animation-strip {
  position: absolute;
  left: auto;
  right: 7%;
  width: 100px;
  height: 850px;
  top: -100px;
}

.contct-animation-strip {
  position: absolute;
  left: auto;
  right: 7%;
  width: 100px;
  height: 800px;
  top: -50px;
}

.offer-domploi-animation-strip {
  position: absolute;
  left: 18px;
  width: 100px;
  height: 700px;
  top: 20%;
}

.cooptation-animation-strip {
  position: absolute;
  left: auto;
  right: 4%;
  width: 100px;
  height: 700px;
  top: -150px;
}

.training-animation-strip {
  position: absolute;
  left: auto;
  right: 4%;
  width: 100px;
  height: 700px;
  top: -150px;
}

.singlepost-animation-strip {
  position: absolute;
  left: 18px;
  width: 100px;
  height: 600px;
  top: 20%;
}

.home-decouvrir-animation-strip {
  position: absolute;
  left: 7%;
  width: 100px;
  height: 750px;
  top: -15%;
}

.singlepost-sec {
  align-items: flex-start;
}

.singlepost-sec .espace-col-left {
  margin-top: 100px;
  position: relative;
}

.singlepost-sec .skrollable {
  z-index: inherit;
}





/* 19-06-25 */

.retour-text img {
  width: 19px;
  /* filter: brightness(0) saturate(100%) invert(61%) sepia(37%) saturate(627%) hue-rotate(116deg); */
  margin-right: 10px;
  margin-left: 13px;
}

/*23-06-2025*/
.faqsection .accordion-button::after {
  content: "\2b";
  font-size: 20px;
  font-family: 'FontAwesome';
}

.faqsection .accordion-button::after {
  background-image: none;
}

.faqsection .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-size: 20px;
  transform: none;
  font-family: 'FontAwesome';
}

.faqsection .accordion-button:not(.collapsed) {
  background-color: transparent;
  color: #000;
  padding-left: 0px;
}

.faqsection .accordion-item {
  border: 0px;
}

.faqsection .accordion-body {
  padding-left: 0px;
  font-family: var(--axi-regular);
}

.faqsection .accordion-button {
  padding-left: 0px;
}

.accordion-button:focus {
  border-color: transparent;
  box-shadow: none;
}

.faqsection .ofrcomtitle h2 {
  font-size: 24px;
}

.faqdtl {
  margin-bottom: 60px;
}

.faqdtl .accordion-body p {
  color: #888;
  font-size: 15px;
}

.faqdtl {
  margin-top: 50px;
}


.inner-page-banner-sec {
  background-repeat: no-repeat;
  background-size: cover;
}

.candi-btn-cls {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
}

.create-alertbtn img {
  width: 32px;
  z-index: 9999;
  margin-right: 10px;
  filter: brightness(0%) saturate(0%);
}

.create-alertbtn span {
  align-items: center;
}

.modal {
  z-index: 999999999;
}

.candi-btn-cls p {
  margin-bottom: 0;
}

/*.intuitionapply{z-index: 9;position: relative;} */

.candidaturedtlsec {
  flex-wrap: wrap;
}

.intuitionapply {
  float: left;
  margin-right: 20px;
  z-index: 9;
  position: relative;
}

.intuitionapply a {
  height: 56px;
}



/* 1-10-25 */
.lightyellowbg {
  background-color: var(--lightyellowbg);
}

.new-mega-menu .lightyellowbg:hover {
  background-color: #fffa7e;
}

.new-mega-menu .lightyellowbg {
  background-color: transparent;
}

.new-mega-menu .lightblack:hover {
  background-color: #000;
}

.new-mega-menu .lightblack.has-sub:hover>a::after {
  color: #fff;
}

.new-mega-menu .lightblack:hover .sub-menu-cls {
  color: #fff;
}

.menu-cls {
  position: absolute;
  left: 35%;
  top: 31%;
  font-size: 14px;
  font-weight: 600;
  font-family: 'axiformabold';
}

.main-nav-bar {
  position: relative;
}

.new-mega-menu #cssmenu>ul>li>a {
  padding: 40px 26px 0 26px !important;
}


.new-mega-menu .lightyellowbg.has-sub {
  width: 200px;
}

.sub-menu-cls {
  position: absolute !important;
  left: 0;
  top: 35%;
  width: 200px;
  font-size: 14px;
  font-weight: 600;
  font-family: 'axiformabold';
  text-transform: uppercase;
  right: 0;
  margin: auto;
  justify-content: center;
}

.new-mega-menu .lightyellowbg.has-sub>a::after {
  left: 60px !important;
}

.sub-menu-cls:before {
  display: none;
}


.new-mega-menu #cssmenu>ul>li.nav-border:hover>a {
  background-color: transparent;
  color: unset;
}



.new-mega-menu #cssmenu>ul>li.nav-border.lightyellowbg:hover>a {
  background-color: transparent;
  color: unset;
}


/* new css */
.new-mega-menu .lightblack .sub-menu {
  background-color: #000 !important;
  color: #fff;
}

body .new-mega-menu .lightblack .sub-menu li a {
  color: #9f9f9f !important;
}

body .new-mega-menu .lightblack .sub-menu li a:hover {
  color: #fff !important;
}

#cssmenu ul ul li a {
  font-size: 12px;
}