:root {
   --pdl-color : #049A9A;
   --pdl-color-success : #13C951;
   --pdl-color-light : #F9F9F9;
   --pdl-color-dark : #054752;
   --pdl-color-text : #054752;

   /* Zoo B */

   --zb-p-1 : 2.5rem;
   --zb-p-2 : 3rem;
   --zb-p-3 : 4.5rem;
   --zb-m-1 : 2.5rem;
   --zb-m-2 : 3rem;
   --zb-m-3 : 4.5rem;
   --zb-color-1: #049A9A;
   --zb-color-2: #E7F1F0;
   --zb-color-3: #708C91;
   --zb-light: var(--pdl-color-light);
   --zb-black: #000;
   --zb-dark: var(--pdl-color-dark);
   --zb-light-dark : #708C91;
   --zb-light : #f1f4f5;
   --zb-flex-space: 3.2%;
   --zb-popup-backdrop: rgba(0,0,0,.6);
   --zb-slider-remote-background : #CACACA;
   --zb-slider-remote-color : #fff;
   --zb-success: #69C27C;
   --zb-info: #36A2EB;
   --zb-alert: #DD1824;
   --zb-warning: #FBD46D;
   --zb-filter: rgba(5, 71, 82, 0.69);

   --zb-contain-lg : 82;
   --zb-contain : 72;
   --zb-contain-md : 38;
   --zb-contain-sm : 32;

   --zb-popup-width: 27rem;
}

/* GENERAL */

#card-element {
   display: flex;
   align-items: center;
   margin: auto;
   cursor: pointer;
   width: 100%;
   height: 3rem;
   font-size: 1rem;
   background: var(--pdl-color-light);
   border: .0625rem solid;
   border-color: #E4E4E4;
   border-radius: .2rem;
   padding: 0 .625rem;
}
#card-element.error {
   background: rgba(255, 99, 99, 0.31);
   border-color: rgb(235, 87, 87);
}
#card-element > div {
   flex: auto
}
#submit-payment {
   height: 3rem 
}
.loading-img {
   display: block;
   margin: 1rem auto;
}
.card-element-wrapper.disabled {
   opacity: .3;
   position: relative
}
.card-element-wrapper.disabled:before {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 1;
   background: rgba(150, 150, 150, 0.3);
   cursor: default
}
.trustpilot-widget {
   position: relative;
   top: -30px;
   /* background: linear-gradient(0deg, #fff 50%, var(--zb-color-2) 50%); */
}
.trustpilot-widget > :first-child{
   max-width: 260px;
}

.trustpilot-widget:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0; 
   left: 0;
   z-index: 1
}

body, button {
   color: var(--pdl-color-text);
}
body, textarea, input, select, button {
   font-family: 'Satoshi';
   font-weight: 500;
}
::placeholder {
   color: var(--zb-light-dark);
}
main {
   min-height: calc(100vh - 4.4rem );
   position:relative;
   overflow: hidden;
}
a {
   text-decoration: none;
}
h1, h2, h3, h4 {
   color: var(--pdl-color-dark);
   font-weight: 500;
}
h1, h2 {
   font-weight: 700;
}
h1 {
   font-size: 1.4rem;
   line-height: 1.4;
}
h2, h3 {
   font-size: 1.125rem;
}
h3.s5 {
   font-size: 1rem;
}
.sp {
   font-size: 1rem;
}
p {
   margin: 0;
   line-height: 1.4;
}
ul, ol {
   list-style-type: none;
   padding: 0;
}
ul:not(.naked), ol:not(.naked) {
   padding-left: 1.5rem;
}
ul:not(.naked) li:before {
   content: "";
   position: relative;
   display: inline-block;
   padding: 3px;
   border-radius: 50%;
   background: var(--pdl-color);
   vertical-align: middle;
   margin-bottom: .2rem;
   margin-right: -0.4rem;
   right: 1.3rem;
}
ul.checking-list li:before{
   content: "✓";
   color: var(--pdl-color-success);
   margin-right: .6rem;
   font-size: 1.4rem;
   line-height: 1;
}
ul li {
   padding: .25rem 0;
}
svg {
   vertical-align: middle
}
img.color-reverse {
   -webkit-filter: invert(100%);
   filter: invert(100%);
}
.self-bottom {
   align-self:flex-end
}

/* GENERAL */

.t-success{
   color: var(--pdl-color-success);
}
.t-dark {
   color: var(--pdl-color-dark);
}
.grey {
   background: var(--zb-light-dark);
}
.pointer {
   cursor: pointer
}
html .s1 {
   font-size: 2.5rem;
}
html .s2 {
   font-size: 1.78rem;
}
html .s3 {
   font-size: 1.3rem;
}
html .s4 {
   font-size: 1.125rem;
}
html .s5 {
   font-size: .875rem;
}
html .s6 {
   font-size: .67rem;
}
.opacity\:0 {
   opacity: 0 !important;
}
.line-through {
   text-decoration: line-through;
}
.fs-15 {
   font-size: 15px;
}

/* Order */

.order\:4 {
   order: 3
}
.order\:12 {
   order: 10
}
.order\:28 {
   order: 27
}

/* Separator */

hr {
   border-top: 0px;
   border-bottom: solid 1px #eee;
}
ul.slash-separator li,
ul.vertical-separator li {
   display: inline-block;
}
ul.slash-separator li:after,
ul.vertical-separator li:after {
   content: '/';
   margin-right: .5rem;
   color: initial;
}
ul.slash-separator li:last-of-type:after,
ul.vertical-separator li:last-of-type:after  {
   content: '';
}
ul.vertical-separator li:after {
   content: ' | ';
   color: inherit;
   margin: 0;
}

/* Sticky */

* > :has(.pdl-sticky) {
   overflow: initial
}
.pdl-sticky {
   position: -webkit-sticky;
   position: sticky;
   top: 5rem;
}

/* Button */

.btn {
   font-size: 1rem;
   font-weight: 700;
   background: var(--pdl-color);
   color: #fff;
   padding: .7rem 1.3rem;
   border: solid .0625rem var(--pdl-color);
   transition: opacity .3s;
   border-radius: .2rem;
}
.btn.big {
   padding: 1.4rem;
   border-radius: .2rem;
}
[disabled].btn {
   opacity: .3;
   cursor: default;
}
.btn.flat {
   background: #fff !important;
   color: var(--pdl-color) !important;
   border: solid .0625rem var(--pdl-color) !important;
   transition: background-color .3s, color.3s;
}
.btn.white {
   border: solid 1px #E4E4E4;
   box-shadow: none;
}
.btn.prevent {
   opacity: .3;
   cursor: default;
   pointer-events: none
}


/*  Tags */

.pdl-tag {
   background: #DCF2F4;
   padding: .3rem .5rem;
   border-radius: .1rem;
}
.pdl-status-tag {
   border-radius: 1rem;
   display: inline-block;
   font-size: 0.875em;
   line-height: 1.3;
   padding: .1em .7em .1em;
}
.pdl-tags-cloud {
   display: flex;
   flex-wrap: wrap;
}
.pdl-tags-cloud .pdl-tag {
   border-radius: 1rem;
   font-size: 0.9em;
   line-height: 1.4;
   background: white;
   border: solid 1px #ddd;
   padding: .2em .65em .2em;
   margin:.2em
}
.pdl-tags-cloud .pdl-tag.active {
   background: var(--pdl-color);
   color: #fff;
}
.pdl-tags-line {
   position: relative;
   overflow-x: hidden;
   padding-right: 3rem;
}
.pdl-tags-line ul {
   display: flex;
   width: 100%;
   overflow-x: hidden;
   white-space: nowrap;
   scroll-behavior: smooth;
}
.pdl-tags-line .btn {
   font-size: .9rem;
}
.pdl-tags-line .fwd {
   position: absolute;
   display: inline-block;
   padding: .3rem;
   top: 0;
   right: 0;
   /* opacity: 0; */
   opacity: 1;
   border: solid 1px var(--pdl-color-dark);
   box-shadow: -20px 0px 18px #fff;
   height: 100%;
   z-index: 1;
   background: #fff;
   /* border-radius: 50%; */
   border-radius: .2rem;
   cursor: pointer;
   transition: opacity .4s;
}
/* .pdl-tags-line:hover .fwd {
   opacity: .7;
   opacity: 1;
} */
/* .pdl-tags-line .fwd:hover {
   opacity: 1;
} */
.pdl-tags-line  ul > li {
   display: inline-block;
   white-space: nowrap;
   order: 1;
}
.pdl-tags-line  ul > li:has(.light) {
   order: 0;
}
.pdl-tags-line  ul > li:has(.light) ~ li:has(.light) {
   order: 1;
}

/* CTA Footer */

html .pdl-ctas-footer {
   position: fixed;
   width:100%;
   bottom: 0;
   right: 0;
   z-index: 10;
   background: #fff;
}
html .pdl-ctas-footer > * {
   max-width: 28rem;
}
zb-popup .pdl-ctas-footer > * {
   max-width: 22rem;
}
zb-popup#filters .pdl-ctas-footer > * {
   max-width: unset;
}
html .pdl-ctas-footer > .btn {
   border-radius: .3rem;
}

/* Container */

.smooth-loader {
   opacity: 0
}
.smooth-page-loaded {
   transition: opacity .1s ease-in;
   opacity: 1;
}
.pdl-step-layout {
   display: flex;
   flex-wrap: wrap;
}
.pdl-step-layout > * {
   flex:  none;
   width: 30%;
   min-height: calc(100vh - 4.6rem);
}
.pdl-step-layout > .pdl-step-content {
   width: 40%;
   padding: 0 5% 5rem 5%;
}
.pdl-step-layout h1 {
   text-align: center;
   font-size: 1.5rem;
   margin-top: 3.5rem;
   margin-bottom: 3.5rem;
}
.pdl-step-layout h2  {
   margin-bottom: 1rem;
   font-size: 1rem;
   font-weight: 500
}
.pdl-step-layout h2.m-0  {
   margin-bottom: 0;
}
.pdl-step-layout > :first-child li > a:before {
   content: "✓";
   font-weight: 300;
   font-size: 2rem;
   line-height: 1;
   width: 10%;
   color: var(--pdl-color-success);
}
.pdl-step-layout > :first-child li.t-bold > a:before {
   font-weight: 500;
}
.pdl-step-layout > :first-child li.t-bold h2 {
   font-weight: 700
}
.pdl-step-layout li.pdl-current-step a:before, .pdl-step-layout li.pdl-current-step ~ li:not(.pdl-current-step) > a:before {
   content: '';
}
.pdl-step-layout li.pdl-current-step ~ li:not(.pdl-current-step) a {
   pointer-events: none;
   opacity: .3;
}

.banner-bkg {
   background: var(--zb-color-2);
   background:
    linear-gradient(55deg,
        transparent 64%,
        #1657A15E 64.1%,
        #1657A15E 68%,
        transparent 68.1%
    ),
    linear-gradient(315deg,
        var(--zb-color-2) 0%,
        var(--zb-color-2) 10%,
        #13B18E5E 10.1%,
        #13B18E5E 14%,
        var(--zb-color-2) 14.1%,
        var(--zb-color-2) 24%,
        #1DAACE5E 24.1%,
        #1DAACE5E 28%,
        var(--zb-color-2) 28.1%
    );
}

/* Tenants List */

li.pdl-tenant {
   cursor: pointer;
}
li.pdl-tenant.pdl-draft + li.pdl-tenant {
   opacity: .4;
   cursor: default;
   user-select: none;
}
li.pdl-tenant.pdl-draft + li.pdl-tenant a {
  pointer-events: none;
}
li.pdl-tenant.pdl-draft button {
   display: inline-block;
   z-index: -1;
}
li.pdl-tenant button, li.pdl-tenant.pdl-draft + li.pdl-tenant button {
   display: none;
}
li.pdl-tenant:before {
   content: "✓";
   font-weight: 500;
   font-size: 2rem;
   line-height: .8;
   width: 10%;
   color: var(--pdl-color);
}
li.pdl-tenant.pdl-draft:before {
   content: "";
}

/* Avatar */ 

li > .e\:select-avatar {
   opacity: 0.5;
   cursor: pointer;
}
li > .pdl-selected-avatar {
   border: 4px solid var(--pdl-color-success);
   border-radius: 1.1rem;
   opacity: 1;
   padding: 0.1rem;
}

/* pdl-infos-box  */

.pdl-infos-box {
   background: #DCF2F4;
   color: var(--pdl-color);
   padding: .7rem;
   border: .0625rem solid;
   border-color: var(--pdl-color);
   border-radius: .2rem;
}
html .pdl-infos-box.flex {
   display: inline-flex;
}
.pdl-infos-box ul:not(.naked) li:before {
   background: var(--pdl-color-text);
}

/* pdl-card  */

.pdl-card {
   position: relative;
   text-align: left;
   overflow: hidden;
   border-radius: .2rem;
   margin: .8rem;
   cursor: pointer;
   justify-content: space-between;
   align-items: start;
}
.pdl-card.prevent {
   opacity: .6;
   pointer-events: none;
}
.pdl-card a {
   pointer-events: none;
}
.pdl-card.seo-link a {
   pointer-events: unset;
}
.pdl-card > * {
   display: inline-block;
   flex: none;
   margin: 0;
}
.pdl-card .shape\:1\/1 {
   border-radius: .7rem;
}
.pdl-card h3 {
   margin: 0;
   margin-bottom: 3px;
}
.pdl-card [zb-popup] {
   z-index: 1;
}
.rental-file .pdl-card {
   cursor: default;
}
.pdl-shadow-box {
   background: white;
   box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
   padding: 1.1rem 1.2rem 1.5rem;
   border-radius: 0.3rem;
}
.pdl-bubble-box {
   padding: 0.9rem 1.2rem 1.5rem;
   border: 0.0625rem solid #DCF2F4;
   border-radius: 0.7rem;
}

/* Inputs */

textarea, input {
   color: var(--pdl-color-dark);
}
zb-select {
   width: 100%;
}
zb-input, zb-select, zb-textarea {
   display: block !important;
   margin: auto;
   margin-top: 1.7rem;
   margin-bottom: 1.7rem;
}

zb-input, zb-select, zb-textarea,
zb-input input, zb-select input, zb-textarea textarea, zb-textarea[e-text-counter] {
   cursor: pointer;
   width: 100%;
   height: 4rem;
   font-size: 1rem;
   background: var(--pdl-color-light);
   border-radius: .2rem;
}
zb-input input, zb-select input, zb-textarea textarea, zb-textarea[e-text-counter] {
   padding: 0 .625rem;
   border: .0625rem solid;
   border-color: #E4E4E4;
   box-shadow: 3px 3px 5px #eee;
}
zb-input.uppercase input {
   text-transform: uppercase;
}
zb-textarea textarea {
   min-height: 11rem;
   padding: .625rem;
   min-width: 100%;
   max-width: 100%;
}
zb-textarea.pdl-small-textarea textarea {
   min-height: unset;
}
zb-input input:not([readonly]):focus, zb-select input:not([readonly]):focus , zb-textarea textarea:not([readonly]):focus, zb-textarea[e-text-counter]:focus-within {
   box-shadow: 3px 3px 10px #ddd;
   background: #f9f9ff;
   cursor: text;
   border: 2px solid #049A9A;
}
html zb-input.zb-e\:empty > input:not(.zb-e\:msg),
html zb-select.zb-e\:empty > input:not(.zb-e\:msg),
html zb-textarea.zb-e\:empty > textarea:not(.zb-e\:msg),
html zb-textarea[e-text-counter].zb-e\:empty {
   border-width: .0625rem;
   border-color: red;
}
zb-input input:focus, zb-select input:focus, zb-textarea textarea:focus {
   outline: 0px;
}
zb-input[unit]::after {
   background: transparent;
}
zb-input input[disabled], zb-select input[disabled] {
   background: #E0E0E0;
   color: var(--pdl-color-text);
}

/* City selector */

zb-select.e\:get-city input,
zb-select.e\:search-city input {
   padding-left: 1.9rem !important;
   padding-right: .5rem !important;
}
zb-select.e\:get-city:after,
zb-select.e\:search-city:after {
   content: none
}
zb-select.e\:get-city:before,
zb-select.e\:search-city:before {
   content: url('data:image/svg+xml,<svg width="18" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.4 9.56683C8.5776 9.56683 9.53333 8.6117 9.53333 7.43486C9.53333 6.25803 8.5776 5.30293 7.4 5.30293C6.2224 5.30293 5.26667 6.25803 5.26667 7.43486C5.26667 8.6117 6.2224 9.56683 7.4 9.56683Z" stroke="%23054752" stroke-width="1" stroke-linecap="square"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.8 7.43486C13.8 12.7647 8.46667 15.9627 7.4 15.9627C6.33333 15.9627 1 12.7647 1 7.43486C1 3.9033 3.86613 1.03906 7.4 1.03906C10.9339 1.03906 13.8 3.9033 13.8 7.43486Z" stroke="%23054752" stroke-width="1" stroke-linecap="square"/></svg>');
   position: absolute;
   top: calc(50% - 10px);
   left: .5rem;
}
zb-select.e\:get-city:before {
   left: 1rem;
}
zb-select.e\:get-city input{
   padding-left: 2.8rem !important;
}

.e\:city-form {
   display: inline-flex;
   align-items: center;
   padding-left: 5px;
   opacity: 0;
   transition: opacity .3s;
   border-radius: .2rem;
}
.e\:city-form:has(input) {
   opacity: 1;
}
.e\:city-form > * {
   font-size: .9rem;
}
.e\:city-form zb-select.e\:search-city,
.e\:city-form zb-select.e\:search-city input {
   margin: 0;
   height: 2rem;
   padding: 5px;
   font-size: .9rem;
   width: 295px;
   padding-right: 0 !important;
   background: transparent !important;
   box-shadow: none !important;
   border: none !important
}
.e\:city-form button {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}

/* Textarea with e-text-counter */

zb-textarea[e-text-counter] {
   height: unset;
   padding: 0;
}
zb-textarea[e-text-counter] textarea {
   border: none;
   box-shadow: none;
}
zb-textarea[e-text-counter] textarea:focus {
   box-shadow: none;
   border: none;
}
zb-textarea[e-text-counter]:after {
   content: attr(e-text-counter);
   display: block;    
   font-size: .9rem;
   text-align: right;
   padding: 0 .3rem .3rem;
}

/* Email inputs  */
.lowercase, .lowercase input, [type=email] {
   text-transform: lowercase;
}

/* Radio inputs  */

input[type="radio"] {
   -webkit-appearance: none;
   height: 1.3rem;
   width: 1.3rem;
   border: solid 1px #aaa;
   border-radius: 50%;
   outline: 0;
   cursor: pointer;
}
input[type="radio"]:checked:before {
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background: #fff;
   background: radial-gradient(circle, var(--pdl-color) 35%, #fff 45%);
}

/* Checkbox inputs  */

form input[type="checkbox"] {
   -webkit-appearance: none;
   position: relative;
   height: 1.2rem;
   width: 1.2rem;
   border: 1px solid #999;
   border-radius: .2rem;
   outline: 0;
   cursor: pointer;
   overflow: hidden;
}
form input[type="checkbox"]:checked:before {
   content: "✓";
   position: absolute;
   line-height: .9;
   top: 0;
   left: 0;
   text-align: center;
   width: 100%;
   height: 100%;
   color: white;
   background: var(--pdl-color);
   font-size: 1rem;
}

/* Check Card (For Radio or Checkbox)*/

.pdl-checks-card {
   position: relative;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-around;
   text-align: center;
   border: 1px solid #E7E7E7;
   border-radius: 0.2rem;
   cursor: pointer;
   padding: .4rem .5rem 1.1rem .5rem;
   height: 100%;
}
.pdl-checks-card > input[type="radio"]:checked:after {
   content: "";
   position: absolute;
   width: calc(100% - 4px);
   height: calc(100% - 4px);
   top: 0;
   left: 0;
   border-radius: .2rem;
   border: 2px solid var(--pdl-color);
   overflow: hidden;
}
.pdl-checks-card > input {
   margin-left: auto;
}

/* Radio Card */

label.pdl-radio-card {
   position: relative;
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
   margin: auto;
   border-radius: .2rem;
   box-shadow: 0px 3px 4px rgba(171, 171, 171, 0.25);
   overflow: hidden;
   max-height: 100px;
}
label.pdl-radio-card > input[type="radio"]:checked:after {
   content: "";
   position: absolute;
   width: calc(100% - 4px);
   height: calc(100% - 4px);
   top: 0;
   left: 0;
   border-radius: .2rem;
   border: 2px solid var(--pdl-color);
   overflow: hidden;
}
label.pdl-radio-card > :first-child {
   max-width: 31%;
}
label.pdl-radio-card > input {
   margin: 1.5rem;
}
label.pdl-radio-card > img + * {
   margin-left: 1.5rem;
   margin-right: auto;
}

/* Radio Tag */

label.pdl-radio-tag,
label.pdl-checkbox-tag {
   position: relative;
   background: #fff;
   padding: 0.4rem 0.8rem;
   display: inline-block;
   border: #eee solid 1px;
   text-align: center;
   box-shadow: 0px 0px 3px #eee;
   cursor: pointer;
   border-radius: .3rem;
   overflow: hidden;
}
label.pdl-radio-tag > input,
label.pdl-checkbox-tag > input {
   display: none;
}
label.pdl-radio-tag:has(:checked),
label.pdl-checkbox-tag:has(:checked) {
   background: var(--pdl-color);
   border: solid 1px var(--pdl-color);
   color: #fff;
}

/* Checkbox switch */

.pdl-switch {
   position: relative !important;
   display: inline-block;
   height: 1.5rem;
   min-width: 3rem;
   max-width: 3rem;
   background: var(--pdl-color);
   border: none;
   border-radius: 1rem;
   cursor: pointer;
}
.pdl-switch:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 1.5rem;
   height: 1.5rem;
   background: #fff;
   border-radius: 50%;
   transition: right .3s
}
.pdl-switch:focus {
   background: #054752;
}
.pdl-switch:focus:before {
   left: unset;
   right: 0;
}

label.pdl-switch {
   position: relative;
   display: block;
   min-width: 8.5rem;
   max-width: 8.5rem;
   height: 1.7rem;
   background: #B7C5C8;
   border-radius: 1.3rem;
   cursor: pointer;
   transition: background .1s ease-out;
}
label.pdl-switch input[type="checkbox"] {
   height: 0;
   width: 0;
}
label.pdl-switch input[type="checkbox"] + span:before, label.pdl-switch input[type="checkbox"] + span:after {
   position: absolute;
   top: 0;
   height: 100%;
   color: #fff;
   font-size: 1rem;
   text-align: center;
   line-height: 1.7;
}
label.pdl-switch input[type="checkbox"] + span:before {
   content: 'Non';
   left: 45%;
   width: 55%;
   background: var(--pdl-color-dark);
   border-radius: 1.3rem;
   transition: left .3s ease-out;
   z-index: 1;
}
label.pdl-switch input[type="checkbox"] + span:after {
   content: 'Oui';
   left: 15%;
}
label.pdl-switch input[type="checkbox"]:checked + span:before {
   content: 'Oui';
   left: 0;
}
label.pdl-switch input[type="checkbox"]:checked + span:after {
   content: 'Non';
   left: 65%;
}

/* Pwd input switcher */

zb-input .e\:switch-visibility {
   position: absolute;
   right: 0;
   top: 4px;
   line-height: calc(3.5rem - 6px);
   width: 3rem;
   height: 3.5rem;
   text-align: center;
   cursor: pointer;
}
zb-input .e\:switch-visibility > img:last-of-type {
   display: none;
}
zb-input .e\:switch-visibility.pdl-visible > img:first-of-type {
   display: none;
}
zb-input .e\:switch-visibility.pdl-visible > img:last-of-type {
   display: inline;
}

/* Phone input checker */

zb-input ~ .pdl-pwd-checker {
   color: var(--zb-alert);
}
zb-input ~ .pdl-pwd-checker img:first-of-type{
   display: none;
}
zb-input ~ .pdl-pwd-checker .t-success > img {
   display: none;
}
zb-input ~ .pdl-pwd-checker .t-success > img:first-of-type {
   display: initial;
}

/* Phone input formatter */

zb-input.e\:format-phone[unit] input {
   padding-left: 4.125rem !important;
}
.e\:format-phone[unit]:after {
   right: unset;
   left: 0;
   top: 2px;
   width: 3rem;
   line-height: calc(3.5rem - 6px);
   height: calc(3.5rem - 6px);
   text-align: center;
   background: transparent;
   border-right: #E4E4E4 solid 1px;
   border-radius: 0;
}

/* Select */

zb-select.prevent-selected-order > ul > li.zb-selected {
   order: 1;
}
zb-select > input:focus ~ ul, zb-select[multiple] > input ~ ul:hover {
   max-height: 36vh;
}

/* Slider */

zb-slider {
   display: none;
}
.slider-phone {
   background: #000 !important;
   text-align: center;
}
.slider-phone img {
   max-height: 56.1vw;
}

/* Error Message */

.error.t-alert {
   position: absolute;
   width: 100%;
}

/* Slider */

[zb-notification] > :first-child {
   box-shadow: 0px 3px 13px rgba(0, 0, 0, .5);
   border-radius: .7rem;
   max-width: 22rem;
}

/* Popup */

/* - Property Gallery Popup */

zb-popup > div {
   width: var(--zb-popup-width) !important;
}
zb-popup#property-gallery {
   padding: 0;
}
zb-popup#property-gallery > div {
   width: 100% !important;
   min-height: 100vh;
   background: transparent;
}
zb-popup#property-gallery zb-slider {
   height: 70vh
}
zb-popup#property-gallery zb-slider img {
   max-height: 100%;
   max-width: 80%;
}
.e\:set-gallery-iterator {
   position: relative
}
.e\:set-gallery-iterator:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
}
.e\:set-gallery-iterator.current-thumbnail:after {
   content: none;
}

/* - Property Display Full */

zb-popup[pdl-display="full-width"] {
   --zb-popup-width: 90%;
}
zb-popup[pdl-display^="full"] {
   --zb-popup-backdrop: #fff;
}
zb-popup[pdl-display^="full"]:before {
   content: none;
}
zb-popup[pdl-display^="full"] > div:not(.rise) {
   margin-top: 0;
   margin-left: -100%;
   transition : margin-top 0s, margin-left .5s
}
zb-popup[pdl-display^="full"].zb-active > div:not(.rise)  {
   margin-left: 0;
}
zb-popup[pdl-display^="full"] img:not(.static)[zb-close] {
   position: relative;
   left: 25%;
   opacity: 0;
   transition: left .3s ease-out .3s, opacity .3s ease-out .3s;
}
zb-popup[pdl-display^="full"].zb-active img[zb-close] {
   left: 0;
   opacity: 1;
}

/* - Property Display white background (stripe) */

zb-popup[pdl-display="bg-white"] {
   --zb-popup-backdrop: #fff;
}

/* - Property Display white background (stripe) */

zb-popup[pdl-display="settings"]{
   padding: 0;
}
zb-popup[pdl-display="settings"] > div {
   width: unset !important;
   min-width: 18rem;
   max-width: 24rem;
   border-radius: .5rem;
   vertical-align: bottom;
   margin-bottom: 2rem
}

/* Zoo B  */

zb-popup {
   position: fixed;
   height: 0;
   opacity: 0;
   visibility: hidden;
}
zb-tabs.flat > :first-child {
   color: #aaa;
}
zb-tabs.flat > :first-child > .active {
   color: var(--pdl-color-dark);
   font-weight: 600;
}
zb-select > ul:not(.naked) {
   padding: .5rem 0;
}
zb-select:not(.naked) > ul > li:before {
   content: none;
}
html .t-thin {
   font-weight: 400
}
html .t-soft {
   font-weight: 500
}
html .t-bold {
   font-weight: 700;
}
.white, .light {
   color: var(--pdl-color-text);
}
.btn.light {
   color: var(--pdl-color);
}
.radius {
   border-radius: .2rem;
}
.arch-radius {
   border-top-left-radius : 50%;
   border-top-right-radius : 50%
}
.rounded {
   border-radius: 50%;
}
.dotted {
   border: dotted 1px var(--pdl-color);
}

/* Premium */

ul.pdl-premium-list {
   list-style-image: url('data:image/svg+xml,<svg width="14" height="11" viewBox="0 0 14 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.8735 -4.50388e-07L4.44641 8.42705L1.12654 5.10718L-2.41691e-07 6.23372L4.44641 10.6801L14 1.12654L12.8735 -4.50388e-07Z" fill="%23#054752"/></svg>');
}
ul.pdl-premium-list > li {
   list-style-position: outside;
   margin-left: .8rem;
   padding-left: 3px;
   /* font-size: calc(1rem + 1px); */
}

@media screen and (max-width: 1150px) {
   .pdl-step-layout > * {
      width: 40%;
   }
   .pdl-step-layout > :last-child {
      display: none;
   }
   .pdl-step-layout > .pdl-step-content {
      display: block;
      width: 60%;
      padding: 0 8% 5rem 8%;
   }
   .pdl-ctas-footer.pdl-step-footer {
      width: 60%;
   }
}
@media screen and (max-width: 768px) {
   .pdl-step-layout > * {
      display: none;
   }
   .pdl-step-layout > .pdl-step-content {
      display: block;
      width: 100%;
      padding: 0 5% 5rem 5%;
   }
   .pdl-ctas-footer.pdl-step-footer {
      width: 100%;
   }
   html .pdl-ctas-footer > * {
      max-width: 94%;
   }
}

/* HEADER */

body > header:first-of-type {
   position: fixed;
   z-index: 10;
   width: 100%;
   background: #fff;
}
body > header:first-of-type:after {
   content: "";
   position: absolute;
   height: 3px;
   background: #F8F8F8;
   width: 100%;
   bottom: 0;
   z-index: -1;
}
body > header:first-of-type .pdl-logo  {
   max-width: 3.5rem;
   max-height: 2.7rem;
}

/* Registration Header */

body > header.registration-header {
   position: static;
}
body > header.registration-header:after {
   content: none;
}
body > header.registration-header a.btn {
   position: absolute;
   top: 50%;
   padding: .8rem;
   transform: translateY(-50%);
   width: 3rem;
   height: 3rem;
   left: 0;
   border: 2px solid #F0F0F0;
}
body > header.registration-header .pdl-logo  {
   max-height: unset;
}

/* Footer */

body > footer a:hover  {
   color: var(--pdl-color-dark)
}

body > footer h2  {
   font-weight: 800;
   font-size: 1.4rem;
}



/* Signup */

/* Challenge SMS Input */
.e\:challeng-sms zb-input {
   background: none;
}

.e\:challeng-sms zb-input > input {
   border: none !important;
   border-radius: 0;
   width: 325px;
   font-family: monospace !important;
   background-image:
      repeating-linear-gradient(90deg, white 0% 1.5%, transparent 0% 13.666%, white 0% 16.666%),
      linear-gradient(transparent 0%, transparent 92%, #ccc 8%) !important;
   box-shadow: none !important;
   font-size: 45px;
   outline: none;
   font-weight: 200;
   color: var(--zb-black) !important;
   padding: 0 0 0 .25em !important;
}

/* Steps Header */

body header.pdl-step-header    {
   z-index: 10;
   position: fixed;
   width: 100%;
   margin-top: -1px;
   background: #fff;
   box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
}
body header.pdl-step-header + *:before {
   content: '';
   display: inline-block;
   height: 4rem;
   width: 100%;
}
body header.pdl-step-header .pdl-logo  {
   max-width: 3rem;
}
body header .header-progress-bar {
   height: 0.3rem;
   background: var(--pdl-color);
}

/* Burger */
:root {
   --zb-burger-color: #555;
}
.zb-burger {
   font-size: 16px;
   appearance: none;
   position: relative;
   width: 1.3em;
   height: 1.2em;
   cursor: pointer;
   margin: 0;
}
.zb-burger:focus {
   z-index: -1
}
.zb-burger:before {
   content: "";
   position: absolute;
   top: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(0deg, var(--zb-burger-color) 0%, var(--zb-burger-color) 11%, transparent 11%, transparent 89%, var(--zb-burger-color) 89%, var(--zb-burger-color) 100%);
   transition: transform .3s, height .3s, top .3s, width .3s;
}
.zb-burger:focus:before {
   transform: rotate(45deg);
   height: .1em;
   background: var(--zb-burger-color);
   top: .5em;
   width: 1.5em;
   transition: transform .1s, top .1s, width .1s;
}
.zb-burger:after {
   content: "";
   position: absolute;
   width: 100%;
   height: .1em;
   min-height: 2px;
   top: .55em;
   background: var(--zb-burger-color);
   transition: transform .3s, bottom .3s, width .3s;
}
.zb-burger:focus:after {
   overflow: visible;
   transform: rotate(-45deg);
   width: 1.5em;
   top: .5em;
}

/* Burger Nav */

.zb-burger + * {
   position: absolute;
   left: -100vw;
   top: 100%;
   height: 100vh;
   padding-bottom: 15vh;
   background: #fff;
   transition: left .5s ease-out;
}
.zb-burger:focus + *:before {
   content: "";
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   cursor: pointer;
}
.zb-burger + *:after,
.zb-burger:hover:focus + *:after {
   content: "";
   position: absolute;
   top: 0;
   right: 100vw;
   opacity: 0;
   width: 200vw;
   height: 100vh;
   background: rgba(0,0,0,.6);
   z-index: -2;
   transition: opacity .5s;
}
.zb-burger:focus + *:after,
.zb-burger + *:has(button:focus):after {
   opacity: 1;
   right: 0;
   left: 100%;
}
.zb-burger:focus + *,
.zb-burger + *:has(li:hover),
.zb-burger + *:has(button:focus) {
   left: 0;
}

/* Burger Nav Submenu */

.zb-burger + * li > :not(a):not(span):not(button) {
   position: absolute;
   left: -100vw;
   opacity: 0;
   top: 0;
   height: 100vh;
   background: #fff;
   color: #444;
   transition: left .6s ease-out .1s, opacity .6s ease-out .1s;
   z-index: -1;
   /* overflow: auto; */
}
.zb-burger + * li:not(:has(.btn)) {
   white-space: nowrap;
   padding: 0;
   width: 100%;
   border-radius: .2rem;
}
.zb-burger + * li:not(:has(.btn)):hover,
.zb-burger + * li:not(:has(.btn)) button:focus {
   background: #E7EDEE;
}
.zb-burger + * li > .pdl-icon {
   width: 11%;
   max-width: 2.5rem;
}
.zb-burger + * li:not(:has(.btn)) > *:not(svg) {
   padding: .6rem 1rem;
   text-decoration: none;
}
.zb-burger + * li li {
   position: relative;
}
.zb-burger + * li li > :not(a):not(span):not(button) {
   position: static;
   height: inherit;
   opacity: 1;
}
.zb-burger + * li:hover > :not(a):not(span):not(button),
.zb-burger + * li:has(button:focus) > :not(a):not(span):not(button) {
   left: 100%;
   right: unset;
   opacity: 1;
   transition: left .4s ease-out, opacity .4s ease-out;
}


@media (max-width: 768px) {
   .zb-burger + * {
      overflow: auto;
   }
   .zb-burger + * li:has(button:focus) > :not(a):not(span):not(button) {
      position: relative;
      width: 100%;
      z-index: 1;
      left: 0;
      height: unset;
      opacity: 1;
      transition: unset;
   }
}

/* Property */

.pdl-energy-scale {
   display: flex;
   align-items: center;
   text-align: center;
   color: #000;
   font-weight: 800;
}
.pdl-energy-scale.t-white {
   color: #fff;
}
.pdl-energy-scale > * {
   flex: 1;
   max-width: 3rem;
}
.pdl-energy-scale > .pdl-active {
   border: 1px solid #000;
   border-radius: .2rem;
   margin: 2px;
}

/* Pagination */

nav.pdl-pagination {
   border: 1px solid #c9c9c9;
   border-radius: .2rem;
   padding: .7rem 1rem;
   line-height: 0;
   display: block;
   width: fit-content;
   margin: 1rem auto 2rem;
}
nav.pdl-pagination > * {
   display: inline-block;
   color: var(--zb-light-dark);
   vertical-align: middle;
   padding: .6rem .2rem;
}
nav.pdl-pagination > .current {
   color: var(--pdl-color-text);
   font-size: 1.175rem;
}
nav.pdl-pagination > .pdl-first, nav.pdl-pagination > .pdl-last {
   position: relative;
}
nav.pdl-pagination > .pdl-first:after, nav.pdl-pagination > .pdl-last:before {
   content: "...";
   position: absolute;
   font-size: 1.2rem;
   pointer-events: none;
   line-height: 0;
}
nav.pdl-pagination > .pdl-first {
   margin-right: 1.3rem;
}
nav.pdl-pagination > .pdl-last {
   margin-left: 1.3rem;
}
nav.pdl-pagination > .pdl-first:after {
   left: calc(100% + .3rem);
}
nav.pdl-pagination > .pdl-last:before {
   right: calc(100% + .3rem);
}

/* - Image uploader */

.property-img-uploader {
   position: relative;
   border-radius: .2rem;
   overflow: hidden;
   padding: 0;
   cursor: pointer;
   background-attachment: scroll;
   background-position: 50%;
   background-repeat: no-repeat;
   background-size: cover;
}
.property-img-uploader img + svg,
.property-img-uploader img + svg + span {
   display: none;
}
.property-img-uploader > span {
   position: absolute;
   width: 100%;
   top: 55%;
   left: 0;
   text-align: center;
}
.property-img-uploader .uploader-label {
   position: absolute;
   z-index: 1;
   line-height: 1.2;
   margin: .7rem;
   padding: .3rem .5rem;
   border-radius: .2rem;
}
.property-img-uploader svg ~ button,
.property-img-uploader svg ~ .uploader-image-orderer > button,
.property-img-uploader img + div,
.property-img-uploader img ~ svg,
.property-img-uploader img ~ span {
   display: none;
}
.property-img-uploader img + svg ~ button,
.property-img-uploader img + svg ~ .uploader-image-orderer > button {
   display: initial;
}
.property-img-uploader .e\:rotate-image {
   position: absolute;
   top: .5rem;
   right: 3.2rem;
   background: #fff;
   padding: 0.45rem 0.6rem .5rem;
   border-radius: .2rem;
}
.property-img-uploader .e\:drop-image {
   position: absolute;
   top: .5rem;
   right: .5rem;
   background: #fff;
   padding: 0.4rem 0.6rem .5rem;
   border-radius: .2rem;
}
.property-img-uploader .uploader-image-orderer {
   position: absolute;
   bottom: .5rem;
   right: .5rem;
}
.pdl-show-all-images {
   position: relative;
}
.pdl-show-all-images img {
   opacity: .4;
}
.pdl-show-all-images button {
   position: absolute;
   background: rgba(0,0,0,.4);
   color: #fff;
   padding: .4rem;
   min-width: 8rem;
   border-radius: .2rem;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
#toggle-property-publishing > :last-child {
   display: none;
}
#toggle-property-publishing.is-inactive > :first-child {
   display: none;
}
#toggle-property-publishing.is-inactive > :last-child {
   display: initial;
}

/* Property Card */

.pdl-property-card {
   position: relative;
   display: block;
   overflow: hidden;
   border: solid 1px #E4E4E4;
   text-align: left;
   border-radius: .2rem;
}
.pdl-property-card:hover {
   box-shadow: 0px 4px 12px rgba(155, 155, 155, .45);
}
.pdl-property-card h3 {
   margin: 0;
   font-weight: 500;
   font-size: 1rem;
   margin-bottom: .6rem;
}
.pdl-property-card zb-slider {
   z-index: 1;
}
.pdl-property-card zb-slider .bullets.zb-default > i {
   min-width: .6rem;
   min-height: .6rem;
   border: none;
}
.pdl-property-card .bwd, .pdl-property-card .fwd {
   opacity: 0 !important;
}
.pdl-property-card:hover .bwd, .pdl-property-card:hover .fwd {
   opacity: 1 !important;
}

/* Card Banner */

.pdl-card-banner {
   position: relative;
}
.pdl-card-banner:before {
   content:'';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: rgba(0,0,0,0.2);
}
.pdl-card-banner h2 {
   font-size: 1em;
   font-weight: 700;
   margin: 0;
}
.pdl-card-banner > :last-child {
   position: absolute;
   bottom: 0;
   background-color: rgba(0,0,0,0.7);
}

/* File */

.incomes-ratio {
   display: flex;
   border-radius: .2rem;
   overflow: hidden;
}
.incomes-ratio > * {
   display: flex;
   height: .8rem;
}
.blue-frame {
   border: solid 2px #003189;
   border-radius: .2rem;
}

/* - incomes stats */

.pdl-incomes-stats .pdl-incomes-illu {
   display: flex;
   height: .8rem;
   background: #EBEBEB;
   border-radius: .2rem;
   position: relative;
   overflow: hidden;
}
.pdl-ratio-tenant-incomes-el {
   height: 8rem;
}
.pdl-incomes-stats .pdl-incomes-illu:after {
   content: "";
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   width: calc((100 - var(--pdl-ratio)) * 1%);
}
.pdl-incomes-stats .pdl-incomes-illu:after {
   content: "";
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   width: calc((100 - var(--pdl-ratio)) * 1%);
}
.pdl-incomes-stats.pdl-green .pdl-incomes-illu:after {
   background: #4FA761;
}
.pdl-incomes-stats.pdl-green-light .pdl-incomes-illu:after {
   background: #AAE329;
}
.pdl-incomes-stats.pdl-orange .pdl-incomes-illu:after {
   background: #FBD46D;
}
.pdl-incomes-stats.pdl-red .pdl-incomes-illu:after {
   background: #EB5757;
}
.pdl-incomes-stats.pdl-green .pdl-colored {
   color: #4FA761;
}
.pdl-incomes-stats.pdl-green-light .pdl-colored {
   color: #AAE329;
}
.pdl-incomes-stats.pdl-orange .pdl-colored {
   color: #FBD46D;
}
.pdl-incomes-stats.pdl-red .pdl-colored {
   color: #EB5757;
}

/* Element Switcher */

.elmt-switcher > :last-child {
   display: none;
}
.elmt-switcher\:on > :first-child {
   display: none;
}

/* Led */

.pdl-led {
   color: var(--pdl-color-success);
}
.pdl-led:after, .pdl-led\:alert:after, .pdl-led\:draft:after {
   content: "";
   padding: .25rem;
   margin: .1em .3em;
   display: inline-block;
   border-radius: .3rem;
   background: currentColor;
}
.pdl-led\:alert {
   color: var(--zb-alert);
}
.pdl-led\:draft {
   color: var(--zb-light-dark);
}

/* Badge */

.pdl-badge {
   position: absolute;
   top: .6em;
   left: .6em;
   z-index: 1;
   font-weight: 600;
   border-radius: .4rem;
   background: rgba(255,255,255,.6);
   /* background: rgba(124,124,124,.6); */
   padding: .15rem .5em;
   z-index: 1;
   /* color: #fff; */
}
.pdl-badge > [class*=pdl-led]:after {
   margin-left: 0;
}

/* Media */


@media (max-width: 1150px) {
   .pdl-tags-line {
      padding-right: 0;
   }
   .pdl-tags-line ul {
      overflow-x: scroll;
   }
   .pdl-tags-line ul::-webkit-scrollbar {
      display: none;
   }
}

@media (max-width: 768px) {
   .pdl-tags-line .bwd,
   .pdl-tags-line .fwd {
      display: none;
   }

   /* .banner-bkg {
      background: var(--zb-color-2);
   } */
   .banner-bkg {
      background: var(--zb-color-2);
      background:
      linear-gradient(55deg,
         transparent 64%,
         #1657A15E 64.1%,
         #1657A15E 71%,
         transparent 71.1%
      ),
      linear-gradient(315deg,
         var(--zb-color-2) 0%,
         var(--zb-color-2) 10%,
         #13B18E5E 10.1%,
         #13B18E5E 17%,
         var(--zb-color-2) 17.1%,
         var(--zb-color-2) 24%,
         #1DAACE5E 24.1%,
         #1DAACE5E 31%,
         var(--zb-color-2) 31.1%
      );
   }
   .sm\:search {
      background: var(--zb-color-2);
      width: 2rem;
      height: 2rem;
      padding: .5rem !important;
   }
   body > header .sm\:show {
      position: fixed;
      bottom: 0;
      z-index: 10;
      width: 100%;
      background: #fff;
      border-top: solid 1px #eee;
   }
   /* body > header .sm\:show li {
      color: var(--zb-light-dark);
   }
   body > header .sm\:show li.t-color {
      color: var(--pdl-color);
   } */
   .property-show-title {
      width: 100%;
   }
   .property-show-title h1 {
      font-size: 1.1em;
   }
   .property-show-title h1 + a {
      font-size: 1em;
   }
}
/* @media screen and (min-width: 768px) { */

   body > header:first-of-type ~ main:first-of-type:before {
      content: '';
      display: block;
      height: 4.3rem;
   }
   body > header:first-of-type {
      height: 4.3rem;
   }
/* } */
.prevent-submit-btn button {
   opacity: .3;
   cursor: default;
   pointer-events: none
}
.prevent-submit-btn:has(input[type='radio']:checked) button {
   opacity: 1;
   cursor: pointer;
   pointer-events: auto
}