/* Fonts */
@font-face {
  font-family: 'DMSerifDisplay Regular';
  src: url(/fonts/DMSerifDisplay-Regular.ttf);
}

@font-face {
  font-family: 'Poppins Regular';
  src: url(/fonts/Poppins-Regular.ttf);
}

@font-face {
  font-family: 'Poppins Medium';
  src: url(/fonts/Poppins-Medium.ttf);
}

@font-face {
  font-family: 'Poppins Bold';
  src: url(/fonts/Poppins-Bold.ttf);
}

/**/
:root {
  --primary-bs: #16212F;
  --secondary-bs: #F6A70B;
}

/* Global */
body {
  font-family: Poppins Regular;
  /*-moz-osx-font-smoothing: grayscale;*/
  /*-webkit-font-smoothing: antialiased;*/
}

h1 {
  font-family: Poppins Bold;
  font-weight: 100 !important;
  color: var(--primary-bs) !important;
}

h2,
h3,
h4,
h5,
h6 {
  font-family: Poppins Medium;
  font-weight: 100 !important;
  color: var(--primary-bs) !important;
}

.font-medium {
  font-family: Poppins Medium;
}

.font-bold {
  font-family: Poppins Bold;
}

.font-dmserif {
  font-family: DMSerifDisplay Regular;
}

.btn-primary-bs {
  background-color: var(--primary-bs);
  border-color: var(--primary-bs);
  color: #fff;
}

.btn-primary-bs:hover {
  background-color: #091a1f;
  border-color: #091a1f;
  color: #fff;
}

.btn-outline-primary-bs {
  border-color: var(--primary-bs);
  color: var(--primary-bs);
}

.btn-outline-primary-bs:hover {
  background-color: var(--primary-bs);
  color: #FFFFFF;
}

.btn-soft-primary-bs {
  background-color: rgba(14, 44, 51, 0.1);
  color: var(--primary-bs);
}

.btn-soft-primary-bs:hover {
  background-color: var(--primary-bs);
  border-color: var(--primary-bs);
  color: #FFFFFF;
}

.btn-secondary-bs {
  background-color: #f6a70b;
  border-color: #f6a70b;
  color: #fff;
}

.btn-secondary-bs:hover {
  background-color: #f6a70b;
  border-color: #f6a70b;
  color: #FFFFFF;
}

.btn-soft-secondary-bs {
  background-color: rgba(242, 160, 5, 0.1);
  color: #f6a70b;
}

.btn-soft-secondary-bs:hover {
  background-color: #f6a70b;
  border-color: #f6a70b;
  color: #FFFFFF;
}

.btn-outline-secondary-bs {
  border-color: #f6a70b;
  color: #f6a70b;
}

.btn-outline-secondary-bs:hover {
  background-color: #f6a70b;
  color: #FFFFFF;
}

.btn-muted-bs {
  background-color: #7d8893;
  color: #FFFFFF;
}

.btn-muted-bs:hover {
  background-color: #4c545c;
  border-color: #4c545c;
  color: #FFFFFF;
}

.btn-soft-muted-bs {
  background-color: rgba(125, 136, 147, 0.1);
  color: #7d8893;
}

.btn-soft-muted-bs:hover {
  background-color: #7d8893;
  border-color: #7d8893;
  color: #FFFFFF;
}

.btn-outline-muted-bs {
  border-color: #7d8893;
  color: #7d8893;
}

.btn-outline-muted-bs:hover {
  background-color: #7d8893;
  color: #FFFFFF;
}

.bg-primary-bs {
  background-color: var(--primary-bs) !important;
}

.bg-soft-primary-bs {
  background-color: rgba(14, 44, 51, 0.1);
  border: 0px;
  color: var(--primary-bs);
}

.bg-secondary-bs {
  background-color: #f6a70b;
}

.bg-soft-secondary-bs {
  background-color: rgba(242, 160, 5, 0.1);
  border: 0px;
  color: #f6a70b;
}

.bg-success-bs {
  background-color: #00BF76;
}

.bg-warning-bs {
  background-color: #f5b433;
}

.text-primary-bs {
  color: var(--primary-bs);
}

.text-secondary-bs {
  color: var(--secondary-bs) !important;
}

.text-muted-bs {
  color: #7d8893;
}

.text-warning-bs {
  color: #f6a70b;
}

.text-success-bs {
  color: #00BF76;
}

.card.card-transition.dark {
  background-color: var(--primary-bs);
}

/* Dark mode */
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6 {
  color: white !important;
}

.dark .text-primary-bs:not(.badge) {
  color: white;
}

.dark *:not(.badge)>.text-secondary-bs:not(.badge) {
  color: white;
}

.dark .text-muted-bs {
  color: white;
}

.dark .text-warning-bs {
  color: white;
}

.dark .btn-primary-bs {
  background-color: white;
  border-color: white;
  color: var(--primary-bs);
}

.dark .btn-soft-secondary-bs {
  background-color: rgba(231, 200, 200, 1);
  border-color: rgba(231, 200, 200, 1);
  color: #f6a70b;
}

/* */
.border-secondary-bs {
  border-color: #f6a70b !important;
}

.border-primary-bs {
  border-color: var(--primary-bs) !important;
}

.border-warning-bs {
  border-color: #f6a70b !important;
}

.alert-soft-secondary-bs {
  background-color: rgba(242, 160, 5, 0.1);
  color: #f6a70b;
}

.step-icon-soft-primary-bs {
  background-color: rgba(14, 44, 51, 0.1);
  color: var(--primary-bs);
}

.step-icon-soft-secondary-bs {
  color: #f6a70b;
  background-color: rgba(242, 160, 5, 0.1);
}

.step-icon-secondary-bs {
  color: #FFF;
  background-color: #f6a70b;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-primary:hover {
  box-shadow: 0 4px 11px rgba(255, 77, 77, .35);
}

.btn-check:focus+.btn-white,
.btn-white:focus,
.btn-white:hover {
  color: #f6a70b;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #f6a70b !important;
}

.nav-link,
.nav-vertical.nav-tabs .nav-link.active {
  border-color: #f6a70b;
}

.nav-tabs .nav-link.active {
  color: #f6a70b;
}

a:not(.btn):not(.go-to):hover {
  color: #f6a70b !important;
}

a.text-secondary-bs {
  color: #f6a70b !important;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: var(--primary-bs);
}

.nav-link,
.nav-vertical.nav-tabs .nav-link.active {
  border-color: var(--primary-bs);
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active .nav-link {
  color: #f6a70b !important;
}

.nav-vertical .nav-item li.active {
  color: #f6a70b !important;
  list-style-position: inside;
}

.nav-vertical .nav-item li.active .nav-link {
  border-color: transparent !important;
}

.nav-secondary-bs {
  padding: 2px;
}

.nav-secondary-bs .nav-link.active {
  color: #FFFFFF;
  background-color: #f6a70b;
  border-radius: 8px;
}

.nav-secondary-bs .nav-link {
  color: #FFFFFF;
}

.nav-secondary-bs .nav-link.active:hover,
.nav-pills .show>.nav-link:hover {
  background-color: #f6a70b;
  color: #FFFFFF !important;
}

.card-project {
  object-fit: cover;
  height: 200px;
}

.card-project.coming {
  filter: brightness(50%);
  -webkit-filter: brightness(50%);
}

.sold {
  font-weight: bold;
  opacity: 0.5;
  color: #ffffff;
  font-size: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progress-project {
  height: 16px;
}

.progress-bar-open {
  background-image: linear-gradient(to right, var(--primary-bs), #00C9A7);
}

[class*=list-checked-bg-] .list-checked-item::before {
  margin-top: 2px;
}

.js-countdown {
  top: 50px;
  z-index: 1;
}

.bg-countdown {
  background-color: #FFF;
  border-radius: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 50px;
  margin: auto;
}

.nav-segment.nav-project .nav-link.active {
  color: #FFFFFF;
  background-color: var(--primary-bs);
}

.nav-segment.nav-project .nav-link.active:hover {
  color: #FFFFFF !important;
}

.nav-mobile {
  border-top: 1px solid var(--primary-bs);
  padding-top: 6px;
  background-color: var(--primary-bs);
  width: 100%;
  z-index: 1001;
  position: fixed;
  bottom: 0;
  padding-bottom: max(6px, env(safe-area-inset-bottom));
}

.nav-mobile .nav-link.active {
  color: #f5b433;
}

.nav-mobile .nav-link {
  color: #ffffff;
}

.go-to:focus:hover,
.go-to:hover {
  background-color: #f6a70b;
}

.nav-secondary-bs .nav-item:hover {
  background-color: #FFFFFF;
  border-radius: 8px;
}

.nav.nav-top-lg .nav-link.active {
  color: var(--primary-bs);
  font-family: Poppins Medium;
  border-radius: 8px;
  background-color: #f6a70b;
}

.nav.nav-top-lg .nav-link {
  color: #ffffff;
  border-radius: 8px;
  background-color: #3d5054;
}

.nav.nav-top-lg .nav-link:hover {
  color: #ffffff !important;
}

:focus,
a:focus,
button:focus {
  outline: none;
}

.range-slider .noUi-connect {
  background-color: var(--primary-bs);
}

.border-b-secondary-bs {
  border-bottom: 10px solid #f6a70b;
}

.border-t-secondary-bs {
  border-top: 8px solid #f6a70b;
}

.svg-icon-xl>svg {
  width: 5.5rem;
  height: 5.5rem;
}

.buy-btn:hover svg {
  /*color: #f6a70b;*/
  -ms-transform: rotate(20deg);
  /* IE 9 */
  -webkit-transform: rotate(20deg);
  /* Chrome, Safari, Opera */
  transform: rotate(20deg);
  /*transition: all 0.2s ease-out;*/
}

.radius-none {
  border-radius: 0px;
}

.img-investissement {
  height: 180px;
  object-fit: cover;
}

@media (max-width: 960px) {
  .img-investissement {
    width: 100%;
    height: 150px;
    object-fit: cover;
    border-top-left-radius: .5rem !important;
    border-top-right-radius: .5rem !important;
    border-bottom-left-radius: 0rem !important;
  }
}

.small-xs {
  font-size: 0.7em;
}

@media (max-width: 768px) {
  .small-mobile {
    font-size: 0.8em;
  }
}

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

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-next {
  right: 0;
  margin-right: -.125rem;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(247, 250, 255, 1) 50%);
}

.hs-nav-scroller-horizontal .hs-nav-scroller-arrow-prev {
  background-image: linear-gradient(to right, rgba(247, 250, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
}

.fs-xs {
  font-size: 0.7em;
}

.page-item.active .page-link {
  background-color: var(--primary-bs);
  border-color: var(--primary-bs);
}

.form-check-input:checked {
  background-color: var(--primary-bs);
  border-color: var(--primary-bs);
}

.buy-floating-btn {
  font-size: 15px;
  z-index: 1003;
}

@media(min-width: 992px) {
  .buy-floating-btn {
    right: 30px;
    bottom: 30px;
  }
}

@media(max-width: 992px) {
  .buy-floating-btn {
    right: 10px;
    bottom: max(86px, calc(80px + env(safe-area-inset-bottom)));
  }
}

.custom-file {
  height: 100px !important;
  border: 2px dashed #d8e2ef !important;
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  position: relative;
}

.custom-file-label {
  border: none !important;
  text-align: center !important;
  padding-top: 35px !important;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6e707e;
  background-color: #fff;
  border: 1px solid #d1d3e2;
  border-radius: .35rem;
}

.custom-file-input {
  height: 88px !important;
  cursor: pointer;
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0;
  opacity: 0;
}

table>:not(:first-child) {
  border-top: 0px !important;
}

.table-transactions {
  font-size: 15px;
}

.border-expert {
  border: 1px solid var(--primary-bs);
}

.quantity-counter {
  border-color: var(--primary-bs);
}

.btn-close:not(.offcanvas-close-btn) {
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  opacity: .8;
  color: #FFF;
}

.list-pointer-bg-secondary-bs .list-pointer-item::before {
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='24' height='24' rx='12' fill='%23f2a005'/%3e%3cpath d='M15.78 11.28C15.9207 11.4205 15.9998 11.6112 16 11.81V12.19C15.9977 12.3884 15.9189 12.5783 15.78 12.72L10.64 17.85C10.5935 17.8969 10.5382 17.9341 10.4773 17.9595C10.4164 17.9848 10.351 17.9979 10.285 17.9979C10.219 17.9979 10.1536 17.9848 10.0927 17.9595C10.0318 17.9341 9.97648 17.8969 9.93 17.85L9.22 17.14C9.17344 17.0944 9.13644 17.0399 9.11119 16.9798C9.08594 16.9197 9.07293 16.8552 9.07293 16.79C9.07293 16.7248 9.08594 16.6603 9.11119 16.6002C9.13644 16.5401 9.17344 16.4856 9.22 16.44L13.67 12L9.22 7.56C9.17314 7.51352 9.13594 7.45822 9.11055 7.39729C9.08517 7.33636 9.0721 7.27101 9.0721 7.205C9.0721 7.139 9.08517 7.07365 9.11055 7.01272C9.13594 6.95179 9.17314 6.89649 9.22 6.85L9.93 6.15C9.97648 6.10314 10.0318 6.06594 10.0927 6.04056C10.1536 6.01517 10.219 6.00211 10.285 6.00211C10.351 6.00211 10.4164 6.01517 10.4773 6.04056C10.5382 6.06594 10.5935 6.10314 10.64 6.15L15.78 11.28Z' fill='%23fff'/%3e%3c/svg%3e");
}

.navbar-topbar {
  background-color: #fbe5c5;
}

.inscription-header.navbar-expand-lg .navbar-collapse {
  background-color: var(--primary-bs) !important;
}

.accordion-button:not(.collapsed) {
  color: #f6a70b;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f2a005'%3e%3cpath d='M5.5,13a.5.5,0,0,1-.5-.5v-1a.5.5,0,0,1,.5-.5h13a.5.5,0,0,1,.5.5v1a.5.5,0,0,1-.5.5Z'/%3e%3c/svg%3e");
}

@media(max-width: 992px) {
  .help-floating-btn {
    right: 12px !important;
    bottom: max(86px, calc(80px + env(safe-area-inset-bottom))) !important;
  }
}

.bg-closing-countdown {
  background-color: var(--primary-bs);
  border-radius: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 50px;
  margin: auto;
}

@media (min-width: 1200px) {
  .projects {
    margin-left: -110px;
    margin-right: -110px
  }
}

.step-item:hover .step-title.validation {
  color: #f6a70b;
}

/**/
.avatar:not(img) {
  background-color: transparent;
}

.card {
  /* background-color: #E9E7E3; */
}

/* Couleur de la bordure et fond par défaut */
.form-check-input-entreprise {
  border: 2px solid var(--secondary-bs) !important;
  background-color: #fff !important;
}

/* Couleur quand la checkbox est cochée */
.form-check-input-entreprise:checked {
  background-color: var(--secondary-bs) !important;
  border-color: var(--secondary-bs) !important;
}