@font-face {  src: url(https://www.droit-inc.com/fonts/normal.ttf);  font-family: "Montserrat";  font-display: swap; } @font-face {  src: url(https://www.droit-inc.com/fonts/bold.ttf);  font-family: "Montserrat";  font-weight: bold;  font-display: swap; } @font-face {  src: url(https://www.droit-inc.com/fonts/boldItalic.ttf);  font-family: "Montserrat";  font-weight: bold;  font-style: italic;  font-display: swap; } @font-face {  src: url(https://www.droit-inc.com/fonts/italic.ttf);  font-family: "Montserrat";  font-style: italic;  font-display: swap; } html {  scroll-behavior: smooth; } body {  -webkit-font-smoothing: antialiased;  -moz-font-smoothing: antialiased;  -o-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; } * {  margin: 0;  padding: 0;  box-sizing: border-box; } body {  font-family: "Montserrat", sans-serif;  font-size: 16px;  color: var(--secondary);  background: #fafafa; } ul {  padding-left: 40px; } a {  font-size: 16px;  margin: 0 0 0 0; } a:hover {  text-decoration: none; }  form {  padding: 5px; } form label {  font-size: 20px;  display: block; } form input, form textarea {  border-radius: 5px;  background: white;  padding: 5px 10px;  border: none;  display: block; } form input:focus-visible, form textarea:focus-visible {  outline: none; } .form-contorl {  border: none; } .form-secondary {  background: var(--secondary);  color: white; } .background-primary {  background-color: var(--primary); } .background-primaryLight {  background-color: var(--primaryLight); } .background-primaryDark {  background-color: var(--primaryDark); } .background-secondary {  background-color: var(--secondary) !important; } .background-secondaryLight {  background-color: var(--secondaryLight); } .background-secondaryDark {  background-color: var(--secondaryDark); } .background-tertiary {  background-color: var(--tertiary); } .background-tertiaryLight {  background-color: var(--tertiaryLight); } .background-tertiaryDark {  background-color: var(--tertiaryDark); } .background-white {  background-color: #fff; } .background-black {  background-color: #000 !important; } .color-primary {  color: var(--primary) !important; } .color-primaryLight {  color: var(--primaryLight) !important; } .color-primaryDark {  color: var(--primaryDark) !important; } .color-secondary {  color: var(--secondary) !important; } .color-secondaryLight {  color: var(--secondaryLight) !important; } .color-secondaryDark {  color: var(--secondaryDark) !important; } .color-tertiary {  color: var(--tertiary) !important; } .color-tertiaryLight {  color: var(--tertiaryLight) !important; } .color-tertiaryDark {  color: var(--tertiaryDark) !important; } .hover-underline:hover {  text-decoration: underline; } select {  box-shadow: none;  border: none;  border-bottom: solid 2px;  padding: 0 0 5px 0;  background: none;  font-weight: bold;  color: #000; } select option {  font-weight: bold;  color: #000; } select:focus-visible {  outline: none; } select.form-control {  box-shadow: none;  border: none;  border-bottom: solid 2px;  padding: 0 0 5px 0;  background: none;  font-weight: bold;  color: #000;  border-radius: 0;  height: auto;  display: initial; } .text-underline:hover {  text-decoration: underline; } .text-underline-none {  text-decoration: none; } .alert {  display: block;  z-index: 9999; }  .cursor-pointer {  cursor: pointer; } .bold {  font-weight: bold; } .bg-primary-light {  background: var(--primaryLight); } .bg-quaternary-light {  background: green; } .color-red {  color: var(--primary) !important; } .color-white {  color: #fff !important; } .color-black {  color: #000 !important; } .bi {  color: #000; } .bi-heart, .bi-heart-fill {  color: var(--primary); } .bi-bookmark, .bi-bookmark-fill {  color: var(--tertiaryDark); } .navbar {  padding: 0rem 0; } .popup {  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  border-radius: 14px;  background-color: white;  position: fixed;  z-index: 9999;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  color: #000;  padding: 45px 25px 45px;  width: 550px;  max-width: 90%;  background-size: 100px;  text-align: center;  max-height: 80vh;  overflow-y: scroll; } .popup::-webkit-scrollbar {  display: none; } .popup-x {  position: absolute;  display: flex;  align-items: center;  height: 20px;  overflow: hidden;  top: 20px;  right: 30px;  color: #000;  cursor: pointer; } .popup-x::before {  font-size: 30px;  content: "×"; } .popup-title {  margin: 0 0 30px;  font-weight: 600;  text-align: center; } .popup form {  padding: 5px; } .popup form label {  font-size: 20px;  display: block;  text-align: left; } .popup form input, .popup form textarea {  border-radius: 5px;  background: rgba(255, 255, 255, 0.83);  padding: 5px 10px;  display: block; } .popup form input:focus-visible, .popup form textarea:focus-visible {  outline: none; } .popup form input {  border: none; } .file {  display: none; } .file-label {  padding: 5px 10px;  background: var(--primary);  border: solid 2px var(--primary);  border-radius: 4px;  font-weight: 600;  color: #fff; } .file-label:hover {  background: var(--primaryDark);  border-color: var(--primaryDark);  cursor: pointer; } .color-primary {  color: var(--primary); } .home-page-nb-offer {  font-size: 20px;  font-weight: bold; } .button-standard-black {  border-radius: 20px;  font-weight: 600;  box-shadow: none;  background: #000;  border: solid 2px #000;  color: #fff;  padding: 5px 10px;  margin: 0 0 0 0;  width: 100%;  cursor: pointer; } .button-standard-black:hover {  background: #fff;  border: solid 2px #000;  color: #000; } .button-standard-grey {  border-radius: 20px;  font-weight: 600;  box-shadow: none;  background: #57606a;  border: solid 2px #57606a;  color: #fff;  padding: 5px 10px;  margin: 0 0 0 0;  width: 100%;  cursor: pointer; } .button-standard-grey:hover {  background: #57606a;  border: solid 2px #57606a;  color: #fff; } .button-standard-white {  border-radius: 4px;  font-weight: 600;  box-shadow: none;  background: #fff;  border: solid 2px #fff;  color: #000;  padding: 5px 10px;  margin: 0 0 0 0;  width: 100%;  cursor: pointer; } .button-standard-white:hover {  background: #000;  border: solid 2px #fff;  color: #fff; } .button-standard-primary-search-dropdown {  background: var(--primary);  border-color: var(--primary);  color: #fff;  padding: 5px 10px;  margin: 0 0 0 0;  width: 100%;  cursor: pointer; } .button-standard-primary-search-dropdown:hover {  background: var(--primaryDark);  border-color: var(--primaryDark); } .section {  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  border-radius: 10px;  background-color: #fff;  color: #000;  padding: 20px 20px 20px 20px;  margin: 20px 0px; } .required-input {  position: relative;  width: fit-content; } .required-input::before {  content: "*";  position: absolute;  top: -3px;  right: -12px; } .box-shadow {  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137); } .heart, .heart-fill {  cursor: pointer;  background: var(--primaryLight);  color: var(--primary);  border-radius: 50%;  width: 30px;  min-width: 30px;  height: 30px;  min-height: 30px;  display: flex;  align-items: center;  justify-content: center;  position: relative;  font-family: "bootstrap-icons";  font-size: 0.8rem; } .heart:before, .heart-fill:before {  content: "\f417"; } .heart-fill:before {  content: "\f415"; } .navbar-expand-md .navbar-collapse {  justify-content: space-between; } .gi-navbar-center {  justify-content: space-between;  width: 250px; } .gi-navbar-center .nav-item {  position: relative;  border-radius: 50%;  width: 50px;  height: 50px;  display: flex;  align-items: center;  justify-content: center; } .gi-navbar-center .nav-item:hover .label {  opacity: 1; } .gi-navbar-center .nav-item .nav-link {  width: 100%;  height: 100%;  display: flex;  align-items: center;  justify-content: center; } .gi-navbar-center .nav-item i:before {  font-size: 1.5rem; } .gi-navbar-center .nav-item .label {  position: absolute;  left: 50%;  transform: translate(-50%, 43px);  padding: 0 5px;  background: #eaeaea;  border-radius: 2px;  opacity: 0;  transition: opacity 0.3s ease; } .gi-navbar-center .nav-item:nth-child(1) {  background: #efefef; } .gi-navbar-center .nav-item:nth-child(1) i::before {  color: #b9b9b9; } .gi-navbar-center .nav-item:nth-child(2) {  background-color: var(--primaryLight); } .gi-navbar-center .nav-item:nth-child(2) i::before {  color: var(--primary); } .gi-navbar-center .nav-item:nth-child(3) {  background: var(--secondaryLight); } .gi-navbar-center .nav-item:nth-child(3) i::before {  color: var(--secondary); } .gi-navbar-center .nav-item:nth-child(4) {  background: green; } .gi-navbar-center .nav-item:nth-child(4) i::before {  color: grey; } .gi-navbar-center .nav-item .nav-link {  margin: 0rem 1rem;  padding: 0; } .gi-navbar-center .nav-item .nav-link img {  padding: 10px;  border-radius: 50%; } .gi-navbar-candidate-connected .gi-navbar-center .nav-link {  margin: 0; } .alert-dismissible {  text-align: center !important; } .gi-navbar-right {  font-size: 14px;  font-weight: bold;  color: #000;  width: 200px;  display: flex;  justify-content: flex-end; } .gi-navbar-right .dropdown-menu {  font-size: 16px;  font-weight: bold;  border: none;  border-radius: 0 0 25px 25px;  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1607843137);  top: 45px; } .gi-navbar-right .dropdown-menu:hover {  background-color: #fff; } .gi-navbar-right .dropdown-menu .dropdown-item {  padding: 1rem 2rem;  line-height: 30px;  background: #fff;  border-bottom: solid 1px var(--secondary); } .gi-navbar-right .dropdown-menu .dropdown-item:first-child {  border-top: solid 1px var(--secondary); } .gi-navbar-right .dropdown-menu .dropdown-item i {  margin: 0 15px 0 0; } .gi-navbar-right button {  padding: 0;  color: #000; } .gi-navbar-right button:hover {  color: #000;  text-decoration: none; } .gi-navbar-right .logout {  margin: auto; } .navbar-light .navbar-nav .nav-link {  color: #000; } .dropdown-toggle .nav-link {  padding-right: 20px; } .dropdown-menu {  min-width: 256px !important;  border-bottom-left-radius: 10px;  border-bottom-right-radius: 10px; } .gi-navbar-candidate-connected {  background: none; } .gi-navbar-candidate-connected .container {  background: #fff;  padding: 10px 15px;  border-radius: 0px 0px 10px 10px;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); } .gi-navbar-candidate-connected .container .navbar-brand {  width: 200px; } .blog__blog-display__loop {  display: flex;  justify-content: space-between;  flex-wrap: wrap;  margin-top: 2rem; } .blog__blog-display__loop-item {  background-size: cover;  background-position: center;  flex-basis: 31.33%;  min-height: 300px;  display: flex;  align-items: flex-end; } .blog__blog-display__loop-item:nth-child(2) {  margin: 2rem 3% 0 3%; } .blog__blog-display__loop-item:nth-child(5) {  margin: 2rem 3% 0 3%; } .blog__blog-display__loop-item__link {  width: 31%;  margin-top: 2rem; } .blog__blog-display__loop__margin {  max-width: 1200px;  margin: 0 auto 5%; } .blog__infos {  color: #fff;  background: rgba(128, 128, 128, 0.8);  width: 100%;  padding: 10px 20px;  display: flex;  flex-direction: column;  justify-content: center; } .blog__infos-title {  height: 90px;  align-items: center; } .blog__infos-title span {  font-style: italic; } .blog__infos-date {  margin-bottom: 1rem; } .body-space {  min-height: calc(100vh - 40px); } [class^=alert-], [class*=" alert-"] {  position: fixed;  width: 600px !important;  max-width: 95vw;  top: 50% !important;  left: 50% !important;  padding-top: 40px !important;  padding-bottom: 40px !important;  transform: translate(-50%, -50%);  transition: visibility 0s, opacity 0.5s linear; } [class^=alert-] button, [class*=" alert-"] button {  min-width: fit-content; } .with-bottom-padding {  max-width: 90%;  margin: 0 auto 2rem auto; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {  color: #000;  border-color: #007bff; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {  color: #fff;  border-color: #007bff;  background-color: #007bff; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {  color: #fff;  border-color: #adb5bd !important; } .custom-control-input:checked ~ .custom-control-label::before {  color: #fff;  border-color: #007bff;  background-color: #007bff; } .custom-control-input.is-valid ~ .custom-control-label::before {  border-color: #adb5bd !important; } .form-control:focus, .custom-checkbox:focus {  box-shadow: none !important; } .info-secretaires-et-adjointes a {  color: var(--primary); } .info-secretaires-et-adjointes table {  table-layout: fixed; } .info-secretaires-et-adjointes table td:nth-child(even) {  word-break: break-all; } .info-img {  width: auto; } @media only screen and (max-width: 992px) {  .body-space {   min-height: calc(100vh - 40px);  }  .blog__blog-display__loop-item {   flex-basis: 100%;  }  .blog__blog-display__loop-item:nth-child(2) {   margin: 2rem auto 0;  }  .blog__blog-display__loop-item:nth-child(5) {   margin: 2rem auto 0;  }  .info-img {   width: 100%;  } } @media only screen and (max-width: 576px) {  h1 {   font-size: 1.5rem;  } } @media screen and (min-width: 992px) and (max-width: 1200px) {  .notConnectSidebar .btn-primary {   font-size: 12px;   min-width: unset;  } } @font-face {  font-family: "icomoon";  src: url(https://www.droit-inc.com/assets/831e27fa/./icomoon/icomoon.eot);  src: url(https://www.droit-inc.com/assets/831e27fa/./icomoon/icomoon.eot) format("embedded-opentype"), url(https://www.droit-inc.com/assets/831e27fa/./icomoon/icomoon.ttf) format("truetype"), url(https://www.droit-inc.com/assets/831e27fa/./icomoon/icomoon.woff) format("woff"), url(https://www.droit-inc.com/assets/831e27fa/./icomoon/icomoon.svg) format("svg");  font-weight: normal;  font-style: normal;  font-display: block; } @font-face {  font-family: "icomoon-twitter";  src: url(https://www.droit-inc.com/assets/831e27fa/./icomoon-twitter/icomoon-twitter.eot);  src: url(https://www.droit-inc.com/assets/831e27fa/./icomoon-twitter/icomoon-twitter.eot) format("embedded-opentype"), url(https://www.droit-inc.com/assets/831e27fa/./icomoon-twitter/icomoon-twitter.ttf) format("truetype"), url(https://www.droit-inc.com/assets/831e27fa/./icomoon-twitter/icomoon-twitter.woff) format("woff"), url(https://www.droit-inc.com/assets/831e27fa/./icomoon-twitter/icomoon-twitter.svg) format("svg");  font-weight: normal;  font-style: normal;  font-display: block; } [class^=icon-], [class*=" icon-"] {   font-family: "icomoon" !important;  speak: never;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;  line-height: 1;   -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; } .icon-email:before {  content: "\e91d";  color: #5e6674; } .icon-twitter1:before {  content: "\e910";  color: #5e6674;  font-family: "icomoon-twitter" !important; } .icon-linkedin1:before {  content: "\e921";  color: #5e6674; } .icon-instagram:before {  content: "\e920";  color: #5e6674; } .icon-facebook1:before {  content: "\e91f";  color: #5e6674; } .icon-home1:before {  content: "\e91b";  color: var(--primary); } .icon-Recherche_emploi:before {  content: "\e91e";  color: white; } .icon-CV:before {  content: "\e91c"; } .icon-articles:before {  content: "\e91a";  color: white; } .icon-menu_plein:before {  content: "\e919"; } .icon-geolocalisation-1:before {  content: "\e918";  color: #4d4d5c;  font-size: 1.5rem; } .icon-recherche:before {  content: "\e917";  color: #4d4d5c;  font-size: 1.5rem; } .icon-hamburger-1:before {  content: "\e900";  font-size: 2rem; } .icon-Article:before {  content: "\e901"; } .icon-entreprise:before {  content: "\e902"; } .icon-jobs_search:before {  content: "\e903"; } .icon-user:before {  content: "\e904";  font-size: 1.3rem; } .icon-alerte_emploi:before {  content: "\e905"; } .icon-newsletter:before {  content: "\e906"; } .icon-twitter:before {  font-family: "icomoon-twitter" !important;  content: "\e910"; } .icon-facebook:before {  content: "\e909"; } .icon-Mail:before {  content: "\e908"; } .icon-linkedin:before {  content: "\e90a"; } .icon-braquette:before {  content: "\e90c";  font-size: 0.6rem;  margin-left: 10px; } .icon-loupe:before {  content: "\e90d"; } .icon-Emploi_postule:before {  content: "\e90e"; } .icon-geolocalisation:before {  content: "\e90f"; } .icon-boite_a_outil:before {  content: "\e910"; } .icon-enregistrer:before {  content: "\e911"; } .icon-home:before {  content: "\e912"; } .icon-modifie:before {  content: "\e913"; } .icon-poubelle:before {  content: "\e914"; } .icon-Tableau_de_bord:before {  content: "\e915"; } .icon-Facebook:before {  content: "\e923"; } .icon-instagram1:before {  content: "\e924"; } .icon-linkedin2:before {  content: "\e925"; } .icon-twitter2:before {  font-family: "icomoon-twitter" !important;  content: "\e910"; } .icon-CV-3:before {  content: "\e928";  font-size: 3rem; } .icon-lettre_de_presentation:before {  content: "\e927";  font-size: 3rem; } body:has(.header-common) main {  padding-top: 100px; } body:has(.header-common) main:has(.header-bottom) {  padding-top: 160px; } @media (max-width: 991px) {  #brand-logo {   content: url(https://www.droit-inc.com/img/logo_white.png);   width: unset;  }  body:has(.header-common) main {   padding-top: 60px;  }  body:has(.header-common) main:has(.header-bottom) {   padding-top: 100px;  }  img.header-guest-logo {   max-width: 150px;  }  .header-guest .container .navbar-brand {   margin: 0 !important;  }  .header-bottom {   top: 60px !important;  }  .cat-nav {   max-width: 600px;  } } #mobile-dropdown .dropdown-menu {  left: 0 !important;  height: 100vh;  width: 100svw !important;  top: 106px !important;  border-radius: 0;  border: 0 !important;  position: fixed !important;  transform: unset !important; } #mobile-dropdown .category-menu-dropdown {  padding: 36px; } #mobile-dropdown .category-menu-dropdown input {  background: #f2f2f2 url(https://www.droit-inc.com/img/search.svg) 10px/15px no-repeat;  font-size: 14px;  line-height: 30px;  font-weight: normal;  padding-left: 2.5rem; } #mobile-dropdown .category-menu-dropdown input::placeholder {  text-align: center;  color: #000; } #mobile-dropdown .category-menu-dropdown ul li {  position: relative; } #mobile-dropdown .category-menu-dropdown ul li:after {  content: "";  position: absolute;  right: 0;  width: 15px;  height: 15px;  background: url(https://www.droit-inc.com/img/down-chevron.png) center/contain no-repeat;  top: 50%;  transform: translateY(-50%) rotate(-90deg); } #mobile-dropdown .category-menu-dropdown ul li a {  font-size: 16px;  line-height: 50px;  color: #000;  font-weight: bold; } .header-bottom {  position: fixed;  width: 100%;  top: 100px;  z-index: 100; } #header-top .header-content {  padding-inline: 1rem !important; } #header-top .header-content .left .brand {  max-width: 150px; } #header-top .header-content .left .brand img {  max-width: 100%; } @media (min-width: 768px) {  #dropdown-menu {   display: none;  }  #nav-menu {   display: block;  } } @media (min-width: 768px) and (max-width: 1023px) {  #dropdown-menu {   display: block;  }  #nav-menu {   display: none;  } } @media (min-width: 768px) {  #back-btn {   display: none;  }  #mobile-dropdown {   display: none;  } } @media (max-width: 767px) {  #header-top .header-content {   display: none !important;  }  .header-content {   padding-inline: 0 !important;  }  .header-content .cat-nav {   display: none;  }  .header-content .search {   display: none !important;  } } header {  width: 100%; } .header-bottom {  background: var(--carriere);  height: 60px; } .header-bottom .header-content {  padding-block: 0; } .header-bottom nav ul li a {  color: #fff;  font-size: 14px;  font-weight: bold;  line-height: 18px; } .header-bottom .header-page-title {  padding-block: 18px;  background-color: var(--carriere);  font-size: 14px;  font-weight: bold;  color: #fff;  border-radius: var(--header-page-title-radius);  width: 160px;  text-align: center;  height: 100%; } .header-bottom .search {  background-color: var(--carriere);  width: 36px;  height: 36px;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center; } .header-content {  max-width: 1110px;  margin: 0 auto;  padding: 10px 0;  display: flex;  justify-content: space-between;  align-items: center; } .header-content:after {  content: "";  width: 100%;  height: 60px;  background: var(--header-bottom-bg);  position: absolute;  z-index: -1; } .header-content > div {  display: flex;  align-items: center;  gap: 1rem; } .header-content .brand {  display: inline-flex; } .header-content .dropdown {  display: inline-flex; } .header-content .dropdown button {  border: none;  padding: 0;  color: var(--header-text-color);  font-size: 14px;  font-weight: bold;  line-height: 18px;  min-width: unset;  background-color: transparent; } .header-content .dropdown button:hover {  background-color: transparent;  color: var(--header-text-color); } .header-content .dropdown button:focus, .header-content .dropdown button:active {  background-color: transparent;  box-shadow: none;  color: var(--header-text-color); } .header-content nav {  margin-block: auto; } .header-content nav ul {  gap: 20px; } .header-content nav ul a {  text-decoration: none;  font-size: 14px;  font-weight: bold;  line-height: 18px;  color: var(--header-text-color); } .header-content .language span {  color: var(--header-text-color);  font-size: 14px;  line-height: 18px; } .header-content button {  min-width: unset;  border-radius: 18px;  font-size: 14px;  line-height: 18px;  font-weight: bold; } .custom-dropdown {  display: none;  position: absolute;  top: 90px;  left: 0;  width: 100%;  height: calc(100vh - 90px);  background-color: #fff;  z-index: 9;  overflow-y: auto;  padding: 2.25rem; } .custom-dropdown.active {  display: block; } #mobile-dropdown-menu input.search-field {  width: 100%;  margin-bottom: 1.5rem;  background: url(https://www.droit-inc.com/img/search.svg) 1rem/contain no-repeat hsl(0, 0%, 95%);  background-size: 20px;  border: 0;  font-size: 14px;  line-height: 45px;  padding-left: 3rem;  border-radius: 5px;  color: #000; } #mobile-dropdown-menu .dropdown-item {  font-size: 16px;  font-weight: bold;  line-height: 50px;  position: relative;  padding-inline: 0; } #mobile-dropdown-menu .dropdown-item:after {  content: url(https://www.droit-inc.com/img/next.svg);  position: absolute;  right: 1rem;  top: 50%;  transform: translatey(-50%); } .header-guest {  background: #fff;  padding: 5px 0;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137); } .header-guest > .container {  padding-right: 15px;  padding-left: 15px; } .header-guest .nav-link {  color: white;  font-size: 16px; } .header-guest .icon-menu_plein {  margin-left: 20px;  font-size: 1.2rem; } .header-guest .navbar-collapse {  justify-content: space-between; } .header-guest .navbar-collapse .bottom-menu {  margin-left: 1rem; } .header-guest .navbar-collapse .nav-item {  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  color: white;  font-size: 16px; } .header-guest .navbar-collapse .nav-item .login {  margin: 0;  color: #fff;  background: var(--primary);  cursor: pointer;  padding: 5px 10px;  border-color: var(--primary);  margin: 0 20px; } .header-guest .navbar-collapse .nav-item .login:hover {  background: var(--primaryDark);  border-color: var(--primaryDark); } .header-guest .navbar-collapse .nav-item .employer {  margin: 0;  color: #000;  background: #57606a;  cursor: pointer;  padding: 5px 10px;  border-color: #fff; } .header-guest .navbar-collapse .nav-item .employer:hover {  color: #fff;  background: #57606a;  border-color: #fff; } .header-guest .navbar-collapse .nav-item .cercle-nav {  width: 37px;  height: 37px;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  font-size: 0.7rem;  background: var(--primary);  margin-top: 4px;  } .header-guest .navbar-collapse .nav-item .cercle-nav [class^=icon-], .header-guest .navbar-collapse .nav-item .cercle-nav [class*=" icon-"] {  font-size: 1.5rem;  padding: 0;  font-weight: 500; } .header-guest .navbar-collapse .nav-item .cercle-nav:hover {  text-decoration: none !important; } .header-guest .navbar-collapse .nav-item .cercle-nav:hover::before {  top: 100%;  opacity: 1; } .header-guest .navbar-collapse .nav-item .cercle-nav-icon-text {  font-size: 11px;  color: white; } .menu {  position: fixed;  z-index: 99999999999998;  width: 100vw;  height: 100%;  bottom: 0;  right: 0;  display: none; } .sidebar {  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  color: #000;  background: #fff;  width: 300px;  min-width: 300px;  position: fixed;  z-index: 99999999999999;  top: 60px;  display: flex;  align-items: flex-end;  justify-content: space-between;  flex-direction: column;  height: 0;  transition: 0.3s;  overflow-y: hidden; } .sidebar::-webkit-scrollbar {  display: none; } .sidebar-content {  display: flex;  align-items: flex-end;  justify-content: space-between;  flex-direction: column;  padding: 20px 0 20px 0;  width: 100%;  overflow: scroll; } .sidebar-content::-webkit-scrollbar {  display: none; } .sidebar-content .name {  color: grey; } .sidebar-content .job {  color: grey; } .sidebar-content .toolbox {  color: grey; } .sidebar-content a:hover {  text-decoration: underline; } .sidebar-hr {  background: #cdcdcd;  width: 100%;  padding: 0.5px;  margin: 15px auto; } .sidebar a, .sidebar p, .sidebar h6, .sidebar h5, .sidebar form, .sidebar .icons {  color: #000;  width: calc(100% - 70px);  margin-right: auto;  margin-left: auto;  padding: 3px; } .sidebar h5 span {  margin-right: 10px; } .sidebar h5 img {  width: 30px;  height: auto; } .sidebar .icons {  display: flex;  align-items: center;  justify-content: space-between;  margin: 20px 35px 0 auto;  width: 50%; } .sidebar .icons .bi::before {  color: #000; } .sidebar .icons a {  width: fit-content;  margin: 0; } .sidebar input {  width: 100%;  border-bottom: solid 1px #000;  color: #000;  font-weight: bold; } .sidebar input::placeholder {  color: #000; } .sidebar .input-group {  flex-wrap: nowrap;  width: calc(100% - 30px - 90px);  margin: 0 0 0 auto !important; } .sidebar .input-group-text {  background: none;  border: none;  cursor: pointer;  border-radius: unset;  border-bottom: solid 1px #000; } .sidebar .input-group-text .bi:before {  color: #000; } @media only screen and (max-width: 992px) {  .header-nav-link {   display: none !important;  }  .sidebar {   right: 0;  }  .header-guest .navbar-collapse .bottom-menu {   position: fixed;   left: 50%;   transform: translate(-50%, 0px);   background-color: #fff;   display: flex;   align-items: center;   bottom: 10px;   justify-content: space-between;   padding: 10px 15px;   width: 90vw;   border-radius: 50px;   margin: 0;  } } @media only screen and (max-width: 576px) {  .sidebar {   max-height: calc(100% - 60px);   right: 0;   top: 60px;   border-radius: 0;   width: 100%;  } } .baniere {  height: 45px;  background-color: var(--tertiary);  color: var(--tertiaryDark);  font-weight: bold;  display: flex;  align-items: center; } .baniere-content {  align-items: center;  max-width: fit-content; } .baniere .cv-btn {  font-size: 1rem;  width: fit-content;  position: relative;  text-decoration: underline;  cursor: pointer;  animation-duration: 4s;  animation-delay: -4s;  animation-iteration-count: infinite; } .baniere .cv-btn:hover {  animation-play-state: paused; } .baniere span {  font-size: 2rem;  padding: 0; } .baniere label, .baniere p {  min-width: max-content; } @keyframes earthquake {  0% {   left: 0px;  }  1% {   left: -10px;   transform: rotate(-10deg);  }  3% {   left: 10px;   transform: rotate(10deg);  }  5% {   left: -10px;   transform: rotate(-10deg);  }  7% {   left: 10px;   transform: rotate(10deg);  }  8% {   left: 0px;   transform: rotate(0deg);  }  100% {   left: 0px;  } } @media (max-width: 767px) {  .baniere {   padding: 3px;  }  .baniere p {   font-size: 0.7rem;  } } a.se-connecter {  display: block;  width: 24px;  height: 24px;  background-image: url(https://www.droit-inc.com/img/account.png);  background-size: contain;  background-repeat: no-repeat; } header .header-content nav {  margin: auto 10px; } header .header-content nav ul {  gap: 12px; } header .header-content nav ul li a {  font-size: 9px; } @media only screen and (max-width: 1199px) {  header .header-bottom .search {   min-width: 36px;   max-width: 36px;   min-height: 36px;   max-height: 36px;  }  header .header-content {   max-width: 930px;  }  header .header-content nav {   margin: auto 10px;  }  header .header-content nav ul {   gap: 12px;  }  header .header-content nav ul li {   line-height: 1rem;  }  header .header-content nav ul li a {   font-size: 7px;  } } @media only screen and (max-width: 991px) {  header .header-bottom .search {   min-width: 30px;   max-width: 30px;   min-height: 30px;   max-height: 30px;  }  header .header-content {   margin: 0 2rem;  }  header .header-content nav {   margin: auto 10px;  }  header .header-content nav ul {   gap: 0.5rem;  } } @media only screen and (max-width: 767px) {  header .header-content {   max-width: 510px;   margin: 0 auto;  } } .sidebar-dropdown-title {  color: grey;  font-size: 20px;  font-weight: bold;  margin-inline: auto;  width: calc(100% - 70px); } header .header-top {  height: 100px; } header .header-top .header-guest-right-menu ul li a {  color: var(--header-top-text-color); } header .header-top .header-guest-right-menu .header-connected-search .search-icon {  position: absolute;  left: 20px;  top: 50%;  transform: translateY(-50%); } header .header-top .header-guest-right-menu .header-connected-search input {  min-width: 252px;  max-width: 252px;  width: 100%;  border-radius: 30px;  outline: none;  border: 1px solid var(--primary);  padding: 10px 10px 10px 65px;  font-size: 14px;  line-height: 18px;  color: var(--header-top-text-color);  background-color: transparent; } header .header-top .header-guest-right-menu .header-connected-search input::placeholder {  color: var(--header-top-text-color); } header .header-top .header-guest-right-menu .header-nav-dropdown button {  background-color: transparent;  color: var(--header-top-text-color);  border: none;  padding: 0;  font-size: 16px;  font-weight: bold;  line-height: 19px;  text-align: left; } header .header-top .header-guest-right-menu .header-nav-dropdown button:after {  border-color: transparent;  background: url(https://www.droit-inc.com/img/down-chevron.png) center/contain no-repeat;  width: 25px;  height: 16px;  position: absolute; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu {  top: 56px;  border-radius: 0 0 45px 45px;  width: 784px;  padding: 66px 40px;  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.0588235294);  border: 1px solid #e8e8e8; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns {  gap: 1rem; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns .looking-for-job {  font-size: 16px;  line-height: 19px;  font-weight: bold;  text-transform: uppercase;  margin-bottom: 1rem; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns .job-seeker-resources {  font-size: 14px;  line-height: 18px;  font-weight: bold;  text-transform: uppercase;  margin-bottom: 1rem;  color: var(--primary); } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns .profile-picture {  max-width: 100%;  width: 122px;  aspect-ratio: 1;  border-radius: 10px;  margin-bottom: 1rem; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns .description {  font-size: 14px;  line-height: 18px;  font-weight: normal;  color: #707070;  margin-bottom: 1rem; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns .job-search {  font-size: 16px;  line-height: 19px;  font-weight: bold;  color: var(--primary);  text-decoration: underline;  background: transparent; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns ul li {  padding: 0.8rem !important;  border-bottom: 1px solid lightgray; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns ul li:last-child {  margin-bottom: 1rem; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns ul li a {  display: flex;  align-items: center;  gap: 1rem; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns ul li a:after {  content: "❯";  margin-left: auto;  color: var(--primary);  font-size: 20px; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns ul li a p {  font-size: 16px;  line-height: 19px;  font-weight: bold;  color: #000; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns ul li a p span {  display: block;  font-size: 12px;  line-height: 15px;  font-weight: normal; } header .header-top .header-guest-right-menu .header-nav-dropdown:has(.show) button:after {  rotate: 180deg;  top: 30%; } header .header-top .header-guest-right-menu .translate-btn {  font-size: 14px;  font-weight: normal;  text-transform: uppercase;  color: var(--header-top-text-color); } header .header-top .header-guest-right-menu button {  min-width: unset;  padding: 1rem;  border-radius: 50px;  border-width: 1px !important;  font-size: 14px;  line-height: 18px;  font-weight: bold; } header .header-top .header-guest-right-menu button.btn-outline {  background-color: transparent;  border-color: var(--primary); } @media (max-width: 991px) {  header .header-top .header-guest-right-menu button.btn-outline {   background-color: var(--primary);  } } header .header-top .header-guest-right-menu button.btn-primary {  background-color: var(--primary);  border-color: var(--primary); } header .header-top .header-guest-right-menu button a {  color: var(--primary);  font-size: 14px;  line-height: 18px;  font-weight: bold; } @media (max-width: 992px) {  header .header-top .header-guest-right-menu button a {   color: white !important;  } } @media (max-width: 991px) {  .header-top {   height: 60px !important;  }  .header-top .header-guest-right-menu button {   padding-block: 0.5rem !important;  }  .header-top .header-guest-right-menu .header-nav-dropdown {   position: unset;  }  .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu {   left: 0 !important;   min-height: 100vh;   right: 0 !important;   width: 100% !important;   top: 58px !important;   padding: 2rem;  } } .cross::after, .mobile-cross::after {  border: transparent; } .cross > div, .mobile-cross > div {  width: 23px;  height: 4px;  background: var(--header-top-text-color);  transition: 0.3s; } .cross > div:first-child, .mobile-cross > div:first-child {  margin-bottom: 5px; } .header-top:has(.header-nav-dropdown .show) .cross div:first-child {  transform: rotate(45deg) translateX(0px) translateY(-8px);  margin-top: 100%; } .header-top:has(.header-nav-dropdown .show) .cross div:last-child {  transform: rotate(-45deg) translateX(14px) translateY(-6px); } .header-top:has(.has-dropdown .show) .mobile-cross div:first-child {  transform: rotate(45deg) translateX(-4px);  margin-top: 100%; } .header-top:has(.has-dropdown .show) .mobile-cross div:last-child {  transform: rotate(-45deg) translate(6px, -10px); } .loggedIn-header .header-top .header-guest-right-menu {  gap: unset; } .loggedIn-header .header-top .header-guest-right-menu ul {  color: var(--header-top-text-color);  gap: 1rem; } .loggedIn-header .header-top .header-guest-right-menu ul a {  font-size: 14px;  line-height: 19px; } .loggedIn-header .header-top .header-guest-right-menu .cross > div:first-child {  margin-top: unset; } .loggedIn-header .header-top .header-guest-right-menu .cross:after {  display: none; } .loggedIn-header .header-top .header-guest-right-menu .dropdown-menu {  left: unset;  right: 0;  padding: 25px 30px !important; } .loggedIn-header .header-top .header-guest-right-menu .dropdown-menu ul li a {  display: flex;  align-items: center; } .loggedIn-header .header-top .header-guest-right-menu .dropdown-menu ul li a p {  margin-left: 1rem;  font-size: 20px;  line-height: 24px;  font-weight: bold;  color: #000; } .loggedIn-header .header-top .header-guest-right-menu .dropdown-menu button {  font-size: 20px;  line-height: 24px;  font-weight: bold;  margin-top: 1rem; } @media (min-width: 991px) {  .loggedIn-header .header-nav-dropdown .dropdown-menu {   width: 388px !important;   top: 55px !important;  } } @media (max-width: 991px) {  .loggedIn-header .header-top .header-guest-right-menu .dropdown-menu .logout-btn {   margin-top: 0;  }  .loggedIn-header .header-top .header-guest-right-menu .dropdown-menu ul {   display: flex;   flex-wrap: wrap;  }  .loggedIn-header .header-top .header-guest-right-menu .dropdown-menu ul li {   padding-block: 1rem !important;   margin-bottom: 0;   width: 45%;   border: 1px solid lightgray;   margin: 0 auto;   text-align: center;  }  .loggedIn-header .header-top .header-guest-right-menu .dropdown-menu ul li .sublist {   padding-left: 0;  }  .loggedIn-header .header-top .header-guest-right-menu .dropdown-menu ul li a {   flex-direction: column;   position: relative;   padding-bottom: 3rem;  }  .loggedIn-header .header-top .header-guest-right-menu .dropdown-menu ul li a svg {   width: 50px;   height: 50px;  }  .loggedIn-header .header-top .header-guest-right-menu .dropdown-menu ul li a p {   position: absolute;   bottom: 0;   left: 0;   right: 0;   margin: 0 auto;  }  .loggedIn-header .header-top .cross::after {   border: transparent;  } } .logout-btn {  color: black !important; } .custom-scroll {  max-width: 900px;  overflow-x: auto;  white-space: nowrap; } .custom-scroll::-webkit-scrollbar {  -webkit-appearance: none;  display: block !important;  height: 6px;  visibility: visible !important;   border-radius: 8px;  background: rgba(255, 255, 255, 0.1); } .custom-scroll::-webkit-scrollbar-thumb {  background: #fff;   border-radius: 8px;  visibility: visible !important; } .custom-scroll::-webkit-scrollbar-track {  background: transparent;   margin: 0 6px;  border-radius: 8px; } .custom-scroll:hover::-webkit-scrollbar-thumb {  background: #fff; } .custom-scroll li {  margin-bottom: 4px; } @media screen and (-webkit-min-device-pixel-ratio: 0) {  .custom-scroll {   overflow: overlay;  }  .custom-scroll::-webkit-scrollbar {   visibility: visible;  } } @media (min-width: 992px) and (max-width: 1200px) {  .custom-scroll {   max-width: 760px !important;  } } @media (max-width: 991px) {  .navbar .container {   max-width: unset !important;  }  .login-btn-mobile a {   font-size: 10px;   line-height: 13px;  }  .header-guest-right-menu:has(.dropdown-menu.show) .login-btn-mobile {   display: none !important;  }  .dropdown-columns {   gap: 0 !important;  }  .header-guest-right-menu .dropdown-menu {   padding: 26px 24px !important;  }  .header-guest-right-menu .dropdown-menu .looking-for-job {   font-size: 30px !important;   line-height: 37px !important;   text-transform: unset !important;  }  .header-guest-right-menu .dropdown-menu .description {   color: #000 !important;  }  .header-guest-right-menu .dropdown-menu .job-seeker-resources {   font-size: 18px !important;   line-height: 22px !important;   text-transform: unset !important;  }  .loggedIn-header .header-top .container .custom-dropdown-mobile:after {   display: none;  }  .loggedIn-header .header-top .container .header-guest-logo {   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);  }  .loggedIn-header .header-top .container .navbar-brand {   display: flex;   align-items: center;  }  .loggedIn-header .header-top .container .mobile-cross {   background: transparent;   padding: 0;   border: 0;   min-width: unset;   line-height: 0 !important;  }  .loggedIn-header .header-top .container .header-guest-right-menu {   min-width: unset !important;  } } .cross {  line-height: 0; } @media (min-width: 992px) and (max-width: 1200px) {  .navbar .container {   max-width: unset !important;  } } body:after {  display: none !important; } .has-dropdown .dropdown-menu {  width: 100% !important;  border-radius: 0;  border: 0;  top: 58px !important;  position: fixed !important;  left: 0;  right: 0;  min-height: 100vh;  margin-inline: auto;  padding: 0; } .has-dropdown .dropdown-menu .dropdown-item {  padding: 0 !important;  text-wrap: auto; } .has-dropdown .dropdown-menu .dropdown-item .custom-div {  padding: 36px 24px;  background-color: #fff5f4; } .has-dropdown .dropdown-menu .dropdown-item .custom-div-title {  font-size: 30px;  line-height: 37px;  font-weight: bold;  color: var(--primary);  margin-bottom: 22px; } .has-dropdown .dropdown-menu .dropdown-item .custom-div-subtitle {  font-size: 24px;  line-height: 29px;  font-weight: bold;  color: #000; } .has-dropdown .dropdown-menu .navigation-mobile-login {  padding: 28px 24px; } .has-dropdown .dropdown-menu .navigation-mobile-login p {  color: var(--primary);  font-size: 18px;  line-height: 22px;  font-weight: bold;  margin-bottom: 10px; } .has-dropdown .dropdown-menu .navigation-mobile-login ul li {  border-bottom: 1px solid lightgrey;  padding-block: 10px; } .has-dropdown .dropdown-menu .navigation-mobile-login ul li a {  display: flex;  gap: 1rem;  align-items: center; } .has-dropdown .dropdown-menu .navigation-mobile-login ul li a:has(img):after {  content: "❯";  margin-left: auto;  color: var(--primary);  font-size: 20px; } .has-dropdown .dropdown-menu .navigation-mobile-login ul li a p {  font-size: 20px !important;  line-height: 15px !important;  font-weight: bold;  color: #000 !important;  margin-bottom: 0; } .has-dropdown .dropdown-menu .navigation-mobile-login ul li a p span {  font-size: 10px;  line-height: 15px;  font-weight: normal;  display: block; } .header-nav-dropdown .dropdown-menu ul li {  padding-block: 0.8rem !important;  border-bottom: 1px solid lightgray; } @media (max-width: 991px) {  .custom-div {   padding: 24px !important;  }  .custom-div-title {   font-size: 26px !important;   line-height: 34px !important;   margin-bottom: 18px !important;  }  .loggedIn-header .header-nav-dropdown .dropdown-menu div div {   height: 50rem;   overflow: scroll;  }  .loggedIn-header .header-nav-dropdown .dropdown-menu div div::-webkit-scrollbar {   display: none;  }  .loggedIn-header .scrollable {   height: 45rem;   overflow: scroll;  }  .loggedIn-header .scrollable::-webkit-scrollbar {   display: none;  } } .footer {  background: #000;  padding: 50px 0;  z-index: 1;  color: #fff; } .footer .bi {  color: #fff; } .footer a {  color: #fff; } .footer-copy {  color: #fff;  margin: 10px 0 0; } .footer-list {  display: flex;  align-items: center;  justify-content: space-between;  list-style: none;  margin: 0;  padding: 0; } .footer-list a {  color: #fff;  font-size: 13px;  font-weight: lighter; } .footer-list a:hover {  text-decoration: none;  font-weight: 600; } .footer-list-social {  display: flex;  align-items: center;  justify-content: space-between;  min-width: 130px; } .footer-list-social .bi::before {  color: #fff; } .footer-list-element a {  font-size: 1rem; } .footer-list a {  font-size: 1rem; } @media only screen and (max-width: 992px) {  .footer-element {   padding: 50px 0 90px;  } } .mobile-footer {  height: 92px;  background-color: var(--header-bottom-bg); } .mobile-footer-gap {  gap: 0.5rem; } .mobile-footer a {  color: white;  font-size: 10px;  font-weight: normal;  line-height: 13px; } .mobile-footer img {  filter: contrast(0) brightness(100);  width: 22px;  aspect-ratio: 1;  object-fit: contain; } .home-page-candidat__employeur-pub {  margin: 0px auto 0;  display: block;  display: flex;  justify-content: center;  position: relative;  z-index: 1; } .home-page-candidat__search {  background: url(https://www.droit-inc.com/img/homepage_background.webp) center/cover no-repeat;  min-height: calc(100vh - 105px);  position: relative;  display: flex;  align-items: center; } .home-page-candidat__search .arrow {  bottom: 20px;  left: 50%;  transform: translate(-50%, 0);  position: absolute;  color: #fff;  height: 70px;  width: 80px;  cursor: pointer; } .home-page-candidat__search .arrow .icon-braquette {  position: absolute;  opacity: 1;  animation: arrow infinite 2s ease-out; } .home-page-candidat__search .arrow .icon-braquette::before {  font-size: 2rem; } @keyframes arrow {  0% {   bottom: calc(100% - 32px);   opacity: 1;  }  25% {   opacity: 1;  }  75% {   bottom: 0px;   opacity: 0;  }  100% {   bottom: 0px;   opacity: 0;  } } .home-page-candidat__search__secretaire {  z-index: 1;  position: relative;  bottom: -50px;  width: 200%; } .home-page-candidat__search__background {  padding: 30px;  position: relative;  background: #fff; } .home-page-candidat__search__container {  text-align: right; } .home-page-candidat__search__container-text {  margin-bottom: 50px; } .home-page-candidat__search__container-subtitle {  color: #000;  font: normal normal bold 17px/20px Montserrat, sans-serif;  margin: 0 0 1.25rem auto;  text-align: center; } .home-page-candidat__search__container-title {  color: var(--primary);  text-align: center;  font-size: 33px; } .home-page-candidat__search__container__form {  text-align: right;  width: fit-content;  margin: 0 auto; } .home-page-candidat__search__container__form__input-container {  display: flex;  flex-wrap: wrap;  align-items: center;  border-radius: 12px;  margin-bottom: 20px; } .home-page-candidat__search__container__form__input-container-label {  color: var(--primary);  margin-right: 30px;  font-weight: bold;  font-size: 1rem;  width: 45px; } .home-page-candidat__search__container__form__input-container-input-group {  background: #fff;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  border-radius: 40px;  padding: 15px;  display: flex;  align-items: center; } .home-page-candidat__search__container__form__input-container-input-group-prepend-icon {  display: flex;  align-items: center; } .home-page-candidat__search__container__form__input-container-input-group-input {  border: none;  min-width: 300px;  padding-bottom: 0; } .home-page-candidat__search__container__form__input-container-input-group-input::placeholder {  color: #b9b9b9; } .home-page-candidat__search__container__form-button {  background: var(--primary);  min-width: fit-content;  padding: 6px 30px;  border-color: var(--primary);  color: #fff;  display: block;  margin: auto;  border-radius: 40px;  text-transform: uppercase; } .home-page-candidat__search__container__form-button-content {  max-width: 380px;  margin: 0 0 0 auto; } .home-page-candidat__search__container__form-button:hover {  background: var(--primaryDark);  border-color: var(--primaryDark); } .home-page-candidat__search__recent {  background: rgba(0, 0, 0, 0.1607843137);  text-align: center;  margin-top: 30px;  display: none; } .home-page-candidat__search__recent__embed {  padding: 50px 0;  color: #fff; } .home-page-candidat__search__recent__embed-title {  margin-bottom: 30px;  font-weight: bold; } .home-page-candidat__search__recent__embed__div {  display: flex;  justify-content: space-between; } .home-page-candidat__search__recent__embed__div-text {  color: #fff; } .home-page-candidat__search__recent__embed__div-text:hover {  color: var(--primary); } .home-page-candidat__avantages {  padding: 40px 0; } .home-page-candidat__avantages-title {  text-align: center;  font-weight: bold; } .home-page-candidat__avantages-title span {  color: var(--primary); } .home-page-candidat__avantages__div {  display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  max-width: 900px;  margin: auto; } .home-page-candidat__avantages__div__item {  text-align: center;  width: 30%;  margin-bottom: 20px;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  border-radius: 25px;  padding: 20px;  height: 245px; } .home-page-candidat__avantages__div__item p {  text-align: center;  font-size: 1.1rem;  margin-top: 20px; } .home-page-candidat__avantages__div__item span {  color: var(--secondary);  font-size: 5rem;  margin-bottom: 10px; } .home-page-candidat__avantages button {  display: block;  width: 25%;  min-width: fit-content;  margin: 10px auto 0; } .home-page-candidat__employer {  background: var(--secondaryLight) 0% 0% no-repeat padding-box;  padding: 40px 0; } .home-page-candidat__employer h2, .home-page-candidat__employer-description {  text-align: center; } .home-page-candidat__employer h2 span, .home-page-candidat__employer-description span {  color: var(--primary); } .home-page-candidat__employer-description {  margin: 0px auto 20px;  max-width: 700px;  font-size: 1.1rem; } .home-page-candidat__employer__div {  display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap; } .home-page-candidat__employer__div__item {  height: 175px;  flex: 1;  display: flex;  align-items: center;  justify-content: center;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  padding: 15px;  margin-bottom: 1.5em;  background: #fff;  text-align: center;  border-radius: 20px;  overflow: hidden;  margin-left: 2.5%;  margin-right: 2.5%; } .home-page-candidat__employer__div__item:last-child {  margin-right: 0; } .home-page-candidat__employer__div__item:first-child {  margin-left: 0; } .home-page-candidat__employer__div__item img {  max-height: 100%;  max-width: 100%; } .home-page-candidat__blog {  background: #fff; } .home-page-candidat__blog__container {  padding: 20px 15px 0; } .home-page-candidat__blog__container .all-job-btn {  max-width: 300px;  min-width: fit-content;  margin: auto;  display: block; } .home-page-candidat__blog__container__title-expert {  text-align: left;  font-weight: bold;  font-size: 24px;  color: var(--primary); } .home-page-candidat__blog__container__title-expert span {  color: var(--primary); } .home-page-candidat__blog__container__title-daily {  text-align: center;  margin: 0 0 60px;  font-size: 1.1rem; } .home-page-candidat__blog__container__div__article {  flex-basis: 25%;  min-height: 300px;  width: 90%;  position: relative;  background-repeat: no-repeat;  background-position: center center;  background-size: cover; } .home-page-candidat__blog__container__button {  text-align: center; } .home-page-candidat__blog__container__button-btn {  padding: 5px 10px;  background: var(--primary);  border-color: var(--primary);  color: #fff;  margin: 60px auto 0; } .home-page-candidat__blog__container__button-btn:hover {  background: var(--primaryDark);  border-color: var(--primaryDark); } .home-page-candidat__newsletter {  background: var(--primary);  color: #fff;  padding: 40px 0;  text-align: center; } .home-page-candidat__newsletter__container {  display: block;  width: 90%;  max-width: 1200px;  margin: auto; } .home-page-candidat__newsletter__container__item {  display: flex;  align-items: center; } .home-page-candidat__newsletter__container__item span {  display: none;  color: #fff;  font-size: 5rem;  margin-right: 15px; } .home-page-candidat__newsletter__container__item__text {  margin: auto; } .home-page-candidat__newsletter__container__item-text {  margin-bottom: 15px; } .home-page-candidat__newsletter__item {  display: flex;  align-items: center;  padding-left: 0px;  justify-content: center; } .home-page-candidat__newsletter__item button {  max-width: 200px;  min-width: fit-content; } .home-page-candidat__newsletter__item-title {  font-weight: bold;  margin-bottom: 10px; } .home-page-candidat__newsletter__item-text {  margin-bottom: 15px; } .home-page-candidat__newsletter__item-input {  border-bottom-color: #fff;  width: 275px;  color: #fff; } .home-page-candidat__newsletter__item-input::placeholder {  color: #fff; } .home-page-candidat__newsletter__item-button {  width: 275px;  background: var(--primary);  color: #fff;  border-color: var(--primary);  padding: 5px 10px; } .home-page-candidat__newsletter__item-button:hover {  background: var(--primaryDark);  border-color: var(--primaryDark); } .home-page-candidat__contact {  padding: 130px 0 0;  background: var(--secondaryLight); } .home-page-candidat__contact__container {  background: url(https://www.droit-inc.com/assets/831e27fa/../img/personages_home_candidat_2.webp) right bottom no-repeat, url(https://www.droit-inc.com/assets/831e27fa/../img/engrenage_double.png) bottom 130px right 230px no-repeat; } .home-page-candidat__contact-title {  font-size: 50px;  color: var(--primary);  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  font-weight: bold; } .home-page-candidat__contact-subtitle {  font-size: 30px;  color: #000;  font-weight: bold;  margin: 0 0 245px 0; } .home-page-candidat__contact-btn {  color: #fff;  padding: 5px 10px;  background: var(--primary);  border-color: var(--primary);  margin: 0 0 90px; } .home-page-candidat__contact-btn:hover {  background: var(--primaryDark);  border-color: var(--primaryDark); } @media only screen and (max-width: 992px) {  .home-page-candidat__employeur-pub {   scale: 0.7;  }  .home-page-candidat__search {   background: none;  }  .home-page-candidat__search .arrow {   display: none;  }  .home-page-candidat__search__background {   border-radius: 0;   background: none;   z-index: 0;   height: auto;   padding: 30px;  }  .home-page-candidat__search__container {   padding: 0;  } } @media only screen and (max-width: 768px) {  .home-page-candidat__employeur-pub {   scale: 1;  }  .home-page-candidat__search {   min-height: 600px;  }  .home-page-candidat__search__container-text {   margin-bottom: 30px;  }  .home-page-candidat__search__container-title {   font-size: 2rem;  }  .home-page-candidat__search__container-subtitle {   font-size: 1.5rem;  }  .home-page-candidat__avantages__div__item {   flex-basis: 100%;   font-size: 1.1rem;  }  .home-page-candidat__popular__container__div {   flex-wrap: wrap;  }  .home-page-candidat__popular__container__div__item {   flex-basis: 48%;  }  .home-page-candidat__popular__container__div__item:nth-child(1), .home-page-candidat__popular__container__div__item:nth-child(2) {   margin: 0 0 4% 0;  } } @media only screen and (max-width: 576px) {  .home-page-candidat__employeur-pub {   scale: 1;  }  .home-page-candidat__contact-btn {   margin-left: 60%;  }  .home-page-candidat__feature__container {   padding: 2em;   width: 90%;   margin: auto;  }  .home-page-candidat__feature__container__caroussel__item__job-title {   margin-bottom: 0em;  }  .home-page-candidat__feature__container__caroussel__item__job-infos {   margin-bottom: 5px;   margin-top: 5px;  }  .home-page-candidat__search__container__form__input-container {   display: block;   text-align: left;  }  .home-page-candidat__search__container__form__input-container-input-group-input {   min-width: auto;   width: 100%;  }  .home-page-candidat__search__container__form-button {   min-width: auto;   width: 100%;  }  .home-page-candidat__popular__container {   padding: 30px;  }  .home-page-candidat__blog__container__div__article__infos {   height: 40%;  } } .title-section {  background-color: var(--primary);  height: 390px;  display: flex;  justify-content: center;  padding-top: 60px;  position: relative;  overflow: hidden; } .title-section .container {  max-width: 1000px; } .title-section::before {  content: "";  position: absolute;  left: 0;  width: 85px;  height: 190px;  background: url(https://www.droit-inc.com/img/geometrie_1.png) center/contain no-repeat; } .title-section:after {  content: "";  position: absolute;  top: 35%;  right: 0;  width: 85px;  height: 190px;  background: url(https://www.droit-inc.com/img/geometrie_2.png) center/contain no-repeat; } .title-section h1 {  color: #fff;  font-size: clamp(1.875rem, 0.7746rem + 4.6948vw, 5rem);  line-height: 97px;  font-weight: 600; } .title-section h2 {  color: #fff;  font-size: clamp(1.875rem, 0.7746rem + 4.6948vw, 5rem);  line-height: 97px;  font-weight: 600; } .blogs-editor-choice {  margin-top: -160px;  max-width: 1000px; } .blogs-editor-choice .category-title {  font-size: clamp(1.5625rem, 1.3424rem + 0.939vw, 2.1875rem);  line-height: 43px;  font-weight: bold;  color: #fff;  margin-bottom: 20px; } .blog-job-search {  max-width: 1000px; } .category-title-red {  font-size: clamp(1.5rem, 1.2579rem + 1.0329vw, 2.1875rem);  line-height: 43px;  font-weight: bold;  color: var(--primary);  margin-bottom: 20px; } .category-title-red a {  font-size: clamp(1.5rem, 1.2579rem + 1.0329vw, 2.1875rem);  color: inherit;  text-decoration: inherit; } .category-description {  font-size: clamp(0.875rem, 0.743rem + 0.5634vw, 1.25rem);  line-height: 24px;  color: #707070; } .grid-container {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 1rem; } .blog-image img {  width: 100%;  height: 224px;  object-fit: cover; } .blog-content .blog-title {  font-size: clamp(1.125rem, 0.993rem + 0.5634vw, 1.5rem);  line-height: 30px;  font-weight: bold;  color: #000;  margin-top: 20px;  margin-bottom: 20px;  display: -webkit-box;  -webkit-line-clamp: 2;  line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  text-overflow: ellipsis; } .blog-content .blog-title a {  color: inherit;  text-decoration: none;  font-size: clamp(1.125rem, 0.993rem + 0.5634vw, 1.5rem); } .blog-content :has(.blog-category) .blog-title {  margin-top: 0; } .blog-content .blog-category {  font-size: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);  line-height: 25px;  font-weight: 600;  color: var(--primary);  margin-top: 10px; } .blog-content .blog-description {  font-size: clamp(0.875rem, 0.787rem + 0.3756vw, 1.125rem);  line-height: 25px;  color: #000; } .blog-content .read-more {  color: var(--primary);  font-size: 12px;  line-height: 25px;  font-weight: bold;  text-decoration: underline;  padding: 0;  min-width: unset;  border: 0;  margin-top: 0.5rem;  background-color: transparent;  display: none; } hr {  border-top: 2px solid var(--hrColor);  margin-block: 2rem; } .blog-two-columns {  margin-block: 1.5rem;  display: grid;  grid-template-columns: 290px 1fr;  gap: 1rem; } .blog-two-columns img {  height: 200px; } .featured-blogs {  margin-top: 1.5rem; } .featured-blogs h2 {  font-size: 24px;  line-height: 19px;  font-weight: bold;  color: var(--primary);  padding-block: 2rem;  border-top: 4px solid var(--primary);  margin-bottom: 0; } .featured-blogs a {  color: var(--primary); } .featured-blogs a:hover {  color: var(--primaryOpacity6) !important; } .featured-blogs ul {  list-style: none;  padding: 0; } .featured-blogs ul li {  color: var(--primary);  margin-bottom: 1.5rem;  font-size: 18px;  line-height: 22px; } .featured-blogs-post {  font-size: 24px;  line-height: 19px;  font-weight: bold;  color: var(--primary);  padding-block: 2rem;  border-top: 4px solid var(--primary);  margin-bottom: 0; } .see-more {  color: var(--primary);  font-size: 20px;  line-height: 24px;  font-weight: bold;  background: transparent;  border: 0;  padding: 0;  min-width: unset !important; } .see-more:hover {  color: var(--primaryOpacity6) !important; } .see-more::after {  content: url(https://www.droit-inc.com/img/SI_braquette_voir_plus.svg); } .category-breadcrumb {  font-size: 14px;  line-height: 18px;  color: var(--primary); } .category-breadcrumb span:first-child {  text-decoration: underline; } .category-breadcrumb .current-category {  color: #000;  font-weight: 600; } .tags {  border: 1px solid #e8e8e8;  border-radius: 4px;  padding: 1.5rem; } .tags ul {  list-style: none;  padding: 0;  display: flex;  flex-wrap: wrap;  gap: 1rem; } .tags ul li {  background: #e8e8e8;  padding: 0.5rem 1rem;  border-radius: 4px;  color: var(--primary);  text-decoration: underline;  font-size: 20px; } .tags ul li a {  font-size: 16px;  font-weight: normal; } .tags ul li h3 {  margin: 0;  font-size: inherit;  font-weight: inherit;  display: inline;  color: inherit; } .tags ul li:first-child, .tags ul li:last-child {  font-weight: bold; } .discover {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 2rem;  margin-top: 1.5rem; } .discover a, .discover h3 {  color: var(--primary);  text-decoration: underline;  font-size: 16px;  line-height: 25px;  font-weight: normal; } .post-title {  font-size: 35px;  line-height: 43px;  font-weight: bold;  color: #000; } .post-meta > div {  width: 50%; } .post-meta {  font-size: 16px;  line-height: 25px;  font-weight: bold;  color: #000; } .post-meta .post-time {  text-align: end; } .post-content {  color: #000; } .post-content h4 {  font-size: 18px;  line-height: 25px;  font-weight: bold;  color: #000;  margin-block: 1rem; } .post-content h2 {  color: #000; } .post-content a {  color: var(--primary) !important; } .post-content p {  font-size: 18px;  line-height: 25px;  color: #000; } .post-content p a {  color: var(--primary) !important; } .post-content ul {  list-style: none;  padding: 0; } .post-content ul li {  font-size: 18px;  line-height: 25px; } .related-blogs {  background-color: var(--bgColor);  padding-block: 2rem; } .post-inner {  padding-top: 30px; } @media (max-width: 768px) {  .title-section {   height: 250px;  }  .title-section h1 {   line-height: 1;  }  .title-section::before {   width: 25px;   height: 80px;   top: 0;  }  .title-section:after {   width: 25px;   height: 80px;   top: unset;   bottom: 0;  }  .blogs-editor-choice {   margin-top: -130px;  }  .blog-job-search {   padding-inline: 2rem;  }  .category-wrapper .grid-container {   padding-inline: 1rem;  }  .category-title-section,  .grid-container {   grid-template-columns: 1fr;   padding-inline: 2rem;  }  .category-title {   margin-bottom: 0 !important;   line-height: unset !important;  }  .blog-grid {   margin-bottom: 2rem;  }  .blog-content .blog-category {   margin-bottom: 10px;  }  .blog-content .blog-title {   margin-bottom: 10px;  }  .blog-content .read-more {   display: block !important;  }  .blog-two-columns {   grid-template-columns: 1fr;  }  .category-wrapper {   padding-inline: 2rem;  }  .tags {   padding: 1rem;  }  .tags ul {   gap: 0.5rem;  }  .tags ul li {   font-size: 14px;  }  .discover {   grid-template-columns: 1fr;   margin-top: 0;  }  .post-inner {   padding-inline: 2rem;  }  .related-blogs,  .container-padding {   padding-inline: 2rem;  } } .blog-top {  overflow: scroll;  width: 100%;  min-width: 100%;  display: flex;  align-items: center;  justify-content: space-between; } .blog-top::-webkit-scrollbar {  display: none; } .blog-top-item {  min-width: fit-content;  color: #000;  margin-right: 10px; } .blog-subtitle {  width: fit-content;  min-width: fit-content;  white-space: nowrap;  padding: 20px 30px;  background: var(--primaryOpacity6);  color: #fff;  font-weight: bold;  position: relative; } .blog-subtitle::after {  content: "";  position: absolute;  right: -50px;  top: 50%;  transform: translate(0px, -50%);  width: 0;  height: 0;  border-top: 37px solid transparent;  border-left: 50px solid var(--primaryOpacity6);  border-bottom: 37px solid transparent;  z-index: -1; } .blog-header, .blog-header-formation, .blog-header-career, .blog-header-news {  height: 275px;  position: initial !important; } .blog-header-news {  background: url(https://www.droit-inc.com/img/blog-header-news.jpg) center/cover no-repeat !important; } .blog-header-career {  background: url(https://www.droit-inc.com/img/blog-header-career.jpg) center/cover no-repeat !important; } .blog-header-formation {  background: url(https://www.droit-inc.com/img/IMAGE_3.webp) center/cover no-repeat !important; } .blog-header-emp {  height: auto; } .blog-header-title {  padding: 40px;  text-align: center;  background: var(--primaryOpacity6);  color: #fff;  font-weight: bold; } .blog-search-keyword {  margin: 0 auto 15px !important; } .blog-search-keyword .input-group-text {  padding: 0; } .blog-search-keyword-input {  padding: 0; } .blog-search-partiel__img {  flex: 1; } .blog-search-partiel__text {  flex: 1;  margin-left: 4vw; } .blog-header, .blog-header-news, .blog-header-career, .blog-header-formation {  position: sticky;  background: #fff;  z-index: 5;  top: 60px;  margin-bottom: 20px; } .blog-nav {  display: flex;  align-items: center;  justify-content: space-between;  width: 250px;  padding: 0.8rem 0;  margin: auto; } .blog-nav__item {  color: grey; } .blog-nav__item i {  padding-left: 5px; } .blog-nav__item:hover {  color: darkgreen; } .blog-nav__item-selected {  border-bottom: solid grey 2px; } .blog-nav__item-selected:hover {  border-bottom: solid 2px darkgreen; } .blog__category-item {  margin: 0 5% 0 0;  white-space: nowrap;  color: #000; } .blog__category__container {  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1607843137);  border: 1px solid #ededed;  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1607843137);  border: 1px solid #ededed; } .blog__category__container__nav {  display: flex;  align-items: center;  max-width: 1200px;  margin: auto; } .blog__category__container__category {  display: flex;  align-items: center;  justify-content: space-between;  width: 75%;  overflow-x: scroll;  padding: 1% 0; } .blog__category__container__category::-webkit-scrollbar {  display: none; } .blog__category__container__category__div {  display: flex;  justify-content: flex-start; } .blog__category__container__category__div button {  border: 0;  background: var(--primary);  min-width: 40px;  height: 40px;  display: flex;  align-items: center;  justify-content: center;  padding: 0;  max-width: none;  margin-left: 10px;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137); } .blog__category__container__category__div button .bi {  color: #fff; } .blog__category__container-seach {  flex-basis: 20%;  margin: 0 0 0 5%;  min-width: fit-content; } .blog__category__container-seach input {  width: calc(100% - 20px);  background: #eee; } .blog__blog-display {  max-width: 1200px;  width: 90%;  margin: auto; } .blog__blog-display__loop__margin {  margin-top: 3rem;  width: 90%; } .blog__blog-display__space {  padding: 5% 0;  width: 90%;  max-width: 1200px;  margin: auto; } .blog__blog-display__special {  background: var(--tertiary);  padding: 5% 0;  display: none; } .blog__blog-display__special .container {  color: var(--tertiaryLight); } .blog__blog-display__loop-item__link {  margin-top: 0.5rem; } .blog__blog-display__item {  display: flex;  justify-content: space-between;  margin-top: 2rem;  min-height: 100%;  color: #000; } .blog__blog-display__item:hover {  color: #000; } .blog__blog-display__item__text-side {  position: relative;  flex: 1 2;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); } .blog__blog-display__item__text-side__container {  height: 100%;  padding: 5%;  display: flex;  justify-content: space-between;  flex-direction: column; } .blog__blog-display__item__text-side__container h3 {  margin: 4rem 0 1rem; } .blog__blog-display__item__text-side__container__last {  display: flex;  flex-wrap: wrap;  justify-content: space-between;  margin: 3% 0 0 0; } .blog__blog-display__item__text-side__container__last__bottom {  font-weight: bold; } .blog__blog-display__item__text-side__container__last-cat {  color: var(--primary);  font-weight: bold; } .blog__blog-display__item__img-side {  flex: 1 1; } .blog__blog-display__item__img-side-img {  width: 100%; } .blog-save {  min-height: calc(100vh - 40px); } .blog-save-nothing {  text-align: center;  font-weight: bold; } .blog-save-split-left {  width: 100%; } .blog-save-dflex {  display: flex;  justify-content: space-between;  width: 100%; } .blog-save__saved {  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  border-radius: 4px;  overflow: hidden;  margin-bottom: 2%; } .blog-save__saved__item {  display: flex;  max-height: 180px; } .blog-save__saved__item-img img {  width: 100%;  object-fit: cover; } .blog-save__saved__item__infos {  padding: 15px;  display: flex;  flex-direction: column;  justify-content: space-between;  width: 100%; } .blog-save__saved__item__infos__header {  display: flex;  align-items: flex-start;  justify-content: space-between; } .blog-save__saved__item__infos__header-deleate svg {  cursor: pointer; } .blog-save__saved__item__infos-cat {  color: var(--primary); } .blog-save__saved__item__infos__bottom {  display: flex;  align-items: flex-end;  justify-content: space-between;  width: 100%;  color: #9b99b2;  font-size: 0.8rem; } .blog-save__saved__item__infos__bottom-read {  color: rgba(0, 0, 0, 0.5); } .blog-save__saved__item__infos__bottom-saved {  color: rgba(0, 0, 0, 0.5); } .blog-save__saved__item__infos__bottom__share {  text-align: center; } .blog-detail {  padding-bottom: 20px;  padding-left: 15px;  padding-right: 15px; } .blog-detail-back {  display: flex;  justify-content: flex-start;  align-items: center;  margin-top: 2rem; } .blog-detail-back-icon {  margin-right: 1rem;  font-size: 2rem; } .blog-detail-back .bi {  color: var(--primary); } .blog-detail__header {  display: flex;  align-items: flex-start;  justify-content: space-between;  padding: 30px 0 0; } .blog-detail__header-save {  border-radius: 50%;  background: var(--tertiary);  color: var(--primary);  width: 50px;  height: 50px;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer; } .blog-detail__header__infos {  text-align: left;  width: 85%; } .blog-detail__header__infos-title {  color: #000; } .blog-detail__header__infos__item {  display: flex;  align-items: flex-start;  justify-content: space-between;  flex-wrap: wrap;  max-width: 1000px; } .blog-detail__header__infos__item-category {  color: var(--primary); } .blog-detail__header__infos__item-read {  color: #000; } .blog-detail__header__infos__item-view {  color: #000;  display: flex;  align-items: center; } .blog-detail__header__infos__item-view span {  margin: 0 5px 0 0;  display: flex;  align-items: center; } .blog-detail__body {  display: flex;  align-items: flex-start; } .blog-detail__body__articles {  margin: 0 auto; } .blog-detail__body__share {  margin-top: 2rem; } .blog-detail__body__share ul {  align-items: flex-start; } .blog-detail__body__share ul li {  margin-bottom: 20px; } .blog-detail__body__content {  margin: 0 1% 0 0; } .blog-detail__body__content-img {  text-align: center; } .blog-detail__body__content-img img {  width: 60%; } .blog-detail__body__content__share {  display: flex;  align-items: center;  justify-content: space-between;  padding: 20px 0; } .blog-detail__body__content__blur-description {  mask-image: linear-gradient(180deg, #000 60%, transparent); } .blog-detail__body__content__description {  margin: 0 0 0 0;  font-size: 1.05rem; } .blog-detail__body__content__description img {  max-width: 100%; } .blog-detail__body__content__description ul {  margin-left: 1rem; } .blog-detail__body__content__description h1, .blog-detail__body__content__description h2, .blog-detail__body__content__description h3, .blog-detail__body__content__description h4, .blog-detail__body__content__description h5 {  margin-top: 1rem; } .blog-detail__body__content__description p {  margin-bottom: 1rem; } .blog-detail__body__content__description__guest {  text-align: center;  padding: 1rem;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  border-radius: 10px;  background: lightgrey; } .blog-detail__body__content__description__guest-subtitle {  margin-bottom: 1rem; } .blog-detail__body__content__description__guest__avantage {  display: flex;  justify-content: space-between;  margin-bottom: 2rem; } .blog-detail__body__side-bar {  flex-basis: 24%;  margin: 0 0 0 1%; } .blog-detail__body__side-bar__popular {  text-align: center; } .blog-detail__body__side-bar__popular__item {  display: flex;  align-items: center;  margin: 0 0 1.5rem 0; } .blog-detail__body__side-bar__popular__item-nb {  font-size: 40px;  color: var(--secondary);  margin: 0 5% 0 0; } .blog-detail__body__side-bar__popular__item-title {  text-align: left;  color: #000;  margin-bottom: 0; } .blog-detail__body__side-bar__pub {  height: 500px;  border: solid 1px black;  background-image: url("https://storage.googleapis.com/website-production/uploads/2018/04/brand-advertising-walgreens.png");  background-size: cover;  background-repeat: no-repeat;  background-position: center; } .blog-detail__body__side-bar__feature {  margin: 10% 0 0 0; } .blog-detail__body__side-bar__feature-title {  text-align: center;  font-size: 30px;  font-weight: bold;  margin: 0 0 20px 0; } .blog-detail__body__side-bar__feature__item {  margin: 0 0 5% 0; } .blog-detail__body__side-bar__feature__item__header {  display: flex;  align-items: flex-start;  justify-content: space-between; } .blog-detail__body__side-bar__feature__item__header-title {  font-size: 22px;  font-weight: bold;  margin: 0 0 10px 0; } .blog-detail__body__side-bar__feature__item__header-save {  background: var(--tertiary);  color: var(--primary);  border-radius: 50%;  width: 30px;  height: 30px;  display: flex;  align-items: center;  justify-content: center; } .blog-detail__body__side-bar__feature__item-city {  color: var(--secondary);  align-self: flex-start; } .blog-detail__body__side-bar__feature__item__footer {  display: flex;  align-items: flex-end;  justify-content: space-between; } .blog-detail__body__side-bar__feature__item__footer-date {  color: var(--secondaryDark); } .blog-detail__body__side-bar__feature__item__footer-img {  width: 18%; } .blog-detail__body__side-bar__feature__item__footer-img img {  width: 100%;  max-height: 4rem; } .searchPaginationTop {  padding-top: 2rem; } .selectedCat {  color: var(--primary); } .autor_img {  flex-basis: 20%; } .autor_img img {  width: 80%; } .autor_text {  flex-basis: 80%; } @media only screen and (max-width: 992px) {  .blog-subtitle {   font-size: 15px;  }  .blog-subtitle::after {   border-top: 29px solid transparent;   border-bottom: 29px solid transparent;  }  .blog-text-side1 {   order: 1;  }  .blog-img-side1 {   order: 2;  }  .blog-text-side2 {   order: 3;  }  .blog-img-side2 {   order: 4;  }  .blog-text-side3 {   order: 5;  }  .blog-img-side3 {   order: 6;  }  .blog__blog-display {   display: flex;   flex-direction: column;  }  .blog__blog-display__loop-item__link {   width: 100%;  }  .blog__blog-display__loop-item__link:nth-child(2) {   margin: 0;  }  .blog__blog-display__loop-item__link:nth-child(5) {   margin: 0;  }  .blog__blog-display__item {   flex-wrap: wrap;  }  .blog__blog-display__item__img-side {   flex-basis: 100%;   height: 30vw;   min-height: 200px;  }  .blog__blog-display__item__text-side {   flex-basis: 100%;  }  .blog-save-split-left {   width: 100%;  }  .blog-save-split-right {   display: none;  }  .blog-save__saved__item {   flex-direction: column;  }  .blog-save__saved__item-img img {   max-height: 300px;  }  .blog-detail__body__share {   display: none;  }  .blog-detail__body__content {   margin: auto;   flex-basis: 100%;  }  .blog-detail__body__content-img img {   width: 100%;  }  .blog-detail__body__content__share__items {   display: block;  }  .blog-detail__body__side-bar {   display: none;  } } .blog-search {  min-height: calc(100vh - 340px);  padding-bottom: 0rem;  margin-top: 0rem; } .blog-search-count {  margin-bottom: 1rem; } .blog-search-icon {  cursor: pointer; } .blog-search-partiel {  display: flex;  justify-content: space-between; } .blog-search-partiel__img {  flex-basis: 25%;  max-width: 250px;  width: 250px; } .blog-search-partiel__img img {  width: 100%;  object-fit: cover;  max-height: 8.7rem; } .blog-search-partiel__text {  flex-basis: 73%;  padding: 5px; } .blog-search-partiel__text-categorie {  color: var(--primary); } .blog-search-partiel__text-title {  font-size: 1.2rem;  margin: 0 0 0.5rem 0;  color: #000; } .blog-search-partiel__text__info {  display: flex;  justify-content: flex-start;  font-size: 0.8rem;  color: var(--secondaryDark); } .myPaginationBottom {  margin-bottom: 3rem; } @media only screen and (max-width: 768px) {  .blog-top {   box-shadow: none;  }  .blog__category__container__category {   width: 100%;  }  .blog__category__container-seach {   display: none;  }  .blog__blog-display__loop-item__link {   flex-basis: 48%;  }  .blog__blog-display__loop-item__link:nth-child(2),  .blog__blog-display__loop-item__link:nth-child(5) {   margin-top: 0.5rem;  }  .blog__blog-display__loop-item__link:nth-child(2),  .blog__blog-display__loop-item__link:nth-child(5) {   margin-top: 0.5rem;  } } @media only screen and (max-width: 576px) {  .blog-search-partiel__text-excerpt {   display: none;  }  .blog-search-partiel__text-title {   font-size: 0.8rem;  }  .blog-search-partiel__img img {   height: 100%;  }  .blog__infos-title {   font-size: 1rem;   margin-bottom: 0;  }  .blog__infos-date {   font-size: 0.9rem;  }  .blog-search {   max-width: 100%;  }  .blog__blog-display__loop-item__link {   flex-basis: 100%;  }  .blog-detail__body__content__share {   flex-direction: column;   justify-content: start;  }  .blog-detail__body__content__share__items {   width: 100%;   display: none;   align-items: center;   justify-content: space-between;  }  .blog-detail__body__content__share-name {   width: 100%;  }  .blog-detail__body__content__share-date {   width: 100%;  }  .blog-detail__header__infos__item {   flex-direction: column;  }  .blog-detail__header__infos__item-read {   margin: 0;  }  .blog-save__saved__item__infos__bottom {   flex-direction: column;   align-items: start;  }  .blog-search-partiel__text__info {   flex-basis: 100%;  }  .blog-search-count {   font-size: 0.9rem;  } } .fa-pulse {  display: inline-block;  -moz-animation: pulse 2s infinite linear;  -o-animation: pulse 2s infinite linear;  -webkit-animation: pulse 2s infinite linear;  animation: pulse 2s infinite linear; } @-webkit-keyframes pulse {  0% {   opacity: 1;  }  50% {   opacity: 0.1;  }  100% {   opacity: 1;  } } @-moz-keyframes pulse {  0% {   opacity: 1;  }  50% {   opacity: 0.1;  }  100% {   opacity: 1;  } } @-o-keyframes pulse {  0% {   opacity: 1;  }  50% {   opacity: 0.1;  }  100% {   opacity: 1;  } } @-ms-keyframes pulse {  0% {   opacity: 1;  }  50% {   opacity: 0.1;  }  100% {   opacity: 1;  } } @keyframes pulse {  0% {   opacity: 1;  }  50% {   opacity: 0.1;  }  100% {   opacity: 1;  } } .job {  } .job-sub-menu-div {  display: flex;  align-items: center;  justify-content: space-between; } .job-sub-menu-div-item {  border-bottom: solid 2px #fff; } .job-sub-menu-div-item:hover {  color: var(--primary);  border-bottom: solid 2px var(--primary); } .job-saved {  min-height: 100vh; } .job .filter-icon {  display: none;  font-size: 2rem;  color: var(--secondaryDark);  position: fixed;  top: 175px;  right: 5vw;  z-index: 1; } .job .filter-icon::before {  background: #fff;  border-radius: 50%; } .job-nothing {  text-align: center;  font-weight: bold; } .job-nav {  color: var(--primary);  display: flex;  justify-content: center;  align-items: center;  margin-top: 15px;  margin-bottom: 0;  padding: 5px 0 5px; } .job-nav-item {  display: flex;  align-items: center;  color: #000 !important; } .job-nav-item span {  margin-left: 8px;  font-weight: bold; } .job-nav-item .heart-fill {  background: none; } .job-nav-item-selected {  color: var(--primary) !important;  text-decoration: underline;  text-decoration-thickness: 2px; } .job-nav-item:nth-child(2) {  margin: 0 5%; } .job-nav-item:nth-child(2) .heart, .job-nav-item:nth-child(2) .heart-fill {  margin: 0 0 0 5px; } .job-nav-item:nth-child(3) {  margin-right: 5%; } .job-search {  background: var(--secondaryLight);  padding: 2% 0; } .job-search__form {  display: flex;  align-items: center;  justify-content: space-between; } .job-search__form__input-group {  flex-basis: 38%;  display: flex;  align-items: center;  background: #fff;  border-radius: 10px;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  padding: 10px 20px;  margin-bottom: 1rem; } .job-search__form__input-group:nth-child(2) {  margin: 0 3%; } .job-search__form__input-group-input {  border-bottom: none;  padding-bottom: 0;  width: 100%; } .job-search__form-btn {  width: 100%;  margin: 1rem 0; } .job__advance {  padding: 20px 0;  background: #fff;  border: solid 1px var(--secondaryLight);  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137); } .job__advance__div__distance {  margin-bottom: 0.2rem; } .job__advance__container {  display: flex;  align-items: flex-end;  justify-content: space-between; } .job__advance__item {  display: flex;  justify-content: space-between; } .job__advance__item-drop {  flex-direction: column;  min-width: 174px; } .job__advance__item-drop__cont {  justify-content: space-between; } .job__advance__item-drop p {  margin: 1rem 0 0.2rem; } .job__advance__item-drop select {  background: var(--secondary);  color: #fff;  padding: 0;  border-radius: 4px;  border-radius: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  border: 10px solid var(--secondary); } .job__advance__item-label {  border: solid 1px #fbfbfb;  padding: 2px;  cursor: pointer;  background: #fff;  width: 20%;  text-align: center;  font-size: 1rem; } .job__advance__item__reset {  color: var(--primary);  width: fit-content; } .job__advance__item__reset:hover {  color: var(--primaryDark); } .job__advance__item-radio input {  display: none; } .job__content {  background: #fbfbfb;  padding: 2rem 0;  min-height: calc(100vh - 164px); } .job__content__search {  margin-bottom: 20px; } .job__content__container {  display: flex;  align-items: flex-start;  justify-content: space-between;  position: relative;  max-width: 100%;  overflow: hidden; } .job__content__filter {  min-width: 30%;  max-width: 30%;  flex-basis: 30%;  transition: 0.3s ease; } .job__content__filter::-webkit-scrollbar {  display: none; } .job__content__filter__form {  position: fixed; } .job__content__filter__form form {  height: 55vh;  overflow-x: hidden;  overflow-y: scroll;  min-width: 28vw;  max-width: 28vw;  margin-left: 2vw;  margin-top: -10px;  padding-bottom: 35px; } .job__content__filter__form form::-webkit-scrollbar {  display: none; } .job__content__filter__form .bi-x {  display: none; } .job__content__publicity {  flex-basis: 25%; } .job__content__jobs {  margin: 0px 2rem;  flex-basis: 70%;  overflow: inherit; } .job__content__jobs__item {  background: #fff;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  border-radius: 13px;  padding: 20px 20px 5px;  margin: 1rem 0 0 0; } .job__content__jobs__item__icon {  cursor: pointer; } .job__content__jobs__item__share {  max-width: fit-content; } .job__content__jobs__item__top {  display: flex;  align-items: start;  justify-content: space-between; } .job__content__jobs__item__top__description {  flex-basis: 83%; } .job__content__jobs__item__top__link {  display: flex;  max-width: fit-content; } .job__content__jobs__item__top__link svg {  font-size: 0.8rem;  margin: 0 5px 0.5rem 0; } .job__content__jobs__item__top img {  width: 15%;  max-width: 80px; } .job__content__jobs__item__title {  color: #000; } .job__content__jobs__item__title::first-letter {  text-transform: uppercase; } .job__content__jobs__item__infos {  display: flex;  align-items: center;  flex-wrap: wrap;  margin-top: 0.5rem; } .job__content__jobs__item__infos__city {  margin: 0 5% 0 0; } .job__content__jobs__item__bottom {  display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  margin-top: 0.5rem; } .job__content__jobs__item__bottom__feature {  border-radius: 20px;  padding: 2px 1rem;  border: solid 1px var(--primary);  background: var(--primary);  color: #fff;  max-width: fit-content;  margin-bottom: 1rem; } .job__content__jobs__item__bottom__date {  width: 200px; } .job__content__jobs__item__bottom__date::first-letter {  text-transform: uppercase; } .job__content__jobs__item__bottom__expired {  margin-top: 1rem;  color: var(--primary); } .job__content__jobs__item__bottom__heart {  background: var(--primaryLight);  color: var(--primary);  width: 35px;  height: 35px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%; } .job__content__jobs__item__description {  max-height: 0px;  overflow: hidden;  transition: 0.2s ease-in-out; } .job__content__jobs__item__description p {  margin-bottom: 0.75rem; } .job__content__jobs__item__description ul {  list-style: disc; } .job__content__jobs__item__description button {  max-width: 200px;  margin: auto;  display: block; } .job__content__jobs__alert {  background: #000;  display: flex;  align-items: center;  justify-content: center;  position: fixed;  width: calc(30vw + 1.7rem);  bottom: 40px;  margin: 0 0 0 -2vw;  padding: 5px 0px; } .job__content__jobs__alert-icon {  font-size: 1.2rem; } .job__content__jobs__alert-icon::before {  color: #fff; } .job__content__jobs__alert-text {  color: #fff;  margin: 5px 5% 0;  font-size: 0.8rem; } .job__content__jobs__alert__switch {  margin-top: 5px; } .job__content__detail {  flex-basis: calc(65% - 0.5rem);  position: sticky;  top: 70px; } .job__content__detail__container {  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  height: calc(100vh - 85px);  overflow-y: scroll;  border-radius: 13px;  background: #fff;  margin-top: 1rem; } .job__content__detail__container::-webkit-scrollbar {  display: none; } .job__content__detail__container__sticky {  padding: 30px 40px 0px 40px; } .job__content__detail__container__sticky__container {  position: sticky;  top: 0px;  background-color: white; } .job__content__detail__container__div {  display: flex;  justify-content: space-between;  align-items: flex-start; } .job__content__detail__container__div-title {  font-size: 24px;  font-weight: bold;  margin: 0 0 10px 0;  flex-basis: 100%; } .job__content__detail__container__div-title::first-letter {  text-transform: uppercase; } .job__content__detail__container__div-date {  font-size: 0.8rem; } .job__content__detail__container__cie {  color: #5e6674; } .job__content__detail__container__cie__link {  text-decoration-color: #5e6674 !important; } .job__content__detail__container__city {  color: var(--secondary); } .job__content__detail__container__bottom {  display: flex;  justify-content: space-between;  align-items: center;  margin-top: 10px; } .job__content__detail__container__bottom__btn {  flex-basis: 30%; } .job__content__detail__container__bottom__logo {  display: flex;  justify-content: flex-end;  align-items: center; } .job__content__detail__container__bottom__logo__div {  margin-left: 5%;  flex-basis: 150px; } .job__content__detail__container__bottom__logo__div-img {  max-width: 100px; } .job__content__detail__container__icon {  padding-left: 40px; } .job__content__detail__container__icon i {  font-size: 1.8rem; } .job__content__detail__container__icon i:nth-child(2), .job__content__detail__container__icon i:nth-child(3), .job__content__detail__container__icon i:nth-child(4) {  margin: 0 1%; } .job__content__detail__container__icon i:nth-child(1) {  margin-right: 1%; } .job__content__detail__container__icon i:nth-child(5) {  margin-left: 1%; } .job__content__detail__container__context {  margin: 0 0 0 0;  padding: 30px 40px; } .job__content__detail__container__context ul, .job__content__detail__container__context ol, .job__content__detail__container__context dl {  padding-left: 2em; } .job__content__detail__container__context p {  margin-bottom: 0.75rem; } .job-alert {  background: #fbfbfb;  padding: 2rem 0;  min-height: calc(100vh - 162px); } .job-alert__bloc {  border-radius: 5px;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  margin-bottom: 2rem;  padding: 15px;  background: #fff; } .job-alert__container {  display: flex;  align-items: center;  justify-content: space-between; } .job-alert__container__left {  flex-basis: 25%; } .job-alert__container__left__jobType {  flex-basis: 22%; } .job-alert__container__center {  text-align: center;  align-items: center;  align-self: center;  flex-basis: 22%; } .job-alert__container__right__input input {  display: none; } .job-alert__container__right__input-label {  background: 0% 0% no-repeat padding-box;  border: 1px solid var(--primary);  color: var(--primary);  padding: 0 1rem;  cursor: pointer; } .job-alert__container__right__input .first {  margin-right: -4px;  border-right: none; } .job-alert__container__right__input .selected {  background: var(--primaryLight); } .job-alert__container__remove {  align-self: center;  text-align: center;  flex-basis: 2%;  font-family: bootstrap-icons; } .job-alert__container__remove:before {  content: "\f5de";  cursor: pointer; } .job-apply {  background: #fbfbfb;  padding: 30px 0;  min-height: calc(100vh - 162px); } .job-apply .container {  max-width: 1200px; } .job-apply__item {  border-radius: 15px;  padding: 20px;  background: #fff;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  position: relative;  cursor: pointer;  margin: 0 5% 2rem; } .job-apply__item-img {  position: absolute;  top: 20px;  right: 20px;  max-width: 80px;  max-height: 80px; } .job-apply__item__header {  display: flex;  align-items: center;  justify-content: space-between; } .job-apply__item__header-title {  width: calc(100% - 85px); } .job-apply__item__header i {  cursor: pointer; } .job-apply__item__view {  color: var(--primary);  margin: 0 0 0.75rem 0; } .job-apply__item__view .bi::before {  color: var(--primary); } .job-apply__item__footer {  display: flex;  align-items: center;  justify-content: space-between; } .job-apply__item__footer-date {  text-transform: capitalize; } .job-apply__item__footer-btn {  background: var(--tertiary);  border-color: var(--tertiary);  color: #fff;  padding: 5px 10px;  width: 140px; } .job-apply__item__footer-btn:hover {  background: var(--tertiaryDark);  border-color: var(--tertiaryDark); } .job-apply__item__content {  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out; } .job-detail {  display: flex;  justify-content: space-between;  padding: 30px 0; } .job-detail .job__content__detail__container {  overflow-y: visible;  height: auto; } .job-detail__left {  flex-basis: calc(60% - 0.5rem);  border-radius: 30px;  overflow: hidden; } .job-detail__right {  flex-basis: calc(30% - 0.5rem); } .job .dropdown {  position: relative;  font-size: 14px;  color: #333;  min-width: 25%;  font-weight: bold; } .job .dropdown .dropdown-list {  z-index: 5;  position: absolute;  top: 41px;  left: 2px;  right: 2px;  transform-origin: 50% 0;  transform: scale(1, 0);  -ms-overflow-style: none;  scrollbar-width: none;  overflow-x: hidden; } .job .dropdown .dropdown-list::-webkit-scrollbar {  width: 0;  background: transparent; } .job .dropdown .dropdown-option {  display: block;  padding: 8px 12px;  opacity: 0;  display: flex;  align-items: center; } .job .dropdown .dropdown-option input {  margin-right: 5px; } .job .dropdown .dropdown-label {  display: block;  border: 1px solid #ccc;  padding: 12px;  line-height: 1;  cursor: pointer;  background: var(--secondary);  color: #fff;  border-radius: 4px; } .job .dropdown .dropdown-label:before {  content: "\e90c";  font-size: 8px;  margin-top: 4px;  font-family: "icomoon";  float: right; } .job .dropdown.on .dropdown-list {  transform: scale(1, 1);  transition-delay: 0s;  background: none;  box-shadow: none;  position: static;  max-height: none; } .job .dropdown.on .dropdown-list .dropdown-option {  opacity: 1; } .job .dropdown.on .dropdown-label:before {  rotate: 180deg; } .job .dropdown [type=checkbox] {  position: relative;  top: -1px;  margin-right: 4px; } .job .switch {  position: relative;  display: inline-block;  width: 50px;  height: 20px; } .job .switch input {  opacity: 0;  width: 0;  height: 0; } .job .slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: var(--secondaryLight);  -webkit-transition: 0.4s;  transition: 0.4s; } .job .slider:before {  position: absolute;  content: "";  height: 27px;  width: 27px;  left: -2px;  bottom: -3px;  background-color: white;  transition: 0.4s; } .job input:checked + .slider {  background-color: var(--secondary); } .job input:focus + .slider {  box-shadow: 0 0 1px #2196f3; } .job input:checked + .slider:before {  transform: translateX(15px); } .job .slider.round {  border-radius: 34px; } .job .slider.round:before {  border-radius: 50%; } .currentPage {  color: #fff;  background: #000;  padding-left: 0.5rem;  padding-right: 0.5rem; } .testChevron {  font-size: 0.8rem;  font-weight: 900; } .myPaginationBottom {  margin-top: 2rem;  margin-bottom: 4rem; } .myPaginationTop {  margin-bottom: 1rem; } @media only screen and (max-width: 1200px) {  .job__content__publicity {   display: none;  } } #application-login {  margin: 0 0 1rem; } .application {  display: flex;  justify-content: space-between;  flex-wrap: wrap; } .application__left {  flex-basis: 48%; } .application__left-title {  text-align: center;  margin-top: 3rem; } .application__form__login {  width: 60%;  margin: 0 auto; } .application__form__login .linkedin-btn {  background: #0072b1;  border-color: #0072b1; } .application__form__login .linkedin-btn:hover {  background: #04669a;  border-color: #04669a; } .application__form__login #w0 .form-group:last-child button {  background: #ff3e30;  border-color: #ff3e30; } .application__form__login #w0 .form-group:last-child button:hover {  background: #c20806;  border-color: #c20806; } .application__form__login__email input {  box-shadow: none !important;  border: none !important;  border-bottom: solid 1px !important;  padding: 0 0 5px 10px !important;  background: none !important;  font-weight: lighter !important;  color: #000 !important; } .application__form__login__input__button {  margin-top: 2rem; } .application__form-title {  text-align: center; } .application__form__signin {  width: 60%;  margin: 3rem auto 0 auto; } .application__form__signin__btn {  margin-top: 2rem;  margin-bottom: 2rem; } .application__form__signin__goto {  margin-top: 1rem; } .application__form__signin__goto i {  font-size: 2rem; } .cv__left .steps, .message__left .steps {  display: flex;  align-items: center;  justify-content: space-between;  width: 150px;  height: 1px;  background: var(--secondary);  margin: 0 auto 30px; } .cv__left .steps .step, .message__left .steps .step {  display: flex;  align-items: center;  justify-content: center;  background: var(--secondary);  color: #fff;  font-weight: bold;  border-radius: 50%;  width: 30px;  height: 30px; } .cv__left .steps .step.active, .message__left .steps .step.active {  background: var(--primary);  color: #fff; } .cv {  display: flex;  justify-content: space-between;  flex-wrap: wrap; } .cv__left {  flex-basis: 45%;  margin-top: 2.6rem; } .cv__left__title {  text-align: center;  margin-left: 5%; } .cv__left .krajee-default.file-preview-frame {  margin: 0px;  padding: 0px; } .cv__left__form {  width: 60%;  margin: 0 auto; } .cv__left__form__upload {  display: flex;  justify-content: space-between;  flex-direction: column; } .cv__left__form__upload .fileinput-remove {  display: none; } .cv__left__form__btn {  margin-top: 1rem;  display: flex;  justify-content: space-between; } .cv__left__form__btn-next {  width: 48%; } .cv__left__form__btn-cancel {  width: 48%; } .cv__left__form__btn-cancel form {  padding: 0; } .cv__left__form .help-block {  color: var(--primary); } .message {  display: flex;  justify-content: space-between;  flex-wrap: wrap;  margin-top: 3rem; } .message__left {  flex-basis: 45%;  width: 60%;  margin: 0 auto; } .message__left__form {  width: 60%;  margin: 0 auto; } .message__left-title {  text-align: center;  margin-top: 3rem; } .message__left__letter {  margin-top: 2rem; } .message__left__noletter {  margin-top: 2rem;  margin-bottom: 2rem; } .message__left__cancel {  margin-top: 2rem; } .message__left__accordion {  margin-bottom: 2rem; } .message__left__btn__collapsed {  width: 100%; } .message__left__accordion__textArea {  width: 100%; } .success {  margin: 3rem auto 0 auto;  text-align: center; } .success-title {  font-size: 1.75rem; } .success-link {  font-size: 1.75rem; } .displayNone {  display: none; } .myPagination a {  color: #000; } .postuler__job__detail {  flex-basis: 48%;  max-width: 100%; } .postuler__job__detail .rightHeart, .postuler__job__detail .employer-add-form {  display: none; } .myPagination__container {  width: 33%;  margin: 0 auto; } .myPagination {  display: flex;  justify-content: center; } .myPagination a {  color: #000;  margin-right: 0.5rem;  margin-left: 0.5rem;  display: flex;  align-items: flex-end; } @media only screen and (max-width: 992px) {  .job .filter-icon {   display: block;  }  .job-saved h1 {   font-size: 24px;  }  .job__content__filter {   min-width: 0%;   max-width: 0%;   overflow: hidden;  }  .job__content__filter__form {   width: 100%;   transition: 0.3s ease;   overflow: hidden;   position: fixed;   z-index: 4;   background: #fff;   margin: -77px auto 0;   padding: 10vw 0 5vw;   height: calc(100vh - 60px);   display: none;  }  .job__content__filter__form .bi-x {   display: block;   position: absolute;   top: 10px;   right: 10px;   font-size: 1.5rem;  }  .job__content__filter__form form {   width: 90%;   margin: auto;   max-width: 90%;   height: calc(100vh - 60px - 50px);  }  .job__content__jobs {   margin: 0px auto;   max-width: 90%;   flex-basis: 100%;  }  .job__content__jobs__alert {   width: 100vw;   margin: 0;   bottom: 0;   left: 0;   height: fit-content;   position: fixed;  }  .job-detail {   flex-wrap: wrap;  }  .job-detail__left {   flex-basis: 100%;   box-shadow: none;   border-radius: none;   overflow: visible;  }  .job-detail__right {   flex-basis: 100%;  }  .job-detail .job__content__detail__container {   padding: 0;  }  .job-alert__container {   flex-direction: column;   position: relative;  }  .job-alert__container__left {   width: 0%;   margin: 0 auto 0 0;  }  .job-alert__container__right {   width: 100%;   margin: 0 auto 0 0;  }  .job-alert__container__right__input-label {   padding: 0 0.8rem;  }  .job-alert__container__center {   width: 90%;   margin: 0 auto 0 0;   text-align: left;  }  .job-alert__container__remove {   position: absolute;   top: 15px;   right: 20px;  }  .application__form__login {   width: 100%;  }  .application__form__signin {   width: 100%;  }  .postuler__job__detail .job__content__detail__container {   padding: 0 20px 10px 20px;  }  .cv__left__form {   width: 100%;  }  .message__left__form {   width: 100%;  }  .myPagination__container {   width: 60%;   margin: 0 auto;  } } .select_item {  color: var(--primary);  background: var(--primaryLight); } .displayNone {  display: none; } @media only screen and (max-width: 576px) {  .job-nav {   justify-content: space-between;   width: 100%;   overflow-x: scroll;  }  .job-nav::-webkit-scrollbar {   display: none;  }  .job-nav-item {   min-width: fit-content;  }  .job-nav-item:first-child {   margin-left: 10px;  }  .job-nav-item:last-child {   margin-right: 10px;  }  .application__left {   flex-basis: 100%;  }  .postuler__job__detail {   flex-basis: 100%;   margin-top: 3rem;   margin-bottom: 3rem;  }  .cv__left {   flex-basis: 100%;  }  .message__left {   flex-basis: 100%;  }  .myPagination__container {   width: 100%;   margin-top: 2.5rem;   flex-wrap: nowrap;  }  .myPagination {   justify-content: center;  } } .job-detail .job__content__detail__container {  box-shadow: none; } @media only screen and (max-width: 400px) {  .myPagination a {   margin-right: 0.4rem;   margin-left: 0.4rem;  } } .job_index {  position: relative; } .job_index form input {  display: inline-block;  padding: 0; } .job_index form label {  display: inline;  font-size: 1rem; } .job_index_remove-dropdowns {  height: 100vh;  width: 100vw;  position: fixed;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  display: none;  z-index: 5; } .job_index_filter-icon {  font-size: 2rem;  position: sticky;  top: 200px;  z-index: 1;  display: flex;  margin: 0 0 0 auto;  background: #fff;  border-radius: 50%;  width: fit-content;  cursor: pointer; } .job_index_search {  display: none;  position: sticky;  width: 102%;  z-index: 1;  height: calc(100vh - 105px);  top: 105px;  background: #fafafa;  overflow: scroll;  padding: 5px 5px 95px;  margin: 0 0 0 -1%; } .job_index_search::-webkit-scrollbar {  display: none; } .job_index_search-close {  cursor: pointer;  font-size: 1.5rem;  margin: 0 0 0 auto;  width: fit-content;  display: block; } .job_index_search-main_container {  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  padding: 10px 15px;  border-radius: 25px;  background: white;  margin: 10px 0; } .job_index_search-main_container label {  font-weight: bold;  margin: 0 5px 0 0;  width: 35px; } .job_index_search-main_container input {  border: none;  width: calc(100% - 35px - 5px - 10px); } .job_index_search-main_container input:focus-visible {  outline: none; } .job_index_search-main button {  width: 100%; } .job_index_search-filter {  margin: 10px 0; } .job_index_search-filter-item {  position: relative;  margin: 5px 0 15px; } .job_index_search-filter-item h6 {  font-weight: bold;  position: relative;  z-index: 5;  cursor: pointer;  display: none; } .job_index_search-filter-item h6::before {  content: "\e90c";  font-size: 8px;  font-family: "icomoon";  position: absolute;  top: 50%;  right: 0px;  transform: translate(-80%, -50%);  margin: 3px 0 0; } .job_index_search-filter-item-list {  width: 100%;  margin: 0 0 0 15px; } .job_index_search-filter-item-list label {  display: inline; } .job_index_search-filter-item-list-distance {  width: 100%;  margin: 0;  display: flex;  justify-content: space-between; } .job_index_search-filter-item-list-distance label {  width: 19.9%;  text-align: center;  border: 1px solid #535a6b; } .job_index_search-filter-item-list-distance label.distance_selected {  color: var(--primary);  background: var(--primaryLight); } .job_index_search-filter-item-list input {  margin: 0 5px 0 0; } .job_index_search-filter-item-list-input {  display: none; } .job_index_search-filter-item-list-br {  display: none; } .job_index_search-filter-item-list-show {  height: auto !important;  padding: 5px 10px 0;  z-index: 10; } .job_index_search-filter-item-distance::before {  content: "" !important; } .job_index-infos {  display: flex;  align-items: center;  justify-content: space-between;  margin: 20px 0 0 0; } .job_index-infos_alert_toggle {  margin: 0 0 0 0px;  padding: 0 50px 0 0px;  position: relative;  cursor: pointer; } .job_index-infos_alert_toggle::before {  content: "";  width: 40px;  height: 25px;  border-radius: 25px;  background: #535a6b;  position: absolute;  left: 82%;  top: 50%;  transform: translate(-30%, -50%);  transition: 0.3s ease; } .job_index-infos_alert_toggle::after {  content: "";  width: 20px;  height: 20px;  border-radius: 50%;  background: white;  position: absolute;  left: 82%;  top: 50%;  transform: translate(-50%, -50%);  transition: 0.3s ease; } .job_index-infos_alert input:checked + .job_index-infos_alert_toggle::after {  transform: translate(30%, -50%); } .job_index-infos_alert input:checked + .job_index-infos_alert_toggle::before {  background: rgb(28, 206, 28); } .job_index-content_list_item {  background: white;  border-radius: 13px;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  padding: 15px;  margin: 0 0 20px;  cursor: pointer; } .job_index-content_list_item-feature {  border-radius: 20px;  padding: 2px 1rem;  border: solid 1px var(--primary);  background: var(--primary);  color: #fff;  max-width: fit-content;  margin-bottom: 1rem; } .job_index-content_list_item-title {  width: fit-content; } .job_index-content_list_item-logo {  float: right;  margin: 0 0 10px 10px;  max-width: 80px;  max-height: 50px; } .job_index-content_list_item-company {  width: fit-content; } .job_index-content_list_item_infos {  display: flex;  align-items: center;  flex-wrap: wrap; } .job_index-content_list_item_infos-city {  margin: 0 25px 0 0; } .job_index-content_list_item_footer {  display: flex;  align-items: center;  justify-content: space-between; } .job_index-content_list_item_description {  height: 0;  overflow: hidden; } .job_index-content_list_item_description button {  margin: 15px auto; } .job_index-content_description {  display: none; } .job_index .pagination {  width: 100%; } @media (min-width: 992px) {  .job_index_filter-icon {   display: none;  }  .job_index_search {   display: block;   height: auto;   position: static;   overflow: visible;   padding: 0 0 20px;   width: 100%;   margin: 0;  }  .job_index_search-close {   display: none;  }  .job_index_search-main {   display: flex;   justify-content: space-between;   margin: 20px 0;  }  .job_index_search-main_container {   margin: 0;  }  .job_index_search-main_container input {   min-width: 260px;  }  .job_index_search-main button {   width: fit-content;  }  .job_index_search-filter {   display: flex;   align-items: center;   justify-content: space-between;  }  .job_index_search-filter-item {   margin: 0;  }  .job_index_search-filter-item h6 {   background: white;   border: 2px solid #535a6b;   border-radius: 25px;   margin: 0;   padding: 5px 35px 5px 15px;   display: block;  }  .job_index_search-filter-item-list {   position: absolute;   overflow: hidden;   height: 0px;   background: white;   transition: height 0.3s ease;   margin: 0;  }  .job_index_search-filter-item-list-distance {   display: block;  }  .job_index_search-filter-item-list-distance label {   width: auto;   text-align: left;   border: none;  }  .job_index_search-filter-item-list-distance label.distance_selected {   color: black;   background: none;  }  .job_index_search-filter-item-list-input {   display: inline-block;  }  .job_index_search-filter-item-list-br {   display: block;  }  .job_index_search-filter-item-distance::before {   content: "\e90c" !important;  }  .job_index_search-filter-item-distance_mobile {   display: none;  }  .job_index-content {   display: flex;   justify-content: space-between;  }  .job_index-content_list {   width: 49%;   min-height: 50px;  }  .job_index-content_description {   display: block;   width: 49%;   min-height: 50px;   position: sticky;   top: 115px;   border-radius: 13px;   padding: 0 0px 20px;   background: white;   margin: 0 0 20px;   box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);   height: calc(100vh - 130px);   overflow-y: scroll;  }  .job_index-content_description::-webkit-scrollbar {   display: none;  }  .job_index-content_description_header {   border-bottom: 1px solid rgba(0, 0, 0, 0.1);   padding: 20px 30px 1rem;   margin: 0 0 1rem;   background: white;   position: sticky;   top: 0;  }  .job_index-content_description_header-logo {   float: right;   margin: 0 0 10px 10px;   max-width: 80px;   max-height: 50px;   cursor: pointer;  }  .job_index-content_description_header-title {   color: black;   width: fit-content;   font-size: 24px;   font-weight: bold;   display: block;   margin: 0 0 10px;   min-height: 36px;  }  .job_index-content_description_header-title:hover {   color: black;  }  .job_index-content_description_header-company {   color: var(--primary);   min-height: 19px;  }  .job_index-content_description_header-company:hover {   color: var(--primary);   text-decoration: underline;  }  .job_index-content_description_header-city {   min-height: 24px;  }  .job_index-content_description_header-type {   min-height: 24px;  }  .job_index-content_description_header-published {   min-height: 24px;  }  .job_index-content_description_header_action {   display: flex;   align-items: center;   justify-content: space-between;   margin: 10px 0 0;  }  .job_index-content_description_content {   padding: 0 30px;  }  .job_index-content_description_content-description p {   margin-bottom: 0.75rem;  }  .job_index-content_description_content-description ul,  .job_index-content_description_content-description ol,  .job_index-content_description_content-description dl {   padding-left: 2em;  }  .job_index .pagination {   width: 50%;  } } @media (min-width: 1200px) {  .job_index_search-main_container input {   min-width: 350px;  } } .reset-password, .verification {  background: #fff;  min-height: calc(100vh - 40px); } .reset-password h1, .verification h1 {  text-align: center;  margin-top: 1.5rem;  font-weight: bold; } .reset-password h1, .reset-password h2, .reset-password p, .reset-password label, .verification h1, .verification h2, .verification p, .verification label {  color: #000; } .reset-password .form-control, .verification .form-control {  background: #fff; } .reset-password-advantage, .verification-advantage {  display: flex;  align-items: center;  justify-content: center;  flex-direction: column;  padding: 0 15px;  text-align: center; } .reset-password-subtitle, .verification-subtitle {  text-align: center; } .reset-password-form, .verification-form {  margin-top: 2rem; } .site-signup {  min-height: calc(100vh - 40px); } .site-signup .sign-up-wrapper {  padding: 36px 48px 40px 48px;  max-width: 512px;  margin: 6rem auto;  background-color: #fff;  border: 1px solid #D6D6D6;  border-radius: 50px; } .site-signup .sign-up-wrapper .cancel-form {  display: none; } .site-signup .sign-up-wrapper h1 {  font-size: 2rem;  line-height: 2.5rem;  text-align: center;  margin: 0 0 14px;  font-weight: bold;  color: #5E6674; } .site-signup .sign-up-wrapper .logo-wrapper {  margin: 1rem 0; } .site-signup .sign-up-wrapper .logo-wrapper, .site-signup .sign-up-wrapper .text-wrapper, .site-signup .sign-up-wrapper .auth-wrapper {  text-align: center; } .site-signup .sign-up-wrapper .text-wrapper p {  font-size: 1rem;  line-height: 1rem;  color: #000000; } .site-signup .sign-up-wrapper .text-wrapper p a {  font-size: inherit;  text-decoration: underline;  color: #F00000; } .site-signup .sign-up-wrapper .text-wrapper .-fs13 {  font-size: 13px; } .site-signup .sign-up-wrapper .text-wrapper .-lh16 {  line-height: 1rem; } .site-signup .sign-up-wrapper .enter-text {  font-size: 1rem;  line-height: 20px; } .site-signup .sign-up-wrapper .auth-wrapper {  margin: 3rem 0 1.5rem 0; } .site-signup .sign-up-wrapper .auth-wrapper #w0 {  display: flex;  flex-direction: column;  justify-content: center;  align-items: center; } .site-signup .sign-up-wrapper .auth-wrapper #w0 .form-group {  width: 100%;  height: 40px; } .site-signup .sign-up-wrapper .auth-wrapper #w0 .form-group a button {  background-color: unset;  border: 2px solid #BFBFBF;  border-radius: 20px;  width: 100%;  height: 100%;  letter-spacing: 0.6px;  color: #000000;  font-size: 12px;  line-height: 1rem; } .site-signup .sign-up-wrapper .auth-wrapper #w0 .form-group a button:hover {  background: #fff;  border: 2px solid #BFBFBF; } .site-signup .sign-up-wrapper .auth-wrapper #w0 .form-group a button.linkedin-login-btn {  background-image: url(https://www.droit-inc.com/assets/831e27fa/../../img/linkedin.png); } .site-signup .sign-up-wrapper .auth-wrapper #w0 .form-group a button.google-login-btn {  background-image: url(https://www.droit-inc.com/assets/831e27fa/../../img/google.png); } .site-signup .sign-up-wrapper .auth-wrapper #w0 .form-group a button.auth-network {  background-repeat: no-repeat;  background-size: 24px;  background-position: 70px 50%; } .site-signup .sign-up-wrapper .form-wrapper {  margin: 1.5rem 0; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .form-group label {  font-size: 20px;  line-height: 24px;  color: #000000; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .form-group label:not(.custom-control-label)::after {  content: "*";  color: #f15a24; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .form-group .form-control {  background: #D9E8FF 0% 0% no-repeat padding-box;  border-radius: 20px;  opacity: 1; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .submit-btn-group {  margin-bottom: 0; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .submit-btn-group .btn-primary {  width: 100%;  font-size: 20px;  line-height: 24px;  font-weight: bold;  height: 40px; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-first_name, .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-last_name, .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-email, .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-password, .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-password_repeat {  height: 95px;  margin-bottom: 0; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-password {  position: relative;  margin-bottom: 0; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-password #signupform-password {  padding-right: 40px;  outline: none; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-password_repeat {  position: relative;  margin-bottom: 0; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-password_repeat #signupform-password {  padding-right: 40px;  outline: none; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-password::after {  content: "";  position: absolute;  top: 54%;  right: 20px;  transform: translateY(-50%);  cursor: pointer;  width: 22px;  height: 22px;  background-size: contain;  background-repeat: no-repeat;  background-position: center; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-password:has(input[type=password])::after {  background-image: url(https://www.droit-inc.com/assets/831e27fa/../../img/hidden.png); } .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-password:has(input[type=text])::after {  background-image: url(https://www.droit-inc.com/assets/831e27fa/../../img/eye.png); } .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-password_repeat::after {  content: "";  position: absolute;  top: 54%;  right: 20px;  transform: translateY(-50%);  cursor: pointer;  width: 22px;  height: 22px;  background-size: contain;  background-repeat: no-repeat;  background-position: center; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-password_repeat:has(input[type=password])::after {  background-image: url(https://www.droit-inc.com/assets/831e27fa/../../img/hidden.png); } .site-signup .sign-up-wrapper .form-wrapper #form-signup .field-signupform-password_repeat:has(input[type=text])::after {  background-image: url(https://www.droit-inc.com/assets/831e27fa/../../img/eye.png); } .site-signup .sign-up-wrapper .form-wrapper #form-signup .profile-form__newsLetter {  margin-bottom: 18px; } .site-signup .sign-up-wrapper .form-wrapper #form-signup .profile-form__newsLetter .field-signupform-is_subscribed_to_newsletter label {  font-size: 1rem;  color: #000000; } .site-signup .sign-up-wrapper .form-wrapper .reset-options {  color: #999;  margin: 0.5rem 0 1rem 0;  font-size: 1rem;  line-height: 18px;  text-align: right; } .site-signup .sign-up-wrapper .-fs14 p {  font-size: 14px; } .site-signup .sign-up-wrapper .-lh20 p {  line-height: 20px; } .site-login {  min-height: calc(100vh - 40px); } .site-login .login-wrapper {  padding: 36px 48px 120px 48px;  max-width: 512px;  margin: 6rem auto;  background-color: #fff;  border: 1px solid #D6D6D6;  border-radius: 50px; } .site-login .login-wrapper h1 {  font-size: 2rem;  line-height: 2.5rem;  text-align: center;  margin: 0 0 14px;  font-weight: bold;  color: #5E6674; } .site-login .login-wrapper .logo-wrapper, .site-login .login-wrapper .text-wrapper, .site-login .login-wrapper .auth-wrapper {  text-align: center; } .site-login .login-wrapper .text-wrapper {  margin: 24px 0; } .site-login .login-wrapper .text-wrapper p {  font-size: 0.8rem;  line-height: 1rem;  color: #000000; } .site-login .login-wrapper .text-wrapper p a {  font-size: 0.8rem;  line-height: 1rem;  text-decoration: underline; } .site-login .login-wrapper .enter-text p {  font-size: 1rem;  line-height: 20px; } .site-login .login-wrapper .auth-wrapper #w0 {  display: flex;  flex-direction: column;  justify-content: center;  align-items: center; } .site-login .login-wrapper .auth-wrapper #w0 .form-group {  width: 100%;  height: 40px; } .site-login .login-wrapper .auth-wrapper #w0 .form-group a button {  background-color: unset;  border: 2px solid #BFBFBF;  border-radius: 20px;  width: 100%;  height: 100%;  letter-spacing: 0.6px;  color: #000000;  font-size: 12px;  line-height: 1rem; } .site-login .login-wrapper .auth-wrapper #w0 .form-group a button:hover {  background: #fff;  border: 2px solid #BFBFBF; } .site-login .login-wrapper .auth-wrapper #w0 .form-group a button.linkedin-login-btn {  background-image: url(https://www.droit-inc.com/assets/831e27fa/../../img/linkedin.png); } .site-login .login-wrapper .auth-wrapper #w0 .form-group a button.google-login-btn {  background-image: url(https://www.droit-inc.com/assets/831e27fa/../../img/google.png); } .site-login .login-wrapper .auth-wrapper #w0 .form-group a button.auth-network {  background-repeat: no-repeat;  background-size: 24px;  background-position: 70px 50%; } .site-login .login-wrapper .form-wrapper #login-form .form-group label {  font-size: 20px;  line-height: 24px;  color: #000000; } .site-login .login-wrapper .form-wrapper #login-form .form-group label:not(.custom-control-label)::after {  content: "*";  color: #f15a24; } .site-login .login-wrapper .form-wrapper #login-form .form-group .form-control {  background: #D9E8FF 0% 0% no-repeat padding-box;  border-radius: 20px;  opacity: 1; } .site-login .login-wrapper .form-wrapper #login-form .submit-btn-group {  margin-bottom: 0; } .site-login .login-wrapper .form-wrapper #login-form .submit-btn-group .btn-primary {  width: 100%;  font-size: 20px;  line-height: 24px;  font-weight: bold;  height: 40px; } .site-login .login-wrapper .form-wrapper #login-form .field-loginformcandidate-email, .site-login .login-wrapper .form-wrapper #login-form .field-loginformcandidate-password {  height: 95px; } .site-login .login-wrapper .form-wrapper #login-form .field-loginformcandidate-password {  position: relative;  margin-bottom: 0; } .site-login .login-wrapper .form-wrapper #login-form .field-loginformcandidate-password #loginformcandidate-password {  padding-right: 40px;  outline: none; } .site-login .login-wrapper .form-wrapper #login-form .field-loginformcandidate-password::after {  content: "";  position: absolute;  top: 54%;  right: 20px;  transform: translateY(-50%);  cursor: pointer;  width: 22px;  height: 22px;  background-image: url(https://www.droit-inc.com/assets/831e27fa/../../img/hidden.png);  background-size: contain;  background-repeat: no-repeat;  background-position: center; } .site-login .login-wrapper .form-wrapper #login-form .field-loginformcandidate-rememberme label {  font-size: 1rem;  color: #000000; } .site-login .login-wrapper .form-wrapper .reset-options {  color: #999;  margin: 0.5rem 0 1rem 0;  font-size: 1rem;  line-height: 18px;  text-align: right; } .site-login .login-wrapper .form-wrapper .reset-options .underline {  text-decoration: underline; } @media only screen and (max-width: 575px) {  .site-signup .sign-up-wrapper {   max-width: 414px;   padding: 25px 36px;   border-radius: unset;   background-color: #FAFAFA;  }  .site-signup .sign-up-wrapper .cancel-form {   display: block;   margin-bottom: 40px;  }  .site-signup .sign-up-wrapper .cancel-form a {   font-size: 1rem;   line-height: 19px;   color: #E93F33;  }  .site-signup .sign-up-wrapper .auth-wrapper #w0 .form-group a button.auth-network {   background-position: 12% 50%;  }  .site-login .login-wrapper {   max-width: 414px;   padding: 25px 36px;   border-radius: unset;   background-color: #FAFAFA;  }  .site-login .login-wrapper .cancel-form {   display: block;   margin-bottom: 40px;  }  .site-login .login-wrapper .cancel-form a {   font-size: 1rem;   line-height: 19px;   color: #E93F33;  }  .site-login .login-wrapper .auth-wrapper #w0 .form-group a button.auth-network {   background-position: 12% 50%;  } } .about .background-img {  min-height: 200px;  overflow: hidden;  display: flex;  justify-content: center;  background-image: url(https://www.droit-inc.com/img/Background_about_us.jpg);  background-repeat: no-repeat;  background-position: center;  background-size: cover; } .about .background-img img {  min-width: 100%; } .about_title {  text-align: center;  font-size: 30px;  font-weight: bold;  margin: 20px auto; } .about_text {  margin-bottom: 35px;  font-size: 1.2rem; } .about_number {  width: 100%;  background: var(--secondaryLight) 0% 0% no-repeat padding-box;  opacity: 1;  text-align: center;  padding: 30px 0; } .about_box-number {  text-align: center;  color: var(--secondary);  font-size: 39px;  font-weight: bold; } .about_box_number-specific {  color: var(--primary);  font-size: 89px;  font-weight: bold;  opacity: 1; } .about_box_number-text {  color: var(--secondary);  font-size: 24px;  font-weight: bold;  opacity: 1; } .about_team-member {  text-align: center; } .about_team-member img {  width: 234px;  height: 234px; } .about_our-team {  font-size: 30px;  font-weight: bold;  margin-bottom: 30px; } .about_team-name {  margin-top: 15px;  font-size: 26px;  font-weight: bold; } .about_team-title {  margin: 0 auto 20px;  max-width: 300px;  font-size: 18px; } @media only screen and (max-width: 576px) {  .about_box_number-specific {   font-size: 50px;  }  .about_team-member {   text-align: center;  }  .about_team-member img {   width: 150px;   height: 150px;  } } .portal {  min-height: calc(100vh - 40px); } .portal .section {  margin: 20px auto;  max-width: 1200px; } .portal .right {  display: flex;  align-items: center;  justify-content: center;  flex-direction: column;  flex-basis: 45%;  margin: 0 auto; } .portal .right p {  text-align: center; } .portal .right .cv__left__form__upload .kv-upload-progress .progress {  background: none; } .portal .right .cv__left__form__upload .kv-upload-progress .progress-bar {  background: none !important;  color: #000; } .portal .left {  display: flex;  align-items: center;  justify-content: center;  flex-direction: column; } .portal .left .form-group, .portal .left-div {  width: 100%; } .portal .left .bi-emoji-frown {  font-size: 100px; } .portal-search {  width: 80%; } .portal__feed {  display: flex;  flex-wrap: wrap;  justify-content: space-between;  max-width: 1200px;  margin: auto; } .portal__feed-date {  flex-basis: 100%;  margin: 1rem 0 0 0; } .portal__feed__job {  width: 32%; } .portal__feed .blog-search-partiel, .portal__feed hr {  width: 100%; } .portal-black-box {  background: #000;  padding-top: 1rem;  padding-bottom: 1rem; } .portal-black-box-title {  color: #fff; } .portal-interested-job {  background: #FFFFFF 0% 0% no-repeat padding-box;  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1607843137);  border-radius: 13px; } .kv-zoom-header .btn, .file-footer-buttons .btn {  display: inline-block;  min-width: 0px;  padding: 0.25rem 0.5rem;  font-size: 0.875rem; } @media only screen and (max-width: 992px) {  .portal__feed .portal__feed__job {   width: 100%;  } } .profile-form {  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  border: 1px solid #EDEDED;  border-radius: 10px;  padding: 60px;  margin: 0px auto;  background: #fff; } .profile-form input, .profile-form select {  width: 100%;  margin-bottom: 20px;  background: #eee; } .profile-form .w-auto {  width: auto; } .profile-form label {  display: block; } .profile-form button {  display: block;  margin: auto; } .profile-form .inline-label {  display: inline;  margin-right: 15px; } .profile-form-row {  display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap; } .profile-form-row-item {  flex-basis: 48%; } .profile-form__newsLetter {  margin-bottom: 3rem; } @media only screen and (max-width: 576px) {  .profile-form {   padding: 15px;   border: none;   box-shadow: none;   background: none;  }  .profile-form-row-item {   flex-basis: 100%;  } } .infolettre {  background: #fafafa;  min-height: calc(100vh - 40px);  display: flex;  align-items: center;  flex-direction: column; } .infolettre h1 {  font-weight: bold; } .infolettre p {  margin-bottom: 30px; } .infolettre form {  display: flex;  align-items: baseline;  justify-content: space-between;  flex-wrap: wrap;  margin-bottom: 20px; } .infolettre form input {  margin-bottom: 20px;  flex-basis: 60%;  min-width: 300px; } .infolettre form button {  flex-basis: 30%;  min-width: 200px;  display: inline; } .infolettre-row {  display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap; } .infolettre-row-item {  margin-top: 50px;  flex-basis: 65%; } .infolettre__subscribed {  display: flex;  align-items: baseline;  justify-content: space-between;  flex-wrap: wrap;  margin-bottom: 20px; } .infolettre__subscribed p {  margin-bottom: 20px;  flex-basis: 60%;  min-width: 300px; } .infolettre__subscribed a {  flex-basis: 30%;  min-width: 200px;  display: inline; } .infolettre__subscribed input {  margin-bottom: 20px;  flex-basis: 60%;  min-width: 300px; } @media only screen and (max-width: 768px) {  .infolettre-row-item {   flex-basis: 100%;  } } @media only screen and (max-width: 576px) {  .infolettre form input, .infolettre form button {   flex-basis: 100%;  } } .company-img {  margin-top: 10px;  max-width: 150px; } .company-detail {  display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  width: 45%;  min-width: 250px;  margin-bottom: 15px; } .company-detail h2 {  font-size: 1.5rem;  margin: 0; } .company-detail a {  text-decoration: none; } .company-detail a:hover {  text-decoration: underline; } .company-description {  margin-bottom: 25px; } .company h3 {  text-align: center; } .company .job__content__container {  margin-bottom: 30px; } .company .job__content__jobs {  flex-basis: 100%; } .company__jobsummary {  color: #000;  text-align: left;  cursor: pointer; } .company__jobsummary:hover {  color: #000; } .company__jobsummary:focus {  box-shadow: none !important; } .company_vip_head {  display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  padding: 20px 0; } .company_vip_head-logo {  max-height: 90px; } .company_vip_head-link {  color: var(--primary); } .company_vip_head-link:hover {  color: var(--primaryDark); } .company_vip_head_socials {  display: flex;  align-items: center; } .company_vip_head_socials a {  width: 40px;  height: 40px;  border-radius: 10px;  background: var(--primary);  color: white;  display: block;  display: flex;  align-items: center;  justify-content: center; } .company_vip_head_socials a + a {  margin-left: 20px; } .company_vip_head_socials a:hover {  background: var(--primaryDark); } .company_vip_infos {  display: flex;  justify-content: space-between;  flex-wrap: wrap; } .company_vip_infos_title {  color: var(--primary); } .company_vip_infos p {  font-size: 14px; } .company_vip_content {  margin-top: 40px; } .company_vip_content_text p {  font-size: 14px !important; } .company_vip_content_job_search {  background: black;  padding: 2rem;  border-radius: 10px;  margin: 0 0 2rem; } .company_vip_content_job_search input {  width: 100%;  border-radius: 60px;  padding: 10px 25px; } .company_vip_content_images {  display: grid;  grid-template-columns: 0.7fr auto;  grid-gap: 20px;  position: relative;  margin: 0 0 3rem; } .company_vip_content_images > .image {  background: center/cover no-repeat, #ccc;  text-align: center; } .company_vip_content_images > .image-1 {  grid-row: 1/span 2;  height: 550px; } .company_vip_content_images button {  position: absolute;  bottom: -20px;  font-weight: bold;  left: 70%;  transform: translate(-50%, 0); } .company_vip_benefits {  background: #00539c;  color: white;  padding: 3rem 0; } .company_vip_benefits ul {  list-style-type: none; } .company_vip_employes_img {  background: center/cover no-repeat, #ccc;  width: 100%;  height: 220px;  background: grey;  position: relative; } .company_vip_employes button {  position: absolute;  bottom: -1rem;  left: 50%;  transform: translate(-50%, 0%);  width: 167px; } .company_vip_text {  padding: 4rem 0;  background-color: var(--secondary); } @media screen and (max-width: 992px) {  .fancybox-toolbar {   position: relative;  }  .fancybox-button--close {   position: absolute;   top: 0;   right: 0;  }  .fancybox-button--zoom {   position: absolute;   top: 0;   left: 0;  }  .company_vip {   padding-bottom: 0;  }  .company_vip_head {   display: block;   margin: 0;   text-align: center;  }  .company_vip_head-logo {   display: block;   margin: auto;  }  .company_vip_head button {   margin: 0.5rem auto 1rem;  }  .company_vip_head_socials {   margin: 1rem 0 0;   justify-content: center;  }  .company_vip_infos {   display: block;   text-align: center;  }  .company_vip_infos div {   margin-bottom: 0.75rem;  }  .company_vip_infos_title {   margin-bottom: 0;  }  .company_vip_content h2 {   margin-top: 50px;   margin-bottom: 30px;  }  .company_vip_content_text {   margin-top: 40px;  }  .company_vip_content_images {   grid-template-columns: 1fr;  }  .company_vip_content_images > .image {   height: 550px;  }  .company_vip_content_images button {   width: 200px;  } } @media screen and (max-width: 768px) {  .company_vip_content_images > .image {   height: 470px;  } } @media screen and (max-width: 575px) {  .company_vip .blog-search-partiel__img {   width: 140px;  }  .company_vip_content_images > .image {   height: 340px;  } } .policy {  background: #fafafa;  min-height: calc(100vh - 40px);  display: flex;  align-items: center;  flex-direction: column; } .policy p {  margin: 10px 0 10px 0; } .policy h5, .policy a {  color: var(--primary); } .policy-row {  display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap;  width: 100%;  padding: 0 15px; } @media only screen and (max-width: 768px) {  .policy-row a {   white-space: nowrap;  } } .error {  background: #fafafa;  min-height: calc(100vh - 40px);  display: flex;  align-items: center;  flex-direction: column;  text-align: center; } .error-title {  margin-top: 50px; } .error h3 {  margin: 50px 0 50px 0; } .account-left-content {  flex: 0 0 calc(100% - 300px - 1%);  max-width: calc(100% - 300px - 1%);  margin-inline: auto; } @media only screen and (max-width: 768px) {  .account-left-content {   flex: 0 0 100%;   max-width: 100%;  } } .account__sidebar {  margin: 0 1% 0 0;  flex: 0 0 300px;  max-width: 300px; } .account__sidebar .section {  padding: 15px 0; } .account__sidebar__title, .account__sidebar__title-tool, .account__sidebar__title-dashboard {  font-weight: bold;  text-align: center; } .account__sidebar__title-dashboard {  color: var(--primary); } .account__sidebar__title-tool {  color: var(--primary);  margin-bottom: 0; } .account__sidebar__link {  font-weight: bold;  color: var(--secondary);  padding: 5px 15px;  font-size: 1rem; } .account__sidebar__link:hover {  background: var(--primaryLight);  color: var(--primary); } .account__sidebar__link-dropdown {  padding: 5px 15px;  cursor: pointer; } .account__sidebar_toolbox_selected {  background: var(--primaryLight);  color: var(--primary); } .account__sidebar__search {  width: 40%; } .account__sidebar__dropdown {  max-height: 33px;  overflow: hidden;  transition: max-height 0.3s ease; } .account__sidebar__dropdown::-webkit-scrollbar {  display: none; } .account__sidebar__tool {  background: var(--tertiary); } .account__sidebar__info {  padding: 20px 0 40px !important; } .account__sidebar__info__title {  background: var(--primary);  color: #fff;  padding: 10px;  text-align: center;  font-weight: bold; } .account__sidebar__btn {  min-width: fit-content;  max-width: 50%;  margin: auto;  display: block; } .account__sidebar__cv {  background: #000;  padding: 40px 30px !important; } .account__sidebar__cv p {  color: #fff; } .job-home {  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  border-radius: 10px;  margin-bottom: 50px;  overflow: hidden;  position: relative;  display: flex; } .job-home-vedette {  background: var(--primary);  color: #fff;  position: absolute;  top: 17px;  left: -40px;  -webkit-transform: rotate(315deg);  transform: rotate(315deg);  font-size: 10px;  padding: 5px 35px; } .job-home-img {  width: 250px;  min-height: 150px;  background-repeat: no-repeat;  background-size: 90px;  background-position: center;  margin: 0 40px; } .job-home-content {  width: 100%;  padding: 20px 10px 10px; } .job-home-content-head {  display: flex;  align-items: flex-start;  justify-content: space-between; } .job-home-content-title {  color: var(--primary);  font-size: 24px;  font-weight: bold;  margin: 0 15px 0 0;  min-height: 72px; } .job-home-content-ago {  margin: 0 10px;  color: #919191; } .job-home-content-footer {  display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap; } .job-home-logo {  display: none; } @media only screen and (max-width: 768px) {  .job-home-content-footer {   flex-direction: column;   align-items: flex-start;  }  .job-home-content-ago {   margin: 0;  } } @media only screen and (max-width: 576px) {  .job-home {   overflow: visible;  }  .job-home-img {   width: 0;   margin: 0;  }  .job-home-vedette {   transform: rotate(360deg);   left: 15px;   border-radius: 15px;   top: -12px;  }  .job-home-logo {   display: block;   width: 70px;   height: auto;   position: absolute;   bottom: 10px;   right: 10px;  } } .sticky-menu {  position: -webkit-sticky;  position: sticky;  top: 60px;  background: white;  background: #FFFFFF 0% 0% no-repeat padding-box;  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1607843137);  border: 1px solid #EDEDED;  z-index: 9999; } .navbar {  background: black; } .search_input {  background: #FFFFFF 0% 0% no-repeat padding-box;  opacity: 1; } .job_menu_bottom div, .job_menu_top div {  margin-right: 1rem; } .job_menu_top div {  width: 30%; } .job_menu_search_btn {  width: 198px; } .job .dropdown.on .dropdown-list {  transform: scale(1, 1);  transition-delay: 0s;  position: absolute;  background: white;  box-shadow: 0 3PX 6PX rgba(0, 0, 0, 0.1607843137);  border-radius: 0 0 5px 5px;  height: fit-content;  max-height: 300px;  overflow: auto;  width: 165px; } .sticky-menu {  z-index: 1; } .job .dropdown .dropdown-label, .distance {  background: #FFFFFF 0% 0% no-repeat padding-box;  border: 1px solid #535A6B;  border-radius: 20px;  opacity: 1;  font: normal normal medium 14px/24px;  letter-spacing: 0px;  color: #535A6B;  padding: 11px;  line-height: 1; } .job_menu {  padding-top: 2rem;  position: 0; } .job_menu_bottom div:not(:last-child) {  flex-basis: 18%; } .job .slider {  background: #D6D6D6 0% 0% no-repeat padding-box;  margin-left: 1rem; } .job .slider::before {  background: #535A6B 0% 0% no-repeat padding-box; } .distance {  width: 100%; } .search_input {  width: 100%; } .alert-dismissible2 {  padding: 0.75rem 1.25rem;  justify-content: center;  align-items: center;  text-align: center; } .alert-dismissible {  padding: 0.75rem 4rem;  justify-content: center;  align-items: center;  text-align: center; } .desktop-reset {  border: 1px solid #DD0114;  border-radius: 20px;  padding: 9.25px 14px;  color: #DD0114;  font-size: 14px;  font-weight: bold; } .reset_btn {  margin-top: -8px; } .desktop-reset:hover {  text-decoration: none;  color: #DD0114; } .search-result-right {  width: 49.5%; } .search-result-left {  width: 49.5%; } .job-search__form__input-group_desktop {  margin-bottom: 0;  border-radius: 25px; } .job-search__form__input-group_desktop .job-search__form__input-group-prepend {  width: 15% !important;  margin-right: 0.5rem !important; } .pagiation_bottom {  width: 50%; } .ebook-row {  display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: wrap; } .ebook-img {  padding: 150px 20px;  text-align: center;  background: var(--secondary);  width: 49%;  background-repeat: no-repeat;  background-size: cover;  background-position: center; } .ebook-title {  color: #000;  margin-bottom: 30px; } .ebook-btn {  margin: auto; } @media only screen and (max-width: 992px) {  .ebook-img {   width: 100%;  } } .charte .color-item {  display: flex;  align-items: center;  margin-bottom: 20px; } .charte .color-item .carre {  width: 66px;  height: 66px;  display: flex;  align-items: flex-end;  justify-content: center;  border: none; } .charte .buttons button {  margin: 10px 0; } .companies .container-fluid {  margin-top: 9px;  background-color: #EBEBEB;  gap: 2%;  padding-block: 30px; } .companies .container-fluid .companies-search-title {  font-size: 20px !important; } .companies_form {  display: flex;  justify-content: center;  flex-wrap: wrap; } .companies_form input {  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  border-radius: 0;  padding: 7px 20px;  width: 428px;  border: 2px solid black; } .companies_form_select {  position: relative; } .companies_form_select::before {  content: "\e90c";  font-size: 8px;  font-family: "icomoon";  position: absolute;  top: 45%;  right: 5%;  translate: -100% -50%; } .companies_form select {  margin: 0 8px;  border: 2px solid #000000;  border-radius: 25px;  padding: 6px 18px;  margin-bottom: 10px;  appearance: none;  width: 200px; } .companies_form button {  margin-left: 0px;  padding: 5px 15px;  font-size: 24px; } .companies_item {  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  background: white;  cursor: pointer;  height: 100%; } .companies_item_img {  height: 270px;  background: center/cover no-repeat;  position: relative; } .companies_item img {  max-width: 100%;  max-height: 100%;  display: block; } .companies_item_content {  padding: 1rem 1rem 1.5rem; } .companies_item_content .business_names {  height: 80px; } .companies_item_footer .btn-medium {  min-width: unset !important;  margin-inline: 10px; } .companies_item_footer .btn-outline {  background: transparent;  color: black; } .companies_item .white-box {  width: 100px;  height: 100px;  position: absolute;  right: 8%;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  background: white;  display: grid;  place-content: center;  bottom: -50px; } .devenir-vip-link {  color: #000000;  text-decoration: none;  font-weight: bold;  font-size: 24px; } .devenir-vip-link:hover {  color: var(--primary); } @media screen and (max-width: 1200px) {  .companies_item_img {   height: 290px;  } } @media screen and (max-width: 992px) {  .companies_form input {   width: 100%;   margin-right: 0;   margin-bottom: 15px;  }  .companies_form select {   width: 100%;   margin: 0 0 10px;  }  .companies_form button {   width: 100%;  }  .companies_form_select::before {   top: 42%;   right: 2%;  }  .companies_item_img {   height: 690px;  } } @media screen and (max-width: 768px) {  .container-fluid {   height: unset;  }  .companies ul.pagination li a {   padding: 5px 5px;  }  .companies_form input::placeholder {   text-align: center;  }  .companies_form button {   margin-left: 0;  }  .companies_item_img {   height: 510px;  } } @media screen and (max-width: 576px) {  .companies_item_img {   height: calc(100vw - 30px);  } } .financiereSecFirst {  padding-block: 1rem;  margin-top: 9px; } .financiereSecFirst .url {  color: #004EA5;  font-size: 20px;  line-height: 31px; } .financiereSecFirst .url:hover {  text-decoration: underline; } .financiereSecFirst .social {  gap: 20px; } .financiereSecFirst .social-boxes {  background-color: #004EA5;  width: 40px;  height: 40px;  display: grid;  place-items: center; } .financiereSecSecond {  background-color: #004EA5; } .financiereSecThird p {  font-size: 18px;  line-height: 31px; } .financiereSecFourth {  border: 3px solid #FFE600; } .financiereSecFourth-title {  font-size: 40px;  line-height: 50px;  max-width: 800px;  margin: 0 auto;  color: #63666A; } .financiereSecFive .green {  background: #008366; } .financiereSecFive .orange {  background: #C74F0A; } .financiereSecFive .purple {  background: #662C91; } .financiereSecFive .color-boxes {  padding: 70px;  max-width: 630px; } .financiereSecFive .color-boxes h2 {  font-size: 30px;  max-width: 259px;  margin: 0 auto 20px; } .financiereSecFive .color-boxes p {  font-size: 20px;  line-height: 25px;  max-width: 259px;  margin: 0 auto; } .financiereSecSixth-title {  color: #0343A8;  font-size: 40px;  line-height: 30px;  font-weight: bold; } .financiereSecSixth .blog-title {  line-height: 26px; } .financiereSecSixth .blog-desc {  font-size: 20px;  line-height: 26px; } .financiereSecSixth .blog-meta {  font-size: 16px;  line-height: 26px;  color: #969696; } .financiereSecSixth .blog-meta .financials {  color: #004EA5; } .financiereSecSixth .blog-meta .financials:hover {  text-decoration: underline; } .financiereSecSeventh {  background: #E36759; } .financiereSecEight-title {  color: #0343A8;  font-size: 40px;  line-height: 30px;  font-weight: bold; } .financiereSecEight-desc {  font-size: 30px;  line-height: 46px; } .financiereSecEight .advisors-name {  font-size: 30px;  line-height: 31px;  color: #004EA5; } .financiereSecEight .advisors-about {  font-size: 20px;  line-height: 31px;  max-width: 300px;  margin: 0 auto; } .financiereSecNine {  background-color: #0343A8; } .financiereSecNine .SecNine-title {  font-size: 39px !important;  line-height: 59px; } .financiereSecNine .SecNine-desc {  font-size: 21px;  line-height: 32px; } @media (max-width: 767px) {  .financiereSecFourth-title {   font-size: 30px;   line-height: 40px;  }  .financiereSecFive .color-boxes {   max-width: unset !important;  }  .financiereSecSixth-title {   line-height: 40px;  }  .financiereSecSixth .blog-img {   width: 100%;  } } @media (min-width: 768px) and (max-width: 992px) {  .financiereSecFive .color-boxes {   max-width: unset !important;   padding: 30px !important;  } } @media (min-width: 768px) and (max-width: 1200px) {  .financiereSecFirst .btn {   min-width: unset;   font-size: 12px;  }  .financiereSecFirst .url {   font-size: 13px;  }  .financiereSecFirst .social {   gap: 5px;  }  .financiereSecFirst .social-boxes {   width: 25px;   height: 25px;  }  .financiereSecFirst .social-boxes svg {   width: 14px;  } } .jobs-container {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 1rem;  padding: 1rem; } @media (max-width: 1024px) {  .jobs-container {   grid-template-columns: repeat(2, 1fr);  } } @media (max-width: 768px) {  .jobs-container {   grid-template-columns: 1fr;  }  .jobs-container .job-category {   margin-bottom: 0;  } } .SectorJobBox {  display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  border: none;  text-align: center;  padding-block: 25px; } .SectorJobBox:hover .jobTitle h3 {  color: #808080 !important; } .SectorJobBox:hover p.select-city {  text-decoration: underline !important; } .SectorJobBox .jobTitle h3 {  font-size: 26px !important;  line-height: 39px;  color: var(--secondary); } .SectorJobBox .select-city {  font-size: 16px;  line-height: 24px;  text-decoration: none !important; } .SectorJobBox.SectorTitle {  color: var(--primary);  text-align: center;  line-height: 61px; } .SectorTitle {  text-align: center;  color: var(--primary);  line-height: 61px; } .job-category {  background: #fff;  border: 1px solid #ddd;  padding: 1rem;  margin-bottom: 1rem; } .job-category h3 {  font-size: 1.25rem;  color: #333;  margin-bottom: 0.5rem; } .job-category .select-city {  color: #007bff;  cursor: pointer;  text-decoration: underline; } .job-category .select-city:hover {  color: #0056b3; } .job-category .salary {  font-size: 0.875rem;  color: #666;  margin-top: 0.25rem; } .text-center {  text-align: center; } .mt-1 {  margin-top: 1rem; } .mb-1 {  margin-bottom: 1rem; } .pt-1 {  padding-top: 1rem; } .pb-1 {  padding-bottom: 1rem; } .search-form {  background: var(--tertiary);  height: 91px; } .search-form-container .search-field {  max-width: 489px;  width: 100%;  border-radius: 25px;  padding: 0px 20px !important;  font-size: 12px;  line-height: 30px;  color: #000000;  font-family: "Montserrat", sans-serif, sans-serif;  font-weight: 500; } .search-form-container .filter-city {  background: white;  border: none;  border-radius: 25px;  padding-inline: 20px;  font-family: "Montserrat";  font-size: 12px;  font-weight: 500;  line-height: 30px;  padding-block: 0;  max-width: 300px;  color: #000000;  width: 100%; } .search-form-container .filter-receptionist {  background: white;  border: none;  border-radius: 25px;  padding-inline: 20px;  font-family: "Montserrat";  font-size: 12px;  font-weight: 500;  line-height: 50px;  padding-block: 0;  max-width: 189px;  color: #000000;  width: 100%;  text-align: justify; } .search-form-container .filter-receptionist:after {  position: absolute;  right: 4%;  top: 50%; } .search-form-container button.searchBtn {  padding: 0;  width: 50px;  height: 50px;  border-radius: 100%;  display: flex;  align-items: center;  justify-content: center;  min-width: unset; } .challanges {  max-width: 822px;  padding-inline: 30px; } .challanges .row {  justify-content: space-between;  margin-bottom: 20px; } .challanges .row .zero {  width: 100% !important;  font-size: 30px;  line-height: 37px;  font-weight: bold;  background-color: var(--primary);  text-align: left !important;  color: #fff;  padding: 10px 50px !important; } .challanges .row .hidden-title {  position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  border: 0; } .challanges .row .title-setting {  font-size: inherit;  font-weight: inherit;  margin: 0;  padding: 0; } .challanges .row .boxes {  height: 186px;  display: flex;  align-items: center;  justify-content: center;  padding: 10px 20px;  text-align: center;  border: 5px solid white;  position: relative;  overflow: hidden; } .challanges .row .boxes a {  font-size: 16px;  font-weight: bold;  line-height: 25px;  color: #fff;  z-index: 1; } .challanges .row .boxes.bg-setting {  background-repeat: no-repeat;  background-position: center; } .challanges .row .boxes:nth-child(3n+2):after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #F00000;  opacity: 0.6; } .challanges .row .boxes:nth-child(3n+3):after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #5E6674;  opacity: 0.62; } .challanges .row .boxes:nth-child(3n+4) a {  color: #5D6674 !important; } .challanges .row .boxes:nth-child(3n+4):after {  content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #B8E5E0;  opacity: 0.8; } .notification-card {  background-color: var(--primary);  height: 150px;  bottom: 0;  z-index: 9; } .notification-card p {  font-size: 18px;  line-height: 28px;  font-weight: 600; } .metier-title {  background-color: var(--primary);  height: 150px; } .metier-title .col {  gap: 40px; } .metier-title .col .icon {  width: 83px;  height: 83px;  border-radius: 100%;  background-color: var(--primaryLight);  display: flex;  align-items: center;  justify-content: center; } .metier-title .col .icon .icon-image {  width: 90px;  height: 78px; } .metier-title .col h1, .metier-title .col h2 {  font-size: 35px;  line-height: 62px;  font-weight: bold;  margin: 0; } @media (max-width: 991px) {  .metier-title h1, .metier-title h2 {   font-size: 28px !important;   line-height: 50px !important;  } } @media (max-width: 767px) {  .metier-title h1, .metier-title h2 {   font-size: 22px !important;   line-height: 35px !important;  } } .content-area {  background-color: #fff;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  max-width: 1196px; } .content-area .social {  gap: 15px; } .content-area .social-icon {  width: 40px;  height: 40px;  border-radius: 100%;  background-color: var(--primaryLight);  display: grid;  place-items: center; } .content-area .content h4 {  color: var(--primary);  line-height: 50px; } .content-area .content p {  font-family: "Montserrat", sans-serif;  font-size: 20px;  line-height: 1.6;  color: #000;  margin-bottom: 0.5em; } .content-area .content a {  font-size: 20px; } .content-area .content li {  font-size: 20px; } .content-area .content .metier-excerpt {  font-family: "Montserrat", sans-serif;  font-size: 20px;  line-height: 32px;  color: #5D6674;  font-weight: bold; } .content-area .content .metier-excerpt p {  font-family: "Montserrat", sans-serif;  font-size: 20px;  line-height: 1.6;  color: #5D6674;  font-weight: bold;  margin: 0; } .content-area .ad-container {  border: 1px solid;  height: 250px; } .content-area .similar-profession {  background: #B8E5E0;  opacity: 0.8; } .content-area .similar-profession h5 {  color: #004039;  line-height: 40px; } .content-area .similar-profession ul {  padding-left: 20px;  margin-bottom: 0; } .content-area .similar-profession ul li {  color: #004039;  line-height: 35px; } .content-area .similar-profession ul li a {  color: #004039;  text-decoration: none; } .content-area .similar-profession ul li a:hover {  text-decoration: underline; } .content-area .search-jobs {  background: var(--primaryLight); } .content-area .search-jobs h5 {  color: var(--primary);  line-height: 30px; } .content-area .search-jobs ul {  padding-left: 20px;  margin-bottom: 0; } .content-area .search-jobs ul li {  color: var(--primary);  line-height: 35px; } .content-area .search-jobs ul li a {  color: var(--primary);  text-decoration: none; } .content-area .search-jobs ul li a:hover {  text-decoration: underline; } .connect-popup .modal-dialog .modal-content {  border-radius: 28px;  background-color: var(--primary);  width: 320px;  height: 305px; } .connect-popup .modal-dialog .modal-body {  padding: 40px 10px !important; } .connect-popup .modal-dialog .close {  position: absolute;  opacity: 1;  right: 6%;  min-width: unset;  top: 2%; } .connect-popup .modal-dialog .close span {  font-size: 35px;  font-weight: 500; } .connect-popup .modal-dialog .btn-popup-login {  background-color: #fff;  color: var(--primary); } .connect-popup .modal-dialog .btn-popup-signup {  background-color: #000; } .connect-popup .modal-dialog .btn-popup-signup:hover {  color: #fff; } .connect-popup .modal-dialog button {  min-width: 200px;  margin: 0 auto;  font-size: 16px;  height: 40px; } @media screen and (min-width: 992px) and (max-width: 1200px) {  .search-form {   height: 91px;  }  .search-form-container .search-field {   max-width: 360px;  }  .search-form-container .filter-city {   max-width: 220px;  }  .search-form-container .filter-receptionist {   max-width: 160px;  } } @media screen and (min-width: 768px) and (max-width: 991px) {  .search-form-container .search-field {   max-width: 270px;  }  .search-form-container .filter-city {   max-width: 90px;  }  .search-form-container .filter-receptionist {   max-width: 150px;  }  .content-area .content h4 {   line-height: 30px;   margin-top: 15px;  } } @media screen and (min-width: 576px) and (max-width: 768px) {  .challanges .row .zero {   padding: 10px 10px !important;   font-size: 25px;   line-height: 30px;  } } @media screen and (max-width: 767px) {  .search-form {   height: unset;   padding-block: 20px;  }  .search-form-container .search-field {   max-width: unset;   margin-bottom: 10px;   height: 50px;  }  .search-form-container .filter {   max-width: unset;   margin-bottom: 10px;   height: 50px;  }  .search-form-container .filter-city {   max-width: unset;   margin-bottom: 10px;   height: 50px;  }  .search-form-container .filter-receptionist {   max-width: unset;   margin-bottom: 10px;   height: 50px;  }  .content-area .content h4 {   line-height: 30px;   margin-top: 15px;  }  .notification-card {   height: unset;   padding-block: 10px;  }  .metier-title .col {   gap: 20px;  }  .metier-title .col h2 {   font-size: 22px;   line-height: 30px;  } } .social-share {  list-style: none;  margin: 0;  padding: 0;  display: flex;  align-items: center;  justify-content: space-between;  max-width: 100%;  width: 200px; } .social-share li {  width: 40px;  height: 40px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%; } .social-share li a {  font-size: 2.5rem; } .social-share li a:hover {  text-decoration: none; } .social-share li a:before {  color: #000;  font-family: "icomoon"; } .social-share li:nth-child(1) a:before {  font-family: "icomoon-twitter" !important;  content: "\e910";  color: #5e6674; } .social-share li:nth-child(2) a:before {  content: "\e91f";  color: #5e6674; } .social-share li:nth-child(3) a:before {  content: "\e921";  color: #5e6674; } .social-share li:nth-child(4) a:before {  content: "\e91d";  color: #5e6674; } .file-zoom-dialog {  top: 60px; }