:root {
  --bs-blue: #1d3b53;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #d6293e;
  --bs-orange: #fd7e14;
  --bs-yellow: #f7c32e;
  --bs-green: #0cbc87;
  --bs-teal: #20c997;
  --bs-cyan: #17a2b8;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #747579;
  --bs-gray-dark: #0b0a12;
  --bs-gray-100: #f5f5f6;
  --bs-gray-200: #dfdfe3;
  --bs-gray-300: #c5c5c7;
  --bs-gray-400: #96969a;
  --bs-gray-500: #85878a;
  --bs-gray-600: #747579;
  --bs-gray-700: #5e5e5f;
  --bs-gray-800: #0b0a12;
  --bs-gray-900: #0b0a12;
  --bs-primary: #1994E1;
  --bs-white: #fff;
  --bs-secondary: #85878a;
  --bs-success: #b2d336;
  --bs-info: #17a2b8;
  --bs-warning: #f7c32e;
  --bs-danger: #d6293e;
  --bs-light: #f5f5f6;
  --bs-dark: #0b0a12;
  --bs-orange: #fd7e14;
  --bs-mode: #fff;
  --bs-primary-rgb: 25, 148, 255;
  --bs-white-rgb: 255, 255, 255;
  --bs-secondary-rgb: 133, 135, 138;
  --bs-success-rgb: 178, 211, 54;
  --bs-info-rgb: 23, 162, 184;
  --bs-warning-rgb: 247, 195, 46;
  --bs-danger-rgb: 214, 41, 62;
  --bs-light-rgb: 245, 245, 246;
  --bs-dark-rgb: 11, 10, 18;
  --bs-orange-rgb: 253, 126, 20;
  --bs-mode-rgb: 255, 255, 255;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 116, 117, 121;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: DM Sans, sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #747579;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: var(--bs-gray-200);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.5rem;
  --bs-border-radius-sm: 0.4rem;
  --bs-border-radius-lg: 1rem;
  --bs-border-radius-xl: 1.5rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: var(--bs-primary);
  --bs-link-hover-color: #1994E1;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;

  --fs-sm : 14px;
  --fs-sm-sm : 12px;
  --fs-sm-sm-sm : 10px;
  --fs-sm-13 : 13px;
  --fs-20 : 20px;

  --shadow-sm : 0 .125rem .25rem rgba(0,0,0,.075);
  --shadow : 0 .5rem 1rem rgba(0,0,0,.15);
  --shadow-lg : 0 1rem 3rem rgba(0,0,0,.175);

  --color-violet : #804E9F;
  --color-violet-1:#F6EDFE;
  --color-violet-2:#E4C7FB;
  --color-violet-3:#D2ADF1;
  --color-violet-4:#C99AEF;
  --color-violet-5:#B77AE9;
  --color-violet-6:#A659E9;
  --color-violet-7:#8835D9;
  --color-green : #01A257;
  --color-green-light:#3ACC31;
  --color-green-light-light:#CDFD33;
  --color-yellow : #FECC0A;
  --color-yellow-light:#FBEA49;
  --color-marron : #601A28;
  --color-orange : #F3882E;
  --color-gray : #4F585F;
  --input-gray-rgb: 233, 236, 239;
}

.text-violet{color: var(--color-violet);}
.text-green{color: var(--color-green);}
.text-yellow{color: var(--color-yellow);}
.text-marron{color: var(--color-marron);}
.text-orange{color: var(--color-orange);}
.text-gay{color: var(--color-gray);}

.bg-green{background-color: var(--color-green);}
.bg-green-light{background-color: var(--color-green-light);}
.bg-green-light-light{background-color: var(--color-green-light-light);}
.bg-yellow{background-color: var(--color-yellow);}
.bg-yellow-light{background-color: var(--color-yellow-light);}
.bg-orange{background-color: var(--color-orange);}
.bg-violet{background-color: var(--color-violet);}
.bg-violet-1{background-color: var(--color-violet-1);}
.bg-violet-2{background-color: var(--color-violet-2);}
.bg-violet-3{background-color: var(--color-violet-3);}
.bg-violet-4{background-color: var(--color-violet-4);}
.bg-violet-5{background-color: var(--color-violet-5);}
.bg-violet-6{background-color: var(--color-violet-6);}
.bg-violet-7{background-color: var(--color-violet-7);}
.bg-marron{background-color: var(--color-marron);}
.bg-gray{background-color: var(--color-gray);}

.input-group-search{
  width: 50%;
  max-width: 100%;
}
.input-group-search .input-group, .input-group-search-profile .input-group{
  background-color: rgba(var(--bs-primary-rgb), 0.15);
  border-radius: 30px;
  border-radius: 1rem !important;
}
.input-group-search .form-control, .input-group-search-profile .form-control{
  background-color: transparent !important;
  border: none;
}
.input-group-search .input-group-text, .input-group-search-profile .input-group-text{
  background-color: transparent !important;
  border: none;
}
@media (max-width: 991px) {
  .input-group-search{
    width: 50%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .input-group-search{
    width: 60%;
    max-width: 100%;
  }
}
@media (max-width: 457px) {
  .input-group-search{
    width: 50%;
    max-width: 100%;
  }
  .input-group-search .input-group-text .btn{
    display: none !important;
  }
  .input-group-search .input-group-text{
    padding: 0 !important;
  }
  .input-group-search:hover{
    position: absolute;
    width: 94%;
    left: 1%;
    /*border: 1px solid rgba(var(--bs-primary-rgb), 1) !important;*/
    background-color: #fff;
    padding: 5px 0;
  }
  .input-group-search:hover .input-group-text .btn{
    display: block !important;
  }
  .input-group-search:hover .input-group-text{
    padding-right: 2px !important;
  }
}


input.main-search-keywords::placeholder{
  color: rgba(var(--bs-primary-rgb), 0.8) !important;
  font-weight: 500;
  transition: 0.5s ease;
  font-size: var(--fs-sm);
}
input.main-search-keywords:focus::placeholder{
  opacity: 0.5;
}

/*@media (min-width: 991px) {
  .input-group-search{
    width: 235px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .input-group-search{
    width: 450px;
    max-width: 100%;
  }
}
@media (min-width: 1400px) {
  .input-group-search{
    width: 500px;
    max-width: 100%;
  }
}*/

.navbar-brand-item.logo-icon{
  height: 45px !important;
  max-height: 100% !important;
}
@media (min-width: 451px) {
  .navbar-brand-item.logo-text{
    /*display: inline-block;*/
    height: 40px !important;
    /*max-height: 100% !important;*/
    width: auto !important;
  }
}
@media (max-width: 889px) {
  .navbar-brand-item.logo-text{
    /*height: 50px !important;*/
    /*display: none;*/
    height: 40px !important;
    width: auto !important;
  }
  .navbar-brand-item.logo-icon{
  }
}
.choices__group > .choices__heading{
  color: var(--bs-primary) !important;
}

.text-truncate-1{
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.text-truncate-2{
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow:hidden;
  text-overflow:ellipsis;
}
.text-truncate-3{
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow:hidden;
  text-overflow:ellipsis;
}
.text-truncate-4{
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow:hidden;
  text-overflow:ellipsis;
}
.text-truncate-10{
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow:hidden;
  text-overflow:ellipsis;
}
.text-truncate-20{
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 20;
  overflow:hidden;
  text-overflow:ellipsis;
}
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

@media (min-width: 576px) {
  .categorie-slider-item img{
    height: 130px !important;
    object-fit: cover;
  }
}
@media (max-width: 575.99px) {
  .categorie-slider-item img{
    height: 150px !important;
    object-fit: cover;
  }
  .categorie-slider-item .card{
    height: 260px !important;
  }
  .categorie-slider-item .card-body{
    padding: 12px 5px;
  }
}

/*g[transform="translate(10,10)"],
g[transform="translate(345,13)"]{
  display: none;
}*/
.regions-name a{
  color: var(--bs-gray-700);
  font-weight: bolder;
  font-size: var(--fs-sm-13);
}
.regions-name a:hover, 
.regions-name a.active{
  color: var(--bs-primary);
}
.regions-name a.active:before{
  color: var(--bs-primary);
  content: ">> ";
}
.regions-name h6{
  font-size: var(--fs-sm-sm);
  color: var(--bs-primary);
}
#mapdiv path{
  fill: var(--bs-success);
  /*fill: rgba(var(--bs-primary-rgb), 0.5);*/
  fill-opacity: 1;
  stroke:rgba(var(--bs-primary-rgb), 0.5);
  /*stroke:#fff;*/
  stroke-opacity: 1;
  stroke-width:1.1;
  transition: 0.5s ease;
  outline: none !important;
}
#mapdiv path:hover, 
#mapdiv path.active{
  fill: var(--bs-primary);
}
.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary);
  --bs-tooltip-max-width: auto;
  --bs-tooltip-padding-x: 10px;
  --bs-tooltip-padding-y: 10px;
  --bs-tooltip-border-radius: 15px;
  --bs-tooltip-font-size: var(--fs-sm-sm);
  z-index: 9999;
}
.custom-tooltip-light {
  --bs-tooltip-bg: var(--bs-light);
  --bs-tooltip-color: #000;
  --bs-tooltip-max-width: auto;
  --bs-tooltip-opacity: 1;
  --bs-tooltip-padding-x: 10px;
  --bs-tooltip-padding-y: 10px;
  --bs-tooltip-border-radius: 15px;
  --bs-tooltip-font-size: var(--fs-sm-sm);
}
.custom-tooltip-danger {
  --bs-tooltip-bg: var(--bs-danger);
  --bs-tooltip-color: #ffffff;
  --bs-tooltip-max-width: auto;
  --bs-tooltip-opacity: 1;
  --bs-tooltip-padding-x: 10px;
  --bs-tooltip-padding-y: 10px;
  --bs-tooltip-border-radius: 15px;
  --bs-tooltip-font-size: var(--fs-sm-sm);
}

.head-region{
  font-size: var(--fs-sm-sm);
}

.text-muted {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), 0.8) !important;
  /*font-weight: bold;*/
}

.text-white {
  --bs-text-opacity: 1;
  color: #000 !important;
}

/*.btn-upload-annonce {
  padding: 0 !important;
  margin-right: 2px;
  margin-left: 2px;
  border-bottom: 0 !important;
}*/
.btn-upload-annonce {
  padding: 0.55rem 0.8rem !important;
  background-color: rgba(var(--bs-primary-rgb), 1);
  color: #ffffff !important;
  font-weight: 500;
  border-radius: 15px;
  font-size: var(--fs-sm);
}
.btn.nav-link {
  border: 0;
  padding: 0.55rem 0.8rem !important;
  font-weight: 600;
  border-radius: 15px;
  font-size: var(--fs-sm);
  margin-bottom: 0;
}
.nav-univers .nav-link{
  font-size: var(--fs-sm);
  border-radius: 15px;
}

/*.bg-light{
  background-color: rgba(var(--bs-primary-rgb), 0.09) !important;
}*/
.fs-sm{
  font-size: var(--fs-sm);
}
.fs-sm-sm{
  font-size: var(--fs-sm-sm);
}
.fs-sm-sm-sm{
  font-size: var(--fs-sm-sm-sm);
}
.fs-extra-sm{
  font-size: 12px !important;
}
.fs-12{
  font-size: 12px !important;
}
.fs-14{
  font-size: 14px !important;
}
.fs-15{
  font-size: 15px !important;
}
.fs-17{
  font-size: 17px !important;
}
nav .navbar-nav .nav-link{
}
.rounded-15{
  border-radius: 15px;
}
.rounded-left-15{
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.rounded-left-20{
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.rounded-right-15{
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}
.rounded-right-20{
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.rounded-20{
  border-radius: 20px;
}
.rounded-10{
  border-radius: 10px;
}
.rounded-top-0{
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.nav-icon .nav-link{
  color: #000000 !important;
  font-weight: 500 !important;
}
.nav-icon .nav-link:hover{
  color: var(--bs-primary) !important;
}

/*---- footer ----*/
footer .head-category{
  font-size: var(--fs-sm-sm);
  text-transform: uppercase;
  margin-bottom: 10px !important;
}
footer .sub-categories{
  font-size: var(--fs-sm);
}
footer .sub-categories .nav-link.text-muted{
  color: #000 !important;
}
footer .sub-categories .nav-link.text-muted:hover{
  color: var(--bs-primary) !important;
}
footer .liens-utiles .head-title{
  font-size: var(--fs-sm);
}
footer .liens-utiles .list-links a.text-muted{
  font-size: var(--fs-sm);
  color: #000000 !important;
}
footer .liens-utiles .list-links a.text-muted:hover{
  font-size: var(--fs-sm);
  color: var(--bs-primary) !important;
}
footer .social-links a{
  border-radius: 50%;
}
/*---- end footer ----*/

.text-info-home{
  font-size: 14px;
  color: #000;
  font-weight: 500;
}
.text-info-home a{
  font-weight: bold;
  color: #000;
  text-decoration: underline;
}
.text-info-home a:hover{
  color: var(--bs-primary);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1994E1;
  --bs-btn-border-color: #1994E1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1994E1;
  --bs-btn-hover-border-color: #1994E1;
  --bs-btn-focus-shadow-rgb: 107, 95, 223;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1994E1;
  --bs-btn-active-border-color: #1994E1;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #5143d9;
  --bs-btn-disabled-border-color: #5143d9;
}
.btn-outline-primary {
  --bs-btn-color: #1994E1;
  --bs-btn-border-color: #1994E1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1994E1;
  --bs-btn-hover-border-color: #1994E1;
  --bs-btn-focus-shadow-rgb: 81, 67, 217;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1994E1;
  --bs-btn-active-border-color: #1994E1;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #1994E1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1994E1;
  --bs-gradient: none;
}
label{
  color: #000 !important;
}
@media (max-width: 992px) {
  .navbar-mobile {
    display: block !important;
    z-index: 9999;
  }
}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm{
  z-index: 999999;
  border: 0 !important;
}
.offcanvas-backdrop {
    z-index: 99999;
}
.offcanvas-nav-mobile .nav-link{
  padding: .6rem 0;
  color: #000;
  font-weight: 700;
  font-size: 15px;
}
.offcanvas-body .offcanvas-nav-mobile{
  padding: 10px 20px;
}
.offcanvas-body{
  padding: 0px;
}

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

.fill-success {
  fill: var(--bs-success) !important;
}
.btn-primary-soft {
  color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}
.btn-primary-soft:active, .btn-primary-soft:hover, .btn-primary-soft:focus {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.text-gray-300{
  color: var(--bs-gray-300) !important;
}.text-gray-500{
  color: var(--bs-gray-500) !important;
}
.text-gray-600{
  color: var(--bs-gray-600) !important;
}
.text-gray-700{
  color: var(--bs-gray-700) !important;
}
.choices .choices__list--dropdown.is-active {
    z-index: 1048 !important;
}

.image-label{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 200px;
  width: 100%;
  border-radius: 15px;
  border: 1px solid var(--bs-primary);
  cursor: pointer;
  border-style: dashed;
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  padding: 10px;
  overflow: hidden;
}
.image-label.image-label-secondary{
  border-color: var(--bs-gray-200);
  background-color: transparent;
}
.image-label .image-label-description{
  color: var(--bs-primary);
  font-weight: bold;
}
.image-label.image-label-secondary .image-label-description{
  color: var(--bs-gray-300);
  font-weight: lighter;
}
.image-label.image-label-secondary:hover{
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  border-color: var(--bs-primary);
  transition: 0.5s;
}
.image-label.image-label-secondary:hover .image-label-description{
  color: var(--bs-primary);
}
.image-label.image-label-secondary .image-label-description-text{
  font-size: 13px;
  font-weight: bold;
}
.image-label .image-label-description-icon{
  font-size: 300%;
}
.image-label.image-label-secondary .image-label-description-icon{
  font-size: 250%;
}
.image-label input{
  display: none;
}
.image-label .thumb-preview{
  display: block;
  position: absolute;
  height: 100%;
}
.image-label .thumb-preview img{
  height: 100%;
  display: block;
  object-fit: cover;
}
.image-label .thumb-preview img:hover{
  opacity: 0.7;
  transition: 0.5s;
}
.image-label .thumb-preview .thumb-preview-remove{
  position: absolute;
  z-index: 35;
  top: 5%;
  right: 15px;
}

.input-group-search-adresse{
  position: relative;
  bottom: 80%;
  width: 96%;
  margin:auto;
  background-color: #fff;
  padding: 5px;
  border-radius: 15px;
}
.input-group-search-adresse .choices .choices__inner {
    border-color: rgba(var(--bs-primary-rgb), 0.5);
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}
.input-group-search-adresse .input-group-text{
  background-color: transparent;
  border-radius: 0rem;
  border: none;
}
.input-group-search-adresse .choices .choices__item.choices__placeholder{
  color: rgba(var(--bs-primary-rgb), 0.7);
  opacity: 1;
  font-weight: 500;
}
.choices .choices__list--dropdown .choices__item.choices__placeholder {
    color: rgba(var(--bs-primary-rgb), 0.8) !important;
    opacity: 1 !important;
    font-size: 14px;
}
.choices__list--single .choices__item {
    max-width: 95%;
    min-height: 17px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.choices__list--single .choices__item .choices__item .choices__item--selectable {
    max-width: 95%;
    /*max-height: 17px;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;*/
}
.choices[data-type="select-one"] .choices__inner {
  padding-bottom: 1px !important;
}
.choices .choices__input {
    font-size: 16px;
    opacity: 0.7;
}
.choices .choices__list--multiple .choices__item {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    border: 1px solid rgba(var(--input-gray-rgb), 0.7);
    border-width: 0;
    border-radius: 0.5rem;
    color: #000;
    padding: 4px 10px !important;
    font-size: 13px;
}
.form-gray .choices .choices__list--multiple .choices__item {
    background-color: #fff;
    border-radius: 2rem;
    box-shadow: var(--shadow-sm);
}
.choice-capitalize .choices__list--single .choices__item,
.choice-capitalize .choices[data-type*=select-one] .choices__list > .choices__list > .choices__item--selectable {
    text-transform: capitalize;
}

.choice-ucfirst .choices__list--single .choices__item,
.choice-ucfirst .choices[data-type*=select-one] .choices__list > .choices__list > .choices__item--selectable {
    display: block;
    text-transform: lowercase;
}
.choice-ucfirst .choices__list--single .choices__item::first-letter,
.choice-ucfirst .choices[data-type*=select-one] .choices__list > .choices__list > .choices__item--selectable::first-letter{
    text-transform: uppercase;
}
/*.choices .choices__list--dropdown .choices__item {
    white-space: nowrap;
}*/
.input-group-search-adresse input.form-control{
    background-color: rgba(var(--bs-primary-rgb), 0.2);
    border-width: 0;
    color: rgba(var(--bs-primary-rgb), 1);
    font-weight: 500;
}
.input-group-search-adresse input.form-control::placeholder{
    color: rgba(var(--bs-primary-rgb), 0.8);
}
input[disabled]{
  background-color: var(--bs-light) !important;
  color: var(--bs-gray-500);
}
.form-check-box-sm{
  min-width: 20px;
  min-height: 20px;
}
.form-check-input-md{
  min-width: 50px;
  min-height: 25px;
}
.badge.text-white,
.badge.text-white i{
  color: #fff !important;
}
.card-annonce{
  /*padding: 0 !important;
  overflow: hidden;*/
}
.card-annonce .card-title{
  font-size: 15px;
  margin-bottom: 5px !important;
}
.card-annonce .price{
  font-size: 15px;
  margin-bottom: 5px !important;
  color: #000;
}
.card-annonce .li-sub-info{
  color: #000;
  font-size: 13px;
}
.card-annonce .uploader{

}
@media (min-width: 768px) {
  .card-annonce .card-body{
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
  }
}
.card-annonce .image{
  height: 180px;
  /*height: 215px;*/
  width: 310px;
  max-width: 100%;
  background-color: var(--bs-light);
  /*background-color: rgb(232,244,255);*/
  border-radius: 15px;
  overflow: hidden;
  margin:auto;
}
.image-h400px{
  height: 400px;
  width: 500px;
  max-width: 100%;
  background-color: var(--bs-light);
  /*background-color: rgba(var(--bs-primary-rgb), 0.03);*/
  border-radius: 15px;
  overflow: hidden;
  margin:auto;
}
.card-annonce-profile .image{
  height: 150px;
  width: 310px;
}
.card-annonce img,
.image-h400px img{
  height: 100%;
  max-width: 100%;
  max-width: 100%;
  object-fit: cover;
}
.card-annonce.card-annonce-premium img{
  border-radius: 10px !important;
}
.card-annonce.card-annonce-premium{
  padding: 10px !important;
}
.card-annonce-premium,
.card-preview-premium{
  background-color: rgba(var(--bs-warning-rgb), 0.1);
  border: 1px solid rgba(var(--bs-warning-rgb), 0.2);
}
.card-preview-premium .card-body{
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.card-annonce-encadre,
.card-preview-encadre{
  border: 1px solid rgba(var(--bs-success-rgb), 1);;
}
.card-annonce-encadre{
  /*padding: 0 !important;*/
}
.card-annonce-encadre img{
  /*border-radius: 0 !important;*/
}
.card-preview-premium div.image,
.card-preview-urgent div.image,
.card-preview-encadre div.image{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 230px;
  background-color: var(--bs-light);
  border-radius: 15px;
  overflow: hidden;
}

.card-preview-premium img,
.card-preview-urgent img,
.card-preview-encadre img{
  height: 100%;
  object-fit: cover;
  margin:auto;
  /*border-radius: 0 !important;*/
}
.card-preview-premium,
.card-preview-urgent,
.card-preview-encadre{
  height: auto !important;
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, ">")
}
.breadcrumb-item{
  font-weight: bold;
}
.breadcrumb-item.active{
  color: var(--bs-primary);
}
/*.h1-truncate{
  width: 300px;
  max-width: 70%;
}*/
.bg-white-100{
  background-color: rgba(var(--bs-white-rgb), 0.5) !important;
}
.form-check-input:checked + label.form-check-label > .highlight {
    color: var(--bs-primary) !important;
    font-weight: bold;
}
.bg-gray-100{
  background-color: rgba(var(--bs-primary-rgb), 0.05);
}
.noUi-horizontal .noUi-handle {
    background: var(--bs-primary) !important;
    border-color: var(--bs-success) !important;
    box-shadow: none !important;
}

input[type=number] {
  -moz-appearance: textfield;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    display: none;
}
.form-light .input-group-text{
  background-color: #fff;
  color: #000;
}
.form-light .input-group .form-control{
  border-right: 0;
}
.form-check-input + .form-check-label{
  font-size: 14px;
}
.form-light .form-control:focus,
.form-light .form-control:focus+.input-group-text{
  border-color: var(--bs-primary);
}


.form-white .input-group-text{
  background-color: #fff;
  color: #000;
  border-color: #fff;
}
.form-white .input-group .form-control,
.form-white .form-control{
  border-color: #fff;
}
.form-check-input + .form-check-label{
  font-size: 14px;
}
.input-group.shadow-sm{
  border-radius: 10px !important;
  background-color: #fff;
}
.list-category .list-group-item{
  color: #000;
  cursor: pointer;
  font-weight: 500;
  font-size: 14.5px;
}
.list-category .list-group-item:hover{
  color: var(--bs-primary);
}
.fw-700{
  font-weight: 700;
}
.rounded-xl-15{
  border-radius: 15px;
}
@media (max-width: 1192px) {
  .rounded-xl-15{
    border-radius: 0px;
  }
}

@media (max-width: 767.9px) {
  .card-annonce .image{
    height: 215px;
    width: 100%;
    background-color: var(--bs-light);
    /*background-color: rgb(232,244,255);*/
    border-radius: 15px;
    overflow: hidden;
    margin:auto;
  }
  .image-h400px{
    height: 250px !important;
  }
  .card-annonce .card-title{
    font-size: 13.5px;
    white-space: pre-wrap;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .card-annonce .card-body{
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 5px;
    min-height: 100px;
  }
}


.avatar-xxs {
  width: 1.5rem;
  height: 1.5rem;
}
.avatar-xxs img {
  display: block;
  height: 1.5rem !important;
  width: 1.5rem !important;
  object-fit: cover !important;
}

.top-2 {
  top: 2% !important;
}

.end-2 {
  right: 2% !important;
}
.cursor-pointer{
  cursor: pointer;
}
.text-gray-600{
  color: var(--bs-gray-600);
}
.text-gray-700{
  color: var(--bs-gray-700);
}
.text-gray-400{
  color: var(--bs-gray-400);
}
.form-white .tagify{
  border-color: #fff;
  padding: 0 !important;
}
.form-white .tagify__input {
    margin: 0px;
    padding: 0;
    line-height: normal;
    color: var(--bs-gray-400);
    font-weight: 500;
}
.tagify__tag {
    margin: 5px 5px 5px 0;
}
.tagify__tag>div {
    border-radius: 10px;
    background-color: #fff;
    margin:4px
}
.tagify__tag>div::before {
  background-color: rgba(var(--bs-primary-rgb), 0.2);
  box-shadow: none;
}

.tags-look{
  border: 0px !important;
  outline: none !important;
  border-color: #fff !important;
  background-color: #fff;
  box-shadow: 0 0.125rem 0.25rem rgba(29, 58, 83, 0.15) !important;
    border-radius: 15px;
}
.tagify__dropdown__wrapper {
    background: rgba(var(--bs-primary-rgb), 0.2);
    border-color: #fff;
    border-width: 0;
    border-radius: 15px;
}
.tagify__dropdown__item {
    padding-left: 1rem;
    color: #000;
    font-size: 15px;
}
.tagify__dropdown__item--active {
    color: #fff;
}

.tagify__dropdown{
  z-index: 99999999999999999999;
  width: auto !important;
}

.tagify.tags-manual-suggestions{
  align-items: center;
}
.tagify.tags-manual-suggestions span.tagify__input{
  padding-top: 8px;
  padding-bottom: 8px;
  padding: 10px;
  margin: 5px 5px 5px 0;
  background-color: rgba(var(--input-gray-rgb), 0.5);
  border-radius: 10px;
}
.tagify.tags-manual-suggestions span.tagify__input::before{
  opacity: 1;
}
.tagify.tags-manual-suggestions.tagify--focus span.tagify__input::before{
  opacity: 0;
}
.customSuggestionsList > div{
  max-height: 300px;
  //min-height: 50px;
  overflow: auto;
  //margin-top: 15px;
  box-shadow: none;
}

.customSuggestionsList .empty{
  color: #000;
  font-size: 15px !important;
  text-align: center;
  padding: 1em !important;
}
.card-tagify{
  /*border: 2px solid rgba(var(--input-gray-rgb), 1.0);*/
}
.splide.splide-thumb.splide--slide.splide--ltr.splide--draggable.splide--nav{
  overflow: hidden;
}
.splide-thumb > .splide__track > .splide__list > .splide__slide.is-active {
  box-shadow: none;
  opacity: 0.3;
  border: 0px solid var(--bs-primary) !important;
  /*border: 2px solid var(--bs-primary) !important;*/
}

.splide-main > .splide__track > .splide__list > .splide__slide{
  border-radius: 15px !important;
}
.splide--nav > .splide__track > .splide__list > .splide__slide {
  border-radius: 15px !important;
  border: none;
}
.splide__arrow{
  /*background-color: var(--bs-primary) !important;*/
  background-color: #fff !important;
  opacity: 1;
  /*box-shadow: var(--shadow) !important;*/
  width: 50px;
  height: 50px;
  font-size: 20px;
  color: rgba(var(--bs-black-rgb), 0.7) !important;
}
.splide__arrow > .text-white{
  color: #fff !important;
}
.splide__arrow--next {
    right: -1em;
}
.splide__arrow--prev {
    left: -1em;
}
.list-inline.list-step .list-inline-item{
  color: #000;
}
.list-inline.list-step .list-inline-item > .dot{
  display: block;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50%;
  background-color: #000;
}
.nav-overflow{
  display: flex;
  overflow-x: auto;
}
.nav-overflow .nav-item .nav-link{
  width: auto;
  color: #000;
  color: var(--bs-gray-600);
  border-radius: 0;
  font-weight: bold;
  padding: 15px;
}
.nav-overflow .nav-item .nav-link:hover{
  color: var(--bs-primary);
}
.nav-overflow .nav-item{
  flex-grow: 0;
}
.nav-overflow .nav-link.active{
    color: var(--bs-primary);
    background-color: transparent;
    border-bottom: 3px solid var(--bs-primary);
}
.fw-500{
  font-weight: 500 !important;
}
.fw-700{
  font-weight: 700 !important;
}
.card-annonce-small .card-body{
  min-height: 120px;
}
.text-dark-hover-primary{
  color: #000;
}
.text-dark-hover-primary:hover{
  color: var(--bs-primary);
}

/*---- overlay ---- */
.overlay-parent-400{
  position: relative;
  width: 100%;
  height: 370px;
}
.overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.overlay-container{
  position: relative;
  z-index: 9;
}
.overlay-container h1, .overlay-container p, .overlay-container li{
  color: #fff;
}

/*---- height ----*/
.h-200px{
  height: 200px;
}

.rounded-top-15{
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}
.rounded-bottom-15{
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}
.rounded-bottom-30{
  border-bottom-left-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
}
@media (max-width: 767.9px) {
  .overlay-parent-small-320{
    height: 320px;
  }
}

.form-primary .form-check-input {
    background-color: #fff;
    border-color: rgba(var(--bs-primary-rgb), 0.3);
}
.form-primary .form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
.form-primary .form-control {
    background-color: rgba(var(--bs-primary-rgb), 0.15);
    border: 0;
}
/*.form-primary .input-group .form-control {
    background-color: rgba(var(--bs-primary-rgb), 0.2);
    border-color: rgba(var(--bs-primary-rgb), 0.3);
}*/
.form-primary .input-group{
  background-color: rgba(var(--bs-primary-rgb), 0.15);
  border-radius: 10px;
}
.form-primary .input-group .form-control{
  background-color: transparent !important;
  border: none;
}
.form-primary .input-group .input-group-text{
  background-color: transparent !important;
  border: none;
}
.form-primary input.form-control::placeholder,
.text-primary-placeholder{
    color: rgba(var(--bs-primary-rgb), 0.5);
}
/*@media (max-width: 767.9px) {
  #nav-profile .nav-item .nav-link{
    padding-top: 13px;
    padding-bottom: 13px;
  }
  #nav-profile .nav-tabs{
  }
}*/
/*.message-annonce .message-hover i,
.message-acheteur .message-hover i{
  display: none;
}
.message-annonce:hover .message-hover i,
.message-annonce.active .message-hover i,
.message-acheteur:hover .message-hover i,
.message-acheteur.active .message-hover i{
  display: inline;
}*/

.message-annonce{
  background-color: transparent;
}
.message-annonce:hover .message-hover{
  transition: 0.3s;
  color: var(--bs-primary) !important;
  /*background-color: rgba(var(--bs-primary-rgb), 0.17);*/
}
.message-annonce.active{
  background-color: rgba(var(--bs-primary-rgb), 0.17);
  padding: 5px;
}
.message-annonce.active .message-hover{
  color: var(--bs-primary) !important;
}
/*.message-annonce.message-annonce-new:hover .message-hover{
  color: var(--bs-primary) !important;
}
.message-annonce.message-annonce-new.active{
  background-color: rgba(var(--bs-danger-rgb), 0.17);
  padding: 10px;
}
.message-annonce.message-annonce-new.active .message-hover{
  color: var(--bs-danger) !important;
}*/

.message-acheteur{
  background-color: transparent;
}
.message-acheteur:hover .message-hover{
  transition: 0.3s;
  color: var(--bs-primary) !important;
}
.message-acheteur.active{
  background-color: rgba(var(--bs-primary-rgb), 0.17);
  margin-bottom: 15px;
  padding: 5px;
}
.message-acheteur.active .message-hover{
  color: var(--bs-primary) !important;
}
.message-acheteur.active hr{
  display: none;
}
.message-acheteur-discussion-moi .message,
.message-acheteur-discussion-moi .avatar-img{
  background-color: var(--bs-info);
  color: #fff !important;
}
.message-acheteur-discussion-moi .message{
  border-radius: 15px;
  border-top-left-radius: 0;
  color: #fff;
}
.message-acheteur-discussion-lui .message,
.message-acheteur-discussion-lui .avatar-img{
  background-color: var(--bs-primary);
  color: #fff !important;
}
.message-acheteur-discussion-lui .message{
  border-radius: 15px;
  border-top-right-radius: 0;
  color: #fff;
}
.message-acheteur-discussion-lui .message-expediteur{
  text-align: right;
}
.message-acheteur-discussion-moi .message-date{
  text-align: right;
}
.message-acheteur-discussion .message-date{
  font-size: 11px;
}
.message-acheteur-discussion.not-read .message,
.message-acheteur-discussion.not-read .avatar-img{
  background-color: rgba(var(--bs-warning-rgb), 0.5);
  color: #000 !important;
}
.vh-90 {
  height: 90vh;
  min-height: 90vh; 
}
.vh-92 {
  height: 92vh;
  min-height: 92vh; 
}
.vh-85 {
  height: 85vh;
  min-height: 85vh; 
}
.vh-87 {
  height: 87vh;
  min-height: 87vh; 
}
.vh-80 {
  height: 80vh;
  min-height: 80vh; 
}
.vh-70 {
  height: 70vh;
  min-height: 70vh; 
}
.text-bg-primary{
  background-color: var(--bs-primary) !important;
}
.h-90{ height:90% }
.h-92{ height:92% }
.h-95{ height:95% }

.fs-20{
  font-size: 20px;
}
@media (max-width: 767.9px) {
  #card-echanges{
    background-color: #fff !important;
  }
  #card-echanges .card-body{
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .sticky-messages-info-annonce{
    border-bottom: 1px solid var(--bs-gray-200);
  }
}
.text-ucfirst {
    display: block;
    text-transform: lowercase;
}
.text-ucfirst::first-letter {
    text-transform: uppercase;
}
.clear-input-group{
  transition: 0.5s ease;
}
.cursor-help{
  cursor: help;
}
.nav-pills::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}
.span-option{
  font-size: 12px;
  padding: 1px 4px;
  color: #fff;
  margin-right: -4px !important;
}
.span-option.active{
  font-size: 17px;
  border: 2px solid #fff !important;
  border-radius: 5px;
}
.modal-backdrop.show{
  /*background-color: transparent;*/
}
.modal{
  background-color: rgba(255, 255, 255, 0.5);
}
.modal-content{
  box-shadow: var(--shadow);
  border-radius: 15px;
}
.modal-header{
  border: 0;
  padding-bottom: 5px;
}
.modal-footer{
  border: 0;
  padding-top: 5px;
}
.text-underlined{text-decoration: underline;}
.form-control.invalid,
.card.invalid,
.choices .choices__inner:has(select.invalid),
.input-group.invalid .form-control,
.input-group.invalid .input-group-text{
  background-color: rgba(var(--bs-danger-rgb), 0.2) !important;
  border-color: rgba(var(--bs-danger-rgb), 0.2) !important;
}
label.invalid{
  color: var(--bs-danger) !important;
}
label.image-label.invalid{
  border-color: var(--bs-danger) !important;
  background-color: rgba(var(--bs-danger-rgb), 0.2) !important;
}
.form-control.invalid::placeholder,
.choices .choices__inner:has(select.invalid) .choices__item.choices__placeholder.choices__item--selectable,
.input-group.invalid .text-gray-400{
  color: rgba(var(--bs-danger-rgb), 0.6);
}

div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom {
    z-index: 9999999999999;
}
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
    background: rgba(255,255,255,.2) !important;
    background: rgba(var(--bs-warning-rgb),.2) !important;
    background: rgba(0,0,0,.2) !important;
}
/*div:where(.swal2-icon).swal2-success .swal2-success-ring {
    border-color: var(--bs-success) !important;
}
div:where(.swal2-icon).swal2-success{
    color: var(--bs-success) !important;
}*/
div:where(.swal2-icon).swal2-success {
     border-color: var(--bs-success) !important; 
     color: var(--bs-success) !important; 
}
div:where(.swal2-container) div:where(.swal2-popup) {
    border-radius: 30px !important;
    box-shadow: var(--shadow);
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{
  background-color: var(--bs-danger) !important;
}
div:where(.swal2-icon).swal2-error {
     border-color: var(--bs-danger) !important; 
     color: var(--bs-danger) !important; 
}
div:where(.swal2-icon).swal2-warning {
    border-color: var(--bs-warning) !important;
    color: var(--bs-warning) !important;
}
div:where(.swal2-container) div:where(.swal2-popup) {
    width: 25rem !important;
    max-width: 100% !important;
}
/*div:where(.swal2-icon) {
    width: 3.5em !important;
    height: 3.5em !important;
    line-height: 3.5em !important;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    top: 1.5em !important;
    width: 1.9375em !important;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474;
}*/
.glightbox-container .gslider {
    background-color: transparent !important;
}
.glightbox-mobile .goverlay,
.goverlay {
    background: rgba(255,255,255, 0.7);
    background: rgba(var(--bs-primary-rgb), 0.2);
}
.glightbox-mobile .goverlay {
    background: rgba(var(--bs-primary-rgb), 0.5);
    background: rgba(255,255,255, 0.8);
}
.glightbox-clean .gslide-media, .glightbox-modern .gslide-media {
    border-radius: 30px !important;
    -webkit-box-shadow: var(--shadow-lg);
    box-shadow: var(--shadow-lg);
    max-width: 95%;
    margin: auto;
}
.gslide-image img{
  border-radius: 30px !important;
}
.glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose, .glightbox-modern .gprev, .glightbox-modern .gnext, .glightbox-modern .gclose {
    background-color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--shadow);
    /*border: 1px solid rgba(var(--bs-primary-rgb), 0.4);*/
}

.glightbox-clean .gprev:hover, 
.glightbox-clean .gnext:hover, 
.glightbox-clean .gclose:hover, 
.glightbox-modern .gprev:hover, 
.glightbox-modern .gnext:hover, 
.glightbox-modern .gclose:hover {
    background-color: rgba(var(--bs-primary-rgb), 0.7);
}
.glightbox-clean .gprev:hover path, 
.glightbox-clean .gnext:hover path, 
.glightbox-clean .gclose:hover path, 
.glightbox-modern .gprev:hover path, 
.glightbox-modern .gnext:hover path, 
.glightbox-modern .gclose:hover path{
  fill: #fff;
}
.glightbox-clean .gclose, .glightbox-modern .gclose {
    opacity: 1;
    padding: 12px;
}
.glightbox-clean .gprev path, .glightbox-clean .gnext path, .glightbox-clean .gclose path, .glightbox-modern .gprev path, .glightbox-modern .gnext path, .glightbox-modern .gclose path{
  fill: var(--bs-primary);
}
.btn-primary[disabled]{
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  opacity: 0.5;
}

.dropzone{
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-width: 0px;
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}.dz-btn{
  font-size: 2rem;
  color: var(--bs-primary);
}.dz-message{
  text-align: left !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}.dz-text{
  font-weight: 600 !important;
  font-size: 17px !important;
  line-height: 1.1rem !important;
}.dz-subtext{
  display: block;
  font-size: 13px !important;
  line-height: 1.1rem !important;
}.dropzone.invalid{
  background-color: rgba(var(--bs-danger-rgb), 0.2) !important;
  border-color: rgba(var(--bs-danger-rgb), 0.2) !important;
}.dropzone.invalid .dz-btn{
  color: var(--bs-danger) !important;
}.dropzone.invalid .dz-text{
  color: var(--bs-danger) !important;
}.dz-preview{
  background-color: transparent !important;
}.dz-remove{
  color: var(--bs-danger) !important;
  margin-top: 3px;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.form-gray .input-group .input-group-text,
.form-gray .form-control,
.form-gray .choices .choices__inner{
  background-color: rgba(var(--input-gray-rgb), 0.8);/*#E9ECEF;*/
  border-color: rgba(var(--input-gray-rgb), 0.8);/*#E9ECEF;*/
}
/*.form-gray .form-control,
.form-gray .input-group .form-control+.input-group-text{
  background-color: #E9ECEF;
  border-color: #E9ECEF;
}*/
.form-gray .form-control:focus,
.form-gray .form-control:focus+.input-group-text{
  background-color: rgba(var(--input-gray-rgb), 0.8);/*#E9ECEF;*/
  border-color: var(--bs-primary);
}
label.required::after{
  content: "*";
  margin-left: 2px;
  color: var(--bs-danger);
}
.bg-form-gray{
  background-color: rgba(var(--input-gray-rgb), 0.8);/*#E9ECEF;*/
}

.accordion.accordion-bg-primary .accordion-item {
  border: none;
  background-color: transparent;
}
.accordion.accordion-bg-primary .accordion-button {
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
  color: var(--bs-primary) !important;
  border: 1px solid rgba(var(--bs-primary-rgb), 0.3) !important;
}
.accordion.accordion-bg-primary .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.accordion.accordion-bg-primary.accordion-icon .accordion-header .accordion-button:before,
.accordion.accordion-bg-primary.accordion-icon .accordion-header .accordion-button:after {
    background: var(--bs-primary) !important;
}
.accordion.accordion-bg-primary .accordion-body{
  padding: 0;
}

.accordion.accordion-bg-white .accordion-item {
  border: none;
  background-color: transparent;
}
.accordion.accordion-bg-white .accordion-button {
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.accordion.accordion-bg-white .accordion-button[aria-expanded="true"]{
  background-color: var(--bs-gray-200) !important;
  border: 1px solid var(--bs-gray-200) !important;
}
.accordion.accordion-bg-white .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.accordion.accordion-bg-white.accordion-icon .accordion-header .accordion-button:before,
.accordion.accordion-bg-white.accordion-icon .accordion-header .accordion-button:after {
    background: #000 !important;
}
.accordion.accordion-bg-light .accordion-button[aria-expanded="true"]{
  background-color: rgba(var(--bs-primary-rgb), 0.2) !important;
}
/*.accordion.accordion-bg-white .accordion-body{
  padding: 0;
}*/

.accordion.accordion-active-primary .accordion-item {
  border: none;
  background-color: transparent !important;
}
.accordion.accordion-active-primary .accordion-button {
  background-color: transparent !important;
  color: #000 !important;
  border: 0 !important;
}
.accordion.accordion-active-primary.accordion-icon .accordion-header .accordion-button:before,
.accordion.accordion-active-primary.accordion-icon .accordion-header .accordion-button:after {
    background: #000 !important;
}
.accordion.accordion-active-primary .accordion-button:not(.collapsed) {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  color: var(--bs-primary) !important;
}
.accordion.accordion-active-primary.accordion-icon .accordion-header .accordion-button:not(.collapsed):before,
.accordion.accordion-active-primary.accordion-icon .accordion-header .accordion-button:not(.collapsed):after {
    background: var(--bs-primary) !important;
}
.accordion.accordion-active-primary .accordion-body{
  padding: 0;
}

.noui-wrapper.noui-wrapper-rayon input[class*=input-with-] {
  width: 50px;
}
.noUi-handle.noUi-handle-lower{
  display: none;
}

.form-label{
  font-size: 14px;
  font-weight: 700;
}

.btn-group-primary-soft{
  display: inline-block !important;
}
.btn-group-primary-soft .btn{
  background-color: rgba(var(--input-gray-rgb), 0.3);
  border-color: rgba(0,0,0, 0.3);
  margin-right: 4px;
  border-radius: 15px !important;
  font-size: 12px;
  padding: 5px 10px;
}
.btn-group-primary-soft .btn:hover{
  background-color: rgba(var(--bs-primary-rgb), 0.2);
  border-color: rgba(var(--bs-primary-rgb), 0.2);
  color: var(--bs-primary) !important;
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  background-color: rgba(var(--bs-primary-rgb), 0.2);
  border-color: rgba(var(--bs-primary-rgb), 0.2);
  color: var(--bs-primary) !important;
}
.form-light select[disabled]{
  background-color: rgba(0, 0, 0, 0.03); !important;
  opacity: 0.5 !important;
}
.bg-opacity-01 {
  --bs-bg-opacity: 0.06;
}
.div-form-info-content{
  position: absolute;
  margin-top: 0%;
  right: 5%;
}
.div-form-info-icon{
  font-size: 120px;
  color: var(--bs-primary);
  /*opacity: 0.5;*/
  font-weight: bold;
}
.div-form-info-text p{
  font-size: 11px;
  width: 200px;
  margin-top: -40px;
  font-style: italic;
  color: #000;
  font-weight: 500;
}
.div-form-info-circle{
  width: 400px;
  height: 400px;
  border-radius: 50%;
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  position: absolute;
  top: -10%;
  right: -6.7%;
  /*border: 1px solid rgba(var(--bs-primary-rgb), 0.1);*/
  border: 1px solid rgba(var(--bs-primary-rgb), 0.1);
  /*box-shadow: var(--shadow-sm);*/
  /*right: 8%;
  top: 8%;*/
}
.div-infos-container{
  position: absolute;
  margin-top: -25.5px;
  right: 0%;
  width: 400px;
  height: 400px;
  overflow: hidden !important;
  border-radius: 15px;
}
.div-infos-container > .div-form-info-circle{
  position: absolute;
  top: -15%;
  right: -16%;
}
.div-infos-container > .div-form-info-content{
  right: 13%;
  top: 5%;
}
.input-group-text select{
  border: 0 !important;
  box-shadow: none !important;
}
.bw-2{
  border-width: 2px !important;
}
.bw-3{
  border-width: 3px !important;
}
.bw-4{
  border-width: 4px !important;
}
.div-overlay{
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999999999999999;
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
  font-weight: bold;
}
.btn[data-bs-toggle="dropdown"].show {
    background-color: #fff !important;
    border-color: #fff !important;
    color: var(--bs-primary) !important;
}
.splide__slide.slide{
  background-color: var(--bs-light) !important;
  /*background-color: rgba(0, 0, 0, 0.1) !important;
  background-size: contain !important;
  padding: 5px !important;*/
  /*border: 2px solid rgba(0, 0, 0, 0.1) !important;*/
}
.glightbox-clean .gslide-media img {
    background-color: #fff;
}
.border-dashed{
  border: 1px solid dashed !important;
}
.rounded-bottom-0{
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.fancybox__container{
  z-index: 9999999999999999;
}
.fancybox__backdrop {
    background: rgba(245, 248, 250, 0.7) !important;
    background: rgba(var(--bs-primary-rgb), 0.3) !important;
    /*background: rgba(255,255,255, 0.8);*/
}
.fancybox__content>.carousel__button.is-close{
    color: rgba(21, 21, 33, 1);
}
.fancybox__caption {
    color: #000;
}
.fancybox__thumb {
    background-size: cover;
    background-color: rgb(232,244,255) !important;
    border-radius: 15px;
}
.has-image[data-image-fit=contain] .fancybox__image {
    border-radius: 15px;
    box-shadow: var(--shadow);
    background-color: rgb(232,244,255) !important;
    margin-top: 15px;
}
.fancybox__nav .carousel__button.is-next,
.fancybox__nav .carousel__button.is-prev,
.fancybox__content>.carousel__button.is-close{
    background-color: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: var(--shadow);
}
.fancybox__slide.has-html5video .fancybox__content>.carousel__button.is-close{
  top: -50px
}
.fancybox__nav .carousel__button.is-next svg,
.fancybox__nav .carousel__button.is-prev svg,
.fancybox__content>.carousel__button.is-close{
  color: var(--bs-primary);
}
.fancybox__nav .carousel__button.is-next:hover,
.fancybox__nav .carousel__button.is-prev:hover,
.fancybox__content>.carousel__button.is-close:hover{
    background-color: rgba(var(--bs-primary-rgb), 0.7);
}
.fancybox__nav .carousel__button.is-next:hover svg,
.fancybox__nav .carousel__button.is-prev:hover svg,
.fancybox__content>.carousel__button.is-close:hover{
    color: #fff;
}
.fancybox__thumbs{
  padding: 5px;
}
.fancybox__thumbs .carousel__slide{
  padding: 5px;
}
.fancybox__thumbs .carousel__slide.is-nav-selected::after {
    display: none;
}
.fancybox__thumbs .carousel__slide.is-nav-selected {
    background-color: rgba(var(--bs-primary-rgb), 0.5);
    background-color: rgba(255,255,255, 1);
    border-radius: 15px;
  box-shadow: var(--shadow-sm);
}
.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb{
  box-shadow: var(--shadow);
}

@media (max-width: 500px) {
  .fancybox__content>.carousel__button.is-close/*,
  .fancybox__nav .carousel__button.is-next,
  .fancybox__nav .carousel__button.is-prev*/ {
      display: none !important;
  }
  .fancybox__slide.has-image[data-image-fit=contain] .fancybox__content {
      width: 130% !important;
  }
  .fancybox__carousel .fancybox__slide.has-video .fancybox__content, 
  .fancybox__carousel .fancybox__slide.has-html5video .fancybox__content {
      max-width: 130% !important;
      max-height: 500px !important;
  }
}
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content,
.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content .fancybox__html5video{
    border-radius: 15px;
}
.bg-snapchat {
  background-color: #F5F401;
  color: #fff;
  border: none;
}
.bg-snapchat:hover, .bg-snapchat:active, .bg-snapchat:focus {
  background-color: #F5F401;
  color: #fff;
}
.bg-pinterest {
  background-color: #E60023;
  color: #fff;
  border: none;
}
.bg-pinterest:hover, .bg-pinterest:active, .bg-pinterest:focus {
  background-color: #E60023;
  color: #fff;
}
.mh-300px{
  max-height: 300px;
}
.mh-250px{
  max-height: 250px;
}
.mh-270px{
  max-height: 270px;
}
.mh-280px{
  max-height: 280px;
}
.fit-cover{
  object-fit: cover;
}
.fit-contain{
  object-fit: contain;
}
.frame-image {
  margin: auto;
    display: block;
    width: 700px;
    max-width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 6px;
    border-radius: 15px;
}
.opacity-10{
  opacity: 0.1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-40{
  opacity: 0.4;
}
.opacity-50{
  opacity: 0.5;
}
.center-sense,
.left-sense,
.right-sense{
  /*min-height: 500px;*/
  background-color: var(--bs-gray-200);
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  padding: 10px;
  border-radius: 15px;
  margin-bottom: 10px;
}
.google-auto-placed{
  display: none !important;
}
/*ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}*/
/*ins.adsbygoogle{
    max-width: 100% !important;
    margin: auto;
}*/
.my_advertisement:not(:has(ins.adsbygoogle[data-adsbygoogle-status])),
.my_advertisement:has(ins.adsbygoogle[data-ad-status="unfilled"]){
  display: none !important;
}

/*@media (max-width: 991px) {
  #ft-floating-toolbar,
  .ft-menu {
      display: none !important;
  }
}

@media (min-width: 1200px) {
  #google-anno-sa {
      display: none !important;
  }
}*/
.swal2-toast{
  padding: 5px !important;
  width: auto !important;
}
body.swal2-toast-shown .swal2-container{
  /*background-color: transparent !important;*/
  background-color: rgba(var(--bs-primary-rgb), 0.2) !important;
  width: 100% !important;
}
.swal2-popup.swal2-toast.swal2-show{
  /*background-color: rgba(var(--bs-success-rgb), 0.2);*/
  border-radius: 20px !important;
}
.swal2-popup.swal2-toast .swal2-title{
  font-size: 14px !important;
  color: var(--bs-success);
  margin-bottom: 0 !important;
  font-weight: 300;
}
div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
    width: 100%;
    height: .25em;
    background-color: var(--bs-success) !important;
}
.icons-4{
  width: 70px;
  text-align: right;
}
.icons-4 .icon{
  display: inline-block;
  font-size: 15px;
}
.home-category .filtr-item{
  background-color: rgba(var(--bs-primary-rgb), 0.15);
  padding: 20px;
  padding: 3px;
  border-radius: var(--bs-border-radius-xl);
  /*box-shadow: var(--shadow-sm);*/
}
.home-category .filtr-item h5{
  margin-bottom: 0 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-category .filtr-item h5 a{
  color: var(--bs-primary);
}
.home-category .filtr-item h5 .icon{
  color: var(--bs-primary);
  font-size: 25px;
}
.home-category .filtr-item .card-img-top{
  border-top-left-radius: var(--bs-border-radius-xl);
  border-top-right-radius: var(--bs-border-radius-xl);
}
.home-category .filtr-item .card{
  border-radius: var(--bs-border-radius-xl);
}
/*.home-category .filtr-item h5 .icons-4 .icon{
  display: inline-block;
  font-size: 17px;
}*/
.home-category .filtr-item .sub-categories{
  margin-top: 10px;
}
header.header-sticky-on {
    border-bottom: none;
}
.categorie-slider-item .card{
  background-color: rgba(var(--bs-primary-rgb), 0.15);
  box-shadow: none !important;
}
.categorie-slider-item .card .card-title{
  font-size: var(--fs-sm-sm);
  text-transform: uppercase;
}
.categorie-slider-item .card .card-title a{
  color: var(--bs-primary) !important;
}
.categorie-slider-item .card p{
  font-size: var(--fs-sm);
  color: #000;
}
.page-title .first-letter {
  color: var(--bs-primary);
}
.shape-circle{
  width: 400px;
  height: 400px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background-color: rgba(var(--bs-primary-rgb), 0.15);
}
.regions-name .card-body{
  position: relative;
  z-index: 2;
}
.input-group-search .dropdown-item, .filter-choose-category .dropdown-menu .dropdown-item{
  font-size: var(--fs-sm);
}
.dropdown-item-icon{
  width: 35px;
}
.filter-choose-category .dropdown-menu .dropdown-item .text-detail{
  width: 110px;
}
.section-new-annonces .card-annonce{
  margin-bottom: 15px;
  /*background-color: rgba(var(--bs-primary-rgb), 0.15);*/
}
.section-new-annonces .card-annonce .card-body{
  min-height: 100px;
  /*padding: 10px 20px !important;
  padding-top: 0px !important;*/
}
.section-new-annonces .card-annonce .card-body .price{
  padding-bottom: 0 !important;
  margin-top: auto !important;
}
.section-new-annonces .card-annonce .card-body .card-title{
  font-size: var(--fs-sm);
  margin-top: 15px !important;
}
@media (max-width: 767px) {
  .section-new-annonces .card-annonce .card-body .card-title{
    margin-top: 5px !important;
  }
  .section-new-annonces .card-annonce .card-body{
    min-height: 90px;
  }
}
.section-new-annonces .card-annonce .card-body p.ville{
  margin-top: auto !important;
  margin-bottom: 0 !important;
  color: #000;
  font-size: 13px;
}
/*.section-new-annonces .card-annonce .image{
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}*/

.btn-white-primary, .btn-white-primary-invert {
  color: var(--bs-primary);
  border-color: rgba(var(--bs-primary-rgb), 0.1);
  background-color: #fff;
}
.btn-white-primary:active, .btn-white-primary:hover, .btn-white-primary:focus {
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  color: var(--bs-primary);
  border-color: rgba(var(--bs-primary-rgb), 0.1);
}
.btn-white-primary-invert:active, .btn-white-primary-invert:hover, .btn-white-primary-invert:focus {
  background-color: rgba(var(--bs-primary-rgb), 1);
  color: #fff;
  border-color: rgba(var(--bs-primary-rgb), 1);
}

.btn-white-danger, .btn-white-danger-invert {
  color: var(--bs-danger);
  border-color: rgba(var(--bs-danger-rgb), 0.1);
  background-color: #fff;
}
.btn-white-danger:active, .btn-white-danger:hover, .btn-white-danger:focus {
  background-color: rgba(var(--bs-danger-rgb), 0.1);
  color: var(--bs-danger);
  border-color: rgba(var(--bs-danger-rgb), 0.1);
}
.btn-white-danger-invert:active, .btn-white-danger-invert:hover, .btn-white-danger-invert:focus {
  background-color: rgba(var(--bs-danger-rgb), 1);
  color: #fff;
  border-color: rgba(var(--bs-danger-rgb), 1);
}

.offcanvas-bottom{
  /*bottom: initial;*/
  height: 93% !important;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
}

.offcanvas-top{
  /*bottom: initial;*/
  height: 100% !important;
  height: auto !important;
  /*border-bottom-right-radius: 30px;
  border-bottom-left-radius: 30px;*/
}
.rounded-left-15{
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
.rounded-right-15{
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

/*@media (min-width: 1200px) {
  .offcanvas-xl .offcanvas-body {
      background-color: var(--bs-light) !important;
  }
}*/

div.tag{
  background-color: rgba(var(--bs-primary-rgb), 0.2);
  /*background-color: rgba(var(--input-gray-rgb), 1);*/
  padding: 2px 7px;
  /*padding-right: 0px;*/
  border-radius: 5px;
  color: var(--bs-primary);
}
div.tag .tag-text{
  font-weight: 500;
  font-size: 80% !important;
}

.form-switch .form-check-input{
  width: 40px;
}
.form-switch .form-check-box-lg{
  width: 40px;
  height: 25px;
}

fieldset{
  /*background-color: rgba(var(--input-gray-rgb), 0.4);*/
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  border-radius: 10px;
  padding: 10px;
  border: 0.05rem solid rgba(var(--bs-primary-rgb), 0.04);
  /*border: 0.05rem solid rgba(var(--input-gray-rgb), 1);*/
  margin-top: 10px;
}
.card-tagify fieldset{
  background-color: transparent;
  border: 2px solid rgba(var(--bs-primary-rgb), 0.4);
  border-radius: 15px;
}
.card-tagify fieldset .tagify.tags-manual-suggestions{
  border: 0px none;
  width: 100%;
  margin-top: 7px;
}
fieldset legend{
  position: absolute;
  margin-top: -30px;
  background-color: #fff;
  width: auto;
  line-height: 1.2;
  border-radius: 10px;
}

.card-tagify fieldset legend{
}

@media (min-width: 767px) {
  .card-tagify fieldset legend{
    margin-top: -27px;
  }
}

fieldset legend .btn{
  margin-bottom: 0;
}

fieldset div.tag{
  background-color: #fff;
  color: rgba(0, 0, 0, 0.8);
  border: 0.05rem solid rgba(var(--input-gray-rgb), 1);
  border: 0.05rem solid rgba(0, 0, 0, 0.1);
  /*box-shadow: var(--shadow-sm);*/
}
.z-index-9{ z-index:9999999 !important }
/*.offcanvas-backdrop.show{z-index:999999 !important}*/

.spinner-border-xs{
  width: 10px;
  height: 10px;
}
.back-top {
  /*background: #fff;
  color: var(--bs-primary);
  border: 1px solid rgba(var(--bs-primary-rgb), 0.5);*/
  box-shadow: var(--shadow);
}
.back-top:before {
  content: "\f1de";
  font-family: "Font Awesome 6 Free";
}
@media (max-width: 991px) {
  #offcanvasSidebar{
    min-width: 330px !important;
  }
}

.card-annonce .span-option{
  text-align: center;
  display: inline-block;
  width: 20px !important;
  height: 20px !important;
  line-height: 17px;
  border-radius: 7px;
  font-size: 12px !important;
  font-weight: bold;
  border-color: transparent !important;
  padding: 0px !important;
  box-shadow: var(--shadow-sm);
}
#tour-pills-tabContent .tab-pane .btn-round.btn-sm.bg-white.text-gray-700{
 color: rgba(var(--bs-dark-rgb), 0.7) !important;
 /*background-color: rgba(var(--bs-primary-rgb), 0.2) !important;*/
 box-shadow: none !important;
}
.lh-10{
  line-height: 1rem;
}
.text-dark-700{
  color: rgba(0, 0, 0, 0.7);
}
.icon-desc{
  font-size: 20px;
}
.icon-desc .fi{
  margin-bottom: 7px;
}
.icon-desc .fa-solid{
  /*opacity: 0.7 !important;*/
}
.card-header-annonce{
  background-color: rgba(var(--input-gray-rgb), 0.5) !important;
  border-radius: 15px !important;
  padding: 0 !important;
}
.card-header-annonce .btn-more{
  padding: 15px 17px !important;
}
.pub-mobile-img img{
  background-color: transparent !important;
  width: 100% !important;
  border-radius: 15px !important;
}
.card-img-scale-wrapper.pub-mobile-img{
  height: 250px !important;
  border-radius: 15px !important;
  overflow: hidden !important;
}
@media (max-width: 575px) {
  .pub-mobile-img{
    height: 300px !important;
  }
}

.tiny-slider.fixed-controls .tns-controls [data-controls] {
  position: absolute;
  top: -12%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 0.5rem;
  display: block;
  z-index: 9;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.3);
  color: #fff;
  border: none;
  margin: 0 10px;
  border-radius: 50%;
}
.tiny-slider.fixed-controls .tns-controls [data-controls]:hover {
  background-color: var(--bs-primary);
  color: #fff;
}
.tiny-slider.fixed-controls .tns-controls [data-controls] i {
  line-height: inherit;
}

.tiny-slider.fixed-controls .tns-controls [data-controls=prev] {
  /*left: 0%;*/
  background-color: rgba(var(--bs-primary-rgb), 0) !important;
  background-color: #fff !important;
  color: #000 !important;
  font-size: 20px !important;
  border: 1px solid rgba(var(--bs-dark-rgb), 0.2);
  box-shadow: var(--shadow-sm);
}
@media (max-width: 767.9px) {
  .tiny-slider.fixed-controls .tns-controls [data-controls=prev] {
    display: none !important;
  }
}
.tiny-slider.fixed-controls .tns-controls [data-controls=next] {
  right: 0px;
  background-color: rgba(var(--bs-primary-rgb), 0) !important;
  color: #000 !important;
  font-size: 20px !important;
  border: 1px solid rgba(var(--bs-dark-rgb), 0.2);
  box-shadow: var(--shadow-sm);
}

.tiny-slider.fixed-controls .arrow-xs .tns-controls [data-controls] {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
}

.border-opacity-5 {
  --bs-border-opacity: 0.05;
}

.w-80 {
  width: 80%;
}

.avatar-xlg {
  height: 7rem;
  width: 7rem;
}
@media (min-width: 768px) {
  .avatar-xlg {
    width: 7rem;
    height: 7rem;
  }
}