@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; } 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; } .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/ed68a279/./icomoon/icomoon.eot);  src: url(https://www.droit-inc.com/assets/ed68a279/./icomoon/icomoon.eot) format("embedded-opentype"), url(https://www.droit-inc.com/assets/ed68a279/./icomoon/icomoon.ttf) format("truetype"), url(https://www.droit-inc.com/assets/ed68a279/./icomoon/icomoon.woff) format("woff"), url(https://www.droit-inc.com/assets/ed68a279/./icomoon/icomoon.svg) format("svg");  font-weight: normal;  font-style: normal;  font-display: swap; } @font-face {  font-family: "icomoon-twitter";  src: url(https://www.droit-inc.com/assets/ed68a279/./icomoon-twitter/icomoon-twitter.eot);  src: url(https://www.droit-inc.com/assets/ed68a279/./icomoon-twitter/icomoon-twitter.eot) format("embedded-opentype"), url(https://www.droit-inc.com/assets/ed68a279/./icomoon-twitter/icomoon-twitter.ttf) format("truetype"), url(https://www.droit-inc.com/assets/ed68a279/./icomoon-twitter/icomoon-twitter.woff) format("woff"), url(https://www.droit-inc.com/assets/ed68a279/./icomoon-twitter/icomoon-twitter.svg) format("svg");  font-weight: normal;  font-style: normal;  font-display: swap; } [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; } .btn-publish {  background: var(--publishBtnBg);  color: var(--publishBtnColor);  border: solid 2px var(--publishBtnBorder);  display: inline-flex;  align-items: center;  justify-content: center; } .btn-publish:hover {  opacity: 0.85; } body:has(.header-common) main {  padding-top: 100px; } body:has(.header-common) main:has(.header-bottom) {  padding-top: 136px; } .header-wrapper:has(.dropdown-menu.show) {  z-index: 10000 !important; } @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: 76px;  }  body:has(.header-common) main:has(.header-bottom) {   padding-top: 100px;  }  img.header-guest-logo {   max-width: 150px;  }  .header-account-btn {   margin-left: 21px;  }  .header-guest .container .navbar-brand {   margin: 0 !important;  }  .header-bottom {   top: 76px !important;  }  .cat-nav {   max-width: 600px;  } } #mobile-dropdown .dropdown-menu {  left: 0 !important;  height: 100vh;  width: 100svw !important;  top: 134px !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 {  } .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%;  }  img.header-guest-logo {   max-width: 140px;  }  .mobile-notif-bell {   margin-left: 0 !important;  }  .header-account-btn {   margin-left: 15px !important;  }  .loggedIn-header .header-top .header-guest-right-menu .dropdown-menu ul li a p {   font-size: 18px !important;   line-height: 22px !important;  }  .loggedIn-header .header-top .header-guest-right-menu .dropdown-menu button {   font-size: 18px !important;   line-height: 22px !important;  } } .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: 73px;  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: 0.5rem;  color: #000; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns .top-candidate {  max-width: fit-content; } header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns .top-candidate .badge-top-candidate {  position: absolute;  top: 63%;  left: 63%;  max-width: 147px;  font-size: 14px;  line-height: 18px;  font-weight: 500;  color: var(--primary);  background-color: var(--base);  border: 1px solid var(--primary);  border-radius: 30px;  padding: 8px;  white-space: nowrap;  display: flex;  align-items: center; } 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;  max-width: 320px; } @media (max-width: 768px) {  header .header-top .header-guest-right-menu .header-nav-dropdown .dropdown-menu .dropdown-columns .description {   max-width: unset !important;  } } 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-block: 0.8rem !important; } 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 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;  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;  height: 50px;  display: inline-flex;  align-items: center;  justify-content: center; } header .header-top .header-guest-right-menu button svg {  flex-shrink: 0;  margin-top: -5px; } @media (max-width: 992px) {  header .header-top .header-guest-right-menu button {   padding: 16px 25px;  } } 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-outline:hover {  border-color: var(--primaryDark); } header .header-top .header-guest-right-menu button.btn-outline:hover > a {  color: var(--primaryDark); } header .header-top .header-guest-right-menu button a {  color: var(--primary);  font-size: 14px;  line-height: 18px;  font-weight: bold; } header .header-top .header-guest-right-menu button a:hover {  color: var(--primaryDark); } @media (max-width: 991px) {  header .header-top .header-guest-right-menu button a {   color: white !important;   font-size: 12px;   line-height: 15px;  } } @media (max-width: 991px) {  .header-top {   height: 76px !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;   max-height: 100vh;   overflow-y: auto;  } } @media (max-width: 992px) {  .cross {   margin-left: 20px;  } } .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 {  flex: 1;  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 {  } .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 {   background-color: var(--primary) !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 70px 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: var(--base); } .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: 18px !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; } .loggedIn-header .header-nav-dropdown .dropdown-menu ul li {  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;  } } .language-fullscreen-overlay {  position: absolute !important;  inset: 0 !important;  width: 100% !important;  height: 100% !important;  min-height: 400px !important;  background-color: #fff !important;  z-index: 1001 !important;  display: flex !important;  flex-direction: column !important;  opacity: 1 !important; } .language-fullscreen-overlay .language-header {  padding: 12px 20px; } .language-fullscreen-overlay .language-header .back-button {  background: none;  border: none;  color: #000;  cursor: pointer;  min-width: unset;  padding: 0; } .language-fullscreen-overlay .language-content {  padding-inline: 16px; } .language-fullscreen-overlay .language-content .language-options {  display: flex;  flex-direction: column;  gap: 12px;  padding-inline: 10px; } .language-fullscreen-overlay .language-content .language-options .language-name {  color: var(--primary);  font-size: 14px;  line-height: 18px;  font-weight: normal;  text-decoration: underline; } @media (min-width: 992px) {  .menu-star-icon {   margin: -7.5px;  } } .job-seeker-dropdown ul li {  position: relative;  border-bottom: 1px solid #ebebeb; } .job-seeker-dropdown ul li.big-hr {  border-bottom: 8px solid #ebebeb !important; } @media (min-width: 991px) {  .job-seeker-dropdown ul li.big-hr {   border-bottom: 1px solid #ebebeb !important;  } } .job-seeker-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); } .job-seeker-dropdown ul li a {  font-size: 16px;  line-height: 50px;  color: #000;  font-weight: bold; } .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);  z-index: 14000; } .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; } .recent-search-item .search-keyword {  color: black !important; } .recent-search-item .search-details span {  color: var(--primary) !important; } .recent-search-item button {  min-width: unset;  border: 0;  background: transparent;  color: black; } .recent-search-item button:hover {  color: var(--rpimary); } .recent-search-item button:focus {  box-shadow: none; } .home-page-candidat .post-a-job {  min-width: unset;  font-size: 18px;  line-height: 22px;  font-weight: bold;  height: 40px; } .home-page-candidat .hero-brand {  gap: 10px; } .home-page-candidat .hero-brand-icon {  height: 40px;  width: auto; } @media (max-width: 768px) {  .home-page-candidat .hero-brand-icon {   height: 35px;  } } .home-page-candidat .hero-brand-name {  color: var(--primary);  font-size: 28px;  font-weight: bold;  text-transform: uppercase;  letter-spacing: 6px;  margin: 0; } @media (max-width: 768px) {  .home-page-candidat .hero-brand-name {   font-size: 18px;   letter-spacing: 4px;  } } .home-page-candidat .hero-publish-btn {  display: none;  width: 318px;  max-width: 90%;  height: 40px;  background: #000000 0% 0% no-repeat padding-box;  border: none;  border-radius: 33px;  color: #fff;  font-size: 18px;  font-weight: bold;  white-space: nowrap;  margin: 65px auto 55px auto;  cursor: pointer;  align-items: center;  justify-content: center; } .home-page-candidat .hero-publish-btn svg {  flex-shrink: 0;  margin-top: -1px; } @media (max-width: 991px) {  .home-page-candidat .hero-publish-btn {   display: inline-flex;  } } @media (max-width: 348px) {  .home-page-candidat .hero-publish-btn {   font-size: 15px;   padding: 0 15px;  } } .home-page-candidat .hero-subtitle {  font-size: 20px;  line-height: 30px;  font-weight: bold;  color: black;  margin-bottom: 20px; } @media (max-width: 767px) {  .home-page-candidat .hero-subtitle {   font-size: 16px;   line-height: 22px;  } } .home-page-candidat h1 {  margin-bottom: 20px;  color: black; } @media (max-width: 768px) {  .home-page-candidat h1 {   font-size: 24px;   line-height: 29px;  } } .home-page-candidat p {  color: black;  font-size: 14px;  font-weight: 500;  margin-bottom: 20px; } .home-page-candidat .hero-cta {  font-size: 20px;  line-height: 24px;  color: #000000;  font-weight: 500; } .home-page-candidat .hero-cta-link {  color: var(--linkHighlight);  font-size: 20px;  line-height: 24px;  font-weight: bold;  text-decoration: underline; } .home-page-candidat .hero-cta-link:hover {  color: var(--primaryDark); } .home-page-candidat .search-form-wrapper {  max-width: 810px;  margin-inline: auto;  align-items: center;  gap: 1rem;  margin-bottom: 50px; } .home-page-candidat .search-form-wrapper .input-wrapper {  position: relative;  width: 100%; } .home-page-candidat .search-form-wrapper .input-wrapper input#keyWordHomeId {  width: 388px; } @media (max-width: 992px) {  .home-page-candidat .search-form-wrapper .input-wrapper input#keyWordHomeId {   width: 100%;  } } .home-page-candidat .search-form-wrapper .input-wrapper input#adresse_complete {  width: 160px; } @media (max-width: 992px) {  .home-page-candidat .search-form-wrapper .input-wrapper input#adresse_complete {   width: 100%;  } } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu {  border-radius: 21px; } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu .float-right {  text-decoration: underline;  font-size: 14px;  line-height: 20px;  color: var(--primary); } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu li {  font-size: 14px;  line-height: 20px;  font-weight: bold; } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu li a {  padding: 5px 0;  text-decoration: underline;  font-size: 14px;  line-height: 20px;  color: var(--primary); } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom {  width: 100% !important;  right: 0 !important;  left: auto !important;  top: 100% !important;  transform: translate(0, 0) !important;  will-change: auto !important; } @media (min-width: 768px) {  .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom {   width: 600px !important;  } } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .accordion .card {  border: 0; } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .accordion .card-header {  background: transparent;  padding-inline: 0;  margin-bottom: unset; } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .accordion .card-header .btn {  background: transparent;  border: 0;  color: black;  font-weight: bold;  padding-inline: 0;  font-size: 16px;  line-height: 1;  text-decoration: none;  display: flex;  justify-content: space-between;  align-items: center; } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .accordion .card-header .btn:focus, .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .accordion .card-header .btn:focus-visible {  border: 0;  outline: 0;  box-shadow: none; } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .accordion .card-header .btn .icon {  color: black !important;  text-decoration: none !important;  font-size: 38px !important; } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .accordion .card-body {  padding-inline: 0; } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .accordion .card-body label {  font-size: 16px; } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .accordion .card-body input {  height: unset; } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .button-group {  gap: 1rem; } @media (max-width: 768px) {  .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .button-group {   gap: 0.5rem;  } } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .button-group button {  width: 100%;  font-size: 14px;  border-width: 1px;  border: 1px solid black;  color: black;  background-color: transparent;  height: 40px; } @media (max-width: 768px) {  .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .button-group button {   font-weight: bold;   font-size: 20px;  } } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .button-group button:nth-child(1) {  border-color: var(--primary);  color: var(--primary); } .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .btn-research {  font-size: 14px;  line-height: 18px;  font-weight: bold;  height: 50px;  border-radius: 50px; } @media (max-width: 768px) {  .home-page-candidat .search-form-wrapper .input-wrapper .dropdown-menu-custom .btn-research {   font-size: 18px;  } } .home-page-candidat .search-form-wrapper .input-wrapper input, .home-page-candidat .search-form-wrapper .input-wrapper input.form-control {  padding-left: 35px;  box-sizing: border-box;  border: 1px solid;  border-radius: 30px;  font-size: 14px;  line-height: 18px;  height: 41px; } .home-page-candidat .search-form-wrapper .input-wrapper input::placeholder, .home-page-candidat .search-form-wrapper .input-wrapper input.form-control::placeholder {  color: #000000;  opacity: 1; } @media (max-width: 767px) {  .home-page-candidat .search-form-wrapper .input-wrapper input,  .home-page-candidat .search-form-wrapper .input-wrapper input.form-control {   height: 60px;  } } .home-page-candidat .search-form-wrapper .input-wrapper .input-icon {  position: absolute;  left: 10px;  top: 50%;  transform: translateY(-50%);  pointer-events: none; } .home-page-candidat .search-form-wrapper .input-wrapper input#keyWordHomeId {  width: 388px;  height: 41px !important;  border-color: #000000;  background: #FFFFFF; } @media (min-width: 768px) and (max-width: 991px) {  .home-page-candidat .search-form-wrapper .input-wrapper input#keyWordHomeId {   width: 280px;  } } @media (max-width: 767px) {  .home-page-candidat .search-form-wrapper .input-wrapper input#keyWordHomeId {   width: 100%;  } } .home-page-candidat .search-form-wrapper .input-wrapper input#adresse_complete {  width: 161px;  height: 41px !important;  border-color: #000000;  border-radius: 23px;  background: #FFFFFF; } @media (max-width: 768px) {  .home-page-candidat .search-form-wrapper .input-wrapper input#adresse_complete {   width: 100%;  } } .home-page-candidat .search-form-wrapper .input-wrapper .btn-filter {  width: 159px;  min-width: 159px;  font-size: 14px;  line-height: 18px;  height: 41px;  border: 1px solid #000000;  color: #000000;  font-weight: bold;  background: #FFFFFF;  border-radius: 30px;  white-space: nowrap; } @media (max-width: 767px) {  .home-page-candidat .search-form-wrapper .input-wrapper .btn-filter {   width: 100%;   gap: 0.7rem;  } } .home-page-candidat .search-form-wrapper .input-wrapper .btn-filter .input-icon {  left: auto;  right: 10px; } .home-page-candidat .search-form-wrapper .input-wrapper .btn-filter svg {  fill: var(--primary);  flex-shrink: 0; } @media (max-width: 767px) {  .home-page-candidat .search-form-wrapper .input-wrapper .btn-filter {   background: #FFFFFF;   border: 1px solid #000000;   color: #000000;   width: 100%;   height: 60px;   font-size: 16px;   line-height: 19px;   font-weight: bold;  }  .home-page-candidat .search-form-wrapper .input-wrapper .btn-filter svg {   fill: var(--primary);  }  .home-page-candidat .search-form-wrapper .input-wrapper .btn-filter .input-icon {   left: 20px;   right: auto;  } } .home-page-candidat .filters-search-btn {  width: 40px;  height: 40px;  background: var(--primary);  aspect-ratio: 1;  border-radius: 50%;  min-width: unset;  color: white; } .home-page-candidat .filters-search-btn:hover {  background: var(--primaryDark); } .home-page-candidat .filters-search-btn-mobile {  display: block;  width: 100%;  padding: 10px;  background: var(--primary);  color: white;  border: none;  border-radius: 20px;  font-size: 16px;  font-weight: bold;  text-align: center;  cursor: pointer;  margin-top: 10px; } .home-page-candidat .filters-search-btn-mobile:hover {  background: var(--primaryDark);  color: white;  text-decoration: none; } .home-page-candidat .job-titles-filter {  display: flex;  flex-wrap: wrap;  justify-content: center;  gap: 1rem;  max-width: 900px;  margin: 0 auto; } .home-page-candidat .job-titles-filter h3 {  margin: 0;  font-size: unset;  font-weight: normal; } .home-page-candidat .job-titles-filter h3 a, .home-page-candidat .job-titles-filter a, .home-page-candidat .job-titles-filter button {  min-width: auto;  padding: 8px 30px;  height: 34px;  color: #000000;  background: var(--pillBg) 0% 0% no-repeat padding-box;  font-size: 16px;  line-height: 19px;  font-weight: 500;  text-align: center;  text-decoration: none;  border: 1px solid var(--pillBorder);  border-radius: 50px;  display: inline-flex;  align-items: center; } .home-page-candidat .job-titles-filter h3 a:hover, .home-page-candidat .job-titles-filter a:hover, .home-page-candidat .job-titles-filter button:hover {  background-color: var(--pillBorder);  color: #000000;  text-decoration: none; } @media (max-width: 768px) {  .home-page-candidat .job-titles-filter h3 a, .home-page-candidat .job-titles-filter a, .home-page-candidat .job-titles-filter button {   padding-inline: 20px;  } } .home-page-candidat .job-titles-filter h3 a.show-less, .home-page-candidat .job-titles-filter a.show-less, .home-page-candidat .job-titles-filter button.show-less {  background-color: #f2f2f2;  color: #333; } .home-page-candidat .job-detail-cards {  background: #F0F0F0; } @media (max-width: 768px) {  .home-page-candidat .job-detail-cards {   background: transparent;  } } .home-page-candidat .job-detail-cards .row > [class*=col] {  margin-bottom: 2rem; } .home-page-candidat .job-detail-cards .btn-view-all-jobs {  display: inline-block;  padding: 12px 32px;  font-size: 16px;  font-weight: 600;  color: var(--primary);  background: #fff;  border: 2px solid var(--primary);  border-radius: 8px;  text-decoration: none;  transition: background 0.2s, color 0.2s; } .home-page-candidat .job-detail-cards .btn-view-all-jobs:hover {  background: var(--primary);  color: #fff;  text-decoration: none; } .home-page-candidat .job-detail-cards .card {  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  border: 1px solid #BEBEBE;  border-radius: 7px;  background: #FFFFFF;  height: 100%;  display: flex;  flex-direction: column; } .home-page-candidat .job-detail-cards .card-header {  background-color: transparent;  border: none;  gap: 1rem;  padding: 0; } .home-page-candidat .job-detail-cards .card-header .card-img {  width: 74px;  height: 74px;  min-width: 74px;  aspect-ratio: 1;  display: flex;  align-items: center;  justify-content: center;  background: var(--base);  border-radius: 8px;  overflow: hidden; } .home-page-candidat .job-detail-cards .card-header .card-img a {  display: flex;  align-items: center;  justify-content: center;  width: 100%;  height: 100%; } .home-page-candidat .job-detail-cards .card-header .card-img img {  max-width: 100%;  max-height: 100%;  object-fit: contain; } .home-page-candidat .job-detail-cards .card-header h5 {  margin-bottom: 0; } .home-page-candidat .job-detail-cards .card-header h5 a {  font-size: 16px;  line-height: 18px;  font-weight: bold;  color: black;  text-decoration: none; } .home-page-candidat .job-detail-cards .card-header a {  font-size: 13px;  line-height: 16px;  text-decoration: underline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; } .home-page-candidat .job-detail-cards .card-header a:hover {  color: var(--primaryDark); } .home-page-candidat .job-detail-cards .card-header .job-location-info {  font-size: 12px;  line-height: 15px;  font-weight: bold;  color: #000000;  margin-top: 9px; } .home-page-candidat .job-detail-cards .card .salary-wrapper {  height: 29.47px; } .home-page-candidat .job-detail-cards .card .salary-wrapper .salary {  font-size: 14px;  line-height: 18px;  color: black; } .home-page-candidat .job-detail-cards .card .salary-wrapper .salary svg {  margin-right: 0.5rem; } .home-page-candidat .job-detail-cards .card .job-type {  display: flex;  flex-wrap: wrap;  gap: 10px;  flex-grow: 1; } .home-page-candidat .job-detail-cards .card .job-type span {  background: var(--pillBorder) 0% 0% no-repeat padding-box;  color: var(--primary);  font-size: 12px;  line-height: 15px;  font-weight: bold;  border-radius: 21px;  padding: 7px 14px;  height: 30px;  display: flex;  align-items: center; } .home-page-candidat .job-detail-cards .card .job-type span:empty {  display: none; } .home-page-candidat .job-detail-cards .card-footer {  background-color: transparent;  border: none;  justify-content: space-between;  align-items: center;  padding: 0;  color: black;  flex-wrap: nowrap; } .home-page-candidat .job-detail-cards .card-footer > div:first-child {  flex: 1; } .home-page-candidat .job-detail-cards .card-footer .postulez-ici {  font-size: 14px;  line-height: 18px;  color: #000000;  text-decoration: none;  display: flex;  align-items: center;  gap: 4px;  white-space: nowrap;  margin-right: 28px; } @media (min-width: 768px) and (max-width: 1199px) {  .home-page-candidat .job-detail-cards .card-footer .postulez-ici {   font-size: 11px;   margin-right: 10px;  } } .home-page-candidat .job-detail-cards .card-footer .postulez-ici-arrow {  vertical-align: middle; } .home-page-candidat .job-detail-cards .card-footer .postulez-ici:hover {  text-decoration: none; } .home-page-candidat .job-detail-cards .card-footer .publish-time-wrapper {  display: flex;  align-items: center; } @media (max-width: 768px) {  .home-page-candidat .job-detail-cards .card-footer .publish-time-wrapper {   margin-left: auto;  } } @media (min-width: 769px) and (max-width: 991px) {  .home-page-candidat .job-detail-cards .card-footer .publish-time-wrapper {   margin-left: auto;  } } .home-page-candidat .job-detail-cards .card-footer .publish-time {  font-size: 10px;  line-height: 13px;  color: #000000;  white-space: nowrap;  margin-right: 27px; } @media (min-width: 768px) and (max-width: 1199px) {  .home-page-candidat .job-detail-cards .card-footer .publish-time {   margin-right: 10px;  } } .home-page-candidat .job-detail-cards .card-footer .like-icon {  width: 42px;  height: 42px;  min-width: 42px;  aspect-ratio: 1;  background: var(--pillBorder);  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  transition: all 0.3s ease;  flex-shrink: 0; } @media (min-width: 768px) and (max-width: 1199px) {  .home-page-candidat .job-detail-cards .card-footer .like-icon {   width: 36px;   height: 36px;   min-width: 36px;  } } .home-page-candidat .job-detail-cards .card-footer .like-icon:hover {  background: var(--pillBorder);  filter: brightness(0.95); } .home-page-candidat .job-detail-cards .card-footer .like-icon .heart, .home-page-candidat .job-detail-cards .card-footer .like-icon .heart-fill {  width: unset;  min-width: unset;  height: unset;  min-height: unset;  background: none; } .home-page-candidat .job-detail-cards .card-footer .like-icon svg {  transition: all 0.3s ease; } .home-page-candidat .job-detail-cards .card-footer .like-icon svg:hover {  transform: scale(1.1); } .home-page-candidat .job-detail-cards .card .featured-badge {  position: absolute;  top: -12px;  left: 16px;  background: var(--primary);  color: white;  padding: 4px 12px;  border-radius: 20px;  font-size: 12px;  font-weight: 500; } #showMoreMetiers.show-less {  background-color: #f2f2f2 !important;  color: #333 !important; } .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:not(.title-section--no-geometry)::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:not(.title-section--no-geometry):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:hover::after {  background-color: var(--primaryOpacity6); } .see-more::after {  content: "";  display: inline-block;  width: 16px;  height: 16px;  background-color: var(--primary);  mask: url(https://www.droit-inc.com/img/SI_braquette_voir_plus.svg) no-repeat center;  mask-size: contain;  -webkit-mask: url(https://www.droit-inc.com/img/SI_braquette_voir_plus.svg) no-repeat center;  -webkit-mask-size: contain;  vertical-align: middle;  margin-left: 8px; } .category-breadcrumb {  font-size: 14px;  line-height: 18px;  color: var(--primary); } @media (max-width: 991px) {  .category-breadcrumb {   margin-top: 20px;  } } .category-breadcrumb span:first-child {  text-decoration: underline; } .category-breadcrumb .current-category {  color: #000;  font-weight: 600; } .category-breadcrumb .breadcrumb-arrow {  display: inline-block;  width: 16px;  height: 16px;  background-color: var(--primary);  mask: url(https://www.droit-inc.com/img/SI_braquette_voir_plus.svg) no-repeat center;  mask-size: contain;  -webkit-mask: url(https://www.droit-inc.com/img/SI_braquette_voir_plus.svg) no-repeat center;  -webkit-mask-size: contain;  vertical-align: middle; } .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: 16px;  line-height: 1.6;  color: #000;  margin-bottom: 0.5em; } .post-content p a {  color: var(--primary) !important; } .post-content li {  font-size: 16px;  line-height: 1.6; } .post-content li::marker {  color: var(--primary); } .post-content ul li {  list-style-type: disc; } .post-content ul li::marker {  color: var(--primary); } .post-content ol li::marker {  color: var(--primary); } .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:not(.title-section--no-geometry)::before {   width: 25px;   height: 80px;   top: 0;  }  .title-section:not(.title-section--no-geometry):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:nth-child(2) {   margin: 0;  }  .blog__blog-display__loop-item__link:nth-child(5) {   margin: 0;  }  .blog__blog-display__loop-item__link {   width: 100%;  }  .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); } .blog-search-count {  margin-bottom: 1rem; } .blog-search-icon {  cursor: pointer; } .blog-search {  padding-bottom: 0rem;  margin-top: 0rem; } .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;  } } .ajsite-search-count {  margin-top: 20px; } @media (max-width: 991px) {  .ajsite-search-count {   margin-top: 50px;  } } .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-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-favorite-page .job__content {  background: transparent; } .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 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__filter__form {  position: fixed; } .job__content__publicity {  flex-basis: 25%; } .job__content__jobs {  margin: 0px auto;  max-width: 691px;  width: 100%;  overflow: inherit; } .job__content__jobs__item {  background: #fff;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  border-radius: 7px;  padding: 20px 20px;  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: center; } .job__content__jobs__item__top__img {  max-width: 74px;  max-height: 74px;  width: 100%;  height: 100%;  background-color: var(--base);  border-radius: 5px;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  aspect-ratio: 1;  display: flex;  align-items: center;  justify-content: center; } .job__content__jobs__item__top__link a:hover {  text-decoration: none; } .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; } @media (max-width: 576px) {  .job__content__jobs__item__title {   font-size: 14px;  } } .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;  gap: 1rem; } @media (max-width: 767px) {  .job__content__jobs__item__infos {   align-items: end;  } } .job__content__jobs__item__infos .meta-data {  gap: 0.5rem; } .job__content__jobs__item__infos__city {  background: var(--primary);  border-radius: 30px;  padding: 0.1rem 0.8rem;  color: white;  text-transform: capitalize;  font-size: 12px;  font-weight: bold; } .job__content__jobs__item__infos__type {  background: var(--primary);  border-radius: 30px;  padding: 0.1rem 0.8rem;  color: white;  text-transform: capitalize;  font-size: 12px;  font-weight: bold; } .job__content__jobs__item__infos__type:empty {  display: none; } .job__content__jobs__item__bottom {  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::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; } @media (max-width: 576px) {  .job__content__jobs__item__company p {   font-size: 13px;  } } .job__content__jobs__item__company a {  text-decoration: underline; } .job__content__jobs__item__company:hover {  text-decoration: none; } .job__content__jobs__item__action a {  font-weight: bold; } .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 {  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__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 {  } .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;  gap: 2rem;  flex-wrap: nowrap; } .application__left {  flex: 0 0 calc(40% - 1rem); } .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;  gap: 2rem;  flex-wrap: nowrap; } .cv__left {  flex: 0 0 calc(40% - 1rem);  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); } .cv__left__form__btn button, .cv__left__form__btn .btn {  font-weight: bold; } .message {  display: flex;  gap: 2rem;  flex-wrap: nowrap;  margin-top: 3rem; } .message__left {  flex: 0 0 calc(40% - 1rem);  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%;  resize: vertical;  min-height: 200px; } .message .card-header {  background: white; } .message #charCount {  font-weight: bold; } .message .text-danger #charCount {  font-size: 1.1em; } .preview-cover-letter {  color: var(--primary);  text-decoration: none;  font-size: 0.9rem; } .preview-cover-letter:hover {  text-decoration: underline; } #coverLetterPreviewModal .modal-dialog {  max-height: 90vh;  margin: 1rem auto; } #coverLetterPreviewModal .modal-dialog-centered {  display: flex;  align-items: center;  min-height: calc(100% - 2rem); } #coverLetterPreviewModal .modal-content {  height: 77vh;  display: flex;  flex-direction: column; } #coverLetterPreviewModal .modal-body {  flex: 1;  overflow: hidden;  padding: 1rem; } #coverLetterPreviewModal #coverLetterPreviewFrame {  width: 100%;  height: 100%;  border: none; } @media (max-width: 768px) {  .mt-1 {   flex-direction: column;   align-items: flex-start;  }  .mx-2 {   display: none;  }  .preview-cover-letter {   margin-top: 5px;  }  #coverLetterPreviewModal .modal-dialog {   margin: 0.5rem auto;   max-height: 95vh;  }  #coverLetterPreviewModal .modal-dialog-centered {   min-height: calc(100% - 1rem);  }  #coverLetterPreviewModal .modal-content {   height: 77vh;  }  #coverLetterPreviewModal .modal-header {   padding: 0.75rem 1rem;  }  #coverLetterPreviewModal .modal-footer {   padding: 0.75rem 1rem;   flex-wrap: wrap;   gap: 0.5rem;  }  #coverLetterPreviewModal .modal-footer .btn {   flex: 1;   min-width: 120px;  }  #coverLetterPreviewModal .modal-body {   padding: 0.75rem;  } } .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%; } @media only screen and (min-width: 992px) {  .postuler__job__detail.job-application-detail {   flex: 0 0 60%;  } } .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;  } } @media only screen and (max-width: 991px) {  .application {   flex-wrap: wrap;  }  .application__left {   flex: 0 0 100%;  }  .postuler__job__detail {   flex: 0 0 100%;   max-width: 100%;   width: 100%;   margin-top: 2rem;  }  .postuler__job__detail.job-view-page {   padding: 0;  }  .postuler__job__detail.job-view-page .job_index-content_description {   max-width: 100% !important;   width: 100% !important;  }  .cv {   flex-wrap: wrap;  }  .cv__left {   flex: 0 0 100%;  }  .message {   flex-wrap: wrap;  }  .message__left {   flex: 0 0 100%;  } } .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;  }  .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;  } } .title-alertes {  font-size: 24px;  font-weight: bold;  line-height: 28px;  color: #000;  margin-bottom: 1rem; } .desc-alertes {  font-size: 14px;  line-height: 29px;  color: #000;  margin-bottom: 1rem; } #accordion .card-header .btn, #accordionCriteres .card-header .btn, #accordionAlertes .card-header .btn {  background: var(--base);  color: var(--primary);  font-size: 20px;  line-height: 40px;  font-weight: bold;  border-color: var(--primaryOpacity6);  text-decoration: none; } #accordion .card-header .btn:hover, #accordionCriteres .card-header .btn:hover, #accordionAlertes .card-header .btn:hover {  text-decoration: none; } #accordion .card-header .btn:focus, #accordionCriteres .card-header .btn:focus, #accordionAlertes .card-header .btn:focus {  box-shadow: none; } #accordion .card-body label, #accordionCriteres .card-body label, #accordionAlertes .card-body label {  font-size: 16px;  line-height: 40px;  color: #000;  font-weight: bold;  margin-bottom: 0.5rem; } #accordion .card-body h5, #accordionCriteres .card-body h5, #accordionAlertes .card-body h5 {  font-size: 16px;  line-height: 40px;  color: #000;  font-weight: bold;  margin-bottom: 0.5rem;  margin-top: 2rem; } #accordion .card-body button, #accordionCriteres .card-body button, #accordionAlertes .card-body button {  min-width: unset;  margin-bottom: 1rem; } #accordion .card-body input, #accordionCriteres .card-body input, #accordionAlertes .card-body input {  background-color: var(--base);  border-radius: 50px; } #accordion .card-body textarea, #accordionCriteres .card-body textarea, #accordionAlertes .card-body textarea {  background-color: var(--base); } #accordion .card-body .accordion-btns, #accordionCriteres .card-body .accordion-btns, #accordionAlertes .card-body .accordion-btns {  gap: 1rem; } #accordion .card-body .accordion-btns .btn-cancel, #accordionCriteres .card-body .accordion-btns .btn-cancel, #accordionAlertes .card-body .accordion-btns .btn-cancel {  background-color: transparent;  color: var(--primary);  border: 0;  font-size: 16px;  line-height: 19px;  font-weight: bold; } #accordion .card-body .accordion-btns .btn-register, #accordionCriteres .card-body .accordion-btns .btn-register, #accordionAlertes .card-body .accordion-btns .btn-register {  font-size: 16px;  line-height: 19px;  font-weight: bold; } #accordion .card-body .btn-enregister, #accordionCriteres .card-body .btn-enregister, #accordionAlertes .card-body .btn-enregister {  height: 50px;  font-size: 22px;  line-height: 28px;  font-weight: bold;  border-radius: 50px; } #accordion .card-body .checkbox-wrapper label, #accordionCriteres .card-body .checkbox-wrapper label, #accordionAlertes .card-body .checkbox-wrapper label {  font-size: 18px;  line-height: 22px;  font-weight: unset; } #accordion .card-body select, #accordionCriteres .card-body select, #accordionAlertes .card-body select {  border: 2px solid var(--primary);  height: 41px;  border-radius: 50px;  padding: 8px 20px;  color: var(--primary); } #accordion .card-body .close-icon, #accordionCriteres .card-body .close-icon, #accordionAlertes .card-body .close-icon {  background-color: transparent;  border: 0;  color: black;  font-size: 41px;  margin: 0;  display: inline-block;  padding: 0;  line-height: 0; } @media (max-width: 767px) {  #accordion .card-body .close-icon,  #accordionCriteres .card-body .close-icon,  #accordionAlertes .card-body .close-icon {   line-height: 1;   font-size: 30px;  } } #accordion .card-body .saved-alert--title, #accordionCriteres .card-body .saved-alert--title, #accordionAlertes .card-body .saved-alert--title {  font-size: 16px;  line-height: 19px;  color: #000;  font-weight: bold;  margin-bottom: 0.5rem; } @media (max-width: 767px) {  #accordion .card-body .saved-alert--title,  #accordionCriteres .card-body .saved-alert--title,  #accordionAlertes .card-body .saved-alert--title {   font-size: 14px;   margin-bottom: 1rem;  } } #accordion .card-body .saved-alert--job, #accordionCriteres .card-body .saved-alert--job, #accordionAlertes .card-body .saved-alert--job {  font-size: 16px;  line-height: 30px;  color: var(--primary);  font-weight: bold;  margin-bottom: 0.5rem; } #accordion .card-body .saved-alert--location, #accordionCriteres .card-body .saved-alert--location, #accordionAlertes .card-body .saved-alert--location {  font-size: 14px;  line-height: 18px;  color: #000; } #accordion .card-body .saved-alert--distance, #accordionCriteres .card-body .saved-alert--distance, #accordionAlertes .card-body .saved-alert--distance {  font-size: 14px;  line-height: 18px;  color: #000; } #accordion .card-body .switch-wrapper, #accordionCriteres .card-body .switch-wrapper, #accordionAlertes .card-body .switch-wrapper {  gap: 3rem; } @media (max-width: 768px) {  #accordion .card-body .switch-wrapper,  #accordionCriteres .card-body .switch-wrapper,  #accordionAlertes .card-body .switch-wrapper {   gap: 0.05rem;  } } #accordion .card-body .switch-wrapper .cl-toggle-switch, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch {  position: relative;  display: flex;  align-items: center;  gap: 15px; } @media (max-width: 767px) {  #accordion .card-body .switch-wrapper .cl-toggle-switch,  #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch,  #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch {   flex-direction: column-reverse;   gap: 10px;  } } #accordion .card-body .switch-wrapper .cl-toggle-switch .label-left, #accordion .card-body .switch-wrapper .cl-toggle-switch .label-right, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .label-left, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .label-right, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .label-left, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .label-right {  font-size: 14px;  color: #000;  font-weight: bold;  line-height: 25px;  user-select: none; } @media (max-width: 767px) {  #accordion .card-body .switch-wrapper .cl-toggle-switch .label-left,  #accordion .card-body .switch-wrapper .cl-toggle-switch .label-right,  #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .label-left,  #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .label-right,  #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .label-left,  #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .label-right {   font-weight: normal;  } } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch {  position: relative;  display: inline-block;  margin-bottom: 0 !important; } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input {  appearance: none;  -moz-appearance: none;  -webkit-appearance: none;  z-index: -1;  position: absolute;  right: 6px;  top: -8px;  display: block;  margin: 0;  border-radius: 50%;  width: 40px;  height: 40px;  background-color: rgba(0, 0, 0, 0.38);  outline: none;  opacity: 0;  transform: scale(1);  pointer-events: none;  transition: opacity 0.3s 0.1s, transform 0.2s 0.1s; } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked {  right: -10px;  background-color: var(--base); } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::before, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::before, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::before {  background-color: var(--base); } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::after, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::after, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::after {  background-color: var(--primary);  transform: translateX(30px); } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover {  opacity: 0.04; } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:focus, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:focus, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:focus {  opacity: 0.12; } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover:focus, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover:focus, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover:focus {  opacity: 0.16; } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active {  opacity: 1;  transform: scale(0);  transition: transform 0s, opacity 0s; } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active + span::before, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active + span::before, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active + span::before {  background-color: #8f8f8f; } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:active + span::before, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:active + span::before, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:active + span::before {  background-color: var(--base); } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled {  opacity: 0; } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled + span::before, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled + span::before, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled + span::before {  background-color: #ddd; } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::before, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::before, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::before {  background-color: #bfdbda; } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::after, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::after, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::after {  background-color: #61b5b4; } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::before, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::before, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::before {  content: "";  float: right;  display: inline-block;  margin: 5px 10px;  border-radius: 20px;  width: 42px;  height: 24px;  background-color: rgba(0, 0, 0, 0.38);  vertical-align: top;  transition: background-color 0.2s, opacity 0.2s; } #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::after, #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::after, #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::after {  content: "";  position: absolute;  top: 1.5px;  right: 30px;  border-radius: 50%;  width: 32px;  height: 32px;  background-color: #fff;  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);  transition: background-color 0.2s, transform 0.2s; } #accordion .accordion-details h5, #accordionCriteres .accordion-details h5, #accordionAlertes .accordion-details h5 {  font-size: 16px;  color: #000;  margin-bottom: 1rem; } #accordion .accordion-details p, #accordionCriteres .accordion-details p, #accordionAlertes .accordion-details p {  color: #000;  font-size: 14px;  margin-bottom: 1rem; } .mes-btns {  font-weight: bold;  font-size: 17px; } .page-max-width {  margin: 0 auto; } .page-max-width #heading-icon {  display: inline-flex;  align-items: center;  margin-right: 20px; } @media (max-width: 767px) {  .page-max-width #heading-icon {   margin-right: 10px;  } } .page-max-width #heading-icon svg {  width: 30px;  height: 30px; } @media (max-width: 767px) {  .page-max-width #heading-icon svg {   width: 20px;   height: 20px;  } } .page-max-width #heading-text {  font-size: 31px;  font-weight: bold;  line-height: 38px;  color: #000;  text-transform: uppercase; } @media (max-width: 767px) {  .page-max-width #heading-text {   font-size: 22px;   line-height: 27px;  } } .page-max-width .jobs-tabs-wrapper .nav-pills {  border-bottom: 1px solid #000;  gap: 1.5rem; } @media (max-width: 767px) {  .page-max-width .jobs-tabs-wrapper .nav-pills {   position: absolute;   top: 76px;   width: 100%;   left: 0;   padding-inline: 1rem;   background: var(--primaryLight);   border-color: transparent !important;  } } .page-max-width .jobs-tabs-wrapper .nav-pills .nav-link {  font-size: 18px;  font-weight: bold;  color: #000;  min-width: unset;  padding: 0.5rem 0; } .page-max-width .jobs-tabs-wrapper .nav-pills .nav-link.active {  color: var(--primary);  border-bottom: 6px solid var(--primary);  background: transparent;  border-radius: 0%; } .cv-preview-container {  background: #f8f9fa;  border-radius: 8px;  padding: 1rem; } .cv-preview-wrapper {  border: 2px solid #dee2e6;  border-radius: 4px;  overflow: hidden;  cursor: pointer;  transition: all 0.3s ease; } .cv-preview-wrapper:hover {  border-color: var(--primary);  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .cv-preview-wrapper.zoomed {  position: fixed;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  width: 90vw;  height: 60vh;  z-index: 9999;  max-width: 1200px; } .cv-preview-wrapper.zoomed .cv-preview-frame {  height: calc(90vh - 60px); } .cv-preview-wrapper.zoomed .cv-preview-frame iframe {  height: 100% !important; } @media (max-width: 768px) {  .cv-preview-wrapper.zoomed {   width: 95vw;   height: 66vh;   max-height: calc(90vh - 120px);  }  .cv-preview-wrapper.zoomed .cv-preview-frame {   height: calc(80vh - 60px);  } } .cv-preview-header {  background: white;  padding: 0.75rem 1rem;  border-bottom: 1px solid #dee2e6;  display: flex;  justify-content: space-between;  align-items: center; } .cv-preview-header h6 {  margin: 0;  color: var(--primary); } .cv-preview-frame {  background: white;  overflow: hidden; } .cv-preview-frame iframe {  border: none;  display: block; } .cv-zoom-overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.8);  z-index: 9998;  display: none; } .cv-zoom-overlay.active {  display: block; } .cv-preview-actions {  display: flex;  gap: 1rem;  justify-content: center;  flex-wrap: wrap; } .cv-preview-actions .btn {  font-weight: bold; } .cv-preview-actions .btn-outline-primary {  background-color: var(--primary);  border-color: var(--primary);  color: white; } .cv-preview-actions .btn-outline-primary:hover {  background-color: var(--primary);  border-color: var(--primary);  color: white;  filter: brightness(0.85); } @media (max-width: 768px) {  .cv-preview-actions .btn {   flex: 1;   min-width: 150px;  } } .cv-no-preview .btn {  font-weight: bold; } @media (max-width: 768px) {  .cv-no-preview {   padding: 0.75rem;  } } .alert-switch {  position: relative !important;  display: inline-block !important;  width: 35px !important;  height: 18px !important;  top: unset !important;  left: unset !important;  padding: 0 !important;  transform: none;  margin: 0 0 0 10px; } .alert-switch input {  opacity: 0;  width: 0;  height: 0; } .alert-switch input:checked + .slider {  background: var(--base); } .alert-switch input:focus + .slider {  box-shadow: 0 0 1px var(--primary); } .alert-switch input:checked + .slider:before {  transform: translateX(13px); } .alert-switch .slider {  position: absolute;  cursor: pointer;  inset: 0;  background: lightgrey;  border-radius: 50px;  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .alert-switch .slider:before {  position: absolute;  content: "";  display: flex;  align-items: center;  justify-content: center;  height: 22px;  width: 22px;  top: -2px;  left: 0;  background-color: var(--primary);  border-radius: 50%;  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .job_index_info-bar > div:nth-child(1) {  width: 11%; } .job_index_info-bar > div:nth-child(1) a.nav-link {  display: flex;  align-items: center;  gap: 0.3rem; } .job_index_info-bar > div:nth-child(2) {  flex: 1; } .job_index_info-bar > div:nth-child(3) {  margin-left: auto; } @media (max-width: 1200px) {  .job_index_info-bar > div:nth-child(1) {   width: 11%;  }  .job_index_info-bar > div:nth-child(2) {   flex: 1;  }  .job_index_info-bar > div:nth-child(3) {   margin-left: auto;  } } .job_index {  position: relative; } .job_index form input {  display: inline-block;  padding: 0; } .job_index form label {  display: inline;  font-size: 14px; } .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;  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 {  background: white;  border: 2px solid var(--primary);  border-radius: 25px;  margin: 0;  padding: 9px 10px;  display: block; } .job_index_search-main_container label {  font-weight: bold;  margin: 0 5px 0 0;  width: 35px; } .job_index_search-main_container input:focus-visible {  outline: none; } .job_index_search-main button {  min-width: unset; } .job_index_search-filter {  margin: 10px 0; } .job_index_search-filter-item {  position: relative;  margin: 5px 0 15px; } .job_index_search-filter-item > span {  font-weight: bold;  position: relative;  z-index: 5;  cursor: pointer;  display: none; } .job_index_search-filter-item > span::after {  content: "";  width: 8px;  height: 8px;  border-bottom: 2.5px solid #000000;  border-right: 2.5px solid #000000;  transform: rotate(45deg);  flex-shrink: 0;  margin-top: -3px;  transition: transform 0.3s ease; } .job_index_search-filter-item > span.open::after {  transform: rotate(-135deg);  margin-top: 3px; } .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: 1px solid #BEBEBE;  border-radius: 7px;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  padding: 15px;  margin: 0 0 20px;  height: 262px;  display: flex;  flex-direction: column;  cursor: pointer;  position: relative; } .job_index-content_list_item:has(.job-match-reason) {  height: auto;  min-height: 262px; } .job_index-content_list_item-feature {  position: absolute;  top: -12px;  left: 16px;  background: var(--primary);  color: white;  padding: 4px 12px;  border-radius: 20px;  font-size: 12px;  font-weight: 500; } .job_index-content_list_item-title {  color: black;  font-weight: bold;  font-size: 16px;  line-height: 18px;  margin-bottom: 2px;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; } .job_index-content_list_item-title:hover {  color: var(--primary); } .job_index-content_list_item-logo {  margin: 0 10px 10px 0px;  max-width: 74px;  max-height: 74px;  width: 74px;  height: 74px;  object-fit: contain;  background: var(--base);  border-radius: 8px; } .job_index-content_list_item-company {  font-size: 13px;  line-height: 16px;  color: var(--primary);  text-decoration: underline;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; } .job_index-content_list_item-company:hover {  text-decoration: none; } .job_index-content_list_item .job-location-info {  font-size: 12px;  line-height: 15px;  font-weight: bold;  color: #000000;  margin-top: 9px; } .job_index-content_list_item_infos {  display: flex;  align-items: center;  flex-wrap: wrap;  gap: 0.5rem; } .job_index-content_list_item_infos-salary {  font-size: 14px;  line-height: 18px;  color: black;  display: flex;  align-items: center; } .job_index-content_list_item_infos-salary span {  font-weight: bold; } .job_index-content_list_item_infos-type {  background: var(--pillBorder);  border-radius: 21px;  padding: 7px 14px;  height: 30px;  display: flex;  align-items: center;  color: var(--primary);  font-size: 12px;  line-height: 15px;  font-weight: bold; } .job_index-content_list_item_infos-type:empty {  display: none; } .job_index-content_list_item_footer {  display: flex;  align-items: center;  justify-content: space-between;  flex-wrap: nowrap;  margin-top: auto; } .job_index-content_list_item_footer > div:first-child {  flex: 1; } .job_index-content_list_item_footer .postulez-ici {  font-size: 14px;  line-height: 18px;  color: #000000;  text-decoration: none;  display: flex;  align-items: center;  gap: 4px;  white-space: nowrap;  margin-right: 28px; } @media (min-width: 768px) and (max-width: 1199px) {  .job_index-content_list_item_footer .postulez-ici {   font-size: 11px;   margin-right: 10px;  } } .job_index-content_list_item_footer .postulez-ici-arrow {  vertical-align: middle; } .job_index-content_list_item_footer .postulez-ici:hover {  text-decoration: none; } .job_index-content_list_item_footer .publish-time-wrapper {  display: flex;  align-items: center;  margin-left: auto; } .job_index-content_list_item_footer .publish-time {  font-size: 10px;  line-height: 13px;  color: #000000;  white-space: nowrap;  margin-right: 27px; } @media (min-width: 768px) and (max-width: 1199px) {  .job_index-content_list_item_footer .publish-time {   margin-right: 10px;  } } .job_index-content_list_item_footer .like-icon {  width: 42px;  height: 42px;  min-width: 42px;  aspect-ratio: 1;  background: var(--pillBorder);  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  flex-shrink: 0; } @media (min-width: 768px) and (max-width: 1199px) {  .job_index-content_list_item_footer .like-icon {   width: 36px;   height: 36px;   min-width: 36px;  } } .job_index-content_list_item_footer .like-icon:hover {  filter: brightness(0.95); } .job_index-content_list_item_footer .like-icon .heart, .job_index-content_list_item_footer .like-icon .heart-fill {  width: 20px;  min-width: 20px;  height: 18px;  min-height: 18px;  font-size: 0.9rem;  background: transparent;  border: none;  color: var(--primary); } .job_index-content_list_item_footer-published {  font-size: 12px;  line-height: 15px;  color: black;  display: flex;  align-items: center; } .job_index-content_list_item_description {  height: 0;  overflow: hidden; } .job_index-content_list_item_description button {  margin: 15px 0; } .job_index-content_description {  display: none; } .job_index .pagination {  width: 100%; } .job_index_info-bar {  border-bottom: 1px solid #e8e8e8;  gap: 1rem; } .job_index_info-bar .search-result {  color: black;  font-size: 14px;  line-height: 18px;  font-weight: bold; } .job_index_info-bar .nav-tabs {  border: 0; } .job_index_info-bar .nav-tabs .nav-item .nav-link {  color: var(--primary);  opacity: 0.5;  font-size: 14px;  line-height: 26px;  font-weight: bold;  border: 0; } .job_index_info-bar .nav-tabs .nav-item .nav-link:hover {  background-color: var(--base); } .job_index_info-bar .nav-tabs .nav-item .nav-link.active {  opacity: 1;  border: 0; } .job_index-content_description_content-description h1, .job_index-content_description_content-description h2, .job_index-content_description_content-description h3, .job_index-content_description_content-description h4, .job_index-content_description_content-description h5, .job_index-content_description_content-description .desc-h1, .job_index-content_description_content-description .desc-h2, .job_index-content_description_content-description .desc-h3, .job_index-content_description_content-description .desc-h4, .job_index-content_description_content-description .desc-h5 {  color: black;  font-size: 30px;  line-height: 37px;  font-weight: bold; } .job_index-content_description_content-description p {  color: black; } .job_index-content_description_content-description ul li {  color: black; } .job_index-content_description_content-description ul li::marker {  color: var(--primary);  font-size: 25px;  line-height: 1; } @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;   margin: 20px 0;   align-items: center;  }  .job_index_search-main_container {   margin: 0;  }  .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-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_mobile {   display: none;  }  .job_index-content {   display: flex;   justify-content: space-between;  }  .job_index-content_list {   width: 34%;   min-height: 50px;  }  .job_index-content_description {   display: block;   width: 64%;   min-height: 50px;   position: sticky;   top: 115px;   border-radius: 13px;   padding: 40px 50px;   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 {   margin: 0 0 1rem;   background: white;   border-bottom: 1px solid lightgray;  }  .job_index-content_description_header-logo {   max-width: 80px;   aspect-ratio: 1;   background: var(--base);   object-fit: contain;   cursor: pointer;  }  .job_index-content_description_header-title {   color: black;   width: fit-content;   font-size: 24px;   line-height: 24px;   font-weight: bold;   display: block;   margin: 0 0 10px;  }  .job_index-content_description_header-title:hover {   color: black;  }  .job_index-content_description_header-company {   color: var(--primary);   font-size: 18px;   line-height: 22px;   text-decoration: underline;   display: block;  }  .job_index-content_description_header-company:hover {   color: var(--primary);   text-decoration: none;  }  .job_index-content_description_header-location {   display: flex;   align-items: center;   gap: 5px;   margin-top: 5px;  }  .job_index-content_description_header-location svg {   width: 15px;   height: 22px;   flex-shrink: 0;  }  .job_index-content_description_header-city {   font-size: 18px;   line-height: 22px;   font-weight: bold;   color: black;  }  .job_index-content_description_header .meta-data {   gap: 25px;   margin-top: 19px;   margin-bottom: 25px;  }  .job_index-content_description_header-salary {   font-size: 16px;   line-height: 19px;   font-weight: bold;   color: black;   white-space: nowrap;  }  .job_index-content_description_header-salary span {   font-weight: bold;  }  .job_index-content_description_header-type {   background: var(--pillBorder);   border-radius: 21px;   padding: 7px 14px;   height: 30px;   display: flex;   align-items: center;   color: var(--primary);   font-size: 12px;   line-height: 15px;   font-weight: bold;   white-space: nowrap;  }  .job_index-content_description_header-type:empty {   display: none;  }  .job_index-content_description_header-published {   font-size: 14px;   line-height: 18px;   color: black;  }  .job_index-content_description_header_action {   display: flex;   align-items: center;   justify-content: space-between;  }  .job_index-content_description_header_action-apply {   min-width: unset;   font-size: 14px;   line-height: 18px;   font-weight: bold;   height: 50px;   border-radius: 25px;   padding-inline: 2rem;   max-width: 132px;  }  .job_index-content_description_footer {   gap: 15px;   border-bottom: 1px solid var(--base);   padding-bottom: 1rem;   margin-top: 25px;  }  .job_index-content_description_footer .like-icon {   width: 50px;   height: 50px;   min-width: 50px;   background: var(--pillBorder);   border-radius: 50%;  }  .job_index-content_description_footer .like-icon .heart, .job_index-content_description_footer .like-icon .heart-fill {   width: 25px;   min-width: 25px;   height: 22px;   min-height: 22px;   font-size: 1.1rem;   background: transparent;   border: none;   color: var(--primary);  }  .job_index-content_description_footer .copy-link {   width: 45px;   height: 45px;   min-width: 45px;   background: #FFFFFF;   border: 1px solid var(--primary);   border-radius: 50%;   display: flex;   align-items: center;   justify-content: center;   cursor: pointer;  }  .job_index-content_description_footer .copy-link i {   color: var(--primary);   font-size: 26px;  }  .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_filters-selected {   gap: 1rem;  }  .job_index_filters-selected-item {   background: var(--base);   border-radius: 25px;   color: var(--primary);   font-size: 14px;   line-height: 18px;   padding: 12px 19px;  }  .job_index .pagination {   width: 34%;  } } @media (max-width: 992px) {  .job_index-content_list_item_description_footer {   gap: 1rem;  }  .job_index-content_list_item_description_footer button {   min-width: unset;   font-size: 14px;   line-height: 15px;   padding: 9px 20px;  }  .job_index-content_list_item_description_footer .heart, .job_index-content_list_item_description_footer .heart-fill {   width: 37px;   height: 37px;   border: 1px solid var(--base);   background: var(--base);  }  .job_index-content_list_item_description_footer .copy-link {   width: 37px;   height: 37px;   border: 1px solid var(--primary);   border-radius: 50%;   display: flex;   align-items: center;   justify-content: center;  }  .job_index-content_list_item_description_footer .copy-link i {   color: var(--primary);  }  .job_index-content_list_item_description_footer .published {   font-size: 12px;   color: black;  }  .job_index-content_list_item_description h1,  .job_index-content_list_item_description h2,  .job_index-content_list_item_description h3,  .job_index-content_list_item_description h4,  .job_index-content_list_item_description h5,  .job_index-content_list_item_description h6 {   color: black;   font-size: 30px;   line-height: 37px;   font-weight: bold;  }  .job_index-content_list_item_description p {   color: black;   font-size: 16px;   line-height: 26px;  }  .job_index-content_list_item_description ul li {   color: black;   font-size: 16px;   line-height: 26px;  }  .job_index_filters-selected {   flex-wrap: wrap;   gap: 1rem;  }  .job_index_filters-selected-item {   background: var(--base);   border-radius: 25px;   color: var(--primary);   font-size: 13px;   line-height: 16px;   padding: 8px 18px;  } } .job_index_search-main .input-wrapper input, .job_index_search-main .input-wrapper input.form-control {  padding-left: 35px;  box-sizing: border-box;  border: 1px solid #000000;  border-radius: 30px;  font-size: 14px;  line-height: 18px;  height: 41px;  background: #FFFFFF; } .job_index_search-main .input-wrapper input::placeholder, .job_index_search-main .input-wrapper input.form-control::placeholder {  color: #000000;  opacity: 1; } .job_index_search-main .input-wrapper .input-icon {  position: absolute;  left: 10px;  top: 50%;  transform: translateY(-50%);  pointer-events: none; } .job_index_search-main .input-wrapper:has(#keyWordHomeId) {  max-width: 388px;  flex-shrink: 0; } @media (min-width: 1201px) {  .job_index_search-main .input-wrapper:has(#keyWordHomeId) {   margin-right: 10px;  } } @media (min-width: 768px) and (max-width: 991px) {  .job_index_search-main .input-wrapper:has(#keyWordHomeId) {   max-width: 280px;  } } .job_index_search-main #keyWordHomeId {  width: 100%; } .job_index_search-main .input-wrapper:has(#adresse_complete) {  width: 161px;  min-width: 161px;  flex-shrink: 0; } @media (min-width: 1201px) {  .job_index_search-main .input-wrapper:has(#adresse_complete) {   margin-right: 10px;  } } @media (max-width: 991px) {  .job_index_search-main .input-wrapper:has(#adresse_complete) {   width: 100%;   min-width: unset;  } } .job_index_search-main #adresse_complete {  width: 100%;  height: 41px; } .job_index_search-main .filters-search-btn {  width: 40px;  height: 40px;  background: var(--primary);  aspect-ratio: 1;  border-radius: 50%;  min-width: unset;  color: white;  margin-right: 12px; } .job_index_search-main .filters-search-btn:hover {  background: var(--primaryDark); } .job_index_search-main .job_index_search-filter-item > span {  height: 41px;  border: 1px solid #000000;  border-radius: 30px;  background: #FFFFFF;  color: #000000;  font-size: 14px;  line-height: 18px;  font-weight: bold;  display: flex;  align-items: center;  justify-content: center;  gap: 8px;  padding: 9px 10px;  white-space: nowrap; } .job_index_search-main .job_index_search-filter-item > span::after {  content: "";  width: 8px;  height: 8px;  border-bottom: 2.5px solid #000000;  border-right: 2.5px solid #000000;  transform: rotate(45deg);  flex-shrink: 0;  margin-top: -3px;  transition: transform 0.3s ease; } .job_index_search-main .job_index_search-filter-item > span.open::after {  transform: rotate(-135deg);  margin-top: 3px; } .job_index_search-main .job_index_search-filter-item-distance {  width: 190px; } .job_index_search-main .job_index_search-filter-item-distance > span {  border-width: 3px; } @media (min-width: 1201px) {  .job_index_search-main .job_index_search-filter-item-distance {   margin-right: 10px;  } } .job_index_search-main .job_index_search-filter-item-salarie {  width: 121px; } .job_index_search-main .job_index_search-filter-item-salarie > span {  border-width: 3px; } @media (min-width: 1201px) {  .job_index_search-main .job_index_search-filter-item-salarie {   margin-right: 10px;  } } .job_index_search-main span.job_index_search-filter-item-filter {  width: 159px;  background: #FFFFFF;  color: #000000;  border: 1px solid #000000;  justify-content: center;  gap: 8px; } .job_index_search-main span.job_index_search-filter-item-filter::after {  display: none; } .job_index_search-main span.job_index_search-filter-item-filter svg {  width: 15px;  height: 17px;  fill: var(--primary);  flex-shrink: 0; } @media (min-width: 1201px) {  .job_index_search-main span.job_index_search-filter-item-filter {   margin-right: 10px;  } } .job_index_search-main .btn-filter {  width: 159px;  min-width: 159px;  font-size: 14px;  line-height: 18px;  height: 41px;  border: 1px solid #000000;  color: #000000;  font-weight: bold;  background: #FFFFFF;  border-radius: 30px;  white-space: nowrap; } .job_index_search-main .btn-filter svg {  fill: var(--primary);  flex-shrink: 0; } @media (min-width: 992px) and (max-width: 1200px) {  .job_index_search-main {   flex-wrap: wrap;   gap: 10px;  }  .job_index_search-main .input-wrapper:has(#keyWordHomeId) {   flex: 1;   max-width: none;   margin-right: 0;  }  .job_index_search-main .input-wrapper:has(#adresse_complete) {   width: 150px;   min-width: 150px;  }  .job_index_search-main .job_index_search-filter-item-distance {   width: auto;  }  .job_index_search-main .job_index_search-filter-item-distance > span {   padding: 9px 14px;  }  .job_index_search-main .job_index_search-filter-item-salarie {   width: auto;  }  .job_index_search-main .job_index_search-filter-item-salarie > span {   padding: 9px 14px;  }  .job_index_search-main .filters-search-btn {   margin-left: 0;  } } .btn-group {  border: 1px solid var(--primary);  border-radius: 30px;  height: 44px;  width: 100%;  display: flex; } .btn-group .dropdown-wrapper {  margin: 0;  background: transparent;  position: relative;  display: flex;  align-items: center; } .btn-group .dropdown-wrapper.full-width {  width: 100%; } .btn-group .dropdown-wrapper .dropdown-menu {  display: none;  position: absolute;  top: 100%;  left: 0;  width: 100%;  z-index: 1000; } .btn-group .dropdown-wrapper .dropdown-menu.show {  display: block; } .btn-group .dropdown-wrapper .input-group-prepend {  background: transparent;  border: 0;  margin-right: 5px;  display: block; } .btn-group .dropdown-wrapper .input-group-prepend.hide-icon {  display: none !important; } .btn-group .dropdown-wrapper .input-group-text {  background: transparent;  border: 0; } .btn-group .dropdown-wrapper .input-group-text-city {  position: relative; } .btn-group .dropdown-wrapper .input-group-text-city:before {  content: "";  position: absolute;  left: 0;  top: 50%;  transform: translateY(-50%);  width: 1px;  height: 20px;  background: var(--primary); } .btn-group .dropdown-wrapper .input-group-prepend {  margin: 0;  background: transparent; } .btn-group .dropdown-wrapper input {  border: 0;  background: transparent;  border-radius: 30px;  padding-inline: 0;  color: black;  font-size: 16px;  line-height: 19px;  font-weight: normal; } .btn-group .dropdown-wrapper input::placeholder {  font-size: 16px;  line-height: 19px;  font-weight: normal; } .btn-group .dropdown-wrapper button {  min-width: unset;  border-radius: 0 30px 30px 0; } .btn-group .dropdown-wrapper button:focus, .btn-group .dropdown-wrapper button:focus-within {  border-radius: 30px; } .dropdown-wrapper:focus-within .input-group-text-city:before {  opacity: 0; } div#selected-filters-container-mobile .filter-tag, div#selected-filters-list .filter-tag {  width: max-content;  background: var(--pillBorder) !important;  border: none !important;  border-radius: 23px !important;  padding: 7px 14px !important;  height: 41px;  color: var(--primary) !important;  font-size: 14px; } @media (max-width: 991px) {  div#selected-filters-container-mobile .filter-tag,  div#selected-filters-list .filter-tag {   height: 34px;   padding: 5px 12px !important;   font-size: 12px;  } } div#selected-filters-container-mobile .filter-tag button, div#selected-filters-list .filter-tag button {  min-width: unset;  color: var(--primary) !important;  font-size: 14px !important;  font-weight: bold !important; } @media (max-width: 991px) {  div#selected-filters-container-mobile .filter-tag button,  div#selected-filters-list .filter-tag button {   font-size: 12px !important;  } } .job_index_search-filter-item-list {  border-radius: 20px;  min-width: 200px; } .job_index_search-filter-item-list.job_index_search-filter-item-list-show {  border: 1px solid lightgray;  padding: 1rem; } .job_index_search-filter-item-list.job_index_search-filter-item-list-show ul {  margin-bottom: 0; } .filtres-dropdown {  top: 110%;  width: 600px;  background: white;  right: 0;  border-radius: 20px; } .filtres-dropdown.job_index_search-filter-item-list-show {  border: 1px solid lightgray;  padding: 24px; } .filtres-dropdown .button-group {  gap: 1rem; } .filtres-dropdown .button-group button {  width: 100%;  height: 40px;  border-width: 1px; } .filtres-dropdown .button-group button:nth-child(1) {  border-color: var(--primary);  color: var(--primary); } .filtres-dropdown .btn-research {  font-size: 14px;  line-height: 18px;  font-weight: bold;  height: 50px;  border-radius: 50px; } @media (max-width: 768px) {  .filtres-dropdown .btn-research {   font-size: 18px;  } } .filtres-dropdown .accordion .card {  border: 0; } .filtres-dropdown .accordion .card-header {  background: transparent;  padding-inline: 0;  margin-bottom: unset; } .filtres-dropdown .accordion .card-header .btn {  background: transparent;  border: 0;  color: black;  font-weight: bold;  padding-inline: 0;  font-size: 16px;  line-height: 1;  text-decoration: none;  display: flex;  justify-content: space-between;  align-items: center; } .filtres-dropdown .accordion .card-header .btn:focus, .filtres-dropdown .accordion .card-header .btn:focus-visible {  border: 0;  outline: 0;  box-shadow: none; } .filtres-dropdown .accordion .card-header .btn .icon {  color: black !important;  text-decoration: none !important;  font-size: 38px !important; } .filtres-dropdown .accordion .card-body {  padding-inline: 0; } .filtres-dropdown .accordion .card-body label {  font-size: 16px; } .filtres-dropdown .accordion .card-body input {  height: unset; } #dropdown3 {  border-radius: 20px;  padding: 1.5rem; } #dropdown3 #mobile-filters .card {  border: 0; } #dropdown3 #mobile-filters .card .card-header {  background: white;  margin-bottom: unset;  padding: 0; } #dropdown3 #mobile-filters .card .card-header button {  background: transparent;  border: 0;  color: black;  font-weight: bold;  padding-inline: 0;  font-size: 16px;  text-decoration: none;  display: flex;  justify-content: space-between;  align-items: center; } #dropdown3 #mobile-filters .card .card-header button span {  font-size: 38px; } #dropdown3 #mobile-filters .card .card-header button:focus, #dropdown3 #mobile-filters .card .card-header button:focus-visible, #dropdown3 #mobile-filters .card .card-header button:focus-within {  border: 0;  outline: 0;  box-shadow: none; } #dropdown3 .mobile-filters-footer button {  width: 100% !important;  border-radius: 30px !important;  border-width: 1px !important;  font-weight: bold; } #dropdown3 .mobile-filters-footer button:nth-child(1) {  border-color: var(--primary);  color: var(--primary); } #dropdown3:focus ~ #applyBtn {  border-radius: 30px; } @media (max-width: 991px) {  .job_index-content_description,  .job_index-content_list_item_description {   display: none !important;  } } .job-drawer {  background: white;  position: fixed;  height: 90vh;  z-index: 9999;  bottom: -100%;  left: 50%;  transform: translateX(-50%);  width: 95%;  padding: 1rem;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  transition: bottom 0.4s ease-in-out;  display: flex;  flex-direction: column; } .job-drawer-content {  flex: 1;  display: flex;  flex-direction: column;  overflow: hidden; } .job-drawer-content .drawer-body {  flex-grow: 1;  overflow-y: auto;  padding-right: 1rem;  max-height: 100%;  padding-top: 2rem; } .job-drawer-content .drawer-body .job_index-content_description_content-description {  margin-bottom: 2rem; } .job-drawer-content .drawer-body .action_Btns-after-description {  gap: 15px;  margin-top: 25px;  margin-bottom: 6rem; } .job-drawer-content .drawer-body .action_Btns-after-description .actionBtn button {  font-size: 14px;  font-weight: bold;  min-width: unset;  height: 50px;  border-radius: 25px;  padding-inline: 2rem; } .job-drawer-content .drawer-body .action_Btns-after-description .like-icon {  width: 45px;  height: 45px;  min-width: 45px;  background: var(--pillBorder);  border-radius: 50%; } .job-drawer-content .drawer-body .action_Btns-after-description .like-icon .heart, .job-drawer-content .drawer-body .action_Btns-after-description .like-icon .heart-fill {  width: 20px;  min-width: 20px;  height: 18px;  min-height: 18px;  font-size: 0.9rem;  background: transparent;  border: none;  color: var(--primary); } .job-drawer-content .drawer-body .action_Btns-after-description .copy-link {  width: 45px;  height: 45px;  min-width: 45px;  background: #FFFFFF;  border: 1px solid var(--primary);  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center; } .job-drawer-content .drawer-body .action_Btns-after-description .copy-link i {  color: var(--primary);  font-size: 22px; } .job-drawer-content .drawer-body .meta-data {  gap: 25px;  margin-top: 19px;  margin-bottom: 25px; } .job-drawer-content .drawer-logo {  object-fit: contain;  max-width: 85px;  aspect-ratio: 1;  background: var(--base); } .job-drawer-content .drawer-title {  display: block;  font-size: 24px;  line-height: 30px;  font-weight: bold;  color: black;  margin-block: 10px; } .job-drawer-content .drawer-company {  font-size: 18px;  line-height: 22px;  text-decoration: underline;  display: block; } .job-drawer-content .drawer-location {  display: flex;  align-items: center;  gap: 5px;  margin-top: 5px; } .job-drawer-content .drawer-location svg {  width: 15px;  height: 22px;  flex-shrink: 0; } .job-drawer-content .drawer-city {  font-size: 18px;  line-height: 22px;  font-weight: bold;  color: black; } .job-drawer-content .drawer-salary {  font-size: 16px;  line-height: 19px;  font-weight: bold;  color: black; } .job-drawer-content .drawer-salary span {  font-weight: bold; } .job-drawer-content .drawer-type {  background: var(--pillBorder);  border-radius: 21px;  padding: 7px 14px;  height: 30px;  display: flex;  align-items: center;  color: var(--primary);  font-size: 12px;  line-height: 15px;  font-weight: bold;  white-space: nowrap; } .job-drawer-content .drawer-type:empty {  display: none; } .job-drawer-content .drawer-header {  width: 100%;  background: white;  display: flex;  align-items: center;  justify-content: center;  padding-block: 1rem; } .job-drawer-content .drawer-header .close-drawer {  min-width: unset;  padding: 0.1rem;  width: 50px; } .job-drawer-content .drawer-footer {  position: absolute;  bottom: 0;  width: 100%;  justify-content: space-around;  padding-block: 1rem;  left: 0;  gap: 15px; } .job-drawer-content .drawer-footer .like-icon {  width: 45px;  height: 45px;  min-width: 45px;  background: var(--pillBorder);  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center; } .job-drawer-content .drawer-footer .like-icon .heart, .job-drawer-content .drawer-footer .like-icon .heart-fill {  width: 20px;  min-width: 20px;  height: 18px;  min-height: 18px;  font-size: 20px;  background: transparent;  border: none;  color: var(--primary); } .job-drawer-content .drawer-footer .copy-link {  width: 45px;  height: 45px;  min-width: 45px;  background: #FFFFFF;  border: 1px solid var(--primary);  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center; } .job-drawer-content .drawer-footer .copy-link i {  color: var(--primary);  font-size: 22px; } .job-drawer-content .drawer-footer .actionBtn button {  height: 60px;  font-size: 20px;  line-height: 24px;  font-weight: bold;  border-radius: 100px; } .job-drawer-footer {  gap: 15px;  padding-bottom: 2rem;  border-bottom: 1px solid lightgray;  margin-bottom: 2rem; } .job-drawer-footer #drawer-apply-btn {  min-width: unset;  font-size: 14px;  line-height: 18px;  font-weight: bold;  height: 50px;  border-radius: 25px;  padding-inline: 2rem; } .job-drawer-footer .like-icon {  width: 45px;  height: 45px;  min-width: 45px;  background: var(--pillBorder);  border-radius: 50%; } .job-drawer-footer .like-icon .heart, .job-drawer-footer .like-icon .heart-fill {  width: 20px;  min-width: 20px;  height: 18px;  min-height: 18px;  font-size: 20px;  background: transparent;  border: none;  color: var(--primary); } .job-drawer-footer .copy-link {  width: 45px;  height: 45px;  min-width: 45px;  background: #FFFFFF;  border: 1px solid var(--primary);  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center; } .job-drawer-footer .copy-link i {  color: var(--primary);  font-size: 22px; } .job-drawer-footer .drawer-published {  font-size: 12px;  color: black; } .job_index-content_list_item_salary {  height: 29.47px;  margin-top: 1rem; } .list-title {  font-size: 30px !important;  line-height: 37px;  font-weight: bold;  color: #000 !important;  margin-bottom: 30px; } .list-icon {  display: inline-flex;  width: 15px;  height: 15px;  align-items: center;  justify-content: center;  margin-right: 19px; } @media (max-width: 768px) {  .list-icon {   margin-top: 4px;  } } .job_index-content_description_content-details li {  font-size: 14px; } .job_index-content_description_content-details li b, .job_index-content_description_content-details li span {  font-size: 14px; } .top-alert {  position: fixed;  top: 16px;  left: 50%;  transform: translateX(-50%) translateY(-8px);  max-width: 92vw;  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);  opacity: 0;  pointer-events: none;  z-index: 1055;  transition: opacity 0.2s ease, transform 0.2s ease; } .top-alert.is-visible {  opacity: 1;  transform: translateX(-50%) translateY(0);  pointer-events: auto; } .top-alert .close {  outline: none; } @media (max-width: 576px) {  .top-alert {   left: 50%;   right: auto;   transform: translateX(-50%) translateY(-8px);   max-width: calc(100vw - 32px);  }  .top-alert.is-visible {   transform: translateX(-50%) translateY(0);  } } .job-view-page {  padding: 2rem 0; } .job-view-page .job_index-content_description {  display: block !important;  width: 100%;  min-height: 50px;  position: static;  border-radius: 13px;  padding: 40px 50px;  background: white;  margin: 0 0 20px;  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137);  height: auto;  overflow-y: visible; } .job-view-page .job_index-content_description_header {  margin: 0 0 1rem;  background: white;  border-bottom: 1px solid lightgray; } .job-view-page .job_index-content_description_header-logo {  max-width: 80px;  aspect-ratio: 1;  background: var(--base);  object-fit: contain;  cursor: pointer; } .job-view-page .job_index-content_description_header-title {  color: black;  width: fit-content;  font-size: 24px;  line-height: 24px;  font-weight: bold;  display: block;  margin: 0 0 10px;  text-decoration: none; } .job-view-page .job_index-content_description_header-title:hover {  color: black; } .job-view-page .job_index-content_description_header-company {  color: var(--primary);  font-size: 18px;  line-height: 22px;  text-decoration: underline;  display: block; } .job-view-page .job_index-content_description_header-company:hover {  color: var(--primary);  text-decoration: none; } .job-view-page .job_index-content_description_header-location {  display: flex;  align-items: center;  gap: 5px;  margin-top: 5px; } .job-view-page .job_index-content_description_header-location svg {  width: 15px;  height: 22px;  flex-shrink: 0; } .job-view-page .job_index-content_description_header-city {  font-size: 18px;  line-height: 22px;  font-weight: bold;  color: black; } .job-view-page .job_index-content_description_header .meta-data {  gap: 25px;  margin-top: 19px;  margin-bottom: 25px; } .job-view-page .job_index-content_description_header-salary {  font-size: 16px;  line-height: 19px;  font-weight: bold;  color: black;  white-space: nowrap; } .job-view-page .job_index-content_description_header-salary span {  font-weight: bold; } .job-view-page .job_index-content_description_header-type {  background: var(--pillBorder);  border-radius: 21px;  padding: 7px 14px;  height: 30px;  display: flex;  align-items: center;  color: var(--primary);  font-size: 12px;  line-height: 15px;  font-weight: bold;  white-space: nowrap; } .job-view-page .job_index-content_description_header-type:empty {  display: none; } .job-view-page .job_index-content_description_header-published {  font-size: 14px;  line-height: 18px;  color: black; } .job-view-page .job_index-content_description_header_action {  display: flex;  align-items: center;  justify-content: space-between; } .job-view-page .job_index-content_description_header_action-apply {  min-width: unset;  font-size: 14px;  line-height: 18px;  font-weight: bold;  height: 50px;  border-radius: 25px;  padding-inline: 2rem;  max-width: 132px;  display: flex;  align-items: center;  justify-content: center;  text-decoration: none; } .job-view-page .job_index-content_description_footer {  gap: 15px;  border-bottom: 1px solid var(--base);  padding-bottom: 1rem;  margin-top: 25px; } .job-view-page .job_index-content_description_footer .like-icon {  width: 50px;  height: 50px;  min-width: 50px;  background: var(--pillBorder);  border-radius: 50%; } .job-view-page .job_index-content_description_footer .like-icon .heart, .job-view-page .job_index-content_description_footer .like-icon .heart-fill {  width: 25px;  min-width: 25px;  height: 22px;  min-height: 22px;  font-size: 1.1rem;  background: transparent;  border: none;  color: var(--primary); } .job-view-page .job_index-content_description_footer .copy-link {  width: 45px;  height: 45px;  min-width: 45px;  background: #FFFFFF;  border: 1px solid var(--primary);  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer; } .job-view-page .job_index-content_description_footer .copy-link i {  color: var(--primary);  font-size: 26px; } .job-view-page .job_index-content_description_content-details .list-title {  font-size: 18px;  font-weight: bold;  color: black;  margin-bottom: 15px; } .job-view-page .job_index-content_description_content-details .list-icon {  margin-right: 19px;  display: flex;  align-items: center;  justify-content: center;  min-width: 20px; } .job-view-page .job_index-content_description_content-details li {  font-size: 14px; } .job-view-page .job_index-content_description_content-description p {  margin-bottom: 0.75rem; } .job-view-page .job_index-content_description_content-description ul, .job-view-page .job_index-content_description_content-description ol, .job-view-page .job_index-content_description_content-description dl {  padding-left: 2em; } .job-view-page .job_index-content_description_content-description h1, .job-view-page .job_index-content_description_content-description h2, .job-view-page .job_index-content_description_content-description h3, .job-view-page .job_index-content_description_content-description h4, .job-view-page .job_index-content_description_content-description h5 {  color: black;  font-size: 30px;  line-height: 37px;  font-weight: bold; } @media (max-width: 991px) {  .job-view-page .job_index-content_description {   padding: 20px;  } } .job-view-page h1.job_index-content_description_header-title {  font-size: 24px;  line-height: 24px;  font-weight: bold;  margin: 0; } .job-view-page h1.job_index-content_description_header-title a {  color: black;  font-size: 24px;  text-decoration: none; } .job-view-page h1.job_index-content_description_header-title a:hover {  color: black; } .job-view-page.job-application-detail .job_index-content_description {  max-width: 100%;  width: 100%; } .job_index-content_list_item .job-match-info {  display: flex;  flex-wrap: wrap;  align-items: center;  gap: 8px;  margin: 4px 0 6px 0; } .job_index-content_list_item .job-match-badge {  display: inline-flex;  align-items: center;  gap: 4px;  background: linear-gradient(135deg, var(--base) 100%);  border: 1px solid var(--tertiaryLight);  border-radius: 16px;  padding: 3px 10px;  font-size: 12px;  font-weight: 500;  color: var(--tertiaryDark);  cursor: help; } .job_index-content_list_item .job-match-icon {  font-size: 11px; } .job_index-content_list_item .job-match-score {  white-space: nowrap; } .job_index-content_list_item .job-match-reason {  font-size: 12px;  color: #666;  font-style: italic;  line-height: 1.3; } @media only screen and (max-width: 768px) {  .job_index-content_list_item .job-match-info {   flex-direction: column;   align-items: flex-start;  }  .job_index-content_list_item .job-match-reason {   font-size: 11px;  } } .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; } .reset-password-form input, .verification-form input {  border-radius: 30px;  border: 1px solid #ced4da !important;  background: var(--base) !important; } .reset-password-form button, .verification-form button {  font-weight: bold; } .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/ed68a279/../../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/ed68a279/../../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/ed68a279/../../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/ed68a279/../../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/ed68a279/../../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/ed68a279/../../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/ed68a279/../../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/ed68a279/../../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/ed68a279/../../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;  } } .ui-autocomplete {  background: #ffffff;  border: none;  border-radius: 0 0 21px 21px;  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15);  padding: 8px 0;  z-index: 1001 !important;  max-height: 320px;  overflow-y: auto;  overflow-x: hidden;  font-family: inherit;  list-style: none;  margin: 0; } .ui-autocomplete::-webkit-scrollbar {  width: 6px; } .ui-autocomplete::-webkit-scrollbar-track {  background: transparent; } .ui-autocomplete::-webkit-scrollbar-thumb {  background: #ccc;  border-radius: 3px; } .ui-autocomplete .ui-menu-item {  margin: 0;  padding: 0; } .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {  display: block;  padding: 10px 20px;  font-size: 14px;  line-height: 20px;  color: #333;  cursor: pointer;  border-bottom: 1px solid #f0f0f0;  transition: background-color 0.15s ease; } .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active, .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-focus {  background: var(--pillBorder, #f5f5f5);  color: var(--primary);  border: none;  border-bottom: 1px solid #f0f0f0;  margin: 0;  font-weight: 600; } .ui-autocomplete .ui-menu-item:last-child .ui-menu-item-wrapper {  border-bottom: none; } .suggestion-item .suggestion-link, .recent-search-item a {  color: var(--primary); } #manual-autocomplete-results {  background: #ffffff !important;  border: none !important;  border-radius: 0 0 21px 21px !important;  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15) !important;  padding: 8px 0 !important;  max-height: 320px !important;  overflow-y: auto;  font-family: inherit; } #manual-autocomplete-results .autocomplete-item {  padding: 10px 20px !important;  font-size: 14px;  line-height: 20px;  color: #333;  cursor: pointer;  border-bottom: 1px solid #f0f0f0 !important;  transition: background-color 0.15s ease; } #manual-autocomplete-results .autocomplete-item:hover {  background: var(--pillBorder, #f5f5f5);  color: var(--primary);  font-weight: 600; } #manual-autocomplete-results .autocomplete-item:last-child {  border-bottom: none !important; } .portal {  min-height: calc(100vh - 40px);  overflow-x: hidden; } .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-page.portal .section, .infolettre-page.portal .section {  margin: 0 !important;  max-width: none !important;  padding-top: 0; } .profile-page.portal .section h1, .infolettre-page.portal .section h1 {  margin-bottom: 1rem; } .profile-page .profile-title, .infolettre-page .profile-title {  font-size: 31px;  line-height: 38px;  color: #000;  font-weight: bold;  gap: 1rem; } .profile-page .card, .infolettre-page .card {  padding: 2.2rem 5rem;  border-radius: 10px;  border: 1px solid var(--primaryLight); } @media (max-width: 991px) {  .profile-page .card,  .infolettre-page .card {   padding: 2.2rem 2rem;  } } @media (max-width: 768px) {  .profile-page .card,  .infolettre-page .card {   padding: 2.2rem !important;  } } .profile-page .card h3, .infolettre-page .card h3 {  color: #000;  font-size: 24px;  line-height: 29px;  margin-bottom: 1.5rem; } .profile-page .card h4, .profile-page .card label, .infolettre-page .card h4, .infolettre-page .card label {  color: #000;  font-size: 20px;  line-height: 30px;  margin-bottom: 1.5rem;  font-weight: bold; } .profile-page .card p, .infolettre-page .card p {  color: #000;  font-size: 16px;  line-height: 25px;  margin-bottom: 1.5rem;  font-weight: normal; } .profile-page .card input, .infolettre-page .card input {  border-radius: 50px;  background-color: var(--base);  height: 50px;  margin-top: 1rem; } .profile-page .card button, .infolettre-page .card button {  height: auto;  border-radius: 50px;  font-size: 20px;  line-height: 24px;  font-weight: bold; } .profile-page .card .switch-wrapper, .infolettre-page .card .switch-wrapper {  gap: 3rem; } .profile-page .card .switch-wrapper .cl-toggle-switch, .infolettre-page .card .switch-wrapper .cl-toggle-switch {  position: relative;  display: flex;  align-items: center;  gap: 15px; } .profile-page .card .switch-wrapper .cl-toggle-switch .label-left, .profile-page .card .switch-wrapper .cl-toggle-switch .label-right, .infolettre-page .card .switch-wrapper .cl-toggle-switch .label-left, .infolettre-page .card .switch-wrapper .cl-toggle-switch .label-right {  font-size: 16px;  color: #000;  line-height: 25px;  user-select: none; } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch {  position: relative;  display: inline-block;  margin-bottom: 0 !important; } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input {  appearance: none;  -moz-appearance: none;  -webkit-appearance: none;  z-index: -1;  position: absolute;  right: 6px;  top: -8px;  display: block;  margin: 0;  border-radius: 50%;  width: 40px;  height: 40px;  background-color: rgba(0, 0, 0, 0.38);  outline: none;  opacity: 0;  transform: scale(1);  pointer-events: none;  transition: opacity 0.3s 0.1s, transform 0.2s 0.1s; } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:checked, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:checked {  right: -10px;  background-color: var(--base); } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::before, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::before {  background-color: var(--base); } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::after, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::after {  background-color: var(--primary);  transform: translateX(38px); } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:hover, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:hover {  opacity: 0.04; } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:focus, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:focus {  opacity: 0.12; } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:hover:focus, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:hover:focus {  opacity: 0.16; } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:active, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:active {  opacity: 1;  transform: scale(0);  transition: transform 0s, opacity 0s; } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:active + span::before, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:active + span::before {  background-color: #8f8f8f; } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:active + span::before, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:active + span::before {  background-color: var(--base); } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled {  opacity: 0; } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled + span::before, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled + span::before {  background-color: #ddd; } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::before, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::before {  background-color: #bfdbda; } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::after, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::after {  background-color: #61b5b4; } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > span::before, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > span::before {  content: "";  float: right;  display: inline-block;  margin: 5px 10px;  border-radius: 20px;  width: 55px;  height: 24px;  background-color: rgba(0, 0, 0, 0.38);  vertical-align: top;  transition: background-color 0.2s, opacity 0.2s; } .profile-page .card .switch-wrapper .cl-toggle-switch .cl-switch > span::after, .infolettre-page .card .switch-wrapper .cl-toggle-switch .cl-switch > span::after {  content: "";  position: absolute;  top: 1.5px;  right: 38px;  border-radius: 50%;  width: 32px;  height: 32px;  background-color: #fff;  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);  transition: background-color 0.2s, transform 0.2s; } .infolettre-page p {  color: #000;  font-size: 18px !important;  line-height: 22px !important; } .infolettre-page p span {  font-weight: bold;  color: var(--primary); } .infolettre-page ul {  margin-left: 2rem;  color: #000;  font-size: 20px;  line-height: 24px;  font-weight: normal; } .infolettre-page ul li {  margin-bottom: 0.5rem; } @media (max-width: 768px) {  .infolettre-page .card {   border: 0;   padding: 0 !important;  } } .infolettre-page .register-now-wrapper {  background-color: var(--primaryLight);  border-radius: 10px;  padding: 2rem; } @media (max-width: 768px) {  .infolettre-page .register-now-wrapper input::placeholder {   font-size: 12px !important;  } } .infolettre-page .register-now-wrapper .policy-text {  font-size: 12px !important;  line-height: 15px !important; } .infolettre-page .register-now-wrapper .policy-text a {  text-decoration: underline;  font-size: 12px !important;  line-height: 15px !important; } .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: center;  justify-content: center;  flex-direction: column;  margin-bottom: 20px;  text-align: center;  width: 100%; } .infolettre__subscribed p {  margin-bottom: 20px;  width: 100%;  text-align: center; } .infolettre__subscribed form {  width: 100%;  display: flex;  flex-direction: column;  align-items: center;  max-width: 300px;  margin: 0 auto; } .infolettre__subscribed button {  width: 100%;  margin: 0 auto; } .infolettre__subscribed a {  display: block;  width: 100%;  max-width: 300px;  margin: 0 auto; } .infolettre__subscribed input {  margin-bottom: 20px;  width: 100%;  max-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: 991px) {  .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;  } } #actionBtn {  height: 100%; } #dropdown3 .card-body {  padding-inline: 0; } #copy-notification {  position: fixed;  bottom: 20px;  left: 20px;  transform: none;  background-color: white;  font-size: 16px;  line-height: 30px;  color: black;  padding: 24px;  z-index: 15000;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  border-left: 30px solid var(--primary);  display: none; } @media (max-width: 991px) {  #copy-notification {   bottom: 110px;   left: 10px;   right: 10px;   padding: 16px;  } } #collapseTwo .card-body input[type=checkbox], #mobileCollapseTwo .card-body input[type=checkbox], #collapseThree .card-body input[type=checkbox], #mobileCollapseThree .card-body input[type=checkbox], #collapseTwo .card-body input[type=radio], #mobileCollapseTwo .card-body input[type=radio], #collapseThree .card-body input[type=radio], #mobileCollapseThree .card-body input[type=radio], #collapseFour .card-body input[type=radio], #mobileCollapseFour .card-body input[type=radio], .filtres-dropdown #collapseTwo input[type=checkbox], .filtres-dropdown #collapseTwo input[type=radio], .filtres-dropdown #collapseThree input[type=checkbox], .filtres-dropdown #collapseThree input[type=radio], .filtres-dropdown #collapseFour input[type=radio], .job_index_search-filter-item-list#since input[type=checkbox], .job_index_search-filter-item-list#salary input[type=checkbox], .job_index_search-filter-item:has(.title_date_publication) input[type=checkbox], .job_index_search-filter-item:has(.title_salary) input[type=checkbox] {  appearance: none !important;  -webkit-appearance: none !important;  -moz-appearance: none !important;  width: 18px !important;  height: 18px !important;  min-width: 18px !important;  min-height: 18px !important;  max-width: 18px !important;  max-height: 18px !important;  border: 2px solid #6c757d !important;  border-radius: 50% !important;  display: inline-block !important;  vertical-align: middle !important;  position: relative !important;  cursor: pointer !important;  outline: none !important;  transition: border-color 0.2s ease-in-out !important;  background-color: #fff !important;  margin-right: 8px !important;  margin-bottom: 0 !important;  padding: 0 !important;  flex-shrink: 0 !important;  box-sizing: border-box !important; } #collapseTwo .card-body input[type=checkbox]:hover, #mobileCollapseTwo .card-body input[type=checkbox]:hover, #collapseThree .card-body input[type=checkbox]:hover, #mobileCollapseThree .card-body input[type=checkbox]:hover, #collapseTwo .card-body input[type=radio]:hover, #mobileCollapseTwo .card-body input[type=radio]:hover, #collapseThree .card-body input[type=radio]:hover, #mobileCollapseThree .card-body input[type=radio]:hover, #collapseFour .card-body input[type=radio]:hover, #mobileCollapseFour .card-body input[type=radio]:hover, .filtres-dropdown #collapseTwo input[type=checkbox]:hover, .filtres-dropdown #collapseTwo input[type=radio]:hover, .filtres-dropdown #collapseThree input[type=checkbox]:hover, .filtres-dropdown #collapseThree input[type=radio]:hover, .filtres-dropdown #collapseFour input[type=radio]:hover, .job_index_search-filter-item-list#since input[type=checkbox]:hover, .job_index_search-filter-item-list#salary input[type=checkbox]:hover, .job_index_search-filter-item:has(.title_date_publication) input[type=checkbox]:hover, .job_index_search-filter-item:has(.title_salary) input[type=checkbox]:hover {  border-color: var(--primary, #007bff) !important; } #collapseTwo .card-body input[type=checkbox]:checked, #mobileCollapseTwo .card-body input[type=checkbox]:checked, #collapseThree .card-body input[type=checkbox]:checked, #mobileCollapseThree .card-body input[type=checkbox]:checked, #collapseTwo .card-body input[type=radio]:checked, #mobileCollapseTwo .card-body input[type=radio]:checked, #collapseThree .card-body input[type=radio]:checked, #mobileCollapseThree .card-body input[type=radio]:checked, #collapseFour .card-body input[type=radio]:checked, #mobileCollapseFour .card-body input[type=radio]:checked, .filtres-dropdown #collapseTwo input[type=checkbox]:checked, .filtres-dropdown #collapseTwo input[type=radio]:checked, .filtres-dropdown #collapseThree input[type=checkbox]:checked, .filtres-dropdown #collapseThree input[type=radio]:checked, .filtres-dropdown #collapseFour input[type=radio]:checked, .job_index_search-filter-item-list#since input[type=checkbox]:checked, .job_index_search-filter-item-list#salary input[type=checkbox]:checked, .job_index_search-filter-item:has(.title_date_publication) input[type=checkbox]:checked, .job_index_search-filter-item:has(.title_salary) input[type=checkbox]:checked {  border-color: var(--primary, #007bff) !important; } #collapseTwo .card-body input[type=checkbox]:checked::before, #mobileCollapseTwo .card-body input[type=checkbox]:checked::before, #collapseThree .card-body input[type=checkbox]:checked::before, #mobileCollapseThree .card-body input[type=checkbox]:checked::before, #collapseTwo .card-body input[type=radio]:checked::before, #mobileCollapseTwo .card-body input[type=radio]:checked::before, #collapseThree .card-body input[type=radio]:checked::before, #mobileCollapseThree .card-body input[type=radio]:checked::before, #collapseFour .card-body input[type=radio]:checked::before, #mobileCollapseFour .card-body input[type=radio]:checked::before, .filtres-dropdown #collapseTwo input[type=checkbox]:checked::before, .filtres-dropdown #collapseTwo input[type=radio]:checked::before, .filtres-dropdown #collapseThree input[type=checkbox]:checked::before, .filtres-dropdown #collapseThree input[type=radio]:checked::before, .filtres-dropdown #collapseFour input[type=radio]:checked::before, .job_index_search-filter-item-list#since input[type=checkbox]:checked::before, .job_index_search-filter-item-list#salary input[type=checkbox]:checked::before, .job_index_search-filter-item:has(.title_date_publication) input[type=checkbox]:checked::before, .job_index_search-filter-item:has(.title_salary) input[type=checkbox]:checked::before {  content: "" !important;  width: 10px !important;  height: 10px !important;  background: var(--primary, #007bff) !important;  border-radius: 50% !important;  position: absolute !important;  top: 50% !important;  left: 50% !important;  transform: translate(-50%, -50%) !important; } #collapseOne .card-body input[type=checkbox], #mobileCollapseOne .card-body input[type=checkbox], #collapseFive .card-body input[type=checkbox], #mobileCollapseFive .card-body input[type=checkbox], #collapseSix .card-body input[type=checkbox], #mobileCollapseSix .card-body input[type=checkbox], .filtres-dropdown #collapseOne input[type=checkbox], .filtres-dropdown #collapseFive input[type=checkbox], .filtres-dropdown #collapseSix input[type=checkbox] {  appearance: none !important;  -webkit-appearance: none !important;  -moz-appearance: none !important;  width: 18px !important;  height: 18px !important;  min-width: 18px !important;  min-height: 18px !important;  max-width: 18px !important;  max-height: 18px !important;  border: 2px solid #6c757d !important;  border-radius: 3px !important;  display: inline-block !important;  vertical-align: middle !important;  position: relative !important;  cursor: pointer !important;  outline: none !important;  transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out !important;  background-color: #fff !important;  margin-right: 8px !important;  margin-bottom: 0 !important;  padding: 0 !important;  flex-shrink: 0 !important;  box-sizing: border-box !important; } #collapseOne .card-body input[type=checkbox]:hover, #mobileCollapseOne .card-body input[type=checkbox]:hover, #collapseFive .card-body input[type=checkbox]:hover, #mobileCollapseFive .card-body input[type=checkbox]:hover, #collapseSix .card-body input[type=checkbox]:hover, #mobileCollapseSix .card-body input[type=checkbox]:hover, .filtres-dropdown #collapseOne input[type=checkbox]:hover, .filtres-dropdown #collapseFive input[type=checkbox]:hover, .filtres-dropdown #collapseSix input[type=checkbox]:hover {  border-color: var(--primary, #007bff) !important; } #collapseOne .card-body input[type=checkbox]:checked, #mobileCollapseOne .card-body input[type=checkbox]:checked, #collapseFive .card-body input[type=checkbox]:checked, #mobileCollapseFive .card-body input[type=checkbox]:checked, #collapseSix .card-body input[type=checkbox]:checked, #mobileCollapseSix .card-body input[type=checkbox]:checked, .filtres-dropdown #collapseOne input[type=checkbox]:checked, .filtres-dropdown #collapseFive input[type=checkbox]:checked, .filtres-dropdown #collapseSix input[type=checkbox]:checked {  border-color: var(--primary, #007bff) !important;  background-color: var(--primary, #007bff) !important; } #collapseOne .card-body input[type=checkbox]:checked::before, #mobileCollapseOne .card-body input[type=checkbox]:checked::before, #collapseFive .card-body input[type=checkbox]:checked::before, #mobileCollapseFive .card-body input[type=checkbox]:checked::before, #collapseSix .card-body input[type=checkbox]:checked::before, #mobileCollapseSix .card-body input[type=checkbox]:checked::before, .filtres-dropdown #collapseOne input[type=checkbox]:checked::before, .filtres-dropdown #collapseFive input[type=checkbox]:checked::before, .filtres-dropdown #collapseSix input[type=checkbox]:checked::before {  content: "" !important;  width: 5px !important;  height: 9px !important;  border: solid #fff !important;  border-width: 0 2px 2px 0 !important;  position: absolute !important;  top: 45% !important;  left: 50% !important;  transform: translate(-50%, -50%) rotate(45deg) !important;  background: transparent !important;  border-radius: 0 !important; } #collapseOne .card-body label, #mobileCollapseOne .card-body label, #collapseTwo .card-body label, #mobileCollapseTwo .card-body label, #collapseThree .card-body label, #mobileCollapseThree .card-body label, #collapseFour .card-body label, #mobileCollapseFour .card-body label, #collapseFive .card-body label, #mobileCollapseFive .card-body label, #collapseSix .card-body label, #mobileCollapseSix .card-body label {  cursor: pointer;  vertical-align: middle;  user-select: none;  margin-bottom: 0;  line-height: 1.8;  font-weight: normal !important; } #collapseOne .card-body br, #mobileCollapseOne .card-body br, #collapseTwo .card-body br, #mobileCollapseTwo .card-body br, #collapseThree .card-body br, #mobileCollapseThree .card-body br, #collapseFour .card-body br, #mobileCollapseFour .card-body br, #collapseFive .card-body br, #mobileCollapseFive .card-body br, #collapseSix .card-body br, #mobileCollapseSix .card-body br {  display: block;  content: "";  margin-bottom: 6px; } .job_index_search-filter-item-list#since ul.list-unstyled, .job_index_search-filter-item-list#salary ul.list-unstyled, .job_index_search-filter-item:has(.title_date_publication) .job_index_search-filter-item-list ul.list-unstyled, .job_index_search-filter-item:has(.title_salary) .job_index_search-filter-item-list ul.list-unstyled {  margin-bottom: 0; } .job_index_search-filter-item-list#since ul.list-unstyled li, .job_index_search-filter-item-list#salary ul.list-unstyled li, .job_index_search-filter-item:has(.title_date_publication) .job_index_search-filter-item-list ul.list-unstyled li, .job_index_search-filter-item:has(.title_salary) .job_index_search-filter-item-list ul.list-unstyled li {  margin-bottom: 6px; } .job_index_search-filter-item-list#since ul.list-unstyled li:last-child, .job_index_search-filter-item-list#salary ul.list-unstyled li:last-child, .job_index_search-filter-item:has(.title_date_publication) .job_index_search-filter-item-list ul.list-unstyled li:last-child, .job_index_search-filter-item:has(.title_salary) .job_index_search-filter-item-list ul.list-unstyled li:last-child {  margin-bottom: 0; } .job_index_search-filter-item-list#since ul.list-unstyled li label, .job_index_search-filter-item-list#salary ul.list-unstyled li label, .job_index_search-filter-item:has(.title_date_publication) .job_index_search-filter-item-list ul.list-unstyled li label, .job_index_search-filter-item:has(.title_salary) .job_index_search-filter-item-list ul.list-unstyled li label {  cursor: pointer;  vertical-align: middle;  user-select: none;  margin-bottom: 0;  line-height: 1.8;  font-weight: normal !important;  display: flex;  align-items: center; } .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 {  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;  gap: 1rem; } .companies_form input {  border-radius: 30px;  padding: 7px 20px;  width: 428px;  border: 1px solid #ced4da;  background: var(--base); } .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 16px;  font-size: 18px;  border-radius: 50px;  font-weight: bold; } .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; } .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; } .SectorJobBox {  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  border: none;  text-align: center;  padding-block: 25px; } .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-weight: 500; } .search-form-container .filter-city {  background: white;  border: none;  border-radius: 25px;  padding-inline: 20px;  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-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; } li {  color: black; } .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; } @media (max-width: 991px) {  .metier-title {   margin-top: 55px;  } } .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;  max-width: 1196px; } .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-size: 16px;  line-height: 1.6;  color: #000;  margin-bottom: 0.5em; } .content-area .content a {  color: var(--primary);  font-size: 16px; } .content-area .content li {  font-size: 16px; } .content-area .content li::marker {  color: var(--primary); } .content-area .content ul li {  list-style-type: disc; } .content-area .content ul li::marker {  color: var(--primary); } .content-area .content ol li::marker {  color: var(--primary); } .content-area .content .metier-excerpt {  font-size: 16px;  line-height: 32px;  color: black;  font-weight: bold; } .content-area .content .metier-excerpt p {  font-size: 16px;  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 .title {  font-size: 20px;  font-weight: bold;  color: #004039;  line-height: 40px; } .content-area .similar-profession .similar-title {  font-size: 16px;  margin: 0;  font-weight: normal;  line-height: 35px; } .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 .title {  font-size: 20px;  font-weight: bold;  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;  } } .metier-wrapper {  background-color: var(--primary);  height: 360px;  padding-block: 30px;  position: relative; } .metier-wrapper:before {  content: "";  position: absolute;  top: 2rem;  left: 0;  width: 85px;  height: 195px;  background: url(https://www.droit-inc.com/img/geometrie_1.png) no-repeat center;  background-size: contain; } @media (max-width: 767px) {  .metier-wrapper:before {   top: 0.7rem;   width: 30px;   height: 68px;  } } @media (min-width: 768px) and (max-width: 1024px) {  .metier-wrapper:before {   top: 0.7rem;   width: 30px;   height: 68px;  } } .metier-wrapper:after {  content: "";  position: absolute;  top: 50%;  right: 0;  transform: translateY(-50%);  width: 85px;  height: 195px;  background: url(https://www.droit-inc.com/img/geometrie_2.png) no-repeat center;  background-size: contain; } @media (max-width: 767px) {  .metier-wrapper:after {   width: 30px;   height: 68px;  } } @media (min-width: 768px) and (max-width: 1024px) {  .metier-wrapper:after {   width: 30px;   height: 68px;  } } @media (max-width: 767px) {  .metier-wrapper {   height: 150px;   padding: 1.5rem;   display: flex;   align-items: center;   justify-content: center;   margin-top: 59px;  } } @media (min-width: 768px) and (max-width: 991px) {  .metier-wrapper {   height: 270px;  } } .metier-wrapper .page-title {  font-size: 30px;  line-height: 37px;  font-weight: bold;  color: #fff; } @media (max-width: 767px) {  .metier-wrapper .page-title {   font-size: 25px;   line-height: 30px;   margin-bottom: 0;  } } .boxes-large {  margin-top: -270px;  z-index: 1; } .boxes-large p {  font-size: 14px;  line-height: 18px;  color: #fff; } @media (max-width: 767px) {  .boxes-large p {   color: black !important;  } } @media (max-width: 767px) {  .boxes-large {   margin-top: 0px;  } } @media (min-width: 768px) and (max-width: 991px) {  .boxes-large {   margin-top: -160px;  } } .title-setting {  text-align: center;  color: black;  font-size: 16px;  line-height: 24px;  margin-top: 1rem; } .explore-bar {  background-color: var(--header-bottom-bg);  height: 60px;  position: fixed;  top: 75px;  width: 100%;  z-index: 2; } .explore-bar .title {  background-color: var(--primary);  margin: auto 0;  height: 100%;  padding-inline: 1rem;  color: white;  font-weight: bold;  border-radius: 0 0 60px 0;  display: flex;  align-items: center;  font-size: 12px;  width: 172px; } .explore-bar .dropdown .btn {  font-size: 30px;  color: white;  min-width: unset;  background: transparent;  outline: none;  border: 0;  transition: 0.3s; } .explore-bar .dropdown .btn:focus {  box-shadow: none; } .explore-bar .dropdown .dropdown-menu.show {  display: block;  width: 100% !important;  border-radius: 0;  border: 0;  position: fixed !important;  min-height: 100vh;  margin-inline: auto;  padding: 1rem;  background-color: var(--primaryLight);  transform: unset !important;  top: 134px !important; } .explore-bar .dropdown .dropdown-menu.show li a {  color: var(--primary);  font-weight: bold;  border-color: var(--primary) !important; } .job-explore-bar {  background-color: var(--primary);  height: 60px;  position: fixed;  left: 0;  top: 100px;  width: 100%;  z-index: 9; } .job-explore-bar .header-content-after:after {  content: "";  width: 100%;  height: 60px;  background: var(--header-bottom-bg);  position: absolute;  z-index: -1; } @media (max-width: 1200px) {  .job-explore-bar .header-content-after:after {   left: 0 !important;  } } @media (max-width: 991px) {  .job-explore-bar {   position: fixed;   top: 75px;   width: 100%;   z-index: 1;  } } @media (max-width: 991px) {  .job-explore-bar .container {   max-width: unset !important;   padding: 0 1rem 0 0;  } } @media (min-width: 992px) and (max-width: 1200px) {  .job-explore-bar .container {   max-width: unset !important;   padding: 0 1rem 0 0;  } } .job-explore-bar .title {  background-color: var(--primary);  margin: auto 0;  height: 100%;  padding-inline: 1rem;  color: white;  font-weight: bold;  border-radius: 0 0 60px 0;  display: flex;  align-items: center;  font-size: 14px;  width: 185px; } .job-explore-bar .jobs-list {  overflow-x: scroll; } .job-explore-bar .jobs-list span {  white-space: nowrap;  margin-right: 1rem;  display: flex;  align-items: center;  font-size: 14px;  font-weight: bold; } .job-explore-bar .jobs-list::-webkit-scrollbar {  height: 8px; } .job-explore-bar .jobs-list::-webkit-scrollbar-track {  border-radius: 10px; } .job-explore-bar .jobs-list::-webkit-scrollbar-thumb {  background: #c1c1c1;  border-radius: 20px; } .job-explore-bar .search {  width: 36px;  height: 36px;  background: var(--primary);  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer; } .job-explore-bar .dropdown .btn {  font-size: 30px;  color: white;  min-width: unset;  background: transparent;  outline: none;  border: 0; } .job-explore-bar .dropdown .btn:focus {  box-shadow: none; } .job-explore-bar .dropdown .dropdown-menu.show {  display: block;  width: 100% !important;  border-radius: 0;  border: 0;  position: fixed !important;  min-height: 100vh;  margin-inline: auto;  padding: 1rem;  background-color: var(--primaryLight);  transform: unset !important;  top: 134px !important; } .job-explore-bar .dropdown .dropdown-menu.show li a {  color: var(--primary);  font-weight: bold;  border-color: var(--primary) !important; } .article-header .bread-crumbs a {  color: var(--primary);  font-size: 14px;  line-height: 18px;  text-decoration: underline;  display: inline-block;  margin-right: 0.5rem; } .article-header .bread-crumbs span {  font-size: 14px;  line-height: 18px;  font-weight: 600;  color: #000;  margin-left: 0.5rem; } .article-header .article-title {  color: #000;  font-size: 35px;  line-height: 43px;  font-weight: bold;  margin-top: 1rem; } .article-header .article-title h1 {  font-size: 32px; } @media (max-width: 767px) {  .article-header .article-title {   font-size: 24px;   line-height: 28px;  } } .article-header .article-meta-data {  color: #000;  font-size: 16px;  line-height: 25px;  font-weight: bold; } .copy-popup {  position: fixed;  left: 20px;  bottom: 20px;  transform: none;  background: #fff;  padding: 10px 20px;  z-index: 1000;  color: #000;  font-size: 16px;  animation: fadeInOut 2s forwards;  width: 257px;  height: 76px;  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);  display: none;  align-items: center;  justify-content: center;  border-left: 30px solid var(--primary); } @media (max-width: 991px) {  .copy-popup {   bottom: 112px;  } } .copy-popup-content {  gap: 1rem; } .copy-popup-content i {  color: var(--primary);  font-size: 30px; } @keyframes fadeInOut {  0% {   opacity: 0;  }  10% {   opacity: 1;  }  90% {   opacity: 1;  }  100% {   opacity: 0;   display: none;  } } body:has(.loggedIn-header) .dropdown:has(.dropdown-menu.show) .btn {  transform: rotate(-90deg); } .dropdown:has(.dropdown-menu.show) .btn {  transform: rotate(-180deg); } .upload-sidebar .upload-wrapper label {  border: 1px dashed var(--primary);  padding-inline: 1.2rem;  text-align: center;  cursor: pointer;  color: var(--primary);  font-size: 16px;  line-height: 23px;  max-width: 186px;  display: flex;  align-items: center;  justify-content: center;  flex-direction: column;  height: 186px; } .upload-sidebar .upload-wrapper label b {  text-decoration: underline; } .upload-sidebar .btn-matches {  min-width: unset;  margin: 0 auto;  background-color: transparent;  color: var(--primary);  border: 0;  font-size: 16px;  line-height: 19px;  font-weight: bold;  margin-block: 1rem;  gap: 0.6rem; } .loading-spinner-overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.5);  display: flex;  justify-content: center;  align-items: center;  z-index: 9999; } .loading-spinner-content {  text-align: center;  background: #fff;  padding: 30px;  border-radius: 10px;  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); } .profile {  background-color: var(--base);  gap: 2rem; } .profile-image-container {  position: relative;  width: 130px;  height: 130px;  border-radius: 50%;  border: 2px dashed #bfbfbf; } .profile-image-container.frame-openToWork {  border: 4px solid #ffba01; } .profile-image-container.frame-hiring {  border: 4px solid #e36759; } .profile-image-container .editImage {  background: radial-gradient(closest-side at 50% 50%, white 0%, var(--primaryLight) 100%);  width: 40px;  height: 40px;  position: absolute;  bottom: 0;  right: 0;  z-index: 1;  border: none;  padding: 0;  cursor: pointer;  display: flex;  align-items: center;  justify-content: center;  min-width: unset; } .profile--name {  font-size: 28px;  font-weight: bold;  line-height: 34px;  color: #000;  margin-bottom: 0.5rem; } @media (max-width: 767px) {  .profile--name {   font-size: 20px;   line-height: 24px;  } } .profile--job {  font-size: 16px;  line-height: 19px;  color: var(--primary); } .profile--list {  color: #000; } .profile--list li {  margin-bottom: 0.3rem;  font-size: 14px;  line-height: 21px; } @media (max-width: 767px) {  .profile--list li {   font-size: 12px;   line-height: 18px;  } } .profile .btn-edit {  min-width: unset;  padding: 0;  width: 40px;  aspect-ratio: 1;  border-radius: 50%; } .tabs-wrapper .nav-pills {  justify-content: space-between; } .tabs-wrapper .nav-pills .nav-item {  width: 24%;  text-align: center; } .tabs-wrapper .nav-pills .nav-link {  border: 2px solid var(--primary) !important;  font-size: 14px;  font-weight: bold;  color: var(--primary) !important; } .tabs-wrapper .nav-pills .nav-link.active {  background: var(--primary) !important;  color: #fff !important; } .tabs-wrapper .tab-content-gap {  gap: 1rem; } .tabs-wrapper .tab-content h3 {  font-size: 24px;  font-weight: bold;  line-height: 28px;  color: #000;  margin-bottom: 2rem; } .tabs-wrapper .tab-content h4 {  font-size: 20px;  font-weight: bold;  line-height: 22px;  color: #000;  margin-bottom: 2rem; } .tabs-wrapper .tab-content p {  font-size: 14px;  line-height: 29px;  color: #000;  margin-bottom: 2rem; } .tabs-wrapper .tab-content .tab-upload-wrapper {  border: 1px dashed var(--primary);  text-align: center;  cursor: pointer;  color: var(--primary);  font-size: 16px;  line-height: 23px;  display: flex;  align-items: center;  justify-content: center;  flex-direction: column;  height: 86px;  border-radius: 5px;  margin-bottom: 1rem; } .tabs-wrapper .tab-content .tab-upload-wrapper b {  text-decoration: underline;  cursor: pointer; } .tabs-wrapper .tab-content .uploaded-cv-info, .tabs-wrapper .tab-content .uploaded-cover-info {  align-items: start;  gap: 1rem;  padding: 1rem 2rem;  border: 1px solid var(--primary);  border-radius: 5px;  background-color: var(--base);  min-height: 107px; } .tabs-wrapper .tab-content .uploaded-cv-info--name, .tabs-wrapper .tab-content .uploaded-cover-info--name {  font-size: 16px;  line-height: 19px;  color: #000;  font-weight: bold;  max-width: 220px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; } .tabs-wrapper .tab-content .uploaded-cv-info--date, .tabs-wrapper .tab-content .uploaded-cover-info--date {  font-size: 14px;  line-height: 21px;  color: #000; } .tabs-wrapper .tab-content .uploaded-cv-info--matches, .tabs-wrapper .tab-content .uploaded-cover-info--matches {  font-size: 12px;  line-height: 15px;  color: var(--primary);  font-weight: bold;  background-color: transparent;  min-width: unset;  border: 0;  padding: 0;  margin-top: 0.5rem; } .tabs-wrapper .tab-content .uploaded-cv-info .delete-document-btn, .tabs-wrapper .tab-content .uploaded-cover-info .delete-document-btn {  position: absolute;  top: 8px;  right: 8px;  background: transparent;  border: none;  padding: 4px;  cursor: pointer;  color: var(--primary);  opacity: 0.6;  transition: opacity 0.2s;  min-width: unset; } .tabs-wrapper .tab-content .uploaded-cv-info .delete-document-btn:hover, .tabs-wrapper .tab-content .uploaded-cover-info .delete-document-btn:hover {  opacity: 1; } .tabs-wrapper .tab-content #accordion .card-header .btn, .tabs-wrapper .tab-content #accordionCriteres .card-header .btn, .tabs-wrapper .tab-content #accordionAlertes .card-header .btn {  background: var(--base);  color: var(--primary);  font-size: 20px;  line-height: 40px;  font-weight: bold;  border-color: var(--primaryOpacity6);  text-decoration: none; } .tabs-wrapper .tab-content #accordion .card-header .btn:hover, .tabs-wrapper .tab-content #accordionCriteres .card-header .btn:hover, .tabs-wrapper .tab-content #accordionAlertes .card-header .btn:hover {  text-decoration: none; } .tabs-wrapper .tab-content #accordion .card-header .btn:focus, .tabs-wrapper .tab-content #accordionCriteres .card-header .btn:focus, .tabs-wrapper .tab-content #accordionAlertes .card-header .btn:focus {  box-shadow: none; } .tabs-wrapper .tab-content #accordion .card-header .btn .accordion-chevron, .tabs-wrapper .tab-content #accordionCriteres .card-header .btn .accordion-chevron, .tabs-wrapper .tab-content #accordionAlertes .card-header .btn .accordion-chevron {  transition: transform 0.3s ease;  transform: rotate(180deg); } .tabs-wrapper .tab-content #accordion .card-header .btn[aria-expanded=true] .accordion-chevron, .tabs-wrapper .tab-content #accordionCriteres .card-header .btn[aria-expanded=true] .accordion-chevron, .tabs-wrapper .tab-content #accordionAlertes .card-header .btn[aria-expanded=true] .accordion-chevron {  transform: rotate(0deg); } .tabs-wrapper .tab-content #accordion .card-body label, .tabs-wrapper .tab-content #accordionCriteres .card-body label, .tabs-wrapper .tab-content #accordionAlertes .card-body label {  font-size: 16px;  line-height: 40px;  color: #000;  font-weight: bold;  margin-bottom: 0.5rem; } .tabs-wrapper .tab-content #accordion .card-body h5, .tabs-wrapper .tab-content #accordionCriteres .card-body h5, .tabs-wrapper .tab-content #accordionAlertes .card-body h5 {  font-size: 16px;  line-height: 40px;  color: #000;  font-weight: bold;  margin-bottom: 0.5rem;  margin-top: 2rem; } .tabs-wrapper .tab-content #accordion .card-body button, .tabs-wrapper .tab-content #accordionCriteres .card-body button, .tabs-wrapper .tab-content #accordionAlertes .card-body button {  min-width: unset;  margin-bottom: 1rem; } .tabs-wrapper .tab-content #accordion .card-body input, .tabs-wrapper .tab-content #accordionCriteres .card-body input, .tabs-wrapper .tab-content #accordionAlertes .card-body input {  background-color: var(--base);  border-radius: 50px; } .tabs-wrapper .tab-content #accordion .card-body textarea, .tabs-wrapper .tab-content #accordionCriteres .card-body textarea, .tabs-wrapper .tab-content #accordionAlertes .card-body textarea {  background-color: var(--base); } .tabs-wrapper .tab-content #accordion .card-body .accordion-btns, .tabs-wrapper .tab-content #accordionCriteres .card-body .accordion-btns, .tabs-wrapper .tab-content #accordionAlertes .card-body .accordion-btns {  gap: 1rem; } .tabs-wrapper .tab-content #accordion .card-body .accordion-btns .btn-cancel, .tabs-wrapper .tab-content #accordionCriteres .card-body .accordion-btns .btn-cancel, .tabs-wrapper .tab-content #accordionAlertes .card-body .accordion-btns .btn-cancel {  background-color: transparent;  color: var(--primary);  border: 0;  font-size: 16px;  line-height: 19px;  font-weight: bold; } .tabs-wrapper .tab-content #accordion .card-body .accordion-btns .btn-register, .tabs-wrapper .tab-content #accordionCriteres .card-body .accordion-btns .btn-register, .tabs-wrapper .tab-content #accordionAlertes .card-body .accordion-btns .btn-register {  font-size: 16px;  line-height: 19px;  font-weight: bold; } .tabs-wrapper .tab-content #accordion .card-body .btn-enregister, .tabs-wrapper .tab-content #accordionCriteres .card-body .btn-enregister, .tabs-wrapper .tab-content #accordionAlertes .card-body .btn-enregister {  height: 50px;  font-size: 22px;  line-height: 28px;  font-weight: bold;  border-radius: 50px; } .tabs-wrapper .tab-content #accordion .card-body .checkbox-wrapper label, .tabs-wrapper .tab-content #accordionCriteres .card-body .checkbox-wrapper label, .tabs-wrapper .tab-content #accordionAlertes .card-body .checkbox-wrapper label {  font-size: 18px;  line-height: 22px;  font-weight: unset; } .tabs-wrapper .tab-content #accordion .card-body select, .tabs-wrapper .tab-content #accordionCriteres .card-body select, .tabs-wrapper .tab-content #accordionAlertes .card-body select {  border: 2px solid var(--primary);  height: 41px;  padding: 8px 20px;  color: var(--primary); } .tabs-wrapper .tab-content #accordion .card-body .close-icon, .tabs-wrapper .tab-content #accordionCriteres .card-body .close-icon, .tabs-wrapper .tab-content #accordionAlertes .card-body .close-icon {  background-color: transparent;  border: 0;  color: black;  font-size: 41px;  margin: 0;  display: inline-block;  padding: 0;  line-height: 0; } .tabs-wrapper .tab-content #accordion .card-body .saved-alert--title, .tabs-wrapper .tab-content #accordionCriteres .card-body .saved-alert--title, .tabs-wrapper .tab-content #accordionAlertes .card-body .saved-alert--title {  font-size: 16px;  line-height: 19px;  color: #000;  font-weight: bold;  margin-bottom: 0.5rem; } .tabs-wrapper .tab-content #accordion .card-body .saved-alert--job, .tabs-wrapper .tab-content #accordionCriteres .card-body .saved-alert--job, .tabs-wrapper .tab-content #accordionAlertes .card-body .saved-alert--job {  font-size: 16px;  line-height: 30px;  color: var(--primary);  font-weight: bold;  margin-bottom: 0.5rem; } .tabs-wrapper .tab-content #accordion .card-body .saved-alert--location, .tabs-wrapper .tab-content #accordionCriteres .card-body .saved-alert--location, .tabs-wrapper .tab-content #accordionAlertes .card-body .saved-alert--location {  font-size: 14px;  line-height: 18px;  color: #000; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper {  gap: 3rem; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch {  position: relative;  display: flex;  align-items: center;  gap: 15px; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .label-left, .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .label-right, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .label-left, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .label-right, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .label-left, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .label-right {  font-size: 14px;  color: #000;  font-weight: bold;  line-height: 25px;  user-select: none; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch {  position: relative;  display: inline-block;  margin-bottom: 0 !important; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input {  appearance: none;  -moz-appearance: none;  -webkit-appearance: none;  z-index: -1;  position: absolute;  right: 6px;  top: -8px;  display: block;  margin: 0;  border-radius: 50%;  width: 40px;  height: 40px;  background-color: rgba(0, 0, 0, 0.38);  outline: none;  opacity: 0;  transform: scale(1);  pointer-events: none;  transition: opacity 0.3s 0.1s, transform 0.2s 0.1s; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked {  right: -10px;  background-color: var(--base); } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::before, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::before, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::before {  background-color: var(--base); } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::after, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::after, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::after {  background-color: var(--primary);  transform: translateX(30px); } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover {  opacity: 0.04; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:focus, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:focus, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:focus {  opacity: 0.12; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover:focus, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover:focus, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover:focus {  opacity: 0.16; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active {  opacity: 1;  transform: scale(0);  transition: transform 0s, opacity 0s; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active + span::before, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active + span::before, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active + span::before {  background-color: #8f8f8f; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:active + span::before, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:active + span::before, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:active + span::before {  background-color: var(--base); } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled {  opacity: 0; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled + span::before, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled + span::before, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled + span::before {  background-color: #ddd; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::before, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::before, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::before {  background-color: #bfdbda; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::after, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::after, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::after {  background-color: #61b5b4; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::before, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::before, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::before {  content: "";  float: right;  display: inline-block;  margin: 5px 10px;  border-radius: 20px;  width: 42px;  height: 24px;  background-color: rgba(0, 0, 0, 0.38);  vertical-align: top;  transition: background-color 0.2s, opacity 0.2s; } .tabs-wrapper .tab-content #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::after, .tabs-wrapper .tab-content #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::after, .tabs-wrapper .tab-content #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::after {  content: "";  position: absolute;  top: 1.5px;  right: 30px;  border-radius: 50%;  width: 32px;  height: 32px;  background-color: #fff;  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);  transition: background-color 0.2s, transform 0.2s; } .tabs-wrapper .tab-content #accordion .accordion-details h5, .tabs-wrapper .tab-content #accordionCriteres .accordion-details h5, .tabs-wrapper .tab-content #accordionAlertes .accordion-details h5 {  font-size: 16px;  color: #000;  margin-bottom: 1rem; } .tabs-wrapper .tab-content #accordion .accordion-details p, .tabs-wrapper .tab-content #accordionCriteres .accordion-details p, .tabs-wrapper .tab-content #accordionAlertes .accordion-details p {  color: #000;  font-size: 14px;  margin-bottom: 1rem; } #editProfilePopup .modal-content {  border-radius: 10px;  overflow: hidden; } #editProfilePopup .modal-header {  background: var(--base);  height: 75px;  display: flex;  align-items: center; } #editProfilePopup .modal-header .modal-title {  color: #000;  font-size: 18px;  line-height: 22px;  font-weight: bold; } #editProfilePopup .modal-header .close {  height: 100%;  padding: 0;  margin: unset !important;  min-width: unset;  color: #000;  opacity: 1;  font-size: 40px;  font-weight: 400; } #editProfilePopup .modal-body label {  font-size: 18px;  line-height: 40px;  font-weight: bold;  color: #000; } #editProfilePopup .modal-body input {  background: var(--base);  border-radius: 30px;  height: 40px; } #editProfilePopup .modal-body button {  min-width: unset; } #editProfilePopup .modal-footer button {  font-weight: bold;  border-radius: 50px; } .country-field span#selectedCountryCode {  display: none; } .country-field #countryDropdown {  background: var(--base);  border: 1px solid #ced4da;  border-right: 0;  padding: 0 10px; } .country-field #countryDropdown:after {  border-color: black;  border-right-color: transparent;  border-left-color: transparent; } .country-field input {  border-left: 0;  border-radius: 0 50px 50px 0 !important; } .accordion-form {  display: flex;  align-items: center;  justify-content: center;  flex-wrap: wrap;  gap: 1rem; } .accordion-form select {  width: 40%;  height: 50px;  background: var(--base);  border-width: 1px !important; } .accordion-form button {  margin: 0 !important;  height: 41px;  border-radius: 50px;  width: 15%; } .experience-container {  margin-bottom: 1rem; } .experience-container .experience-item {  margin-bottom: 1rem;  border: 1px solid rgba(var(--primary-rgb), 0.2);  border-radius: 6px; } .experience-container .experience-item .card-header {  background-color: rgba(var(--primary-rgb), 0.05);  padding: 0.75rem 1rem; } .experience-container .experience-item .experience-title {  font-weight: bold;  margin-bottom: 0; } .experience-container .experience-item .experience-details {  padding: 1rem; } .experience-container .experience-item .experience-details p {  margin-bottom: 0.5rem;  line-height: 1.4; } .experience-container .experience-item .experience-form .form-row {  margin-left: -5px;  margin-right: -5px; } .experience-container .experience-item .experience-form .form-group {  margin-bottom: 1rem; } .experience-container .experience-item .experience-form label {  font-weight: 600;  margin-bottom: 0.25rem; } .experience-container .experience-item .experience-form .btn-action-group {  margin-top: 1rem;  text-align: right; } @media (max-width: 991px) {  .accordion-form {   flex-direction: column;   align-items: stretch;   overflow: hidden;  }  .accordion-form select {   width: 100% !important;  }  .accordion-form button {   width: 100% !important;  }  .experience-container .experience-item .card-header {   padding: 0.5rem 0.75rem;  }  .experience-container .experience-item .experience-title {   font-size: 0.95rem;  }  .experience-container .experience-item .btn-sm {   padding: 0.25rem 0.5rem;   font-size: 0.75rem;  }  .experience-container .experience-item .experience-details {   padding: 0.75rem;  }  .experience-container .experience-item .experience-details p {   font-size: 0.85rem;   margin-bottom: 0.4rem;  }  .experience-container .experience-item .experience-form .form-group label {   font-size: 0.9rem;   line-height: 1.5;  }  .experience-container .experience-item .experience-form .form-control-sm {   height: calc(1.5em + 0.5rem + 2px);   padding: 0.25rem 0.5rem;   font-size: 0.875rem;  } } .mobile-section h3 {  font-size: 24px;  font-weight: bold;  line-height: 28px;  color: #000;  margin-bottom: 1rem; } .mobile-section h4 {  font-size: 20px;  font-weight: bold;  line-height: 22px;  color: #000;  margin-bottom: 1rem; } .mobile-section p {  font-size: 14px;  line-height: 29px;  color: #000;  margin-bottom: 1rem; } .mobile-section .tab-upload-wrapper {  border: 1px dashed var(--primary);  text-align: center;  cursor: pointer;  color: var(--primary);  font-size: 16px;  line-height: 23px;  display: flex;  align-items: center;  justify-content: center;  flex-direction: column;  height: 86px;  border-radius: 5px;  margin-bottom: 1rem; } .mobile-section .tab-upload-wrapper b {  text-decoration: underline;  cursor: pointer;  font-size: 14px;  line-height: 23px; } .mobile-section .uploaded-cv-info, .mobile-section .uploaded-cover-info {  align-items: start;  gap: 1rem;  padding: 1rem;  border: 1px solid var(--primary);  border-radius: 5px;  background-color: var(--base);  min-height: 107px; } .mobile-section .uploaded-cv-info--name, .mobile-section .uploaded-cover-info--name {  font-size: 14px;  line-height: 18px;  color: #000;  font-weight: bold; } .mobile-section .uploaded-cv-info--date, .mobile-section .uploaded-cover-info--date {  font-size: 14px;  line-height: 21px;  color: #000; } .mobile-section .uploaded-cv-info--matches, .mobile-section .uploaded-cover-info--matches {  font-size: 12px;  line-height: 15px;  color: var(--primary);  font-weight: bold;  background-color: transparent;  min-width: unset;  border: 0;  padding: 0;  margin-top: 0.5rem; } .mobile-section .uploaded-cv-info .delete-document-btn, .mobile-section .uploaded-cover-info .delete-document-btn {  position: absolute;  top: 8px;  right: 8px;  background: transparent;  border: none;  padding: 4px;  cursor: pointer;  color: var(--primary);  opacity: 0.6;  transition: opacity 0.2s;  min-width: unset; } .mobile-section .uploaded-cv-info .delete-document-btn:hover, .mobile-section .uploaded-cover-info .delete-document-btn:hover {  opacity: 1; } .mobile-section #accordion .card-header .btn, .mobile-section #accordionCriteres .card-header .btn, .mobile-section #accordionAlertes .card-header .btn {  background: var(--base);  color: var(--primary);  font-size: 20px;  line-height: 40px;  font-weight: bold;  border-color: var(--primaryOpacity6);  text-decoration: none; } .mobile-section #accordion .card-header .btn:hover, .mobile-section #accordionCriteres .card-header .btn:hover, .mobile-section #accordionAlertes .card-header .btn:hover {  text-decoration: none; } .mobile-section #accordion .card-header .btn:focus, .mobile-section #accordionCriteres .card-header .btn:focus, .mobile-section #accordionAlertes .card-header .btn:focus {  box-shadow: none; } .mobile-section #accordion .card-header .btn .accordion-chevron, .mobile-section #accordionCriteres .card-header .btn .accordion-chevron, .mobile-section #accordionAlertes .card-header .btn .accordion-chevron {  transition: transform 0.3s ease;  transform: rotate(180deg); } .mobile-section #accordion .card-header .btn[aria-expanded=true] .accordion-chevron, .mobile-section #accordionCriteres .card-header .btn[aria-expanded=true] .accordion-chevron, .mobile-section #accordionAlertes .card-header .btn[aria-expanded=true] .accordion-chevron {  transform: rotate(0deg); } .mobile-section #accordion .card-body label, .mobile-section #accordionCriteres .card-body label, .mobile-section #accordionAlertes .card-body label {  font-size: 16px;  line-height: 40px;  color: #000;  font-weight: bold;  margin-bottom: 0.5rem; } .mobile-section #accordion .card-body h5, .mobile-section #accordionCriteres .card-body h5, .mobile-section #accordionAlertes .card-body h5 {  font-size: 16px;  line-height: 40px;  color: #000;  font-weight: bold;  margin-bottom: 0.5rem;  margin-top: 2rem; } .mobile-section #accordion .card-body button, .mobile-section #accordionCriteres .card-body button, .mobile-section #accordionAlertes .card-body button {  min-width: unset;  margin-bottom: 1rem; } .mobile-section #accordion .card-body input, .mobile-section #accordionCriteres .card-body input, .mobile-section #accordionAlertes .card-body input {  background-color: var(--base);  border-radius: 50px; } .mobile-section #accordion .card-body textarea, .mobile-section #accordionCriteres .card-body textarea, .mobile-section #accordionAlertes .card-body textarea {  background-color: var(--base); } .mobile-section #accordion .card-body .accordion-btns, .mobile-section #accordionCriteres .card-body .accordion-btns, .mobile-section #accordionAlertes .card-body .accordion-btns {  gap: 1rem; } .mobile-section #accordion .card-body .accordion-btns .btn-cancel, .mobile-section #accordionCriteres .card-body .accordion-btns .btn-cancel, .mobile-section #accordionAlertes .card-body .accordion-btns .btn-cancel {  background-color: transparent;  color: var(--primary);  border: 0;  font-size: 16px;  line-height: 19px;  font-weight: bold; } .mobile-section #accordion .card-body .accordion-btns .btn-register, .mobile-section #accordionCriteres .card-body .accordion-btns .btn-register, .mobile-section #accordionAlertes .card-body .accordion-btns .btn-register {  font-size: 16px;  line-height: 19px;  font-weight: bold; } .mobile-section #accordion .card-body .btn-enregister, .mobile-section #accordionCriteres .card-body .btn-enregister, .mobile-section #accordionAlertes .card-body .btn-enregister {  height: 50px;  font-size: 22px;  line-height: 28px;  font-weight: bold;  border-radius: 50px; } .mobile-section #accordion .card-body .checkbox-wrapper label, .mobile-section #accordionCriteres .card-body .checkbox-wrapper label, .mobile-section #accordionAlertes .card-body .checkbox-wrapper label {  font-size: 18px;  line-height: 22px;  font-weight: unset; } .mobile-section #accordion .card-body select, .mobile-section #accordionCriteres .card-body select, .mobile-section #accordionAlertes .card-body select {  border: 2px solid var(--primary);  height: 41px;  border-radius: 50px;  padding: 8px 20px;  color: var(--primary); } .mobile-section #accordion .card-body .close-icon, .mobile-section #accordionCriteres .card-body .close-icon, .mobile-section #accordionAlertes .card-body .close-icon {  background-color: transparent;  border: 0;  color: black;  font-size: 41px;  margin: 0;  display: inline-block;  padding: 0;  line-height: 0; } .mobile-section #accordion .card-body .saved-alert--title, .mobile-section #accordionCriteres .card-body .saved-alert--title, .mobile-section #accordionAlertes .card-body .saved-alert--title {  font-size: 16px;  line-height: 19px;  color: #000;  font-weight: bold;  margin-bottom: 0.5rem; } .mobile-section #accordion .card-body .saved-alert--job, .mobile-section #accordionCriteres .card-body .saved-alert--job, .mobile-section #accordionAlertes .card-body .saved-alert--job {  font-size: 16px;  line-height: 30px;  color: var(--primary);  font-weight: bold;  margin-bottom: 0.5rem; } .mobile-section #accordion .card-body .saved-alert--location, .mobile-section #accordionCriteres .card-body .saved-alert--location, .mobile-section #accordionAlertes .card-body .saved-alert--location {  font-size: 14px;  line-height: 18px;  color: #000; } .mobile-section #accordion .card-body .switch-wrapper, .mobile-section #accordionCriteres .card-body .switch-wrapper, .mobile-section #accordionAlertes .card-body .switch-wrapper {  gap: 3rem; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch {  position: relative;  display: flex;  align-items: center;  gap: 15px; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .label-left, .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .label-right, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .label-left, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .label-right, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .label-left, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .label-right {  font-size: 14px;  color: #000;  font-weight: bold;  line-height: 25px;  user-select: none; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch {  position: relative;  display: inline-block;  margin-bottom: 0 !important; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input {  appearance: none;  -moz-appearance: none;  -webkit-appearance: none;  z-index: -1;  position: absolute;  right: 6px;  top: -8px;  display: block;  margin: 0;  border-radius: 50%;  width: 40px;  height: 40px;  background-color: rgba(0, 0, 0, 0.38);  outline: none;  opacity: 0;  transform: scale(1);  pointer-events: none;  transition: opacity 0.3s 0.1s, transform 0.2s 0.1s; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked {  right: -10px;  background-color: var(--base); } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::before, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::before, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::before {  background-color: var(--base); } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::after, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::after, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked + span::after {  background-color: var(--primary);  transform: translateX(30px); } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover {  opacity: 0.04; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:focus, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:focus, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:focus {  opacity: 0.12; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover:focus, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover:focus, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:hover:focus {  opacity: 0.16; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active {  opacity: 1;  transform: scale(0);  transition: transform 0s, opacity 0s; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active + span::before, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active + span::before, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:active + span::before {  background-color: #8f8f8f; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:active + span::before, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:active + span::before, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:active + span::before {  background-color: var(--base); } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled {  opacity: 0; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled + span::before, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled + span::before, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:disabled + span::before {  background-color: #ddd; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::before, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::before, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::before {  background-color: #bfdbda; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::after, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::after, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > input:checked:disabled + span::after {  background-color: #61b5b4; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::before, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::before, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::before {  content: "";  float: right;  display: inline-block;  margin: 5px 10px;  border-radius: 20px;  width: 42px;  height: 24px;  background-color: rgba(0, 0, 0, 0.38);  vertical-align: top;  transition: background-color 0.2s, opacity 0.2s; } .mobile-section #accordion .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::after, .mobile-section #accordionCriteres .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::after, .mobile-section #accordionAlertes .card-body .switch-wrapper .cl-toggle-switch .cl-switch > span::after {  content: "";  position: absolute;  top: 1.5px;  right: 30px;  border-radius: 50%;  width: 32px;  height: 32px;  background-color: #fff;  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);  transition: background-color 0.2s, transform 0.2s; } .mobile-section #accordion .accordion-details h5, .mobile-section #accordionCriteres .accordion-details h5, .mobile-section #accordionAlertes .accordion-details h5 {  font-size: 16px;  color: #000;  margin-bottom: 1rem; } .mobile-section #accordion .accordion-details p, .mobile-section #accordionCriteres .accordion-details p, .mobile-section #accordionAlertes .accordion-details p {  color: #000;  font-size: 14px;  margin-bottom: 1rem; } @media (min-width: 992px) and (max-width: 1199px) {  .nav-link {   min-height: 62px;   display: flex;   align-items: center;   justify-content: center;  } } #editImageModal {  z-index: 150000;  background: rgba(0, 0, 0, 0.5);  overflow-y: auto; } #editImageModal .modal-content {  height: 740px;  max-height: unset;  max-width: 495px;  width: 100%;  border-radius: 0; } #editImageModal .modal-content .modal-body {  overflow-y: auto; } #editImageModal .modal-content .modal-body .nav-tabs .nav-item .nav-link {  min-width: unset;  color: #666;  border-radius: 0;  border: 0; } #editImageModal .modal-content .modal-body .nav-tabs .nav-item .nav-link.active {  color: var(--primary);  border-bottom: 2px solid; } @media (max-width: 767px) {  #editImageModal .modal-content .modal-footer {   justify-content: center;  } } #editImageModal .modal-content .modal-footer button {  display: inline-block;  padding: 0.5rem 1rem;  font-size: 16px;  line-height: 1.5;  font-family: inherit;  font-weight: 500;  color: #000;  background-color: transparent;  border: none;  border-radius: 4px;  cursor: pointer;  transition: background-color 0.3s ease, color 0.3s ease;  min-width: unset; } #editImageModal .modal-content .modal-footer .deletePhoto-btn {  font-weight: normal; } #editImageModal .modal-content .modal-footer .cancel-btn {  font-weight: bold; } #editImageModal .modal-content .modal-footer .save-btn {  background-color: var(--primary);  color: #fff; } #pills-qualification .card-body-container, .mobile-pills-qualification .card-body-container {  border-radius: 30px;  border-width: 2px !important;  border-color: var(--primaryLight) !important; } #pills-qualification .card-body-container .form-group > label, .mobile-pills-qualification .card-body-container .form-group > label {  font-weight: bold !important; } #pills-qualification .card-body-container button, .mobile-pills-qualification .card-body-container button {  border-radius: 30px !important;  font-weight: bold;  font-size: 16px;  min-width: 175px !important; } #pills-qualification .card-body-container input[type=checkbox], .mobile-pills-qualification .card-body-container input[type=checkbox] {  border-radius: 0 !important;  background-color: transparent !important; } #pills-qualification .card-body-container select, .mobile-pills-qualification .card-body-container select {  color: #000 !important; } #pills-qualification .card-body-container input:not([type=checkbox]), #pills-qualification .card-body-container textarea, .mobile-pills-qualification .card-body-container input:not([type=checkbox]), .mobile-pills-qualification .card-body-container textarea {  background-color: transparent !important;  border-color: var(--primary) !important;  border-width: 2px !important;  border-radius: 30px !important;  padding: 1rem !important; } #pills-qualification .card-body-container .form-check-label, .mobile-pills-qualification .card-body-container .form-check-label {  font-weight: 400 !important;  line-height: unset !important; } #pills-qualification .card-body-container .d-flex, .mobile-pills-qualification .card-body-container .d-flex {  gap: 1rem; } @media (max-width: 767px) {  #pills-qualification .card-body-container .d-flex,  .mobile-pills-qualification .card-body-container .d-flex {   gap: 0.5rem;  } } #pills-qualification .card-body-container .action-btns, .mobile-pills-qualification .card-body-container .action-btns {  top: 0;  right: 0; } #pills-qualification .card-body-container .action-btns button, .mobile-pills-qualification .card-body-container .action-btns button {  border: 0;  padding: 0;  width: 40px;  height: 40px;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%;  min-width: unset !important; } #pills-qualification .card-body-container .action-btns .action-btn-edit, .mobile-pills-qualification .card-body-container .action-btns .action-btn-edit {  background: var(--primary); } #pills-qualification .card-body-container .action-btns .action-btn-edit i, .mobile-pills-qualification .card-body-container .action-btns .action-btn-edit i {  font-size: 16px;  color: #fff; } #pills-qualification .card-body-container .action-btns .action-btn-delete, .mobile-pills-qualification .card-body-container .action-btns .action-btn-delete {  background: var(--primaryLight); } #pills-qualification .card-body-container .action-btns .action-btn-delete i, .mobile-pills-qualification .card-body-container .action-btns .action-btn-delete i {  font-size: 16px;  color: var(--primary); } #pills-qualification .card-body-container .suggestion, #pills-qualification .card-body-container .search-result, .mobile-pills-qualification .card-body-container .suggestion, .mobile-pills-qualification .card-body-container .search-result {  width: 48.9% !important;  margin-bottom: 0 !important;  background: transparent !important;  color: var(--primary);  font-size: 16px;  font-weight: bold; } #pills-qualification .card-body-container .suggestion i, #pills-qualification .card-body-container .search-result i, .mobile-pills-qualification .card-body-container .suggestion i, .mobile-pills-qualification .card-body-container .search-result i {  color: var(--primary);  font-size: 16px; } @media (max-width: 768px) {  #pills-qualification .card-body-container .suggestion,  #pills-qualification .card-body-container .search-result,  .mobile-pills-qualification .card-body-container .suggestion,  .mobile-pills-qualification .card-body-container .search-result {   width: 100% !important;  } } #pills-qualification .card-body-container .search-result, .mobile-pills-qualification .card-body-container .search-result {  display: flex;  justify-content: space-between;  align-items: center; } .pac-container {  z-index: 999999 !important;  position: absolute !important; } @media (max-width: 768px) {  .form-buttons button {   width: 100% !important;  } } @media (max-width: 991.98px) {  .tabs-wrapper {   padding: 0 1rem;  }  .tabs-wrapper .nav-pills {   flex-wrap: wrap;  }  .tabs-wrapper .nav-pills .nav-item {   flex: 1 1 calc(50% - 0.5rem);   margin: 0.25rem;   text-align: center;   width: auto;  }  .tabs-wrapper .nav-pills .nav-item .nav-link {   width: 100%;   white-space: nowrap;   overflow: hidden;   text-overflow: ellipsis;   margin: 0;   font-size: 0.875rem;   padding: 0.5rem 0.75rem;   margin-bottom: 0.5rem;  }  .tabs-wrapper .tab-content {   padding: 0 1rem;  }  .mobile-section {   display: none !important;  } } .download-cv {  min-width: unset !important;  background: transparent !important;  color: var(--primary) !important;  border: 0 !important;  font-weight: 600;  padding: 0;  margin-inline: auto; } .show-more-description {  color: var(--primary) !important;  font-weight: 600;  cursor: pointer;  text-decoration: none !important; } .show-more-description:hover {  color: var(--primaryDark) !important;  text-decoration: underline !important; } @media (max-width: 767px) {  .experience-item .d-flex:not(.action-btns),  .education-item .d-flex:not(.action-btns) {   flex-direction: column;   gap: 0 !important;  }  .experience-item .d-flex:not(.action-btns) .w-25,  .experience-item .d-flex:not(.action-btns) .w-75,  .education-item .d-flex:not(.action-btns) .w-25,  .education-item .d-flex:not(.action-btns) .w-75 {   width: 100% !important;  }  .experience-item .d-flex:not(.action-btns) .details-title,  .education-item .d-flex:not(.action-btns) .details-title {   text-align: left !important;   font-size: 12px;   margin-bottom: 0 !important;  }  .experience-item .action-btns,  .education-item .action-btns {   display: flex;   flex-direction: row !important;   gap: 0.5rem;  } } .sms-verification-modal {  border-radius: 16px;  border: none;  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);  overflow: hidden;  height: auto !important;  max-height: none !important;  min-height: unset !important; } .sms-verification-modal .modal-header {  background: transparent;  border-bottom: none;  padding-bottom: 0; } .sms-verification-modal .modal-header .close {  font-size: 1.5rem;  opacity: 0.5;  transition: opacity 0.2s;  min-width: unset;  margin: 0;  padding: 0; } .sms-verification-modal .modal-header .close:hover {  opacity: 1; } .sms-verification-modal .modal-body {  padding-top: 0; } .sms-icon-container {  display: flex;  justify-content: center; } .sms-icon-circle {  width: 80px;  height: 80px;  border-radius: 50%;  background: linear-gradient(135deg, var(--primary) 0%, var(--primaryDark, rgb(0, 86.1, 178.5)) 100%);  display: flex;  align-items: center;  justify-content: center;  color: white;  box-shadow: 0 8px 24px rgba(var(--primary-rgb, 0, 123, 255), 0.3); } .otp-input-container {  display: flex;  justify-content: center;  align-items: center;  gap: 8px; } .otp-separator {  font-size: 1.5rem;  color: #ccc;  margin: 0 4px; } .otp-input {  width: 48px;  height: 56px;  text-align: center;  font-size: 1.5rem;  font-weight: 600;  border: 2px solid #e0e0e0;  border-radius: 12px !important;  outline: none;  transition: all 0.2s ease;  background: #f8f9fa !important;  padding: 0 !important; } .otp-input:focus {  border-color: var(--primary);  background: white !important;  box-shadow: 0 0 0 4px rgba(var(--primary-rgb, 0, 123, 255), 0.1); } .otp-input:not(:placeholder-shown) {  background: white !important;  border-color: var(--primary); } .otp-input.otp-success {  border-color: #28a745;  background: #d4edda !important;  color: #155724; } .otp-input.otp-error {  border-color: #dc3545;  background: #f8d7da !important;  animation: shake 0.4s ease-in-out; } @keyframes shake {  0%, 100% {   transform: translateX(0);  }  20%, 60% {   transform: translateX(-4px);  }  40%, 80% {   transform: translateX(4px);  } } .resend-container {  font-size: 0.9rem; } .resend-container #resendCode {  color: var(--primary) !important;  text-decoration: none;  font-weight: 500;  min-width: unset;  padding: 0;  margin: 0;  vertical-align: baseline;  background: transparent !important;  border: none !important; } .resend-container #resendCode:hover {  text-decoration: underline;  color: var(--primaryDark, var(--primary)) !important; } .resend-container #resendCode:disabled {  color: #adb5bd !important; } #otpSuccess {  color: #28a745;  font-weight: 500; } #otpError {  color: #dc3545;  font-weight: 500; } @media (max-width: 400px) {  .otp-input {   width: 40px;   height: 48px;   font-size: 1.25rem;  }  .otp-input-container {   gap: 4px;  }  .otp-separator {   margin: 0 2px;  } } .job-match-widget {  background: #fff;  border-radius: 12px;  padding: 1.25rem;  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .job-match-widget .widget-welcome {  border: 2px solid #000000;  border-radius: 25px;  padding: 1rem;  font-size: 16px;  font-weight: bold;  line-height: 22px;  margin-bottom: 1.5rem; } .job-match-widget .widget-header {  display: flex;  align-items: center;  gap: 0.5rem;  margin-bottom: 0.25rem; } .job-match-widget .widget-header h3 {  font-size: 1rem;  font-weight: 600;  color: #1a1a1a;  margin: 0; } .job-match-widget .badge-ai {  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);  color: #fff;  font-size: 0.65rem;  font-weight: 600;  padding: 0.2rem 0.5rem;  border-radius: 4px;  text-transform: uppercase;  letter-spacing: 0.5px; } .job-match-widget .widget-subtitle {  font-size: 0.8rem;  color: #666;  margin: 0 0 1rem 0; } .job-match-widget .widget-list {  display: flex;  flex-direction: column;  gap: 0.75rem; } .job-match-widget .job-card {  display: flex;  align-items: flex-start;  gap: 0.75rem;  padding: 0.875rem;  background: #f8f9fa;  border-radius: 8px;  text-decoration: none;  transition: all 0.2s ease;  border: 1px solid transparent; } .job-match-widget .job-card:hover {  background: #fff;  border-color: var(--primary);  box-shadow: 0 2px 8px rgba(3, 67, 168, 0.12);  text-decoration: none; } .job-match-widget .job-card:hover .job-title {  color: var(--primary); } .job-match-widget .job-logo {  flex-shrink: 0;  width: 40px;  height: 40px;  border-radius: 6px;  overflow: hidden;  background: #fff;  border: 1px solid #e0e0e0;  display: flex;  align-items: center;  justify-content: center; } .job-match-widget .job-logo img {  width: 100%;  height: 100%;  object-fit: contain; } .job-match-widget .job-logo.job-logo-placeholder {  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);  border: none; } .job-match-widget .job-logo.job-logo-placeholder span {  color: #fff;  font-weight: 600;  font-size: 1rem; } .job-match-widget .job-content {  flex: 1;  min-width: 0; } .job-match-widget .job-title {  font-size: 0.875rem;  font-weight: 600;  color: #1a1a1a;  margin-bottom: 0.25rem;  line-height: 1.3;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden; } .job-match-widget .job-company {  font-size: 0.75rem;  color: #555;  margin-bottom: 0.25rem;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; } .job-match-widget .job-location {  display: flex;  align-items: center;  gap: 0.25rem;  font-size: 0.7rem;  color: #888; } .job-match-widget .job-location svg {  flex-shrink: 0; } .job-match-widget .job-score {  flex-shrink: 0;  align-self: center; } .job-match-widget .score-value {  display: flex;  align-items: center;  justify-content: center;  width: 38px;  height: 38px;  background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);  color: #2e7d32;  font-size: 0.7rem;  font-weight: 700;  border-radius: 50%; } .job-match-widget .view-all-link {  font-weight: bold;  display: flex;  align-items: center;  justify-content: center;  gap: 0.5rem;  margin-top: 1rem;  padding: 0.75rem;  background: var(--primary);  color: #fff;  font-size: 0.875rem;  border-radius: 8px;  text-decoration: none;  transition: background 0.2s ease; } .job-match-widget .view-all-link:hover {  background: var(--primaryDark);  color: #fff;  text-decoration: none; } .job-match-widget .carousel-dots {  display: none; }  .body-space.portal .row > .col {  min-width: 0; }  @media (min-width: 1820px) {  .body-space.portal:has(.aside-right-col) {   display: flex;  }  .body-space.portal:has(.aside-right-col) > .container {   flex: 0 1 1140px;   margin-left: calc((100vw - 1140px) / 2);   margin-right: 0;  } } .aside-right-col {  position: sticky;  width: 320px;  flex-shrink: 0;  align-self: flex-start;  margin-left: 20px;  max-height: calc(100vh - 120px);  overflow-y: auto;  z-index: 100;  scrollbar-width: thin;  scrollbar-color: transparent transparent; } .aside-right-col:hover {  scrollbar-color: rgba(0, 0, 0, 0.2) transparent; } .aside-right-col::-webkit-scrollbar {  width: 4px; } .aside-right-col::-webkit-scrollbar-track {  background: transparent; } .aside-right-col::-webkit-scrollbar-thumb {  background: transparent;  border-radius: 4px; } .aside-right-col:hover::-webkit-scrollbar-thumb {  background: rgba(0, 0, 0, 0.2); } @media (max-width: 1819px) {  .aside-right-col {   display: none !important;  } } @media (max-width: 1819px) {  .job-match-widget-mobile {   display: block !important;   margin: 1rem 0;   padding: 1rem;   border-radius: 12px;   background: #fff;   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);   max-width: 100%;   overflow: hidden;  }  .job-match-widget-mobile .widget-welcome {   display: none;  }  .job-match-widget-mobile .widget-header {   display: flex;   align-items: center;   gap: 0.5rem;   margin-bottom: 0.5rem;  }  .job-match-widget-mobile .widget-header h3 {   font-size: 1rem;   font-weight: 600;   color: #1a1a1a;   margin: 0;  }  .job-match-widget-mobile .badge-ai {   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);   color: #fff;   font-size: 0.65rem;   font-weight: 600;   padding: 0.2rem 0.5rem;   border-radius: 4px;   text-transform: uppercase;   letter-spacing: 0.5px;  }  .job-match-widget-mobile .widget-subtitle {   font-size: 0.75rem;   color: #666;   margin: 0 0 0.75rem 0;  }  .job-match-widget-mobile .widget-list {   display: flex;   flex-direction: row;   gap: 0.75rem;   overflow-x: auto;   overflow-y: hidden;   scroll-snap-type: x mandatory;   -webkit-overflow-scrolling: touch;   scrollbar-width: none;   padding-bottom: 0.5rem;   width: 100%;   max-width: 100%;  }  .job-match-widget-mobile .widget-list::-webkit-scrollbar {   display: none;  }  .job-match-widget-mobile .job-card {   flex: 0 0 260px;   width: 260px;   scroll-snap-align: start;   display: flex;   flex-direction: column;   align-items: flex-start;   padding: 1rem;   background: #f8f9fa;   border-radius: 10px;   border: 1px solid black;   text-decoration: none;  }  .job-match-widget-mobile .job-card:first-child {   margin-left: 0;  }  .job-match-widget-mobile .job-card:last-child {   margin-right: 0;  }  .job-match-widget-mobile .job-card-header {   display: flex;   align-items: flex-start;   gap: 0.75rem;   width: 100%;   margin-bottom: 0.5rem;  }  .job-match-widget-mobile .job-logo {   flex-shrink: 0;   width: 44px;   height: 44px;   border-radius: 8px;   overflow: hidden;   background: #fff;   border: 1px solid #e0e0e0;   display: flex;   align-items: center;   justify-content: center;  }  .job-match-widget-mobile .job-logo img {   width: 100%;   height: 100%;   object-fit: contain;  }  .job-match-widget-mobile .job-logo.job-logo-placeholder {   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);   border: none;  }  .job-match-widget-mobile .job-logo.job-logo-placeholder span {   color: #fff;   font-weight: 600;   font-size: 1.1rem;  }  .job-match-widget-mobile .job-content {   flex: 1;   min-width: 0;  }  .job-match-widget-mobile .job-title {   font-size: 0.9rem;   font-weight: 600;   color: #1a1a1a;   margin-bottom: 0.25rem;   line-height: 1.3;   display: -webkit-box;   -webkit-line-clamp: 2;   -webkit-box-orient: vertical;   overflow: hidden;  }  .job-match-widget-mobile .job-company {   font-size: 0.8rem;   color: #555;   white-space: nowrap;   overflow: hidden;   text-overflow: ellipsis;  }  .job-match-widget-mobile .job-meta {   display: flex;   align-items: center;   justify-content: space-between;   width: 100%;   margin-top: auto;   padding-top: 0.5rem;  }  .job-match-widget-mobile .job-location {   display: flex;   align-items: center;   gap: 0.25rem;   font-size: 0.75rem;   color: #888;  }  .job-match-widget-mobile .job-location svg {   flex-shrink: 0;  }  .job-match-widget-mobile .job-score {   flex-shrink: 0;  }  .job-match-widget-mobile .score-value {   display: flex;   align-items: center;   justify-content: center;   width: 36px;   height: 36px;   background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);   color: #2e7d32;   font-size: 0.7rem;   font-weight: 700;   border-radius: 50%;  }  .job-match-widget-mobile .carousel-dots {   display: flex;   justify-content: center;   gap: 0.5rem;   margin-top: 0.75rem;  }  .job-match-widget-mobile .carousel-dots .dot {   width: 8px;   height: 8px;   border-radius: 50%;   background: #ddd;   transition: all 0.3s ease;   cursor: pointer;  }  .job-match-widget-mobile .carousel-dots .dot.active {   background: var(--primary);   width: 20px;   border-radius: 4px;  }  .job-match-widget-mobile .view-all-link {   display: flex;   align-items: center;   justify-content: center;   gap: 0.5rem;   margin-top: 1rem;   padding: 0.875rem;   background: var(--primary);   color: #fff;   font-size: 0.9rem;   font-weight: 600;   border-radius: 8px;   text-decoration: none;  }  .job-match-widget-mobile .view-all-link:hover {   background: var(--primaryDark);   color: #fff;   text-decoration: none;  } } @media (min-width: 1820px) {  .job-match-widget-mobile {   display: none !important;  } } @media (min-width: 1820px) {  .mobile-only-widget {   display: none !important;  } } @media (max-width: 1819px) {  .mobile-only-widget {   display: block;   width: 100%;   max-width: 100%;   margin: 1rem 0;   overflow-x: hidden;  }  .mobile-only-widget .job-match-widget-mobile {   max-width: 100%;   overflow: hidden;   margin: 0;   padding: 0.75rem;  }  .mobile-only-widget .widget-list {   max-width: 100%;  }  .mobile-only-widget .job-card {   flex: 0 0 220px;   width: 220px;   min-width: 0;  }  .mobile-only-widget .carousel-container {   position: relative;  }  .mobile-only-widget .carousel-arrow {   position: absolute;   top: 50%;   transform: translateY(-50%);   z-index: 10;   width: 28px;   height: 28px;   min-width: 28px !important;   max-width: 28px;   border-radius: 50%;   border: none;   background: rgba(255, 255, 255, 0.9);   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   transition: opacity 0.2s;   padding: 0;   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);  }  .mobile-only-widget .carousel-arrow-left {   left: 8px;  }  .mobile-only-widget .carousel-arrow-right {   right: 8px;  }  .mobile-only-widget .carousel-arrow svg {   width: 12px;   height: 12px;   stroke: #555;  } } .applied--jobs .profile {  border: 1px dashed var(--primary); } .applied--jobs .applied h2 {  margin-top: 16px;  margin-bottom: 21px;  font-size: 24px;  line-height: 29px;  font-weight: bold; } .applied--jobs .applied--job-wrapper {  background: var(--base);  border: 1px dashed var(--primary);  gap: 2rem; } .applied--jobs .applied--job-logo {  width: 85px;  aspect-ratio: 1;  background: var(--primary);  border-radius: 4px; } .applied--jobs .applied--job-detail h3 {  color: #000;  font-size: 24px;  line-height: 24px;  font-weight: bold;  margin-bottom: 8px; } .applied--jobs .applied--job-detail p {  color: var(--primary);  font-size: 18px;  line-height: 22px;  letter-spacing: 0px; } .applied--jobs .documents h2 {  margin-top: 16px;  margin-bottom: 21px;  font-size: 24px;  line-height: 29px;  font-weight: bold; } .applied--jobs .documents--gap {  gap: 1rem; } .applied--jobs .documents--upload-cv, .applied--jobs .documents--upload-cover {  background-color: var(--base);  height: 86px;  border: 1px dashed var(--primary);  width: 100%;  margin-bottom: 1rem; } .applied--jobs .documents--upload-cv span, .applied--jobs .documents--upload-cover span {  color: var(--primary);  font-size: 16px;  line-height: 23px;  font-weight: bold;  text-decoration: underline; } .applied--jobs .documents--attached-cv, .applied--jobs .documents--attached-cover {  background-color: var(--base);  border: 1px dashed var(--primary);  width: 100%; } .applied--jobs .documents--attached-cv svg, .applied--jobs .documents--attached-cover svg {  margin-right: 1rem; } .applied--jobs .documents--attached-cv h3, .applied--jobs .documents--attached-cover h3 {  color: #000;  font-size: 18px;  line-height: 22px;  font-weight: bold;  margin: 0; } .applied--jobs .documents--attached-cv .radio-label .label-text, .applied--jobs .documents--attached-cover .radio-label .label-text {  color: #000;  font-size: 14px;  line-height: 18px;  font-weight: bold; } .applied--jobs .documents--attached-cv .radio-label .label-text span, .applied--jobs .documents--attached-cover .radio-label .label-text span {  color: inherit;  font-size: 12px;  line-height: 15px;  font-weight: normal; } .applied--jobs .documents .action-buttons {  gap: 5rem; } @media (max-width: 768px) {  .applied--jobs .documents .action-buttons {   gap: 1rem;  } } .applied--jobs .documents .action-buttons button {  min-width: 219px !important;  font-size: 18px;  line-height: 22px;  font-weight: bold;  height: 50px;  border-radius: 50px; } .applied--jobs .documents .action-buttons .btn-outline {  border-color: var(--primary);  color: var(--primary); } .applied--jobs .documents .action-buttons .btn-outline:hover {  border-color: var(--primaryDark);  color: var(--primaryDark); } .applied--jobs #cv-toggle-text, .applied--jobs #cover-toggle-text {  color: black !important; } .applied--jobs #cv-toggle-text:hover, .applied--jobs #cover-toggle-text:hover {  color: var(--primary) !important; } .applied--jobs #accordion .card-header .btn {  position: relative; } .applied--jobs #accordion .card-header .btn svg {  position: absolute;  right: 1rem;  top: 50%;  transform: translateY(-50%); } .applied--jobs .job-description-content {  font-size: 14px;  line-height: 1.6;  color: #555; } .applied--jobs .job-description-content h1, .applied--jobs .job-description-content h2, .applied--jobs .job-description-content h3, .applied--jobs .job-description-content h4, .applied--jobs .job-description-content h5, .applied--jobs .job-description-content h6 {  color: var(--primary);  margin-top: 1rem;  margin-bottom: 0.5rem; } .applied--jobs .job-description-content ul, .applied--jobs .job-description-content ol {  padding-left: 1.5rem; } .applied--jobs .job-description-content p {  margin-bottom: 0.75rem; } @media (max-width: 991px) {  .applied--jobs .document-preview-modal {   margin: 10px;   max-width: calc(100% - 20px);   margin-bottom: 102px;  }  .applied--jobs .document-preview-modal .modal-content {   height: calc(100vh - 122px);   display: flex;   flex-direction: column;  }  .applied--jobs .document-preview-modal .modal-body {   flex: 1;   overflow: hidden;  }  .applied--jobs .document-preview-modal #documentPreviewFrame {   height: 100% !important;  }  .applied--jobs #writeCoverLetterModal .modal-dialog {   margin: 10px;   max-width: calc(100% - 20px);   margin-bottom: 102px;   height: calc(100vh - 112px);  }  .applied--jobs #writeCoverLetterModal .modal-dialog.modal-dialog-centered {   min-height: calc(100vh - 112px);   align-items: flex-start;  }  .applied--jobs #writeCoverLetterModal .modal-content {   max-height: calc(100vh - 122px);   display: flex;   flex-direction: column;  }  .applied--jobs #writeCoverLetterModal .modal-body {   flex: 1;   overflow: hidden;   display: flex;   flex-direction: column;  }  .applied--jobs #writeCoverLetterModal .form-group {   flex: 1;   display: flex;   flex-direction: column;  }  .applied--jobs #writeCoverLetterModal textarea {   flex: 1;   min-height: 150px;   resize: none;  } } .applied--jobs .document-preview-modal.modal-dialog-centered {  display: flex;  align-items: center;  min-height: calc(100vh - 112px); } @media (max-width: 991px) {  .applied--jobs .document-preview-modal.modal-dialog-centered {   min-height: calc(100vh - 122px);   margin-top: 10px;  } } .cv-preview-frame {  position: relative; } .cv-preview-loading {  display: flex;  align-items: center;  justify-content: center;  height: 500px;  position: absolute;  top: 0;  left: 0;  right: 0;  background: #f8f8f8;  z-index: 1; } .cv-preview-loading.d-none {  display: none !important; } .applied--jobs--background {  background: var(--base);  padding-bottom: 2rem; } .applied--jobs--background .profile, .applied--jobs--background .applied--job-wrapper, .applied--jobs--background .documents--upload-cv, .applied--jobs--background .documents--upload-cover, .applied--jobs--background .documents--attached-cv, .applied--jobs--background .documents--attached-cover {  background-color: #fff !important; } .french-test {  color: #212529; } .french-test p {  color: inherit; } .french-test .blank {  display: inline-flex;  align-items: baseline;  gap: 0.25rem; } .french-test .blank-input {  border: 0;  border-bottom: 2px solid #ced4da;  background: transparent;  padding: 0 0.25rem;  min-width: 6ch;  font-size: 1rem;  line-height: 1.2; } .french-test .blank-input:focus {  outline: 0;  border-bottom-color: #0d6efd;  box-shadow: 0 1px 0 0 #0d6efd; } .french-test .blank-input.filled {  border-bottom-color: #20c997; } @media (max-width: 576px) {  .french-test .blank-input {   min-width: 8ch;  } } .french-test .french-alert {  display: flex;  align-items: center;  justify-content: center;  width: 404px;  height: 163px;  background-color: #ffd7d2;  border-radius: 8px;  padding: 1rem;  font-size: 20px;  color: #f00000;  text-align: center;  position: relative;  gap: 0.5rem; } .french-test .btn-primary:disabled, .french-test .btn-primary.disabled {  background-color: #0d6efd;  border-color: #0d6efd;  opacity: 1; } .french-test #french-success-modal .modal-content {  background: transparent;  border: none;  box-shadow: none; } .french-test #french-success-modal .french-alert-close {  position: absolute;  top: 0.5rem;  right: 0.5rem;  background: transparent;  border: none;  color: #f00000;  font-size: 1.75rem;  opacity: 0.7;  line-height: 1;  cursor: pointer; } .french-test #french-success-modal .french-alert-close:hover {  opacity: 1; } .french-test #french-success-modal .french-alert-text {  text-align: center;  color: #f00000;  font-size: 20px; } div#french-success-modal {  display: none; } div#french-success-modal.show {  background: #ffd7d2;  max-width: 400px;  height: auto;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  color: #f00000;  font-size: 20px;  padding: 0 !important;  height: 165px;  display: flex;  align-items: center;  justify-content: center; } div#french-success-modal.show button {  min-width: unset;  position: absolute;  top: -30%;  right: 1%;  opacity: 1; } div#french-success-modal.show .modal-dialog {  margin: 0 !important;  padding: 2rem 1rem;  margin-block: auto;  height: 100%;  position: relative; } .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; } .overlay {  width: 100%;  height: 100%;  background: rgba(0, 0, 0, 0.5);  position: fixed;  inset: 0;  z-index: 111111; } .wish-list-popup {  max-width: 332px;  aspect-ratio: 1;  background-color: var(--base);  padding: 20px !important;  border-radius: 0 !important; } .wish-list-popup .popup-x {  font-weight: 500;  font-size: 30px !important; } .wish-list-popup .title {  font-size: 23px;  line-height: 28px;  font-weight: bold;  color: var(--primary);  margin-bottom: 15px; } .wish-list-popup .description {  font-size: 14px;  line-height: 19px;  color: #000;  margin-bottom: 35px; } .wish-list-popup .action-buttons {  gap: 14px; } .wish-list-popup .action-buttons button {  font-size: 16px;  line-height: 19px;  font-weight: 900;  height: 44px;  border-radius: 50px; } .wish-list-popup .action-buttons .btn-outline {  border-color: var(--primary);  color: var(--primary);  background-color: white; } .wish-list-popup .action-buttons .btn-outline:hover {  border-color: var(--primaryDark);  color: var(--primaryDark); } .alertPopup {  max-width: 730px;  width: 95%;  height: 459px;  border-radius: 0 !important;  background-color: var(--base);  padding: 40px 15px; } @media (max-width: 768px) {  .alertPopup {   padding-inline: 20px !important;   height: unset !important;  } } .alertPopup h3 {  color: var(--primary);  font-size: 23px;  line-height: 28px;  font-weight: bold;  margin-bottom: 0; } .alertPopup h2 {  color: #000;  font-size: 30px;  line-height: 37px;  font-weight: bold;  margin-bottom: 15px; } .alertPopup p {  color: #000;  font-size: 20px;  line-height: 24px;  font-weight: 600;  margin-bottom: 17px; } .alertPopup ul {  padding-left: 0; } .alertPopup ul li {  color: #000;  font-size: 16px;  line-height: 24px;  font-weight: normal; } .alertPopup ul li i {  color: var(--primary);  margin-right: 6px;  font-weight: bold; } .alertPopup .action-buttons {  gap: 20px; } .alertPopup .action-buttons button {  font-size: 16px;  line-height: 19px;  font-weight: 900;  padding: 12px 14px;  min-width: 160px !important;  max-width: 200px !important;  border-radius: 50px;  width: 100%; } .alertPopup .action-buttons .btn-outline {  border-color: var(--primary);  color: var(--primary);  background-color: white; } .alertPopup .action-buttons .btn-outline:hover {  border-color: var(--primaryDark);  color: var(--primaryDark); }