.menu .app-brand.demo {
  /* height: 64px; */
  /* margin-bottom: 20px; */
}

.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
}

.app-brand-text.demo {
  text-align: center;
  font-size: 18px;
  /* letter-spacing: -0.5px; */
  /* text-transform: lowercase; */
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 76px !important;
}

/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks>* {
  display: block !important;
}

.demo-inline-spacing>* {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing>* {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg>* {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl>* {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-xl.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}

.layout-demo-placeholder img {
  width: 900px;
}

.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}

/*************/
.dropdown,
.dropleft,
.dropright,
.dropup {
  position: relative;
}

/* 

.avatar {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
} */

.nav-link .media .media-img-wrap .badge-indicator {
  bottom: 2px;
  height: 7px;
  right: 0;
  position: absolute;
  width: 7px;
}
/* 
.nav-link .media .media-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline;
}

.media-body {
  -ms-flex: 1;
  flex: 1;
} */


.card-size {
  min-height: 300px;
}

.desc-agent .image-agent {
  width: 83px;
  height: 83px;

}

.desc-agent h5 {
  color: #282828;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 6px;
  margin-left: 10px;
  /* float : left; */
}

.agent h5 {
  color: #282828;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: underline;
  margin-bottom: 4px;
  /* margin-top: 23px; */
}

.padd-24-20 {
  padding: 24px 20px 24px 20px;
}

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

.desc-agent p {
  color: #282828;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 10px;
  opacity: 0.800000011920929;
  margin-left: 10px;
}

.desc-agent a {
  color: #716BE3 !important;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 27px;
  margin-left: 10px;
}

.hr {
  border-top: 1px solid rgba(67, 89, 113, 0.2);
}

.agent div {
  /* display: inline-block;
  height: 60px; */
}

.agent .img-agent img {
  width: 50px;

  height: 50px;
  flex-shrink: 0;
  border-radius: 28px;
  text-align: center;
  border: 1px solid #EBECF2;
  margin: 0.3rem 0.3rem 0.3rem 0.8rem;
}

.left-20 {
  padding-left: 12px;
}

.custom-stream {
  height: 382px;
}

.custom-stream-gener {
  height: 224px;
}


.card-image-video {
  margin-top: 20px;
  width: auto;
  max-height: 2000px;
}

#urlQRCode {
  width: 300px
}

.mt-6 {
  margin-top: 80px !important
}

.preview-td {
  font-size: 18px;
  font-weight: 500;
  width: auto !important;
}

.preview-number {
  font-size: 16px;
  font-weight: 400;
  width: auto !important;
}

.agent p {
  color: #282828;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.699999988079071;
}

.ad-details p {
  margin-bottom: 0px;
}

.app-account1 {
  font-family: "Roboto";
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  background-color: #f8f9fd;
  height: 100vh;
  /* padding-top: 40px; */
  overflow: auto !important;
}

.login-marg {
  background-color: white;
  padding: 2rem;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width: 450px;
  margin-bottom: 20px;
  margin-top: 12rem;
}

.login-marg .invit {
  width: 172.667px;
  height: 37px;
  flex-shrink: 0;
  margin-left: 7rem;
  margin-bottom: 2rem;
}

.login-marg p {
  color: #282828;
  text-align: center;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;/
}

.login-marg span {
  color: #716BE3;
  text-decoration-line: underline;
}

.bedrooms {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #000;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-radius: 4px;
  background: #EBECF2;
  width: 140px;
  margin-bottom: 10px;
  height: 44px;
  flex-shrink: 0;
  /* padding: 10px 16px 10px 16px; */
  margin-right: 12px;
}

.bedrooms svg {
  margin-right: 8px;
}

.select-text {
  margin-top: "26px";
  height: 100px;
  overflow-y: auto;
  margin-bottom: 26px;
}

/*********************/
.sliderProp {
  line-height: 0;
  margin-bottom: 24px;
}

.card-properties {
  min-height: 96px;
  margin-bottom: 16px;
}

.title-card {
  font-family: "Roboto";
  margin-left: 24px;
  margin-top: 35px;
  color: #282828;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.understand-data {
  margin-top: 20px;
  color: #282828;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  overflow-y: auto;
  /* 150% */
}



.card-delight {
  height: 340px;
  border-radius: 12px;
  background: linear-gradient(0deg, #D6E7FF 0%, #D6E7FF 100%), #FFF;
}

.height-para {
  height: 240px;
}

.card-delight .title-user {
  color: #FFF;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 100% */
}

.marg-l {
  margin-left: 10px;
}
/* 
.padd-10 {
  padding: 12px 12px 12px 12px !important;
} */

.height-card-delight {
  height: 340px;
}

.height-delight {
  min-height: 100px !important;
}

.title-charts {
  color: #282828;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px
}

.card-delight h6 {
  color: #FFF;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.card-delight .text {
  color: #FFF;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.multi-select .MuiFormControl-root {
  margin: 0px !important
}

.donut-delight {
  /* max-width: 13.5rem; */
  max-height: 13.5rem;
  /* min-width: 12.5rem; */
  min-height: 12.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.donut-delight .score {
  position: absolute;
  color: #282828;
  font-family: "Roboto";
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-top: -4rem;
}

.donut-delight-top .score {
  position: absolute;
  color: #282828;
  font-family: "Roboto";
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  margin-top: -4rem;
}

.donut-delight-top {
  width: 100%;
  /* max-height: 27.5rem; */
  height: 20rem;
  min-height: 18rem;
  /* padding: 15px 20px 25px 20px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

.badge-po {
  padding: 6px 12px;
  margin-top: 0.7rem;
  /* gap: 10px; */
  /* margin-top:2rem; */
  border-radius: 23px;
  background: #46B49E;
  color: #FFF;
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  /* 114.286% */
}

.padd-24 {
  padding: 24px 24px 24px 24px;
}

.height-400 {
  height: 400px;
}

.padd-20-chart {
  padding: 20px 20px 20px 20px;
}

.padd-10-chart {
  padding: 10px 10px 10px 10px;
}

.col-users .MuiFormControl-root {
  margin: 0px !important;
}

.card-div {
  height: 44px !important;
  border-radius: 4px;
  border: 1px solid #C3C5D4 !important;
  background: #FFF;
}

.download:hover,
.download:active,
.download:focus {
  color: #FFF;
}

.download {
  width: 100%;
  height: 44px;
  display: inline-flex;
  padding: 12px 22px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #716BE3;
  border-radius: 4px;
  background: #716BE3 !important;
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
}

.disabled-button:disabled {
  background: #dddddd;
}

.height-100 {
  height: 100%;
}

.padd-32 {
  padding: 32px 32px 30px 32px;
}


.generate {
  padding: 10px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #716BE3;
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 125% */
}

.marg-top20 {
  margin-top: 20px;

}


.start-modera {
  float: right;
  margin-right: 10px;
  background: #716BE3;
  color: #FFF;
}

.CoraGPT .col-md-3 {
  float: right;
  max-width: 140px;
}

.h5-CoraGPT {
  color: #282828;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.input {
  height: 48px;
  border-radius: 4px;
  border: 1px solid #C3C5D4;
  background: #FFF;
  color: #282828;
  width: 100%;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.react-datepicker-wrapper {
  width: 100%;
}

.generate-h5 {
  color: #282828;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.ad-details h5 {
  color: #282828;
  font-family: "Roboto";
  font-size: 18px !important;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 22px;
}

.ad-details p {
  color: #282828;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.699999988079071;
}

.ad-details div span {
  color: #2B3;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  float: right;
  opacity: 1.7;

}

.ad-details .duplicate {
  color: #282828;
  font-family: "Roboto";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  opacity: 0.800000011920929;
  margin-top: 16px;
}

.marg-7 {
  margin-left: 7px;
}

.marg-left-7 {
  margin-left: 7px;
}

.property-id {
  color: #8C8D96;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 8px;

}

.para_generate {
  color: #282828;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
}

.para {
  color: #282828;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

.property-title {
  color: #282828;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 12px;
}

.property-price {
  color: #716BE3;
  text-align: right;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.property-type {
  color: #8C8D96;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 16px;
}

.rectangle {
  text-align: center;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 3px;
}

.property-desc {
  margin-top: 20px;
  color: #282828;
  font-family: "Roboto";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  opacity: 0.699999988079071;
  width: 100% !important;
}

.generate-title {
  color: #282828;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.image-content-height {
  min-height: 285px;
}

.audio-card-height {
  min-height: 305px;
}

.enhance-card-height {
  min-height: 270px;
}

.generate-card-height {
  min-height: 260px;
}

.generate-card {
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid #EBECF2;
  background: #FFF;
  padding-top: 16px;
  padding-left: 12px;
  padding-right: 5px;
}

.generate-card .rounded {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  border-radius: 8px;
  margin-bottom: 24px !important;
}

.marg-16 {
  margin-bottom: 16px;
}

.generate-card p {
  margin-top: 14px;
  margin-bottom: 10px;
  color: #8C8D96;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 137.5% */
}

.backg-green {
  background: #DAF0EC;
}

.backg-red {
  background: #FFE2DF;
}

.backg-mauve {
  background: #E5DDF3;
}

.backg-blue {
  background: #DDE6F3;
}

.backg-orange {
  background: #FEEFD8;
}

.backg-marron {
  background: #F3E9DD;
}

.backg-grey {
  background: #E4E4E4;
}

.generate-card .rounded svg {
  z-index: 1;
  position: absolute;
  margin-top: 16px;
  margin-left: 16px;
}

.generate-card h2 {
  color: #282828;
  font-family: "Roboto";
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  cursor: pointer;
}

.generate-card h2 svg {
  height: 18px;
  width: 18px;
}

.marg-40 {
  margin-top: 40px;
}

.marg-30 {
  margin-top: 30px;
}

.desc-property {
  height: 96px;
  margin-bottom: 20px;
}

.menu-item.active .menu-icon path {
  stroke: rgba(113, 107, 227, 1);
  fill: rgba(113, 107, 227, 1);

}

#save-cond.validated {
  background-color: rgba(70, 180, 158, 0.20);
  cursor: not-allowed;
  color: #46B49E;
  border: none;
}

#delete-cond {
  color: rgb(255, 0, 0) !important;
  background-color: rgba(255, 0, 0, 0.20);
  border: none;
  margin-left: 10px;
  margin-right: 10px;
}


.MuiMenuItem-gutters,
.MuiOutlinedInput-input {
  font-size: 14px !important;
}

.search-property input:focus {
  background: #FFF;
}

.search-property input:hover {
  background: #FFF;
}

#read-watermark {
  height: 113px;
  width: 100%;
  overflow-y: auto;
  display: flex;
  margin-top: 10px;
}


.api-button {
  /*  
    align-items: flex-start;
    justify-content: center;
    align-items: center; */
  /* gap: 10px; */
  border-radius: 8px;
  background: rgba(113, 107, 227, 0.10);
  color: #716BE3;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  min-width: 90px;
  height: 40px;
}

select {
  max-width: 515px !important;
}


.generate-edit {
  float: right;
}

.generate-edit button {
  display: inline-flex;
  margin-right: 5px;
  padding: 10px 20px;
  align-items: flex-start;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: rgba(113, 107, 227, 0.10);
  color: #716BE3;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  min-width: 116px;
  height: 40px;
}

.line-chart-container {
  width: 100%;
  /* max-height: 27.5rem; */
  height: 100%;
  min-height: 18rem;
  max-height: 28rem;
  padding-left: 0px;
  padding-right: 0px;
}

.donut-chart-container {
  max-width: 8rem;
  max-height: 8rem;
  min-width: 7rem;
  min-height: 7rem;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  position: relative;
  /* height: 8rem;
  width: 8rem; */
}

.score-circle {
  color: #282828;
  text-align: center;
  font-family: "Roboto";
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.donut.col-5,
.col-7 {
  padding-left: 0px;
  padding-right: 0px;
}

.card-text-gener {
  background: #F5F5F8;
  margin-top: 20px;
  min-height: 374px;
}

.image-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  text-align: center !important;
  width: "356px";
  height: 290px;
  overflow-x: hidden;
  margin-top: 12px;
}

.back-map-view {
  background: #E5F0FF;
  height: 109px;
  padding: 18px 0px 18px 16px;
}

.height-map {
  min-height: 35.5rem;
}

.score-number {
  position: absolute;
  /* top: 3.7rem;
  left: 3.3rem; */
  font-size: 18px;
  /* z-index: 1;  */
  top: 52%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  color: #282828;
  text-align: center;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.desc-property .padd-24 {
  padding: 24px 24px 10px 24px;
}

.back-map-view .rounded {
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background: #FFF;
  padding: 16px;
}

.rounded-1 {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
  border-radius: 8px;
  padding: 12px;
}

.back-map-view h5 {
  margin-bottom: 3px;
}

.fullscreen-image {
  width: 100vw;
  height: 100vh;
  object-fit: contain;
}

.selected-images {
  margin-top: "26px";
  /* gap: 5px; */
  height: 160px;
  overflow-x: auto;
  white-space: nowrap;
  margin-bottom: 26px;
  display: flex;

}

.selected-images img {

  border-radius: 4px;
  width: 200px;
  /* display: inline-block; */
  height: 113px;
  text-align: center !important;
  padding: 4px 4px 4px 4px;

}

.selected-images .label {
  margin: 10px 2px 10px 10px !important
}

.image-list input[type="checkbox"] {
  display: none;
}

.selected-images input[type="checkbox"] {
  display: none;
}

.layout-menu-toggle {
  display: none;
  cursor: pointer;
}

.height-chart {
  height: 557px;
}
/* 
.layout-menu-toggle a {
  margin: 20px 20px 20px 20px !important;

} */

.end_points {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: 10px;
  white-space: nowrap;
}

.line-chart {
  margin-top: 24px;
}

.agencies-list {
  flex: 1;
}

.label {
  border: 2px solid white;
  background: rgba(235, 236, 242, 0.50);
  /* padding: 10px; */
  display: block;
  width: 94%;
  height: 116px;
  border-radius: 4px;
  position: relative;
  margin: 10px;
  cursor: pointer;
}

.label:before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid #716BE3;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}

.label img {
  width: 100%;
  height: 113px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}


:checked+.label {
  border-color: #ddd;
}

:checked+.label:before {
  content: "✓";
  background-color: #716BE3;
  transform: scale(1.3);
  z-index: 1;

}

:checked+.label img {
  transform: scale(0.9);
  /* box-shadow: 0 0 5px #333; */
  z-index: -1;
}

.label1 {
  border: 2px solid white;
  background: rgba(235, 236, 242, 0.50);
  /* padding: 10px; */
  display: block;
  width: 194px;
  height: 116px;
  border-radius: 4px;
  position: relative;
  margin: 10px;
  cursor: pointer;
}

.label1:before {
  background-color: white;
  color: white;
  content: " ";
  display: block;
  border-radius: 50%;
  border: 1px solid #716BE3;
  position: absolute;
  top: -5px;
  left: -5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 28px;
  transition-duration: 0.4s;
  transform: scale(0);
}

.label1 img {
  width: 190px;
  height: 113px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
}

:checked+.label1 {
  border-color: #ddd;
}

:checked+.label1:before {
  content: "✓";
  background-color: #716BE3;
  transform: scale(1.3);
  z-index: 1;

}

:checked+.label1 img {
  transform: scale(0.9);
  /* box-shadow: 0 0 5px #333; */
  z-index: -1;
}

.filters {
  width: 100%;
  height: 44px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #C3C5D4;
  background: #FFF;
  color: #282828;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;

}

.filters span {
  float: left;
  margin-left: 10px;
}

.filters svg {
  float: right;
}



.table-title table {
  border-collapse: collapse;
}

.table-title input {
  border: white;
  width: 100%;
  height: auto;
  padding: 8px;
  border: 1px solid #858585;
}

.table-title td:first-child {
  border-right: none;
  font-weight: 600;
  padding: 8px;

}

#button-addnew {
  width: auto;
  border: 1px solid #FFF;
  display: flex;
  align-items: center;
  align-self: center;
}


/* 
.layout-menu-toggle1 img {
  width: 112px;
  height: 30px;
  flex-shrink: 0;
  margin: 16px 10px 0px 20px;
} */

.table {
  min-height: 90px !important;
}


.title-template h5 {
  color: #282828;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0px;
}

.title-template p {
  color: #8C8D96;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

/* 
.MuiInputBase-input {
  padding-top: 0px;
  padding-bottom: 0px;
} */

.version-list {
  /* list-style: none;
  display: block; */
  padding: 0;
  float: left;
  margin-top: 10px;
  margin-bottom: 0px;
  /* margin-left: 10px; */
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #716BE3;
  overflow-x: auto;
  white-space: nowrap;
  max-width: 740px;
}

.version-list a {
  margin-top: 5px;
  cursor: pointer;
  text-decoration-line: underline;
}

/*Tabs*/

.moderate .nav-tabs .nav-item .nav-link:not(.active) {
  background-color: var(--bs-body-bg) !important;
}

.moderate .nav-tabs .nav-item .nav-link {
  display: inline-flex;
  padding: 0px 16px 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #8C8D96;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.moderate .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #716BE3 !important;
  font-weight: 600 !important;
  border-bottom: 2px solid #716BE3 !important;
  background-color: var(--bs-body-bg) !important;
}

.moderate .tab-content {
  margin-top: 24px;
}

.moderate-title {
  color: #282828;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin-top: 11px;
}

.margin-35 {
  margin-top: 35px;
}

.rule-name {
  color: #8C8D96;
  font-family: "Roboto";
  font-size: 14px;

}

.button-rule {
  display: inline-flex;
  padding: 14px 22px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 44px;
  border-radius: 4px;
  font-family: "Roboto";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  width: 100%;
}

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

.overview {
  padding-left: 20px;
  padding-top: 28px;
  min-height: 228px;
  height: auto;
  padding-right: 10px;
  padding-bottom: 10px;

}

.overview .rounded {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
  border-radius: 8px;
  padding: 12px;
}

.overview .rounded svg {
  z-index: 1;
  position: absolute;
}

.backg-over-blue {
  background-color: #CCE0FF;
}

.margin-28 {
  margin-top: 28px;
}

.marg-8 {
  margin-top: 8px;
}

.backg-over-danger {
  background: #F6DADA;
}

.overview .number-month h3 {
  color: #282828;
  font-family: "Roboto";
  font-size: 26px !important;
  font-style: normal;
  font-weight: 500 !important;
  line-height: normal;
  margin-bottom: 0px;
}

.backg-over-mauve {
  background: #E3E1F9;
}

.padding-chart {
  padding: 24px 32px 32px 32px;

}



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

.title-chart {
  color: #282828;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

/* Styles pour afficher la légende en cercles */


.legend-circle {
  display: flex;
  align-items: center;
  margin-right: 40px;
  margin-bottom: 50px;
}

.legend-circle-color {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 20px;
}

.chartjs-render-monitor .chartjs-size-monitor,
.chartjs-render-monitor .chartjs-size-monitor-expand,
.chartjs-render-monitor .chartjs-size-monitor-shrink {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}

.donut {
  height: auto;
  min-height: 8.4rem;
}

.back-map-view h5 {
  color: #282828;
  font-family: "Roboto";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.back-map-view p {
  color: #282828;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.8;
}

.donut h5 {
  color: #282828;
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  /* margin-top: 19px; */
  margin-bottom: 8px;
}

.donut span {
  color: #46B49E;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.donut span svg {

  height: 14px;
  width: 14px;
}

.agenc-padd span {
  color: #282828;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-left: 10px;
}

.back-modal {
  padding: 14px 12px 14px 12px;
  background: #F4F4F4;
  border-radius: 12px;
  /* margin-bottom: 16px; */
}

.maxwidth-credit {
  max-width: 141px;
}

.apis .btn-group button {
  width: auto;
  min-width: 105px;
  height: 120px;
  flex-shrink: 0;
  margin-right: 10px;
  border-radius: 8px;
  border: 1px solid #EBECF2;
  background: #FFF;
  color: #8C8D96;
  text-align: center;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.apis .btn-group button .svg {
  margin-bottom: 24px;
}

/* .apis .btn-group button.active {
  background: #716BE3;
  color: #FFF;
  font-weight: 500;
} */

.apis .btn-group button:hover {
  background: #716BE3;
  color: #FFF;
  font-weight: 500;
}

.plan p {
  font-size: 18px;
  margin-bottom: 12px;
}

.plan .form-check-inline {
  margin-right: 32px;
}

.allspop {
  height: 87px !important;
  flex-shrink: 0;
  display: flex;
}

.marg-19 {
  margin-left: 19px;
}

.marg-10 {
  margin-left: 10px;
}

.number-listings {
  margin-top: 16px;
  color: #282828;
  font-family: "Roboto";
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.agencies-list svg {
  height: 14px !important;
  width: 14px !important;

}

.label-details {
  color: #282828;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.7;
  margin-bottom: 0px;
  margin-left: 5px;
}

.details-h {
  color: #282828;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0px;
  margin-right: 7px;

}

.fs-14 {
  font-size: 14px !important;
}

.fw-lh {
  font-weight: 600 !important;
  line-height: 20px !important;
}

.border-32 {
  border-radius: 32px !important;
}

.text-success svg {
  height: 14px !important;
  width: 14px !important;

}

/*******************************/
.z-index-2 {
  z-index: 2 !important;
}

.img-background {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.position-relative {
  position: relative !important;
}


.play-button {
  border: none;
  cursor: pointer;
  font-size: 16px;
  color: #282828;
  font-family: "Roboto";
  float: left;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  background-color: transparent;
}

.video-list-container {
  /* height: 100px; */
  overflow-y: auto;
  white-space: nowrap;
  display: flex;
  /* margin-top: 30px; */
}

.profile {
  width: 142px;
  height: 142px;
  flex-shrink: 0;
  border-radius: 4px;
}


.profile-upload {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #C3C5D4;
  background: #FFF;
  padding: 8px 20px 8px 8px;
}

.profile-upload img {
  width: 44px !important;
  height: 44px !important;
  flex-shrink: 0;
  border-radius: 4px !important;
  margin-right: 14px !important;

}

.profile-upload input {
  display: none;
}

.profile-upload #svg {
  width: 24px;
  height: 24px;
  margin-right: 0px;
  /* Adjust the spacing as needed */
  cursor: pointer !important;

}

.profile-upload label {
  cursor: pointer !important;
}


.card-image-template {
  background: #FFF;
  margin-top: 20px;
  padding: 0px;
  min-height: 467px;
  max-height: 2000px;
  border: 2px solid #b0b0b7;
}

.profile-upload {
  color: #858585;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  text-align: start;
  font-weight: 400;
  line-height: 20px;
  float: left !important
}

/* .selected-videos {
  overflow-x: auto;
  white-space: nowrap;
  display: flex;
  margin-bottom: 0px;
  height: auto;
} */



.selected-reel {
  overflow-x: auto;
  white-space: nowrap;
  display: flex;
  margin-bottom: 0px;
  height: auto;
}

.selected-reel .videos {
  border: 2px solid white;
  /* background: rgba(235, 236, 242, 0.50); */
  /* padding: 10px; */
  display: block;
  width: 220px;
  /* height: 100%; */
  border-radius: 4px;
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}

/* .padd-10 {
  padding: 20px 10px 10px 1px;
} */

.card-credit {
  /* width: 100%; */
  height: 90px;
  flex-shrink: 0;
  border-radius: 6px;
  background: #716BE3;
}

.card-credit p {
  color: #FFF;
  font-family: 'Roboto';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-left: 4px;

}

.upgrade {
  display: inline-flex;
  padding: 14px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #FFF;
  color: #716BE3;
  text-align: center;
  font-family: 'Roboto';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  float: right;
  margin-top: 4px;
  margin-right: 8px;
}

.upgrade:hover {
  background: #FFF;
  color: rgb(125, 119, 237);
}

.MuiButton-textPrimary {
  color: #716BE3 !important;
}

.upgrade-com {
  display: inline-flex;
  padding: 14px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: #716BE3;
  color: #FFF;
  text-align: center;
  font-family: 'Roboto';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  float: right;
  /* margin-top: 4px; */
  margin-right: 8px;
}

.upgrade-com:hover {
  background: rgb(125, 119, 237);
  color: #FFF;
}

.number-credit {
  color: #FFF;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  margin: 0;
  margin-bottom: 8px;
  margin-left: 4px;
}

.credit-title {
  color: #282828;
  font-family: Roboto;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  /* margin-left: 9px; */
  margin-top: 30px;
}

.credit-title p {
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
}

.marg-credit {
  margin-left: 6px;
  margin-top: 30px;
}

.notification-mobile {
  display: none;
}

.selected-audios {
  margin-top: "26px";
  /* gap: 5px; */
  height: 100px;
  overflow-x: auto;
  white-space: nowrap;
  margin-bottom: 26px;
  display: flex;

}

.selected-audios audio {
  margin-top: 20px;
  border-radius: 4px;
  width: 200px;
  text-align: center;
  /* display: inline-block; */
  /* height: 113px; */
  text-align: center !important;
  padding: 4px 4px 4px 4px;

}

.selected-audios .label {
  margin: 10px 2px 10px 10px !important
}


.selected-audios input[type="checkbox"] {
  display: none;
}

.customDatePickerWidth {
  width: 100% !important;
}

.card-notif {
  height: 76px;
  flex-shrink: 0;
  border-radius: 8px;
  padding: 12px 0px 12px 0px;
  cursor: pointer;
}

.card-notif :hover {
  background-color: white;
}

.card-notif .rounded {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 4px;
  padding: 12px;
}

.card-notif .rounded svg {
  z-index: 1;
  position: absolute;
}

/* .card-notif .hr{
  opacity: 0.3;
background: #8C8D96;
width: 276px;
height: 1px;
display: inline-flex;
} */
.card-notif h6 {
  color: #282828;
  font-family: 'Roboto';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.card-notif small {
  color: #8C8D96;
  font-family: 'Roboto';
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.disp-lease-none {
  margin-left: -6px
}

.container_image {
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  align-items: center;
  padding-left: 5px;
  padding-right: 5px;

  /* width: 100%;
  height: 100vh; */
}

/* .container_image .btn-upload {
  /* width: 200px; 
  margin-bottom: 20px;
  padding: 12px;
  border-radius: 5px;
  background: #7c14fb;
  font-family: sans-serif;
  color: #fff;
  text-align: center;
} */


#button-addnew .form__file {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
}

#button-addnew .form__container {
  position: relative;
  width: 100%;
  cursor: pointer !important;
  text-align: center;
  display: flex;
  align-content: start;
  /* height: 116px; */
  /* flex-shrink: 0; */
  /* border-radius: 8px; */
  /* border: 2px dashed #716BE3; */
  /* background: rgba(113, 107, 227, 0.10); */
}

#button-addnew .form__file {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* cursor: pointer; */
  opacity: 0;
}

.dropdown-hr {
  width: 276px;
  height: 1px;
  margin: .5rem 0;
  opacity: 0.3;
  background: #8C8D96;
}

.recent-download {
  display: inline-flex;
  margin-right: 5px;
  padding: 10px 10px;
  align-items: flex-start;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  background: rgba(113, 107, 227, 0.10);
  width: auto;
  height: 40px;
}

.invit img {
  width: 172.667px;
  height: 37px;
  margin-top: 38px;
  margin-bottom: 38px;
  text-align: center;
}

.MuiStack-root {
  padding-top: 0px !important;
  height: 44px !important;
  overflow: " " !important;
}

.MuiStack-root .MuiTextField-root {
  min-width: auto !important;
  border-radius: 16px !important;
}

.MuiStack-root .MuiTextField-root .MuiInputBase-root input {
  padding: 10px 20px !important;
  /* border: 1px solid #F4F4F5 !important; */
  /* Change the border color */
  border-radius: 16px !important;
  /* Add border radius */
  background: #F4F4F5 !
}

.topic {
  display: inline-flex;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
  background: rgba(113, 107, 227, 0.20);
  color: #716BE3;
  font-family: 'Roboto';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-right: 10px;
}

.search-generate {
  margin-top: 40px;
}

.disp-lease {
  display: none;
}

.padd-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.select-property-mobile {
  display: none !important;
}

.hover-floor-ar {
  position: absolute;
  bottom: 25%;
  width: auto;
  left: 10%;
  transform: translate(-10%, -90%);
  cursor: pointer;
  z-index: 1;
  display: inline-flex;
  padding: 12px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #928dec;
  border-radius: 4px;
  background: #928dec !important;
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  opacity: 0.8;
}

.hover-floor-ar:hover {
  background-color: #716BE3;
}

.hover-floor {
  position: absolute;
  bottom: 25%;
  width: auto;
  right: 6%;
  left: auto;
  transform: translate(-10%, -90%);
  cursor: pointer;
  z-index: 1;
  display: inline-flex;
  padding: 12px 32px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #928dec;
  border-radius: 4px;
  background: #928dec !important;
  color: #FFF;
  text-align: center;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  opacity: 0.8;
}

.hover-floor:hover {
  background-color: #716BE3;
}

.view_video iframe {
  width: 100%;
  height: 400px !important
}

.view_video {
  display: flex;
  resize: both;
  /* height: 200px; */
  /* min-width:300px; */
  margin-top: 20px;
}

.scroll-portals {
  display: flex;
  flex-wrap: wrap;
  max-height: 300px;
  overflow-y: auto;
  /* gap: 10px; */
}

.check-mobile .form-check-input {
  margin-right: 10px;
  margin-left: 10px;
}

.image-portal {
  flex: 1 1 calc(15% - 10px);
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

.view_video video {
  width: 100%;
  height: 100%
}

.view_video-ger iframe {
  width: 100%;
  height: 200px !important
}

.view_video-ger {
  display: flex;
  resize: both;
  /* height: 200px; */
  /* min-width:300px; */
  margin-top: 20px;
}


.mrg-left-gene {
  margin-right: 40px;
}

.additional_media {
  margin: 0 15px 0 15px;
}

.p-header {
  margin-top: 10px;
}

.p-header span {
  color: #716BE3;
  font-weight: 600;
}

.more-list {
  border: none;
  margin: 4px 4px;
  height: 20px;
  padding: 0px 0px;
}

.platforms-img {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  text-align: center;
  border: 1px solid #EBECF2;
  margin: 4px 4px;
}

.unpublish-butt {
  width: 100%;
  height: 44px;
  display: inline-flex;
  padding: 12px 22px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #D34645;
  border-radius: 4px;
  background: rgba(211, 70, 69, 0.10) !important;
  color: #D34645;
  text-align: center;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
}

.publish-butt {
  width: 100%;
  height: 44px;
  display: inline-flex;
  padding: 12px 22px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 1px solid #46B49E;
  border-radius: 4px;
  background: rgba(70, 180, 158, 0.20) !important;
  color: #46B49E;
  text-align: center;
  font-family: "Roboto";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
}

.pricing-box {
  padding: 60px 50px;
  background: #ECF1F7;
}

.button-pricing {
  position: relative;
  width: auto;
  padding: 10px;
  background: #FFFFFF;
  border-radius: 16px;
  border: #FFF;
}

.pricing-box .marg-bott {
  margin-bottom: 40px;
  left: 47%;
}

.pricing-box .font-weight-700 {
  font-weight: 700;
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -0.32px;
  margin-right: 5px;
}

.card-pricing {
  background: #573CFF;
  border-radius: 16px;
  padding: 30px 30px 30px 30px;
}

.card-pricing span {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 38px;
  line-height: 38px;
  letter-spacing: -1.5px;
  color: #FFFFFF;
}

.mar-bt-20 {
  margin-bottom: 20px;
}

.card-pricing h3 {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-size: 50px;
  line-height: 55px;
  letter-spacing: -3px;
  color: #FFFFFF;
}

.card-pricing p {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -0.32px;
  color: #FFFFFF;
}


/* 
.card-pricing-1 h3 {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-size: 50px;
  line-height: 55px;
  letter-spacing: -3px;
  color: #02015A;
} */

.agent-profile .all {
  /* Browse All */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-decoration-line: underline;
  color: #515151;
  float: right;
  cursor: pointer;
  margin-right: 20px;
}

.agent-profile .padd-modal {
  padding: 40px;
}

/***************************/
.agent-profile .checkbox {
  padding-left: 10px;
  margin-bottom: 17px;
}

.agent-profile .checkbox label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 5px;
  cursor: pointer;
}

.videos .video-wrapper .custom-stream-gener-music {
  width: 100%;
  /* object-fit: cover; */
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 225px;
}

.agent-profile .checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #716BE3 !important;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.agent-profile .checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  margin-left: -22px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 16px;
  color: #FFFFFF;

}

.agent-profile .checkbox input[type="checkbox"] {
  opacity: 0;
  z-index: 1;
}

.agent-profile .checkbox input[type="checkbox"]:focus+label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.agent-profile .checkbox input[type="checkbox"]:checked+label::after {
  content: "✓";
  transform: scale(1.3);
}

.agent-profile .checkbox.checkbox-circle label::before {
  border-radius: 50%;
}

.agent-profile .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #716BE3;
  border-color: #716BE3 !important;
}

.agent-profile .checkbox-info input[type="checkbox"]:focus,
.checkbox-info input[type="checkbox"]:checked {
  border: 1px solid #716BE3 !important;
}

.agent-profile .checkbox-info input[type="checkbox"]:checked+label::after {
  color: #fff;
}

/***********************/
/* .card-pricing-1 p {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: -0.32px;
  color: #000000;
} */
/* 
.card-pricing-1 span {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 38px;
  line-height: 38px;
  letter-spacing: -1.5px;
  color: #02015A;
} */

.button-pricing span {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  display: flex;
  align-items: center;
  letter-spacing: 0.24px;
  background: linear-gradient(272.25deg, #A15EE8 0%, #6D8DFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/* 
.button-pricing-1 span {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 13px;
  letter-spacing: 0.24px;
  color: #FFFFFF;
} */

.title-h2 {
  position: relative;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-size: 50px;
  line-height: 60px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  letter-spacing: -2px;
  color: #02015A;
  margin-bottom: 40px;
}

.slider-container-1 {
  display: none;
}

.slider-container {
  margin-top: 40px;
  height: 200px !important;
}

.slider-vertical {
  color: #716BE3 !important;
}

.pricing-box .plan {
  height: auto;
  margin-top: 140px;
  box-sizing: border-box;
  border: 1px solid #573CFF;
  border-radius: 8px;
  padding: 5px 10px;
  width: 100%;
  cursor: pointer;
}

.pricing-box .plan h3 {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  display: flex;
  margin-bottom: 0px;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.48px;
  color: #573CFF;
}

.pricing-box .plan p {
  font-family: 'Be Vietnam Pro';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: -0.48px;
  color: #9CA3BD;
}


.selected-img-videos .label-img {
  display: block;
  /* border: 2px solid white;
  background: rgba(235, 236, 242, 0.50);
  display: block;
  width: 194px;
  height: 116px;
  border-radius: 4px;
  position: relative;
  margin: 10px;
  cursor: pointer; */
}

/* .selected-img-videos .label-img img {
  width: 190px;
  height: 113px;
  transition-duration: 0.2s;
  transform-origin: 50% 50%;
} */
.selected-img-videos img {
  width: 100%;
  /* Pour que les images s'adaptent à la largeur du conteneur */
  height: 140px;
  /* Maintenir le ratio d'aspect des images */
  display: block;
  border-radius: 12px;
  /* border-radius: 4px;
  width: 200px;
  height: 113px;
  text-align: center !important;
  padding: 4px 4px 4px 4px; */
}

.p-header p {
  text-align: left;
  color: #282828;
  font-family: "Roboto";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 3px;
  margin-top: 3px;
}

.fixed-listing-w {
  margin-bottom: 100px;
}

.fixed-listing-m {
  display: none;
}

.fixed-listing-v .title-card {
  display: flex;
  align-items: center;
  margin-top: 0px;
}

.view_floorplan img {
  width: 100%;
  height: auto;
  max-height: 40rem;
}

.fixed-listing-v {
  position: fixed;
  z-index: 1000;
  margin-top: -20px;
  padding-left: 270px;
  left: 0;
  width: calc(100% - 30px);
}

.additional_media .marg-upload {
  margin: 20px 20px 20px 20px;
}

.title-properties {
  font-family: "Roboto";
  margin-left: 24px;
  margin-top: 35px;
  color: #282828;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.slider-property {
  height: 8px;
  max-width: 60%;

}

.Mui-checked {
  color: #716BE3 !important;
}

.card-switch {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background: #f8f7f8;
  border-radius: 12px;
  border: 1px solid #EBECF2;
  flex: 1 1 auto;
  padding: 10px 10px 10px 15px;
}

.Mui-checked+.MuiSwitch-track {
  background-color: #716BE3 !important;
}

.marg-upload {
  margin: 20px 40px 20px 40px;
}

.custom-map-container {
  height: 200px;
  width: 100%;
}

/* .MuiInputBase-input {
  padding: 4px 4px 7.5px 5px !important;
} */

.map-container {
  width: 100%;
  /* height: 400px; */
}

.total_properties {
  margin-top: 10px;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 16px;
  line-height: 18.75px;
  color: rgba(122, 122, 122, 1);
}

.button_retour {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: white;
  border: solid 2px #716BE3;
  color: #716BE3;
  margin-top: 24px;
  margin-left: 15px;
}


.pro-feature-add>li {
  display: inline-block;
  margin: 5px 10px;
}

.pro-feature-add .checkboxes label:before {
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  top: 3px;
  background-color: #fff;
  border: 2px solid #d0d0d0;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
}

.pro-feature-add label {
  display: inline-block;
  color: #282828;
  font-family: "Roboto";
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.pro-feature-add .filter-tags input {
  position: relative;
  border: 1px solid #ccc;
  cursor: pointer;
  padding: 0;
  width: 20px;
  height: 20px;
  color: #716BE3 !important;
  /* outline: none; */
  margin-right: .5rem;
  margin-bottom: 0px;
  background: #716BE3 !important;
}

/*********agent profile*********/

.agent-profile .title-agent {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 44px;
  color: #000000;
}

.agent-profile .padd-40 {
  padding: 40px;
  margin-bottom: 80px;
}

.agent-profile .para-agent {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #696969;
}

.agent-profile .features h3 {

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 0px;
  color: #000000;
  flex: none;
  order: 0;
  flex-grow: 0;
}


.agent-profile .features .label-p {

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
}

.agent-profile .filter {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  background-color: transparent;
  gap: 10px;
  width: 121px;
  height: 48px;
  border: 0.75px solid rgba(22, 32, 106, 0.3);
  border-radius: 16px;
  /* Filter */

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #000000;

}

.agent-profile .create {
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  gap: 41.14px;
  width: 187px;
  height: 48px;
  background: #716BE3;
  border: 1px solid #716BE3;
  border-radius: 16px;
  /* Create New Video */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  margin-left: 20px;
}

.agent-profile .videos-res {

  /* box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start; */
  padding: 0px 0px 32px;
  /* gap: 16px; */
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.agent-profile h2 {
  /* Recently Generated Video */
  padding: 0px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #000000;
  margin-bottom: 0px;
}

.marg-res-videos {
  margin: 48px 0px 20px 0px;
}

.card-spinner {
  min-width: 400px;
  text-align: center;
}

.card-spinner p {
  text-align: center;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}

.card-spinner h1 {
  text-align: center;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #000000;
}

.video-container-swiper {
  position: relative;

}

@media (max-width: 768px) {
  .form-control-wrapper {
    width: 100%;
    /* margin-bottom: 15px; */
  }

  .form-control-wrapper input,
  .form-control-wrapper select {
    width: 100%;
  }
}

.form-control-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}

.select-duration {
  display: flex;
  align-items: center;
  padding: 8px 14px;
  /* margin: 0 auto; */
  height: 40px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px !important;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;

  /* Text/10 */
  color: #A9A9A9;
}

.video-container-swiper .card-desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 5px 5px;
  gap: 16px;

  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}


.image-template {
  padding: 16px;
  gap: 191px;
  width: 266.64px;
  height: 300px;
  border-radius: 29.2791px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}

.image-template img {
  width: 100%;
  height: 100%;
  border-radius: 29.2791px;
}

.replace-label {
  padding: 12px 24px;
  width: 200px;
  height: 48px;
  z-index: 1;
  background: #716BE3;
  border-radius: 16px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.replace-input {
  display: none;
}

.selected-videos-agent {
  overflow-y: scroll;
  white-space: nowrap;
  margin-bottom: 0px;
  height: 500px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.selected-videos-agent .video-container {
  flex: 0 1 calc(25% - 16px);
  box-sizing: border-box;
}

.selected-videos-agent .videos {
  position: relative;
  width: 100%;
  height: 300px;
  margin-right: 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.26%, rgba(0, 0, 0, 0.4) 100%), url(.jpg), url(.jpg), #FFFFFF;
  border-radius: 29.2791px !important;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

.selected-videos-agent .custom-stream-gener {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 29.2791px;
}

.browse-scenes {

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: right;
  text-decoration-line: underline;

  color: #515151;

  cursor: pointer;
  /* Inside auto layout */
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;

}

.video-container-swiper .videos {
  position: relative;
  gap: 191px;
  margin-right: 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 61.26%, rgba(0, 0, 0, 0.4) 100%), url(.jpg), url(.jpg), #FFFFFF;
  border-radius: 29.2791px !important;
  background-size: cover;
  width: 100%;
  height: 314.66px;

}

.video-container-swiper .title-music {
  text-align: center !important;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  position: absolute;
  color: #FFFFFF;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  /* Prevent text from wrapping */
}

.input-search {

  display: flex;
  align-items: center;
  padding: 8px 14px;
  gap: 122px;
  margin: 0 auto;
  width: 310px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 12px !important;


  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;

  /* Text/10 */
  color: #A9A9A9;

}

.videos .video-wrapper {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  /* Hérite du border-radius du parent */
  overflow: hidden;
  /* Important pour que le border-radius fonctionne avec la vidéo */
}

.videos .video-wrapper .custom-stream-gener {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Pour que la vidéo couvre l'intégralité de son conteneur */
  border-radius: inherit;
  /* Hérite du border-radius du parent */
}

.video-wrapper .type,
.video-wrapper .autre,
.video-wrapper h1,
.video-wrapper p {
  position: absolute;
  color: white;
  /* Assurez-vous que le texte est visible sur la vidéo */
  z-index: 2;
}

.video-wrapper .type {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  padding: 3.65988px 10.9797px;
  height: 40px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10.9797px);
  border-radius: 18.2994px;

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  top: 10px;
  left: 15px;
}

.video-wrapper .autre {
  top: 10px;
  right: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 12px 4px;
  gap: 9.15px;

  width: 40px;
  height: 40px;

  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(4.57485px);
  /* Note: backdrop-filter has minimal browser support */
  border-radius: 48px;

}

.videos .video-wrapper h1 {

  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 29px;
  color: #FFFFFF;
  position: absolute;
  bottom: 30px;
  left: 15px;
}

.MuiStepLabel-alternativeLabel {

  /* Text sm/Semibold */
  font-family: 'Roboto' !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 20px !important;
  /* identical to box height, or 143% */
  text-align: center !important;

  /* Foundation /Blue/Normal :active */
  color: #121A55 !important;
}

.videos .video-wrapper p {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #F9F9F9;
  bottom: 10px;
  left: 15px;
}

.stack-agent {
  margin-top: 60px;
  margin-bottom: 70px;
}

/* .swipper-list {
  margin-top: 10px;
  padding: 0px;
  gap: 32px;
  isolation: isolate;
} */


.mrg-t-50 {
  margin-top: 50px;
}

.swiper-pagination-fraction {
  display: none !important;
}

.audio-player {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  border: 2px solid #FFFFFF;
  /* Bordure blanche pour le lecteur audio */
  border-radius: 5px;
}