/*
#1e3a8a
#172554
*/
@supports (-webkit-touch-callout: none) {
  body { min-height: auto !important; }
}

.modal, .modal-content { padding-top: env(safe-area-inset-top); padding-bottom: env(safe-area-inset-bottom); }
.modal-backdrop { background-color: rgba(0,0,0,.5); -webkit-transform: translateZ(0); }

.freeze { opacity: .5; pointer-events: none; filter: grayscale(1); pointer-events: none; }
.freeze * { pointer-events: none; }
.cur-p { cursor: pointer; }
.fw-600 { font-weight: 600!important; }
.bg-progress { background-color: #1e3a8a; }
.badge-brand { color: #FFF; background-color: #1e3a8a; }
.tooltip-inner { max-width: 320px; text-align: center; }
.dotted { cursor: pointer; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #D60000; font-weight: 600; }
.ws-normal { white-space: normal!important; }
.tooltip.show { opacity: 1;}

.btn-outline-dmg:hover { background-color: #1e3a8a; border-color: #172554; color: #FFF; }
.btn-outline-dmg:hover span { filter: brightness(0) invert(1); }


.btn-outline-dmg { background-color: #FFF; }

.warning-ks { background: #FFFFC2; padding-top: 8px; padding-bottom: 8px; }
.warning-ks .container { display: flex; align-items: center; justify-content: flex-start; }
.warning-ks p { margin: 0!important; font-weight: 600; color: #333; letter-spacing: normal!important; font-size: 15px!important; }
.warning-ks a, .warning-ks a:visited { color: #D60000; text-decoration: underline; }
.warning-ks a:hover { color: #BD0000; }
.warning-ks svg { width: 24px; height: 24px; margin-right: 8px; }

html[dir="rtl"] .warning-ks svg { margin-right: unset; margin-left: 8px; }

html[dir="rtl"] .ml-auto { margin-left: unset!important; margin-right: auto!important; }
html[dir="rtl"] .ml-0 { margin-left: unset!important; margin-right: 0!important; }
html[dir="rtl"] .ml-1 { margin-left: unset!important; margin-right: .25rem!important; }
html[dir="rtl"] .ml-2 { margin-left: unset!important; margin-right: .5rem!important; }
html[dir="rtl"] .ml-3 { margin-left: unset!important; margin-right: 1rem!important; }
html[dir="rtl"] .ml-4 { margin-left: unset!important; margin-right: 1.5rem!important; }
html[dir="rtl"] .ml-5 { margin-left: unset!important; margin-right: 3rem!important; }
html[dir="rtl"] .pl-0 { padding-left: unset!important; padding-right: 0!important; }
html[dir="rtl"] .pl-1 { padding-left: unset!important; padding-right: .25rem!important; }
html[dir="rtl"] .pl-2 { padding-left: unset!important; padding-right: .5rem!important; }
html[dir="rtl"] .pl-3 { padding-left: unset!important; padding-right: 1rem!important; }
html[dir="rtl"] .pl-4 { padding-left: unset!important; padding-right: 1.5rem!important; }
html[dir="rtl"] .pl-5 { padding-left: unset!important; padding-right: 3rem!important; }

html[dir="rtl"] .mr-auto { margin-right: unset!important; margin-left: auto!important; }
html[dir="rtl"] .mr-0 { margin-right: unset!important; margin-left: 0!important; }
html[dir="rtl"] .mr-1 { margin-right: unset!important; margin-left: .25rem!important; }
html[dir="rtl"] .mr-2 { margin-right: unset!important; margin-left: .5rem!important; }
html[dir="rtl"] .mr-3 { margin-right: unset!important; margin-left: 1rem!important; }
html[dir="rtl"] .mr-4 { margin-right: unset!important; margin-left: 1.5rem!important; }
html[dir="rtl"] .mr-5 { margin-right: unset!important; margin-left: 3rem!important; }
html[dir="rtl"] .pr-0 { padding-right: unset!important; padding-left: 0!important; }
html[dir="rtl"] .pr-1 { padding-right: unset!important; padding-left: .25rem!important; }
html[dir="rtl"] .pr-2 { padding-right: unset!important; padding-left: .5rem!important; }
html[dir="rtl"] .pr-3 { padding-right: unset!important; padding-left: 1rem!important; }
html[dir="rtl"] .pr-4 { padding-right: unset!important; padding-left: 1.5rem!important; }
html[dir="rtl"] .pr-5 { padding-right: unset!important; padding-left: 3rem!important; }


@media (min-width: 768px) {
  .warning-ks .container { justify-content: center; }
  .tooltip-inner { max-width: 600px; }
  .w-md-unset { width: unset!important;}

  html[dir="rtl"] .ml-md-0 { margin-left: unset!important; margin-right: 0!important; }
  html[dir="rtl"] .ml-md-1 { margin-left: unset!important; margin-right: .25rem!important; }
  html[dir="rtl"] .ml-md-2 { margin-left: unset!important; margin-right: .5rem!important; }
  html[dir="rtl"] .ml-md-3 { margin-left: unset!important; margin-right: 1rem!important; }
  html[dir="rtl"] .ml-md-4 { margin-left: unset!important; margin-right: 1.5rem!important; }
  html[dir="rtl"] .ml-md-5 { margin-left: unset!important; margin-right: 3rem!important; }
  html[dir="rtl"] .pl-md-0 { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .pl-md-1 { padding-left: unset!important; padding-right: .25rem!important; }
  html[dir="rtl"] .pl-md-2 { padding-left: unset!important; padding-right: .5rem!important; }
  html[dir="rtl"] .pl-md-3 { padding-left: unset!important; padding-right: 1rem!important; }
  html[dir="rtl"] .pl-md-4 { padding-left: unset!important; padding-right: 1.5rem!important; }
  html[dir="rtl"] .pl-md-5 { padding-left: unset!important; padding-right: 3rem!important; }
  html[dir="rtl"] .mr-md-0 { margin-right: unset!important; margin-left: 0!important; }
  html[dir="rtl"] .mr-md-1 { margin-right: unset!important; margin-left: .25rem!important; }
  html[dir="rtl"] .mr-md-2 { margin-right: unset!important; margin-left: .5rem!important; }
  html[dir="rtl"] .mr-md-3 { margin-right: unset!important; margin-left: 1rem!important; }
  html[dir="rtl"] .mr-md-4 { margin-right: unset!important; margin-left: 1.5rem!important; }
  html[dir="rtl"] .mr-md-5 { margin-right: unset!important; margin-left: 3rem!important; }
  html[dir="rtl"] .pr-md-0 { padding-right: unset!important; padding-left: 0!important; }
  html[dir="rtl"] .pr-md-1 { padding-right: unset!important; padding-left: .25rem!important; }
  html[dir="rtl"] .pr-md-2 { padding-right: unset!important; padding-left: .5rem!important; }
  html[dir="rtl"] .pr-md-3 { padding-right: unset!important; padding-left: 1rem!important; }
  html[dir="rtl"] .pr-md-4 { padding-right: unset!important; padding-left: 1.5rem!important; }
  html[dir="rtl"] .pr-md-5 { padding-right: unset!important; padding-left: 3rem!important; }
}

@media (min-width: 992px) {
  .warning-ks p { font-size: 16px; }

  html[dir="rtl"] .ml-lg-0 { margin-left: unset!important; margin-right: 0!important; }
  html[dir="rtl"] .ml-lg-1 { margin-left: unset!important; margin-right: .25rem!important; }
  html[dir="rtl"] .ml-lg-2 { margin-left: unset!important; margin-right: .5rem!important; }
  html[dir="rtl"] .ml-lg-3 { margin-left: unset!important; margin-right: 1rem!important; }
  html[dir="rtl"] .ml-lg-4 { margin-left: unset!important; margin-right: 1.5rem!important; }
  html[dir="rtl"] .ml-lg-5 { margin-left: unset!important; margin-right: 3rem!important; }
  html[dir="rtl"] .pl-lg-0 { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .pl-lg-1 { padding-left: unset!important; padding-right: .25rem!important; }
  html[dir="rtl"] .pl-lg-2 { padding-left: unset!important; padding-right: .5rem!important; }
  html[dir="rtl"] .pl-lg-3 { padding-left: unset!important; padding-right: 1rem!important; }
  html[dir="rtl"] .pl-lg-4 { padding-left: unset!important; padding-right: 1.5rem!important; }
  html[dir="rtl"] .pl-lg-5 { padding-left: unset!important; padding-right: 3rem!important; }
  html[dir="rtl"] .mr-lg-0 { margin-right: unset!important; margin-left: 0!important; }
  html[dir="rtl"] .mr-lg-1 { margin-right: unset!important; margin-left: .25rem!important; }
  html[dir="rtl"] .mr-lg-2 { margin-right: unset!important; margin-left: .5rem!important; }
  html[dir="rtl"] .mr-lg-3 { margin-right: unset!important; margin-left: 1rem!important; }
  html[dir="rtl"] .mr-lg-4 { margin-right: unset!important; margin-left: 1.5rem!important; }
  html[dir="rtl"] .mr-lg-5 { margin-right: unset!important; margin-left: 3rem!important; }
  html[dir="rtl"] .pr-lg-0 { padding-right: unset!important; padding-left: 0!important; }
  html[dir="rtl"] .pr-lg-1 { padding-right: unset!important; padding-left: .25rem!important; }
  html[dir="rtl"] .pr-lg-2 { padding-right: unset!important; padding-left: .5rem!important; }
  html[dir="rtl"] .pr-lg-3 { padding-right: unset!important; padding-left: 1rem!important; }
  html[dir="rtl"] .pr-lg-4 { padding-right: unset!important; padding-left: 1.5rem!important; }
  html[dir="rtl"] .pr-lg-5 { padding-right: unset!important; padding-left: 3rem!important; }
}

@media (min-width: 1180px) {
  .w-xl-50 { width: 50%!important; }
  .float-xl-right { float: right!important; }
  .d-xl-block { display: block!important; }

  html[dir="rtl"] .float-xl-right { float: left!important; }

  html[dir="rtl"] .ml-xl-0 { margin-left: unset!important; margin-right: 0!important; }
  html[dir="rtl"] .ml-xl-1 { margin-left: unset!important; margin-right: .25rem!important; }
  html[dir="rtl"] .ml-xl-2 { margin-left: unset!important; margin-right: .5rem!important; }
  html[dir="rtl"] .ml-xl-3 { margin-left: unset!important; margin-right: 1rem!important; }
  html[dir="rtl"] .ml-xl-4 { margin-left: unset!important; margin-right: 1.5rem!important; }
  html[dir="rtl"] .ml-xl-5 { margin-left: unset!important; margin-right: 3rem!important; }
  html[dir="rtl"] .pl-xl-0 { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .pl-xl-1 { padding-left: unset!important; padding-right: .25rem!important; }
  html[dir="rtl"] .pl-xl-2 { padding-left: unset!important; padding-right: .5rem!important; }
  html[dir="rtl"] .pl-xl-3 { padding-left: unset!important; padding-right: 1rem!important; }
  html[dir="rtl"] .pl-xl-4 { padding-left: unset!important; padding-right: 1.5rem!important; }
  html[dir="rtl"] .pl-xl-5 { padding-left: unset!important; padding-right: 3rem!important; }
  html[dir="rtl"] .mr-xl-0 { margin-right: unset!important; margin-left: 0!important; }
  html[dir="rtl"] .mr-xl-1 { margin-right: unset!important; margin-left: .25rem!important; }
  html[dir="rtl"] .mr-xl-2 { margin-right: unset!important; margin-left: .5rem!important; }
  html[dir="rtl"] .mr-xl-3 { margin-right: unset!important; margin-left: 1rem!important; }
  html[dir="rtl"] .mr-xl-4 { margin-right: unset!important; margin-left: 1.5rem!important; }
  html[dir="rtl"] .mr-xl-5 { margin-right: unset!important; margin-left: 3rem!important; }
  html[dir="rtl"] .pr-xl-0 { padding-right: unset!important; padding-left: 0!important; }
  html[dir="rtl"] .pr-xl-1 { padding-right: unset!important; padding-left: .25rem!important; }
  html[dir="rtl"] .pr-xl-2 { padding-right: unset!important; padding-left: .5rem!important; }
  html[dir="rtl"] .pr-xl-3 { padding-right: unset!important; padding-left: 1rem!important; }
  html[dir="rtl"] .pr-xl-4 { padding-right: unset!important; padding-left: 1.5rem!important; }
  html[dir="rtl"] .pr-xl-5 { padding-right: unset!important; padding-left: 3rem!important; }
}

/*--- HOME PAGE STYLES ---*/
.cont-home { display: flex; align-items: center; flex-wrap: wrap; align-items: stretch; }
.cont-home a { width: 100%; }

.firm-link { border: 1px solid #EAEAEA; border-radius: 10px; overflow: hidden; display: block; display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 10; width: 100%; margin-bottom: 30px; position: relative; transition: ease all .2s; background-color: #FFF; text-decoration: none; background-image: none; }

.firm-link:has(.badge-featured) { background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #088EFC 0%, #747AD8 50%, #D96571 100%) border-box!important; border-radius: 10px; border: 4px solid transparent; }


.firm-link::after { position: absolute; width: 100%; height: 100%; background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 50%, rgba(0,0,0,0.2) 100%); transition: ease transform .2s; transform: translateZ(0); }
.firm-link img { z-index: 0; max-width: 65%; max-height: 80%; }
.firm-link:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; transform: translateY(-3px); }
.firm-link:hover::after { transform: translateY(20%); }

.protect .firm-link:not(.about-cyprus-link) { flex-direction: column; gap: 20px 0; text-decoration: none!important; }
.protect .firm-link:not(.about-cyprus-link) .firm-link img { max-height: 70%; }
.protect .firm-link:not(.about-cyprus-link) small { color: #b4b4b4; font-size: 16px; font-weight: 400; letter-spacing: 1.2px; text-align: center; }

.cont-firms:not(.protect) .firm-link[data-firm="aderans"] img { max-width: 75%; }
.cont-firms:not(.protect) .firm-link[data-firm="akdam"] img { height: 70%; }
.cont-firms:not(.protect) .firm-link[data-firm="kensington"] img { height: 60%; }
.cont-firms:not(.protect) .firm-link[data-firm="stonearch"] img { height: 70%; }
.cont-firms:not(.protect) .firm-link[data-firm="kamtek"] img { height: 60%; }
.cont-firms:not(.protect) .firm-link[data-firm="hancerinsaat"] img { height: 80%; }

.cont-firms:not(.protect) .firm-link[data-firm="dnd-cyprus"] img { transform: scale(.9); }
.cont-firms:not(.protect) .firm-link[data-firm="dmg"] img { transform: scale(1.15); }
.cont-firms:not(.protect) .firm-link[data-firm="dems-construction"] img { transform: scale(.8); }
.cont-firms:not(.protect) .firm-link[data-firm="emperia"] img { transform: scale(1.75); }
.cont-firms:not(.protect) .firm-link[data-firm="emtan"] img { transform: scale(1.15); }
.cont-firms:not(.protect) .project-link[data-firm="emtan"] .logo-firm img { height: 20px; }
.cont-firms:not(.protect) .firm-link[data-firm="serveroglu"] img { transform: scale(1.75); }
.cont-firms:not(.protect) .firm-link[data-firm="dorter"] img { transform: scale(.8); }

.cont-firms:not(.protect) .firm-link[data-firm="leventliving"] img { transform: scale(.7); }
.cont-firms:not(.protect) .firm-link[data-firm="poy-yap"] img { transform: scale(.8); }
.cont-firms:not(.protect) .firm-link[data-firm="tekut"] img { transform: scale(.8); }
.cont-firms:not(.protect) .firm-link[data-firm="hardworker"] img { transform: scale(.8); }
.cont-firms:not(.protect) .firm-link[data-firm="georgedevelopment"] img { transform: scale(.8); }
.cont-firms:not(.protect) .firm-link[data-firm="dovec"] img { transform: scale(.9); }
.cont-firms:not(.protect) .firm-link[data-firm="eden"] img { transform: scale(.8); }
.cont-firms:not(.protect) .firm-link[data-firm="hsakirlimited"] img { transform: scale(.8); }
.cont-firms:not(.protect) .firm-link[data-firm="olympia"] img { transform: scale(.8); }
.cont-firms:not(.protect) .firm-link[data-firm="spoint"] img { transform: scale(.9); }
.cont-firms:not(.protect) .firm-link[data-firm="stonearch"] img { transform: scale(.9); }



.cont-projects,
.cont-favorites { gap: 30px; }

.about-cyprus-link::after { z-index: 1; background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 45%, rgba(0,0,0,.7) 100%); transform: translateZ(0) }
.about-cyprus-link:hover::after { transform: translateY(70%); }
.about-cyprus-link p { position: absolute; z-index: 2; bottom: 20px; left: 20px; margin: 0; font-weight: 600; font-size: 18px; color: #FFF; line-height: 1; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); }
.about-cyprus-link p span { font-weight: 700; font-size: 36px; display: block; transform: translateX(15px); transition: ease all .2s; }
.about-cyprus-link:hover p span { transform: translateX(-3px); }
.about-cyprus-link img { z-index: 0; position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: unset; width: 100%; object-fit: cover; max-height: 100%; }
.about-cyprus-link p::after { content: ''; position: absolute; background-color: #B91E26; top: -8px; bottom: -7px; left: -100%; right: calc(100% + 20px); transition: ease all .2s; z-index: -1; border-radius: 16px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.about-cyprus-link:hover p::after { right: -20px; }

.sqm-price-analysis { background-color: #F7F7F7; align-items: flex-start; }
.sqm-price-analysis p { font-size: 28px; line-height: 1.2; font-weight: 700; }
.sqm-price-analysis img { z-index: 0; position: unset; top: unset; bottom: unset; left: unset; right: unset; max-width: unset; width: auto; height: 55%; object-fit: unset; margin-top: 5%; }

.projects-by-installment { background-color: #F7F7F7; align-items: flex-start; }
.projects-by-installment p { font-size: 28px; line-height: 1.2; font-weight: 700; }
.projects-by-installment img { z-index: 0; position: unset; top: unset; bottom: unset; left: unset; right: unset; max-width: unset; width: auto; height: 55%; object-fit: unset; margin-top: 5%; }


.projects-rental-yield { background-color: #F7F7F7; align-items: flex-start; }
.projects-rental-yield p { font-size: 28px; line-height: 1.2; font-weight: 700; }
.projects-rental-yield img { z-index: 0; position: unset; top: unset; bottom: unset; left: unset; right: unset; max-width: unset; width: auto; height: 55%; object-fit: unset; margin-top: 5%; }

.projects-on-map p { font-size: 28px; font-weight: 700; line-height: 1.2; }

.cont-projects .about-branding { background-color: #FFF!important; position: relative; }
.cont-projects .about-branding::before { content: ''; position: absolute; left: 15%; right: 15%; top: 15%; bottom: 15%; background-image: var(--bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; pointer-events: none; }
.cont-projects .firm-link.about-branding::after { display: block!important; content: ''; position: absolute; width: 100%; height: 100%; transition: ease transform .2s; z-index: 1; background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.00) 45%, rgba(0, 0, 0, .7) 100%); transform: translateZ(0); }


html[dir="rtl"] .about-cyprus-link p { position: absolute; z-index: 2; bottom: 20px; left: 20px; margin: 0; font-weight: 600; font-size: 18px; color: #FFF; line-height: 1; text-shadow: 1px 1px 1px rgba(0, 0, 0, .1); }
html[dir="rtl"] .about-cyprus-link p span { transform: translateX(-15px); }
html[dir="rtl"] .about-cyprus-link:hover p span { transform: translateX(3px); }
html[dir="rtl"] .about-cyprus-link p::after { right: -100%; left: calc(100% + 20px); }
html[dir="rtl"] .about-cyprus-link:hover p::after { right: unset; left: -20px; }

@media (min-width: 992px) {
  .cont-projects .projects-on-map img { top: 30px; }

  html[data-keyword="insulaprime"] .home .back-to-home { height: 38px; }
}

@media (min-width: 1180px) {
  html[data-keyword="destebasi"] .home .back-to-home { margin-right: 20px; }
}

@media (min-width: 1366px) {
  html[data-keyword="insulaprime"] .home .back-to-home { height: 50px; }
}

.projects-list { background-color: #F7F7F7; align-items: center; }
.projects-list:hover { text-decoration: none; }
.projects-list p { color: #333!important; text-shadow: 1px 1px 1px rgba(255, 255, 255, .5)!important; transform: unset!important; display: flex!important; flex-direction: row; flex-wrap: wrap; align-items: flex-end; gap: 0 15px; flex-shrink: 0; position: relative!important; line-height: 1!important; bottom: unset!important; left: unset!important; right: unset!important; font-weight: 500!important; margin: 0 20px!important; width: calc(100% - 40px); }
.projects-list p:after { display: none!important; }
.projects-list p strong { text-align: right; font-size: 76px!important; line-height: 1!important; font-weight: 700!important; width: calc(50% - 15px); }
.projects-list p span { transform: translateY(-6px)!important; font-size: 28px!important; line-height: 1!important; font-weight: 500!important; width: 50%; }
.projects-list::after { background-image: linear-gradient(-180deg, #FFFFFF 46%, #AAA9AA 100%); }
.projects-list:hover::after { transform: translateY(100%); }

html[lang="fi"] .projects-list p strong,
html[lang="hu"] .projects-list p strong,
html[lang="no"] .projects-list p strong { font-size: 60px!important; }

html[lang="fi"] .projects-list p span,
html[lang="hu"] .projects-list p span,
html[lang="no"] .projects-list p span { font-size: 18px!important; }

html[lang="pl"] .projects-list p strong { font-size: 70px!important; }
html[lang="pl"] .projects-list p span { font-size: 22px!important; }

html[lang="ru"] .projects-list p strong { font-size: 70px!important; }
html[lang="ru"] .projects-list p span { font-size: 22px!important; }

html[lang="sk"] .projects-list p strong { font-size: 72px!important; }
html[lang="sk"] .projects-list p span { font-size: 24px!important; }

html[lang="sv"] .projects-list p strong { font-size: 60px!important; }
html[lang="sv"] .projects-list p span { font-size: 16px!important; }

html[dir="rtl"] .projects-list p strong { text-align: left; }

.about-cyprus-link.resale-listings { background-color: #F7F7F7; align-items: flex-start; }
.about-cyprus-link.resale-listings p,
.about-cyprus-link.resale-listings p span { font-size: 28px; line-height: 1.2; font-weight: 700; }
.about-cyprus-link.resale-listings p span { display: inline; transform: none; position: relative; color: yellow; }
.about-cyprus-link.resale-listings p span::after { content: ''; position: absolute; display: block; left: 0; right: 0; height: 3px; background-color: yellow; bottom: -1px; }
.about-cyprus-link.resale-listings img { z-index: 0; position: unset; top: unset; bottom: unset; left: unset; right: unset; max-width: unset; width: auto; height: 57%; object-fit: unset; margin-top: 5%; }

.dmgproje-box { background-color: #F7F7F7; align-items: flex-start; }
.dmgproje-box p { position: absolute; z-index: 2; bottom: 20px; left: 20px; margin: 0; font-weight: 600; font-size: 24px; color: #FFF; line-height: 1; }
.about-cyprus-link p::after { top: -5px; }
.dmgproje-box p span { font-weight: 700; font-size: 30px; display: block; transform: translateX(0); transition: ease all .2s; }
.dmgproje-box:hover p span { transform: translateX(0); }

.project-link { border: 1px solid #EAEAEA; border-radius: 10px; overflow: hidden; display: block; flex-direction: column; align-items: flex-start; justify-content: center; width: 100%; position: relative; transition: ease all .2s; text-decoration: none; overflow: hidden; display: none; background-image: none; background-color: #FFF; justify-content: flex-start; /* height: fit-content; */ }
html[lang="nl"] .project-link { justify-content: flex-start; }
.project-link.active { display: flex; /* animation: FadeIn 0.65s ease forwards;*/ }
.project-link:hover { box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; transform: translateY(-3px); text-decoration: none; }
.project-link .logo-firm { padding: 10px 0; width: 100%; text-align: center; text-decoration: none; }
.project-link .logo-firm img { height: 30px; width: auto; }

.project-link:has(.badge-featured) { background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #088EFC 0%, #747AD8 50%, #D96571 100%) border-box!important; border-radius: 10px; border: 4px solid transparent; }

.badge-featured { background: linear-gradient(90deg, #088EFC 0%, #747AD8 50%, #D96571 100%) border-box!important; }

.project-link[data-firm="alpcans"] .logo-firm img,
.project-link[data-firm="alpcans"] + .map-link .logo-firm img { height: 20px; }

.project-link .project-img { width: 100%; position: relative; overflow: hidden; }
.project-link .project-img img { width: 100%; aspect-ratio: 16 / 10; }

.project-link .project-img > span { position: absolute; right: .75rem; top: .75rem; z-index: 2; display: block; font-size: 24px; font-weight: 700; line-height: 1; color: #FFF; text-shadow: 0 0 8px #000; text-transform: uppercase; letter-spacing: -1px; text-align: center; }

.project-link .project-img span span { display: block; font-size: 18px; font-weight: 400; letter-spacing: normal; }

.project-link .project-img .btn-fav { position: absolute; right: .75rem; bottom: .75rem; border: 0; border-radius: 50%; width: 44px; height: 44px; line-height: 1; box-shadow: 0 0 6px rgba(0, 0, 0, .7); background-color: #FFF; display: flex; align-items: center; justify-content: center; }

.project-link .project-img .btn-fav .icon-fav { aspect-ratio: 1 / 1; width: 24px; height: 24px; background-size: contain; background-position: bottom; }

.badge-cont { position: absolute; left: .75rem; top: calc(50px + .75rem);  }
.badge-cont .badge { color: #fff; font-size: 14px; font-weight: 600; line-height: 1; text-transform: uppercase; padding: 6px 10px; border-radius: .5rem; margin-bottom: 10px; display: block; background: #008d47; width: fit-content;  }
.project-link .badge-document { background-color: #dc3545;  }

/* [data-projectisnew="true"] .badge-cont { top: calc(50px + .75rem); } */

/* [data-projectisnew="true"] .badge-cont { top: calc(50px + .75rem); } */

.cont-firms .badge-cont { top: .75rem; } 

.project-link .icon-pro { position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 150px; border-radius: .5rem; }
.project-link:has(.icon-pro) .logo-firm,
.project-link:has(.icon-pro) .project-img,
.project-link:has(.icon-pro) .project-data { filter: blur(2px); }
.project-link:has(.icon-pro) .btn-fav { pointer-events: none; }

.project-link .matterport { position: absolute; top: calc(-24px - .75rem); left: .75rem; }
.project-link .matterport img { width: 100px; height: auto; filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 1)); }

.project-link .interactive { position: absolute; top: calc(-24px - .75rem); left: .75rem; }
.project-link:has(.matterport) .interactive { top: calc(-48px - .75rem); }
.project-link .interactive img { width: 98px; height: auto; filter: drop-shadow(2px 2px 2px rgb(0 0 0 / 1)); }

.project-link .project-data { padding: 12px 15px; display: flex; flex-wrap: wrap; width: 100%; position: relative; flex-grow: 1; }
.project-link .project-data p { margin: 0; font-weight: 600; font-size: 15px; line-height: 20px; color: #333333; width: 50%; position: relative; }
.project-link .project-data p:not(.project-name) { margin-top: auto;}
.project-link .project-data p::after { content: ""; position: absolute; background-color: #EBECF0; width: 1px; height: calc(100% + 4px); right: 0; top: -2px; }

.project-link .project-data p:not(.project-name)::before { content: ""; position: absolute; background-color: #EBECF0; height: calc(100% + 4px); right: 0; top: -8px; left: 0; height: 1px; width: 100%; }

html[dir="rtl"] .project-link .project-data p::after { right: unset; left: 15px; }

.project-link .project-data p:last-child::after { display: none; }
.project-link .project-data small { display: block; font-size: 13px; line-height: 15px; color: #5D5D5D; margin-bottom: 2px; font-weight: 500; }
.project-link .project-data small small { display: none; }

.project-link .project-data p.project-name { font-size: 21px; line-height: 24px; margin-bottom: 15px; font-weight: 500; width: 100%; }

.project-link .project-data p.project-name::after { left: 0; height: 1px; width: 100%; top: unset; bottom: -8px; display: none; }
.project-link .project-data p.project-name small { margin-top: 2px; margin-bottom: 0; }

.project-link.map-link { justify-content: flex-start; }
.project-link.map-link p { font-size: 21px; line-height: 24px; font-weight: 500; color: #333333; margin: auto 0; text-align: center; width: 100%; padding: 1rem 0; }

.project-link.contact-link { justify-content: flex-start; box-shadow: none; }
.project-link.contact-link.pro div { filter: blur(4px); pointer-events: none; cursor: pointer; }
.project-link.contact-link:hover { transform: none; }
.project-link.contact-link h5 { font-size: 21px; line-height: 24px; margin-bottom: 0; font-weight: 500; width: 100%; padding: 6px 15px 12px 15px; position: relative; }
.project-link.contact-link h5::after { content: ""; position: absolute; left: 15px; right: 0; top: 40px; height: 1px; background-color: #EBECF0; width: calc(100% - 30px); }

.project-link.contact-link .contacts { padding: 0 15px 12px 15px; width: 100%; }
.project-link.contact-link .contacts0 { padding-top: 12px; }
.project-link.contact-link p { display: block; font-size: 13px; line-height: 15px; color: #5D5D5D; margin-bottom: .375rem; font-weight: 500; }
.project-link.contact-link p.name { font-size: 15px; font-weight: 600; margin-bottom: .5rem; color: #333; }
.project-link.contact-link p.phone { display: flex; gap: 0 .35rem; }
.project-link.contact-link p.phone a { width: fit-content; }
.project-link.contact-link p.phone .tel { 
  width: 14px; height: 14px; background-repeat: no-repeat; background-size: contain; flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%231E3A89' d='M224.2 89c-7.9-18.9-28.5-28.9-48.1-23.6l-5.5 1.5C106 84.5 50.8 147.1 66.9 223.3 104 398.3 241.7 536 416.7 573.1 493 589.3 555.5 534 573.1 469.4l1.5-5.5c5.4-19.7-4.7-40.3-23.5-48.1l-97.3-40.5c-16.5-6.9-35.6-2.1-47 11.8l-38.6 47.2c-70.3-34.9-126.9-93.3-159.4-165l44.2-36c13.9-11.3 18.6-30.4 11.8-47z'/%3E%3C/svg%3E");
}
.project-link.contact-link p.phone .wp {
  width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%2325D366' d='M476.9 161.1c-41.9-42-97.7-65.1-157-65.1-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L96 544l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157m-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3 18.6-68.1-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1s56.2 81.2 56.1 130.5c0 101.8-84.9 184.6-186.6 184.6m101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8s-14.3 18-17.6 21.8c-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7s-12.5-30.1-17.1-41.2c-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2s-9.7 1.4-14.8 6.9c-5.1 5.6-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4s4.6-24.1 3.2-26.4c-1.3-2.5-5-3.9-10.5-6.6'/%3E%3C/svg%3E");
}


.proto-siteplan .img-cont { position: relative; margin-left: -35px; width: calc(100% + 70px); }

.proto-siteplan-interactive .svg-cont { display: inline-block; position: relative; width: 100%; padding-bottom: 58%; vertical-align: middle; overflow: hidden; }
.proto-siteplan-interactive .svg-cont > svg { width: 100%; height: 100%; display: inline-block; position: absolute; top: 0; left: 0; z-index: 1; }
.proto-siteplan-interactive .svg-cont #svg-background { width: 100%; height: 100%; display: inline-block; position: absolute; top: 0; left: 0; pointer-events: none; object-fit: cover; }

.proto-siteplan-interactive .svg-cont:has(canvas) { padding: 0; vertical-align: top; height: calc(100% - 70px); }
.proto-siteplan-interactive .svg-cont > canvas { width: 100%; height: 100%; display: block; }
.proto-siteplan-interactive .svg-cont .please-wait { font-size: 2rem; font-weight: 600; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; margin-bottom: 0;  animation: zoom-in-zoom-out 1s ease infinite; pointer-events: none; }

@keyframes zoom-in-zoom-out {
  0% { scale: 100%; }
  50% { scale: 115%; }
  100% { scale: 100%; }
}

.proto-siteplan-interactive .svg-cont .canvas-help { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; gap: 0 1rem; background-color: #000000ba; cursor: pointer; }
.proto-siteplan-interactive .svg-cont .canvas-help div { display: flex; align-items: center; justify-content: center; gap: .5rem 0; flex-direction: column; width: 33%; }
.proto-siteplan-interactive .svg-cont .canvas-help div img { margin-bottom: auto; max-width: 50px; }
.proto-siteplan-interactive .svg-cont .canvas-help div p { font-weight: 600; color: #FFF; font-size: 12px; margin-top: auto; text-align: center; }

.proto-siteplan-interactive .filter-cont { display: flex; flex-direction: column; gap: 10px 0; min-height: fit-content; margin-bottom: 1rem; }
.proto-siteplan-interactive .custom-control { border: 2px solid #1e3a8a; border-radius: 12px; padding-left: 0; }
.proto-siteplan-interactive .filter-cont label { color: #333333; font-size: 16px; line-height: 1; font-weight: 500; padding: 10px; padding-left: calc(1.5rem + 10px); width: 100%; height: 100%; white-space: nowrap; cursor: pointer; }
.proto-siteplan-interactive .filter-cont label em { font-style: normal; }

.proto-siteplan-interactive .filter-cont .custom-control-input:checked~.custom-control-label::before { border-color: #1e3a8a; background-color: #1e3a8a; }

.proto-siteplan-interactive .filter-cont label small { display: block; color: #707070; font-size: 12px; line-height: 1; margin-top: 4px; font-weight: 400; }
.proto-siteplan-interactive .filter-cont .custom-radio .custom-control-label::before,
.proto-siteplan-interactive .filter-cont .custom-radio .custom-control-label::after { left: 10px; top: calc(50% - .5rem); }

.project-link-alt { margin-top: auto; border: 0; overflow: hidden; }
.project-link-alt .project-data { border: 1px solid #EAEAEA; border-top: 0; border-radius: 10px; border-top-left-radius: 0; border-top-right-radius: 0; }
.project-link-alt .logo-firm { display: none;}

.project-link-alt .project-data small small { font-size: 100%; display: inline; }

.project-link-alt .badge-cont { top: .75rem;}


html[dir="rtl"] .dmgproje-box p { left: unset; right: 20px; }
html[dir="rtl"] .project-link .project-img > span { right: unset; left: .75rem; }
html[dir="rtl"] .badge-cont { left: unset; right: .75rem; }
html[dir="rtl"] .proto-siteplan-interactive .custom-control { padding-right: 0; }
html[dir="rtl"] .proto-siteplan-interactive .filter-cont label { padding: 10px; padding-right: calc(1.5rem + 10px); }
html[dir="rtl"] .proto-siteplan-interactive .filter-cont .custom-radio .custom-control-label::before,
html[dir="rtl"] .proto-siteplan-interactive .filter-cont .custom-radio .custom-control-label::after { left: unset; right: 10px; }


@media (min-width: 768px) {
  .cont-home a.firm-link { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); }
  .cont-home .project-link { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px);  }

  .proto-siteplan-interactive .filter-cont { flex-direction: row; gap: 10px; flex-wrap: wrap; }
  .proto-siteplan-interactive .custom-control { width: calc(50% - 5px); }

  .project-link .project-data p { font-size: 16px; }

  .cont-home { gap: 30px; }
  .cont-home a.firm-link { margin: 0!important; }

  .proto-siteplan-interactive .svg-cont .canvas-help { gap: 0 3rem; }
  .proto-siteplan-interactive .svg-cont .canvas-help div { gap: 1rem 0; width: fit-content; }
  .proto-siteplan-interactive .svg-cont .canvas-help div img { max-width: unset; }
  .proto-siteplan-interactive .svg-cont .canvas-help div p { font-size: 1.125rem; }

  .proto-siteplan-interactive .svg-cont #svg-background { object-fit: contain; }

  .project-link.contact-link p.name { font-size: 16px; }

  .proto-siteplan .img-cont { margin-left: 0; width: 100%; }
}

@media (min-width: 992px) {
  .cont-home a.firm-link { flex: 0 0 calc(33.333333% - 20px); max-width: calc(33.333333% - 20px); margin: 0!important; }
  .cont-home .project-link { flex: 0 0 calc(33.333333% - 20px); max-width: calc(33.333333% - 20px); }

  .sqm-price-analysis p { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .projects-by-installment p { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .about-cyprus-link.resale-listings p { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .projects-rental-yield p { font-size: 24px; line-height: 1.2; font-weight: 700; }


  body:has(#scales:checked) .tooltip { z-index: 9999; }
  body:has(#scales:checked) .proto-siteplan-interactive { overflow: auto; min-height: 98dvh!important;  }
  body:has(#scales:checked) .proto-siteplan-interactive .custom-control { width: calc(33.333% - 7px); }
}

@media (min-width: 1200px) {
  .cont-home a.firm-link { flex: 0 0 calc(25% - 22.5px); max-width: calc(25% - 22.5px); margin: 0!important; }
  .cont-home .project-link { flex: 0 0 calc(25% - 22.5px); max-width: calc(25% - 22.5px); }
  body:has(#scales:checked) .proto-siteplan-interactive .custom-control { width: calc(25% - 10px); }
}

@media (min-width: 1440px) {
  .about-cyprus-link p { position: absolute; z-index: 2; bottom: 17px; left: 20px; right: 0px; margin: 0; font-weight: 600; font-size: 21px; color: #FFF; line-height: .95; }
  .about-cyprus-link p span { font-weight: 700; font-size: 42px; display: block; transform: translateX(15px); transition: ease all .2s; }
  .about-cyprus-link:hover p::after { right: -40px; }

  .dmgproje-box p { position: absolute; z-index: 2; bottom: 20px; left: 20px; margin: 0; font-weight: 600; font-size: 24px; color: #FFF; line-height: 1; }
  .dmgproje-box p span { font-weight: 700; font-size: 30px; display: block; transform: translateX(0); transition: ease all .2s; }
  .dmgproje-box:hover p::after { right: -40px; }

  .proto-siteplan .modal-xl { max-width: 1380px; }
  .proto-siteplan .modal-xl .modal-content { text-align: center; }

  .projects-on-map p { font-size: 32px; font-weight: 700; line-height: 1.2; }

  .sqm-price-analysis p { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .projects-by-installment p { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .projects-rental-yield p { font-size: 24px; line-height: 1.2; font-weight: 700; }
  .about-cyprus-link.resale-listings p { font-size: 24px; line-height: 1.2; font-weight: 700; }


  .proto-siteplan-interactive .filter-cont { gap: 10px; }
  .proto-siteplan-interactive .custom-control { width: calc(33.3333% - 8px); }
  body:has(#scales:checked) .proto-siteplan-interactive .filter-cont { gap: 20px; }
  body:has(#scales:checked) .proto-siteplan-interactive .custom-control { border-radius: 15px; width: calc(25% - 15px); }
  body:has(#scales:checked) .proto-siteplan-interactive .filter-cont label { font-size: 18px; padding: 15px; padding-left: calc(1.5rem + 15px); }

  body:has(#scales:checked) .proto-siteplan-interactive .filter-cont label small { font-size: 14px; }
  body:has(#scales:checked) .proto-siteplan-interactive .filter-cont .custom-radio .custom-control-label::before,
  body:has(#scales:checked) .proto-siteplan-interactive .filter-cont .custom-radio .custom-control-label::after { left: 15px; }

  .project-link .project-data p { font-size: 17px; }

  .project-link.contact-link p.name { font-size: 17px; }

  html[dir="rtl"] body:has(#scales:checked) .proto-siteplan-interactive .filter-cont label { padding: 15px; padding-right: calc(1.5rem + 15px); }
  html[dir="rtl"] body:has(#scales:checked) .proto-siteplan-interactive .filter-cont .custom-radio .custom-control-label::before,
  html[dir="rtl"] body:has(#scales:checked) .proto-siteplan-interactive .filter-cont .custom-radio .custom-control-label::after { left: unset; right: 15px; }
}

@media (min-width: 1920px) {
  .proto-siteplan-interactive .custom-control { width: calc(25% - 15px); }
  body:has(#scales:checked) .proto-siteplan-interactive .custom-control { width: calc(20% - 16px); }
}

/*--- PHOTO PAGES STYLES ---*/
.proto.proto-photos { margin-left: -20px; width: calc(100% + 40px); border-radius: 0; padding: 0; background-color: transparent; }
.proto.proto-photos h1 { border-radius: 12px; padding: 20px; background-color: #FFF; margin: 20px; }
.proto.proto-photos .big-photos { border-radius: 0; }
.proto-floorplans .big-photos img { cursor: pointer; }
.proto-construction .big-photos { aspect-ratio: 3 / 2 }

body:has(.proto-floorplans) #photoModal .modal-dialog { max-width: 1440px; }

@media (min-width: 992px) {
  body:has(.proto-floorplans).modal-open { padding-right: 0!important; }
  body:has(.proto-floorplans) #photoModal { padding-right: 0!important }
  body:has(.proto-floorplans) #photoModal .modal-dialog { min-height: 100%; margin: 0 auto; }
  body:has(.proto-floorplans) #photoModal .modal-body { border-radius: 0; text-align: center; }

  body:has(.proto-floorplans) #photoModal .close { top: 0; right: 0; padding: 1rem; color: #000; text-shadow: unset; }
  body:has(.proto-floorplans) #photoModal .close::after { filter: invert(1); }

  html[dir="rtl"] body:has(.proto-floorplans) #photoModal .close { right: unset; left: 0; }
}

html[data-wl="true"] .proto-construction .modal-body::after { display: none; }

.swiper-slide img { aspect-ratio: 3 / 2; width: 100%; }
.big-photos, .img-single { border-radius: 8px; }
.big-photos .swiper-pagination-fraction { position: absolute; left: 50%; transform: translate(-50%, 0); bottom: 10px; background: rgba(0,0,0,.8); border-radius: 13px; width: 55px; height: 26px; font-size: 13px; font-weight: 600; line-height: 26px; color: #fff; text-align: center; }
.big-photos .custom-fraction { top: 10px; bottom: unset; width: fit-content; z-index: 10; padding: 0 15px; }

.big-photos .swiper-button-prev, .big-photos .swiper-button-next { background: #1e3a8a; color: #FFF; width: 30px; height: 50px; }
.big-photos .swiper-button-prev { left: 0; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.big-photos .swiper-button-next { right: 0; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.big-photos .swiper-button-prev::after { transform: translateX(-3px); font-size: 24px; }
.big-photos .swiper-button-next::after { transform: translateX(3px); font-size: 24px; }

.big-photos .swiper-button-prev::before,
.big-photos .swiper-button-next::before { content: ''; position: absolute; top: -20px; bottom: -20px; }

.big-photos .swiper-button-prev::before { left: 0; right: -20px; }
.big-photos .swiper-button-next::before { right: 0; left: -20px; }

.gallery-thumbs, .gallery-thumbs-btns { display: none; }

.property-types { clear: both; }
.property-type.property-type-title { display: none; }
.property-type { position: relative; flex-shrink: 0; padding: 15px; padding-bottom: 0; font-size: 15px; background: #f7f5fa; border-radius: 8px; margin-bottom: 15px; }
.property-type ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: row; flex-wrap: wrap; }
.property-type li { line-height: 1; white-space: nowrap; width: 50%; margin-bottom: 15px; }
.property-type li small { transform: translateY(2px); }
.property-type li::before { color: #666; display: block; line-height: 1; font-weight: 600; font-size: 14px; margin-bottom: 4px; }
.property-type li:nth-child(1) { font-weight: 700; }
.property-type li:nth-child(6) .btn-sm { color: #FFF; width: 100%; padding: 4px 8px 4px 22px; border: 0; box-shadow: none!important; outline: 0!important; font-weight: 600; background-color: #1e3a8a; background-repeat: no-repeat; background-position: calc(50% - 18px) center; background-size: 10px auto; }
.property-type li:nth-child(6) .btn-sm:hover { background-color: #172554; }

.proto-documents a { display: flex; align-items: center; border: 1.5px solid #e4e2e7; border-radius: 6px; color: #333; text-decoration: none; max-width: 500px; padding: 16px; margin-bottom: 1rem; line-height: 1; transition: ease all .2s; }
.proto-documents a span { background-repeat: no-repeat; background-size: contain; flex-shrink: 0; }
.proto-documents a span.icon-download-menu { margin-right: 10px; width: 20px; height: 20px; }
.proto-documents a span.icon-download-file { margin-left: auto; width: 18px; height: 18px; }
.proto-documents a::before { content: ''; }

.proto-documents a:last-child { margin-bottom: 0; }
.proto-documents a:hover,
.proto-documents a:focus { background-color: #1E3A8E; border-color: #1E3A8E; color: #FFF; }
.proto-documents a:hover span,
.proto-documents a:focus span { filter: brightness(0) invert(1); }


html[dir="rtl"] .big-photos .swiper-button-prev { left: 0; right: unset; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
html[dir="rtl"] .big-photos .swiper-button-next { right: 0; left: unset; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
html[dir="rtl"] .big-photos .swiper-button-prev::after { transform: translateX(-3px) rotate(.5turn); }
html[dir="rtl"] .big-photos .swiper-button-next::after { transform: translateX(3px) rotate(.5turn); }
html[dir="rtl"] .big-photos .swiper-button-prev::before { right: 0; left: -20px; }
html[dir="rtl"] .big-photos .swiper-button-next::before { left: 0; right: -20px; }
html[dir="rtl"] .property-type li:nth-child(6) .btn-sm { padding: 4px 22px 4px 8px; background-position: calc(50% + 18px) center; }
html[dir="rtl"] .proto-documents a span.icon-download-menu { margin-right: unset; margin-left: 10px; }
html[dir="rtl"] .proto-documents a span.icon-download-file { margin-left: unset; margin-right: auto; }

@media (min-width: 768px) {
  .proto.proto-photos { margin-left: unset; width: 100%; border-radius: 8px; padding: 20px; background-color: #FFF; }
  .proto.proto-photos h1 { border-radius: 0; padding: 0; background-color: transparent; margin: 0; }
  .proto.proto-photos .big-photos { border-radius: 8px; }

  .big-photos .swiper-button-prev, .big-photos .swiper-button-next { background: #1e3a8a; width: 50px; height: 80px; }
  .big-photos .swiper-button-prev { border-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .big-photos .swiper-button-next { border-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .big-photos .swiper-button-prev::after { transform: translateX(-3px); font-size: 44px; }
  .big-photos .swiper-button-next::after { transform: translateX(3px); font-size: 44px; }

  .big-photos .swiper-button-prev::before,
  .big-photos .swiper-button-next::before { display: none; }

  .property-type li:nth-child(6) .btn-sm { width: fit-content; background-position: 10px center; text-align: left; padding-right: 12px; padding-left: 26px; }

  html[dir="rtl"] .proto.proto-photos { margin-right: unset; }
  html[dir="rtl"] .big-photos .swiper-button-prev { border-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
  html[dir="rtl"] .big-photos .swiper-button-next { border-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
  html[dir="rtl"] .big-photos .swiper-button-prev::after { transform: translateX(3px); }
  html[dir="rtl"] .big-photos .swiper-button-next::after { transform: translateX(-3px); }

  .property-type li:nth-child(6) .btn-sm { text-align: right; padding-left: 12px; padding-right: 26px; background-position: calc(100% - 9px) center; }  
}

@media (min-width: 1180px) {
  .proto.proto-photos { padding: 30px; width: calc(100% - 300px)!important; }
  .big-photos .swiper-button-prev, .big-photos .swiper-button-next { width: 40px; height: 60px; }
  .big-photos .swiper-button-prev::after { transform: translateX(-3px); font-size: 36px; }
  .big-photos .swiper-button-next::after { transform: translateX(3px); font-size: 36px; }

  .gallery-thumbs { display: block; margin-top: 5px; padding: 5px; }
  .gallery-thumbs .swiper-slide { cursor: pointer; }

  .gallery-thumbs .swiper-slide::before { content: ''; position: absolute; top: -4px; left: -4px; bottom: -4px; right: -4px; border: 2px solid #1e3a8a; border-radius: 6px; opacity: 0; pointer-events: none; }

  .gallery-thumbs .swiper-slide img { border-radius: 4px; opacity: .8; }
  .gallery-thumbs .swiper-slide.swiper-slide-thumb-active::before { opacity: 1; }
  .gallery-thumbs .swiper-slide.swiper-slide-thumb-active img { opacity: 1; }

  .gallery-thumbs-btns { display: block; position: relative; width: calc(100% + 10px); margin-left: -5px; }

  .gallery-thumbs-btns .swiper-button-prev::after { transform: translateX(-2px); font-size: 24px; color: #1e3a8a; }
  .gallery-thumbs-btns .swiper-button-next::after { transform: translateX(2px); font-size: 24px; color: #1e3a8a; }
  .gallery-thumbs-btns .swiper-button-prev { left: -22px; }
  .gallery-thumbs-btns .swiper-button-next { right: -20px; }

  .gallery-thumbs-btns .swiper-button-prev.swiper-button-disabled,
  .gallery-thumbs-btns .swiper-button-next.swiper-button-disabled { opacity: 0; }

  .property-type.property-type-title { display: flex; border-bottom: 0; font-weight: 600; background: #f7f5fa; margin: 0; width: 100%!important; border-radius: 8px; }
  .property-type.property-type-title ul { margin-left: 16px; margin-right: 16px; }
  .property-type.property-type-title li:nth-child(1) { font-weight: 600; }
  .property-type { position: relative; flex-shrink: 0; width: calc(100% - 32px)!important; border-bottom: 1px solid rgb(228 226 231); padding: 15px 0; background: none; margin-left: 16px; margin-right: 16px; margin-bottom: 0; font-size: 15px; border-radius: 0; font-size: 14px; }
  .property-type ul { flex-wrap: nowrap; width: 100%; }
  .property-type li { line-height: 1; white-space: nowrap; width: unset; margin-bottom: 0; display: flex; align-items: center; }
  .property-type li::before { display: none; }
  .property-type li:nth-child(1) { width: 15%; }
  .property-type li:nth-child(2) { width: 23%; }
  .property-type li:nth-child(3) { width: 18%; }
  .property-type li:nth-child(4) { width: 18%; }
  .property-type li:nth-child(5) { width: 17%; justify-content: flex-end; }
  .property-type li:nth-child(6) { width: 10%; justify-content: flex-end; }
  .property-type li:nth-child(6) a::after { display: none; }
  .property-type li:nth-child(6) .icon-external-link { width: 14px; height: 14px; display: inline-block; background-size: cover; }
  .property-type li:nth-child(6) .btn-sm { font-size: 12px; background-position: 8px center; padding-left: 24px; padding-right: 8px; }
  .property-type li small { margin-right: 3px; margin-left: 0; }
  .property-type li small.startsfrom-suffix { margin-right: 0; margin-left: 3px; }


  body:has(#scales:checked) .proto.proto-photos .big-photos { max-height: calc(100dvh - 170px); aspect-ratio: 3 / 2; }
  body:has(#scales:checked) .gallery-thumbs-btns { margin: 0 auto; max-width: 792px; aspect-ratio: unset; }

  html[dir="rtl"] .big-photos .swiper-button-prev::after { transform: translateX(-3px) rotate(.5turn); }
  html[dir="rtl"] .big-photos .swiper-button-next::after { transform: translateX(3px) rotate(.5turn); }
  html[dir="rtl"] .gallery-thumbs-btns { margin-right: -5px; margin-left: unset; }

  html[dir="rtl"] .gallery-thumbs-btns .swiper-button-prev::after { transform: translateX(2px); }
  html[dir="rtl"] .gallery-thumbs-btns .swiper-button-next::after { transform: translateX(-2px); }
  html[dir="rtl"] .gallery-thumbs-btns .swiper-button-prev { left: unset; right: -22px; }
  html[dir="rtl"] .gallery-thumbs-btns .swiper-button-next { right: unset; left: -20px; }
  html[dir="rtl"] .property-type li:nth-child(6) .btn-sm { padding-right: 24px; padding-left: 8px; background-position: calc(100% - 8px) center; }
  html[dir="rtl"] .property-type li small { margin-left: 3px; margin-right: 0; }
  html[dir="rtl"] .property-type li small.startsfrom-suffix { margin-left: 0; margin-right: 3px; }
}

@media (min-width: 1200px) {
  .property-type li:nth-child(2) { width: 27%; }
  .property-type li:nth-child(3) { width: 17%; }
  .property-type li:nth-child(4) { width: 17%; }
  .property-type li:nth-child(6) { width: 8%; }
}

@media (min-width: 1440px) {
  .proto.proto-photos { width: calc(100% - 330px)!important; }

  .big-photos .swiper-button-prev, .big-photos .swiper-button-next { width: 50px; height: 80px; }
  .big-photos .swiper-button-prev::after, .big-photos .swiper-button-next::after { font-size: 44px; }

  .gallery-thumbs-btns .swiper-button-prev::after { transform: translateX(-2px); font-size: 28px; }
  .gallery-thumbs-btns .swiper-button-next::after { transform: translateX(2px); font-size: 28px; }
  .gallery-thumbs-btns .swiper-button-prev { left: -25px; }
  .gallery-thumbs-btns .swiper-button-next { right: -23px; }

  .property-type { font-size: 15px; }
  .property-type li small { transform: translateY(1px); }
  .property-type li:nth-child(6) .btn-sm { font-size: 14px; }

  body:has(#scales:checked) .gallery-thumbs-btns { max-width: 1160px; margin: 0 auto; }

  html[dir="rtl"] .gallery-thumbs-btns .swiper-button-prev::after { transform: translateX(2px); }
  html[dir="rtl"] .gallery-thumbs-btns .swiper-button-next::after { transform: translateX(-2px); }
  html[dir="rtl"] .gallery-thumbs-btns .swiper-button-prev { left: unset; right: -25px; }
  html[dir="rtl"] .gallery-thumbs-btns .swiper-button-next { right: unset; left: -23px; }

}


/*--- DMG PROJE STYLES ---*/
.dmg-proje .dmg-cont { position: relative; width: 100%; }
.dmg-proje .dmg-cont .proto { width: 100%; height: fit-content; }

.dmg-proje .dmg-cont .proto-index .aerocity-logo { width: 160px; height: auto; margin: 0 auto 15px auto; display: block; }

.dmg-proje .dmg-cont .proto-index ul { line-height: 1.5; margin: 0; padding: 0; font-size: 17px; }
.dmg-proje .dmg-cont .proto-index ul li { list-style: none; margin-bottom: 15px; display: flex; }
.dmg-proje .dmg-cont .proto-index ul li::before { content: ''; width: 17px; height: 17px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M0 10a10 10 0 1 1 10 10A10 10 0 0 1 0 10Zm14.5-1.7A1 1 0 0 0 13 6.7L8.7 11 7 9.2a1 1 0 0 0-1.5 1.6L8 13.3a1.1 1.1 0 0 0 1.5 0Z' fill='%23da1e4f'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: cover; display: block; margin-right: 7px; line-height: 1; transform: translateY(3px); flex-shrink: 0; }

.dmg-proje .dmg-cont .proto-index h2 { font-size: 28px; font-weight: 700; text-align: center; margin: 30px 0 20px 0; }
.dmg-proje .dmg-cont .proto-index h2 span { color: #e31e25; }
.dmg-proje .dmg-cont .proto-index p.about { font-size: 17px; line-height: 1.66; margin: 0 auto 30px auto; text-align: center; position: relative; }
.dmg-proje .dmg-cont .card-cont { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.dmg-proje .dmg-cont .card-cont .card-logo { width: calc(33.33% - 10px); max-width: 260px; min-height: 50px; margin-right: 15px; margin-bottom: 15px; border-radius: 10px; background: #fff; border: 1px solid #f5f5f5; display: flex; align-items: center; justify-content: center; }
.dmg-proje .dmg-cont .card-cont .card-logo:nth-child(3n) { margin-right: 0; }
.dmg-proje .dmg-cont .card-cont .card-logo img { width: 100%; max-width: 74px; height: auto; }

.dmg-proje .dmg-cont #floorplan .floor-plan {border-radius: 8px; box-shadow: 0 .125rem .375rem rgba(0,0,0,.05), 0 .5rem 1.2rem rgba(0,0,0,.1); padding: 15px; overflow: hidden; margin-bottom: 30px; cursor: pointer; transition: ease transform .2s; pointer-events: none;  }

.dmg-proje .dmg-cont #floorplan .floor-plan:hover { transform: translateY(-2px); }
.dmg-proje .dmg-cont #floorplan .floor-plan img { display: block; margin: 0 auto 15px auto; }
.dmg-proje .dmg-cont #floorplan .floor-plan h3 { color: #5B5B5B; margin-bottom: 5px; font-size: 21px; font-weight: 700; }
.dmg-proje .dmg-cont #floorplan .floor-plan p { margin-bottom: 0; line-height: 1; padding: 10px 0; border-top: 1px solid #d6d6d6; }
.dmg-proje .dmg-cont #floorplan .floor-plan p span { display: inline-block; width: 110px; white-space: nowrap; }
.dmg-proje .dmg-cont #floorplan .floor-plan p:last-child { margin-bottom: 0; border-bottom: 1px solid #d6d6d6; }

.dmg-proje .dmg-cont .proto.proto-photos { width: calc(100% + 40px); height: unset; }
.dmg-proje .dmg-cont #floorplan .swiper-slide img { aspect-ratio: unset; width: unset; }

@media (min-width: 768px) {
  .dmg-proje .dmg-cont .proto-index .aerocity-logo { width: 200px; margin: 10px auto 25px auto; }
  .dmg-proje .dmg-cont .proto-index ul li::before { width: 20px; height: 20px; margin-right: 10px; transform: translateY(3px); }
  .dmg-proje .dmg-cont .proto.proto-photos { width: 100%; }

  .dmg-proje .dmg-cont .proto-index p.about { font-size: 18px; }
  .dmg-proje .dmg-cont .card-cont .card-logo { width: calc(20% - 12px); min-height: 70px; }
  .dmg-proje .dmg-cont .card-cont .card-logo:nth-child(3n) { margin-right: 15px; }
  .dmg-proje .dmg-cont .card-cont .card-logo:nth-child(5n) { margin-right: 0; }
  .dmg-proje .dmg-cont .card-cont .card-logo img { max-width: 90px; }

  .dmg-proje .dmg-cont #floorplan .floor-plan { pointer-events: all; width: calc(50% - 15px); }

  #floorPlanModal h3 { font-size: 24px; }
  #floorPlanModal .close { position: absolute; top: -40px; right: 0; padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; z-index: 2; }
  #floorPlanModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
  #floorPlanModal .modal-body { border-radius: 8px; }
  #floorPlanModal .modal-body .swiper-container { max-height: 90vh; }

  html[dir="rtl"] #floorPlanModal .close { right: unset; left: 0; padding: 8px; padding-left: 0; }
  html[dir="rtl"] #floorPlanModal .close::after { margin-left: unset; margin-right: 3px; }
}

@media (min-width: 992px) {
  .dmg-proje .dmg-cont { width: calc(100% - 300px); }
  .dmg-proje .dmg-cont .proto { padding: 25px; width: 100%; }
  .dmg-proje .dmg-cont .proto-index ul { font-size: 18px; }
  .dmg-proje .dmg-cont .proto-index ul li { margin-bottom: 20px; }

  .dmg-proje .dmg-cont .proto-index h2 { font-size: 32px; }
  .dmg-proje .dmg-cont .proto-index p.about { font-size: 19px; max-width: 90ch; }
  .dmg-proje .dmg-cont .card-cont .card-logo { width: calc(16.66% - 12.5px); min-height: 80px; }
  .dmg-proje .dmg-cont .card-cont .card-logo:nth-child(5n) { margin-right: 15px; }
  .dmg-proje .dmg-cont .card-cont .card-logo:nth-child(6n) { margin-right: 0; }
  .dmg-proje .dmg-cont .card-cont .card-logo img { max-width: 100px; }

  .dmg-proje .dmg-cont .proto.proto-photos { padding: 25px; width: 100%; }
}

@media screen and (min-width: 1200px) {
  .dmg-proje .dmg-cont { width: calc(100% - 350px); }
  .dmg-proje .dmg-cont .proto { padding: 30px; width: 100%; }
  .dmg-proje .dmg-cont .proto-index ul li::before { width: 22px; height: 22px; margin-right: 12px; transform: translateY(3px); }

  .dmg-proje .dmg-cont .card-cont .card-logo { min-height: 100px; }
  .dmg-proje .dmg-cont .card-cont .card-logo img { max-width: 120px; }

  .dmg-proje .dmg-cont .proto.proto-photos { padding: 30px; width: 100%; }

  .dmg-proje .dmg-cont #floorplan .floor-plan { margin-bottom: 0; width: calc(33.333% - 20px); }
  .dmg-proje .dmg-cont #floorplan .floor-plan img { max-width: 240px; }
  .dmg-proje .dmg-cont #floorplan .floor-plan h3 { margin-bottom: 10px; }
}


/*--- INDEX PAGE FILTER STYLES ---*/
.title-info { font-size: 1.625rem; margin: .5rem 0 1rem 0; display: flex; align-items: center; gap: 0 1rem; }
.title-info .badge { background-color: #FFF; transform: translateY(1px); border-radius: .5rem; font-weight: 500; font-size: 65%; }

.project-filters { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0 30px; }

#collapseFilter { flex-direction: column; align-items: center; justify-content: center; width: 100%; }
#collapseFilter.show { display: flex; }

.project-filters .btn-filter { outline: 0!important; transition: ease all .2s; color: #333; width: 100%; border: 1px solid #EAEAEA; border-radius: 10px; margin-bottom: 1rem; font-size: 16px; font-weight: 600; padding: 14px 16px; line-height: 1; gap: 0 6px; }
.project-filters .btn-filter span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23333333' d='M0 96c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zm64 160c0-17.7 14.3-32 32-32h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32zm224 160c0 17.7-14.3 32-32 32h-64c-17.7 0-32-14.3-32-32s14.3-32 32-32h64c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; width: 16px; height: 16px; flex-shrink: 0; background-size: contain; }


.project-filters .btn-filter[aria-expanded="true"] { background-color: #A1A1A1; border-color: #A1A1A1; color: #FFF; }
.project-filters .btn-filter[aria-expanded="true"] span { filter: brightness(0) invert(1); }

.project-filters .dropdown { width: 100%; margin-bottom: 15px; }
.project-filters .dropdown:has(.pretext-sort) { position: relative; }
.project-filters .dropdown .pretext-sort { position: absolute; top: 6px; left: 16px; font-size: 70%; pointer-events: none; }
.project-filters .dropdown .pretext-sort + button { max-height: 46px; padding-top: 22px; }

.project-filters .dropdown button { font-weight: 600; padding: 10px 16px; background-color: #FFF; border-radius: 10px; border: 1px solid #EAEAEA; width: 100%; color: #333; cursor: pointer; text-align: left; display: flex; align-items: center; white-space: nowrap; overflow: hidden; }
.project-filters .dropdown button span { margin-left: 5px; }
.project-filters .dropdown button svg { margin-left: auto; transition: ease all .2s; flex-shrink: 0; transform: translateY(1px); }

.project-filters .dropdown button[aria-expanded="true"] svg { transform: rotate(-180deg) translateY(1px); }

.project-filters .dropdown .dropdown-menu { padding: 8px; margin: 0; width: 100%; border-radius: 10px; border: 0; }
.project-filters .dropdown .dropdown-menu.show { transform: translate3d(-50%, 5px, 0)!important; right: unset; left: 50%!important; top: 100%!important; max-height: 296px; animation: ease dropdown .15s; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); }

.project-filters .dropdown .dropdown-menu:has(.filter-location).show { max-height: 415px; }

.project-filters .dropdown .dropdown-menu:has(.filter-facilities).show { max-height: 415px; }

.project-filters .dropdown .dropdown-menu .dropdown-cont { position: relative; max-height: 280px; overflow-y: auto; }

.project-filters .dropdown .dropdown-menu:has(.filter-location) .dropdown-cont { max-height: 362px; }

.project-filters .dropdown:has(.filter-filter) button { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7'%3E%3Cpath fill='%231e3a8a' d='M4.6 6 .2 1.4a.6.6 0 0 1 0-.8L.7.2c.2-.3.5-.3.8 0L5 3.7 8.5.2c.3-.3.6-.3.8 0l.5.5c.3.2.3.5 0 .8L5.4 5.9a.6.6 0 0 1-.8 0Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 94% 19px; }
.project-filters .dropdown:has(.filter-filter) button[aria-expanded="true"] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath fill='%231e3a8a' fill-rule='nonzero' d='M4.6 0 .2 4.6a.6.6 0 0 0 0 .8l.5.4c.2.3.5.3.8 0L5 2.3l3.5 3.5c.3.3.6.3.8 0l.5-.5c.3-.2.3-.5 0-.8L5.4.1a.6.6 0 0 0-.8 0z'/%3E%3C/svg%3E"); }

.project-filters .dropdown .dropdown-menu .dropdown-cont div { position: relative; display: flex; align-items: center; padding: 8px 15px; white-space: nowrap; font-weight: normal; border-radius: 4px; cursor: pointer; }
.project-filters .dropdown .dropdown-menu .dropdown-cont div.selected,
.project-filters .dropdown .dropdown-menu .dropdown-cont div:hover { background-color: #f4f4f4; }

.project-filters .dropdown .dropdown-menu button { border-radius: .25rem; }

.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div { padding: 8px 15px 8px 32px; }
.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div::before,
.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div::after { position: absolute; display: block; content: ""; width: 16px; height: 16px; top: 12px; left: 6px; }

.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div::before { pointer-events: none; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; border: #adb5bd solid 1px; border-radius: 0.25rem; }

.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div.selected::before { background-color: #1e3a8a; border-color: #1e3a8a; }

.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div::after { background: no-repeat 50%/50% 50%; }

.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div.selected { background-color: transparent; }
.project-filters .dropdown-menu.dropdown-filter .dropdown-cont div.selected::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }

.project-filters .dropdown .dropdown-menu.dropdown-filter button { width: 100%; text-align: center; display: block; line-height: 1; box-shadow: none; color: #FFF; background-color: #1e3a8a; border: 0; outline: 0!important; padding: .5rem 0; margin-top: 5px; }
.project-filters .dropdown .dropdown-menu.dropdown-filter button:hover { background-color: #172554; }

.filter-container .project-search { display: flex; align-items: center; width: 100%; position: relative; margin-bottom: 15px; }

.filter-container .project-search::before { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.3346' cy='10.6667' r='6.66667' stroke='%23000' stroke-width='2'/%3E%3Cpath d='m8 16-4 4' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); width: 24px; height: 24px; content: ""; position: absolute; left: 14px; }

.filter-container .project-search input { border: 1px solid #EAEAEA; border-radius: 10px; color: #333; width: 100%; padding: 10px 46px 10px 44px; font-weight: normal; }
.filter-container .project-search input::placeholder { font-weight: normal; }
.filter-container .project-search .clear-search-home { background-image: url("data:image/svg+xml,%3Csvg width='277' height='277' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M138.5 277a138.5 138.5 0 1 1 0-277 138.5 138.5 0 0 1 0 277ZM100.1 68.9c-.4 0-.9-.2-1-.4-.1-.2-1-.4-2-.4-1.1 0-2 .2-2.2.4-.1.2-.6.4-1 .4a295 295 0 0 0-24.4 24c-1.8 2.4-2.4 6.2-1 7.5l.5 1c0 .1 8.2 8.5 18.4 18.6a579 579 0 0 1 18.3 18.7c0 .3-8 8.4-17.7 18-20.7 20.7-20.2 20-20.2 23.3 0 1.7.2 2.6.6 3A336.6 336.6 0 0 0 81 196.2c14 14 14.5 14.3 18.7 12.5 1.5-.6 17.3-16.2 35.1-34.4 3.5-3.6 3.4-3.6 4.9-2 36.5 37.1 37.9 38.3 42.4 36.5 1.2-.5 23.6-22.4 25.9-25.4.7-.9.8-6.3 0-6.5a492.6 492.6 0 0 0-18.1-18.7c-21-21-19-19-19-19.5 0-.3 8-8.5 18-18.4 21-20.9 21.4-21.4 19.2-26-.9-1.8-24.5-25.4-25.4-25.4-.5 0-.9-.2-1-.4-.4-.6-3.4-.5-5 .2-1 .4-6.5 5.7-20 19.2l-18.4 18.7-18.7-18.9A253 253 0 0 0 100.1 69Z' fill='%23999999' fill-rule='evenodd'/%3E%3C/svg%3E"); width: 46px; height: 46px; position: absolute; right: 0; background-size: 22px 22px; background-repeat: no-repeat; background-position: center; cursor: pointer; display: block; }

.filter-container .title-info-title:not(.d-none) ~ .project-search { display: none; }

html[dir="rtl"] .project-filters .dropdown button svg { margin-left: unset; margin-right: auto; }
html[dir="rtl"] .project-filters .dropdown-menu.dropdown-filter .dropdown-cont div { padding: 8px 32px 8px 15px; }
html[dir="rtl"] .project-filters .dropdown-menu.dropdown-filter .dropdown-cont div::before,
html[dir="rtl"] .project-filters .dropdown-menu.dropdown-filter .dropdown-cont div::after { left: unset; right: 6px; }
html[dir="rtl"] .filter-container .project-search::before { left: unset; right: 14px; }
html[dir="rtl"] .filter-container .project-search .clear-search-home { right: unset; left: 0; }


@media (min-width: 768px) {
  .title-info { font-size: 2rem; }
  .project-filters { flex-direction: row; margin-bottom: 1.5rem; width: fit-content; gap: 0 10px; justify-content: flex-start; width: 100%;  }
  .project-filters .dropdown { margin-bottom: 0; width: 165px; width: calc(33.333% - .66666rem); }
  .project-filters .dropdown button { width: 100%; margin-bottom: 0; }
  .project-filters .dropdown .dropdown-menu { width: fit-content; min-width: 165px; }
  #collapseFilter { flex-direction: row; gap: 1rem; justify-content: flex-start; }
  .filter-container .project-search { position: absolute; top: 7px; right: 20px; max-width: 260px; margin: 0; }

  .project-filters .dropdown .dropdown-menu.show:not(:has(.filter-facilities)) { transform: translate3d(-50%, 5px, 0)!important; right: unset; left: 50%!important; top: 100%!important; max-height: 296px; animation: ease dropdown .15s; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); }

  .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { transform: translate3d(0%, 5px, 0)!important; left: auto!important; right: 0!important; max-height: unset; min-width: 660px; }

  /* .project-filters .dropdown .dropdown-menu .filter-facilities { display: grid; grid-template-columns: repeat(2, 1fr); max-height: unset; } */
  /* .project-filters .dropdown .dropdown-menu .filter-facilities > button:last-of-type { grid-column: 1 / -1; } */

  .project-filters .dropdown .dropdown-menu.show:has(> .filter-location) { max-height: 600px; }
  .project-filters .dropdown .dropdown-menu .dropdown-cont.filter-location { max-height: 600px; }

  .project-filters .dropdown .dropdown-menu .filter-facilities { display: flex; flex-direction: column; flex-wrap: wrap; max-height: 400px; }
  
  .project-filters .dropdown .dropdown-menu.show:has(> .filter-filter) { max-height: 416px; }
  .project-filters .dropdown .dropdown-menu .dropdown-cont.filter-filter { max-height: 400px; }

  html[dir="rtl"] .filter-container .project-search { right: unset; left: 20px; }
  html[dir="rtl"] .filter-container .project-search::before { left: unset; right: 14px; }

  /* .project-search:has(input:focus)::after, */
  .project-filters .dropdown.show::after { content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); z-index: 2000; }
  .project-filters .dropdown.show > button.btn { position: relative; z-index: 2001; box-shadow: none; }
  .project-filters .dropdown.show > .pretext-sort { z-index: 2002; }
  .project-filters .dropdown.show > .dropdown-menu { z-index: 2001; }
  .project-search:has(input:focus)::before { z-index: 2002; }
  /* .project-search input:focus { z-index: 2001; } */
  .project-search:has(input:focus) .clear-search-home { z-index: 2002; }

  /*
  .project-filters:has(.filter-filter) .dropdown:last-child { width: 250px; }

  html[lang="tr"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 250px; }
  html[lang="cs"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 280px; }
  html[lang="da"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 320px; }
  html[lang="de"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 370px; }
  html[lang="fi"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 330px; }
  html[lang="he"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 270px; }
  html[lang="it"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 360px; }
  html[lang="hu"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 280px; }
  html[lang="nl"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 370px; }
  html[lang="no"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 280px; }
  html[lang="pl"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 310px; }
  html[lang="ru"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 430px; }
  html[lang="sl"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 270px; }
  html[lang="sk"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 300px; }
  html[lang="sv"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 280px; }
  html[lang="sq"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 330px; }
  html[lang="uk"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 400px; }
  html[lang="fr"] .project-filters:has(.filter-filter) .dropdown:last-child { width: 350px; }
  */

}

@media (min-width: 992px) {
  .title-info { font-size: 2.25rem; margin-bottom: 1.5rem; }
  .project-filters .dropdown { width: calc(16.66666% - .825rem); flex-shrink: 0; }
  .project-filters:has(.filter-filter) .dropdown { width: calc(14% - .675rem); width: 177px; width: calc(20% - .8rem); }
  .project-filters:has(.filter-filter) .dropdown:last-child { width: 250px; }


  /* #collapseFilter { gap: 0 15px; } */
  .filter-container .project-search { top: 10px; right: 15px; }
}

@media (min-width: 1180px) {
  #collapseFilter { gap: 1rem; }
  .project-filters .dropdown { width: 137px; }
  .project-filters .dropdown .dropdown-menu { min-width: 100%; }
  .project-filters:has(.filter-filter) .dropdown { width: 176px; width: calc(20% - .8rem); }
  .project-filters .dropdown .dropdown-menu.show:has(.filter-filter) { transform: translate3d(0%, 5px, 0)!important; right: auto!important; left: 0!important; }

  .filter-container .project-filters:not(:has(.d-none, .filter-filter)) ~ .project-search { top: unset; bottom: 24px; }

  .filter-container .project-search { max-width: 220px; }

  /* .project-filters .dropdown .dropdown-menu .filter-facilities { display: grid; grid-template-columns: repeat(3, 1fr); max-height: unset; }*/

  .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 336px; }
  html[lang="tr"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 800px; }
  html[lang="en"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 760px; }
  html[lang="de"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 460px; }
  html[lang="de"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 800px; }
  html[lang="sl"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 875px; }

  html[lang="sk"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="sk"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 800px; }

  html[lang="sv"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="sv"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 820px; }
  
  html[lang="ru"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="ru"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 810px; }

  html[lang="pl"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="pl"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 670px; }

  html[lang="hu"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="hu"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 640px; }
  
  html[lang="nl"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="nl"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 770px; }

  html[lang="no"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="no"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 660px; }

  html[lang="fi"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="fi"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 690px; }

  html[lang="cs"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="cs"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 710px; }

  html[lang="sq"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="sq"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 780px; }
  
  html[lang="ar"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="ar"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 470px; }

  html[lang="fa"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="fa"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 500px; }

  html[lang="he"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="he"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 560px; }

  html[lang="da"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="da"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 650px; }

  html[lang="fr"] .project-filters .dropdown .dropdown-menu .filter-facilities { max-height: 420px; }
  html[lang="fr"] .project-filters .dropdown .dropdown-menu.show:has(.filter-facilities) { min-width: 700px; }
}

@media screen and (min-width: 1440px) {
  .project-filters .dropdown { width: 220px; }
  .project-filters:has(.filter-filter) .dropdown { width: 200px!important; }
  .project-filters .dropdown:has(.filter-filter) { width: 220px!important; margin-left: auto; }
  .project-filters .dropdown .dropdown-menu.show:has(.filter-filter) { transform: translate3d(0%, 5px, 0)!important; left: auto!important; right: 0!important; }
}


/*--- PAGE: PROJECTS ON MAP ---*/
.map-page { overflow: hidden; }
.map-page::before { display: none; }
.btn-back-map { position: fixed; top: 20px; left: 20px; z-index: 1020; display: none; }
.map-page .container-fluid { max-width: 100%; }
.proto-map { position: fixed; top: 63px; bottom: 0; left: 0; right: 0; }
.proto-map #cyprus-map { height: 100%; }
.user-loc { overflow: hidden; cursor: pointer; min-width:calc(100% - 40px)!important; margin-top: 70px; text-align: center; justify-content: center; font-family: 'Open Sans', sans-serif; z-index: 1 }

.map-page .btn-toogle-filter,
.map-page .filter-cont,
.map-page .filtered-items { display: none; }

.map-page .btn-filter { position: absolute; right: 10px; top: -5px; outline: 0!important; transition: ease all .2s; color: #1e3a8a; z-index: 1024; }
.map-page .btn-filter.active { z-index: 1027; }
.map-page .btn-filter span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%231e3a8a' d='M0 96c0-17.7 14.3-32 32-32h384c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zm64 160c0-17.7 14.3-32 32-32h256c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32zm224 160c0 17.7-14.3 32-32 32h-64c-17.7 0-32-14.3-32-32s14.3-32 32-32h64c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; width: 16px; height: 16px; margin-right: 6px; flex-shrink: 0; background-size: contain; }
.map-page .btn-filter.active span { filter: brightness(0) invert(1); }
.map-page:has(.btn-filter.active) .container-fluid::before { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .6); z-index: 1026; }

.btn-scales-cont,
.btn-poi-cont,
.btn-map-admin { position: absolute; right: 10px; z-index: 1021; display: flex; flex-direction: column; gap: 10px; align-items: flex-end; display: none; z-index: 1027; }

.btn-scales-cont { top: 39px; }
.btn-poi-cont { top: 259px; }
.btn-map-admin { top: 391px; }

.btn-map-admin .btn { min-width: 112px; }
.btn-scales-cont .btn { min-width: 112px; }
.btn-scales-cont .btn:not(:nth-child(1))::before { content: ""; width: 15px; height: 15px; border-radius: 50%; margin-right: 8px; }
.btn-scales-cont .btn:nth-child(2)::before { background-color: #5BAD54; }
.btn-scales-cont .btn:nth-child(3)::before { background-color: #030CB5; }
.btn-scales-cont .btn:nth-child(4)::before { background-color: #FFC701; }
.btn-scales-cont .btn:nth-child(5)::before { background-color: #B3B3B3; }

.btn-filter,
.btn-scales-cont .btn, .btn-scales-cont .btn.focus,
.btn-map-admin .btn, .btn-map-admin .btn.focus,
.btn-poi .btn, .btn-poi .btn.focus { background-color: #FFF; color: #1e3a8a; border: 0; box-shadow: none!important; display: flex; align-items: center; justify-content: center; font-weight: 600; width: fit-content; border-radius: 6px!important; font-size: 15px; padding: 6px 12px; line-height: 1.467; white-space: nowrap; }

.btn-filter.active,
.btn-scales-cont .btn.active,
.btn-map-admin .btn.active,
.btn-poi .btn.active { background-color: #1e3a8a; color: #FFF; }

.btn-poi .btn span { width: 18px; height: 14px; margin-right: 6px; mask-repeat: no-repeat; mask-size: contain; mask-position: center; background: #1e3a8a; }
.btn-poi .btn span.icon-casino { transform: translateX(-2px); }
.btn-poi .btn.active span { filter: brightness(0) invert(1); }

html[dir="rtl"] .btn-back-map { left: unset; right: 20px; }
html[dir="rtl"] .map-page .btn-filter { right: unset; left: 10px; }
html[dir="rtl"] .map-page .btn-filter span { margin-right: unset; margin-left: 6px; }

html[dir="rtl"] .btn-scales-cont,
html[dir="rtl"] .btn-poi-cont,
html[dir="rtl"] .btn-map-admin { right: unset; left: 10px; }

html[dir="rtl"] .btn-scales-cont .btn:not(:nth-child(1))::before { margin-right: unset; margin-left: 8px; }
html[dir="rtl"] .btn-poi .btn span { margin-right: unset; margin-left: 6px; }
html[dir="rtl"] .btn-poi .btn span.icon-casino { transform: translateX(2px); }

@media (hover: hover) {
  .btn-scales-cont .btn:hover,
  .btn-map-admin .btn:hover,
  .btn-poi .btn:hover { background-color: #1e3a8a; color: #FFF; }
  .btn-poi .btn:hover span { filter: brightness(0) invert(1); }
}

#poiGalleryModal .close { position: absolute; top: -40px; right: 0; padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; z-index: 2; }
#poiGalleryModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#poiGalleryModal .modal-content { background: transparent; }
#poiGalleryModal .modal-body { border-radius: 8px; }
#poiGalleryModal .swiper-container { border-radius: 8px; }

#poiGalleryModal .swiper-button-prev, #poiGalleryModal .swiper-button-next { background: #1e3a8a; color: #FFF; width: 30px; height: 50px; }
#poiGalleryModal .swiper-button-prev { left: 0; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
#poiGalleryModal .swiper-button-next { right: 0; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
#poiGalleryModal .swiper-button-prev::after { transform: translateX(-3px); font-size: 24px; }
#poiGalleryModal .swiper-button-next::after { transform: translateX(3px); font-size: 24px; }

#poiGalleryModal .swiper-button-prev::before,
#poiGalleryModal .swiper-button-next::before { content: ''; position: absolute; top: -20px; bottom: -20px; }

#poiGalleryModal .swiper-button-prev::before { left: 0; right: -20px; }
#poiGalleryModal .swiper-button-next::before { right: 0; left: -20px; }
#poiGalleryModal .swiper-button-disabled { opacity: 0; }

#poiGalleryModal .swiper-pagination-fraction { position: absolute; left: 50%; transform: translateX(-50%); background: rgba(0,0,0,.8); border-radius: 13px; width: fit-content; height: 26px; font-size: 13px; font-weight: 600; line-height: 26px; color: #fff; text-align: center; z-index: 10; padding: 0 15px; }
#poiGalleryModal .custom-fraction { bottom: unset; top: 10px; }

html[dir="rtl"] #poiGalleryModal .close { right: unset; left: 0; padding: 8px; padding-left: 0; }
html[dir="rtl"] #poiGalleryModal .close::after { margin-left: unset; margin-right: 3px; }
html[dir="rtl"] #poiGalleryModal .swiper-button-prev { left: unset; right: 0; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
html[dir="rtl"] #poiGalleryModal .swiper-button-next { right: unset; left: 0; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
html[dir="rtl"] #poiGalleryModal .swiper-button-prev::after { transform: translateX(3px); }
html[dir="rtl"] #poiGalleryModal .swiper-button-next::after { transform: translateX(-3px); }
html[dir="rtl"] #poiGalleryModal .swiper-button-prev::before { left: -20px; right: 0; }
html[dir="rtl"] #poiGalleryModal .swiper-button-next::before { right: -20px; left: 0; }


@media (min-width: 768px) {
  .proto-map { top: 59px; }
  .map-page .btn-filter { right: 15px; top: 0; }
  .btn-scales-cont { right: 15px; top: 44px; }
  .btn-poi-cont { right: 15px; top: 264px; }
  .btn-map-admin { right: 15px; top: 396px; }

  .user-loc { min-width: fit-content!important; margin-top: 20px; }
  #poiGalleryModal .modal-dialog { max-width: 700px; }
  #poiGalleryModal .swiper-button-prev, #poiGalleryModal .swiper-button-next { background: #1e3a8a; width: 50px; height: 80px; }
  #poiGalleryModal .swiper-button-prev { border-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
  #poiGalleryModal .swiper-button-next { border-radius: 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
  #poiGalleryModal .swiper-button-prev::after { transform: translateX(-3px); font-size: 44px; }
  #poiGalleryModal .swiper-button-next::after { transform: translateX(3px); font-size: 44px; }

  #poiGalleryModal .swiper-button-prev::before,
  #poiGalleryModal .swiper-button-next::before { display: none; }

  html[dir="rtl"] .map-page .btn-filter { right: unset; left: 15px; }
  html[dir="rtl"] .btn-scales-cont { right: unset; left: 15px; }
  html[dir="rtl"] .btn-poi-cont { right: unset; left: 15px; }
  html[dir="rtl"] .btn-map-admin { right: unset; left: 15px; }

  html[dir="rtl"] #poiGalleryModal .swiper-button-prev { border-top-right-radius: 0; border-bottom-right-radius: 0; }
  html[dir="rtl"] #poiGalleryModal .swiper-button-next { border-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
  html[dir="rtl"] #poiGalleryModal .swiper-button-prev::after { transform: translateX(3px); }
  html[dir="rtl"] #poiGalleryModal .swiper-button-next::after { transform: translateX(-3px); }
}

@media (min-width: 992px) {
  .proto-map { top: 70px; }
  .map-page .btn-filter { right: 20px; top: 4px; }
  .btn-scales-cont { right: 20px; top: 48px; }
  .btn-poi-cont { right: 20px; top: 268px; }
  .btn-map-admin { right: 20px; top: 400px; }

  #poiGalleryModal .modal-dialog { aspect-ratio: 3 / 2; width: 100%; max-width: 900px; height: fit-content; max-height: 600px; }
  #poiGalleryModal .swiper-container { width: 100%; aspect-ratio: 3 / 2; z-index: 2; }
  #poiGalleryModal .swiper-slide img { max-width: unset; height: 100%; max-height: 100%; width: auto; }
  #poiGalleryModal .swiper-button-prev, #poiGalleryModal .swiper-button-next { width: 40px; height: 60px; }
  #poiGalleryModal .swiper-button-prev::after { transform: translateX(-3px); font-size: 36px; }
  #poiGalleryModal .swiper-button-next::after { transform: translateX(3px); font-size: 36px; }

  html[dir="rtl"] .map-page .btn-filter, html[dir="rtl"] .btn-scales-cont, html[dir="rtl"] .btn-poi-cont,  html[dir="rtl"] .btn-map-admin { right: unset; left: 20px; }
  html[dir="rtl"] #poiGalleryModal .swiper-button-prev::after { transform: translateX(3px); }
  html[dir="rtl"] #poiGalleryModal .swiper-button-next::after { transform: translateX(-3px); }
}

@media (min-width: 1180px) {
  .map-page .filter-cont { display: block; width: 300px; position: fixed; top: 70px; left: 0; bottom: 0; z-index: 1023; border-right: 1px solid #DDD; -webkit-box-shadow: 8px 19px 14px 10px rgb(0 0 0 / 12%); box-shadow: 08px 19px 14px 10px rgb(0 0 0 / 12%); overflow-y: auto; background-color: #FFF; border-top: 1px solid #EDEDED; }
  .map-page .filter-cont .filter-form { border-radius: 0; border: 0; background-color: #FFF; }
  .map-page .btn-back-map { min-width: 300px; }
  .map-page .filter-cont .filter-box p { font-size: 15px; }
  .map-page .filter-cont .filter-box { padding: 15px 0; }
  .map-page .filter-cont .filter-box select { padding: 6px 28px 6px 12px; height: 38px; }
  .map-page .filter-cont .filter-box .custom-checkbox { width: 100%; }

  .map-page .filter-cont ~ .btn-back-map { position: fixed; top: 0; left: 0; z-index: 1023; border-radius: 0; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; min-height: 42px; box-shadow: unset!important; }

  .map-page .filtered-items { display: block; width: 315px; padding: 15px; position: fixed; left: 300px; top: 70px; bottom: 0; background-color: #FFF; transition: ease transform .2s; overflow-y: auto; z-index: 1022; transform: translateX(-100%); pointer-events: none; -webkit-box-shadow: 8px 19px 14px 10px rgb(0 0 0 / 12%); box-shadow: 08px 19px 14px 10px rgb(0 0 0 / 12%); border-top: 1px solid #EDEDED; }

  .map-page .filtered-items.active { -webkit-box-shadow: 8px 19px 14px 10px rgb(0 0 0 / 12%); box-shadow: 08px 19px 14px 10px rgb(0 0 0 / 12%); transform: translateX(0%); pointer-events: all; }

  .map-page .filtered-items .project-link { border-radius: 6px; box-shadow: none!important; width: 270px; margin-bottom: 15px; align-items: center; outline: 1px solid rgba(0, 0, 0, .1); }
  .map-page .filtered-items .project-link:has(.badge-featured) { background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #088EFC 0%, #747AD8 50%, #D96571 100%) border-box!important; border-radius: 10px; border: 4px solid transparent; }


  .map-page .filtered-items .project-link:hover { box-shadow: none!important; transform: translateY(0); outline: 3px solid #333;  }
  .map-page .filtered-items .project-link p { font-size: 17px; }
  .map-page .filtered-items .project-img span { position: absolute; display: block; font-size: 15px; font-weight: 600; right: 0; bottom: .5rem; color: #FFF; background-color: #D60000; line-height: 1; z-index: 1; padding: .5rem; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; top: unset; text-shadow: unset; text-transform: unset; letter-spacing: normal; }

  .map-page .filtered-items .project-link .logo-firm img { height: 24px; }
  .map-page .filtered-items .project-link .project-img::after { display: none; }

  .map-page .filtered-items .project-link .project-name { margin-bottom: 0; }
  .map-page .filtered-items .project-link .project-name::after { display: none; }
  .map-page .filtered-items .project-link .project-date span { font-size: 14px; }

  .map-page .btn-toogle-filter { display: inline-block; z-index: 1023; position: fixed; left: 300px; top: 90px; transition: ease left .2s; outline: 0!important; box-shadow: none!important; background-color: #FFF; border: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; height: 32px; width: 32px; padding: 0; line-height: 1; transition: ease all .2s; }
  .map-page .btn-toogle-filter:hover { background-color: #EFEFEF; }
  .map-page .btn-toogle-filter span {  width: 32px; height: 32px; display: inline-block; }
  .map-page .btn-toogle-filter span::after { mask-size: auto 18px; width: 32px; height: 32px; display: inline-block; transition: ease transform .2s; transition-delay: .2s; content: ''; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.7' height='16'%3E%3Cpath d='m9.5 8.6-7.2 7.1a.9.9 0 0 1-1.2 0L.3 15a.9.9 0 0 1 0-1.2L5.9 8 .3 2.3a.9.9 0 0 1 0-1.2L1 .3a.9.9 0 0 1 1.2 0l7.2 7a.9.9 0 0 1 0 1.3Z' fill='%231e3a8a'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-position: center; background: #1e3a8a; }
  .map-page .btn-toogle-filter.active { left: 615px; }

  .map-page .btn-toogle-filter.active span::after { transform: rotate(-180deg) translateX(2px); }

  .proto-map { left: 300px; transition: ease left .2s; }
  .filtered-items.active ~ .proto-map { left: 600px; }


  html[dir="rtl"] .map-page .filter-cont { left: unset; right: 0; }
  html[dir="rtl"] .map-page .filter-cont .filter-box select { padding: 6px 12px 6px 28px; }
  html[dir="rtl"] .map-page .filter-cont ~ .btn-back-map { left: unset; right: 0; }

  html[dir="rtl"] .map-page .filtered-items { left: unset; right: 300px; transform: translateX(100%); }
  html[dir="rtl"] .map-page .filtered-items.active { transform: translateX(0%); }

  html[dir="rtl"] .map-page .filtered-items .project-img span { right: unset; left: 0; border-top-left-radius: 0; border-top-right-radius: .25rem; border-bottom-left-radius: 0; border-bottom-right-radius: .25rem; }
  html[dir="rtl"] .map-page .btn-toogle-filter { left: unset; right: 300px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
  html[dir="rtl"] .map-page .btn-toogle-filter.active { left: unset; right: 615px; }
  html[dir="rtl"] .map-page .btn-toogle-filter span::after { transform: rotate(-180deg) translateX(-2px);}
  html[dir="rtl"] .map-page .btn-toogle-filter.active span::after { transform: rotate(0deg) translateX(1px); }

  html[dir="rtl"] .proto-map { left: 0; right: 300px; }
  html[dir="rtl"] .filtered-items.active ~ .proto-map { left: 0; right: 600px; }
}

@media (min-width: 1200px) {
  #poiGalleryModal .modal-dialog { max-width: 1200px; max-height: 800px; }
}

@media (min-width: 1440px) {
  #poiGalleryModal .swiper-button-prev, #poiGalleryModal .swiper-button-next { width: 50px; height: 80px; }
  #poiGalleryModal .swiper-button-prev::after, #poiGalleryModal .swiper-button-next::after { font-size: 44px; }

  .map-page .btn-filter { display: none; }
  .map-page:has(.btn-filter.active) .container-fluid::before { display: none; }
  .btn-scales-cont { top: 4px; flex-direction: row; display: flex!important; z-index: 1021; }
  .btn-scales-cont .btn { min-width: 100px; }
  .btn-poi-cont { top: 48px; flex-direction: row; display: flex!important; }
  .btn-map-admin { top: 92px; flex-direction: row; display: flex!important; }
  .btn-scales-cont, .btn-poi-cont, .btn-map-admin { z-index: 2; }
}

.popup-container { transform: translateY(-32px); }
.popup-container:has(.badge-featured) { transform: translateY(-48px); }
.popup-bubble { background-color: transparent; padding: 0; min-width: 280px; max-width: 300px; overflow: visible!important; box-shadow: none; text-align: unset; width: 100%; }
.popup-bubble::after { border-top: 8px solid currentcolor; border-top: 8px solid #FFF; }

.popup-bubble .project-link { margin-bottom: 0; overflow: visible; font-family: 'Open Sans', sans-serif; }

.custom-tooltip .project-link { min-width: 280px; display: flex; visibility: hidden; }

.custom-tooltip .project-link .logo-firm img,
.popup-bubble .project-link .logo-firm img { height: 20px; }

.custom-tooltip .project-link-alt .project-img,
.popup-bubble .project-link-alt .project-img { border-radius: 10px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.custom-tooltip .project-link .project-data,
.popup-bubble .project-link .project-data { padding: 9px 12px; }

.custom-tooltip .project-link .project-data small,
.popup-bubble .project-link .project-data small { font-size: 12px; }

.custom-tooltip .project-link .project-data p,
.popup-bubble .project-link .project-data p { font-size: 15px; }

.custom-tooltip .project-link .project-data p.project-name,
.popup-bubble .project-link .project-data p.project-name { font-size: 19px; line-height: 22px; }

.popup-bubble .poi-img { background: #FFF; border-radius: 10px; overflow: hidden; }
.popup-bubble .poi-img p { color: #333; margin: 0; text-align: center; font-weight: 600; padding: 10px 15px 10px 15px; }
.popup-bubble .poi-img img { pointer-events: none; aspect-ratio: 16 / 10; max-width: 100%; }
.popup-bubble .poi-img small { color: #D60000; display: block; margin-bottom: .5rem; cursor: pointer; margin-top: -10px; }

@media (min-width: 768px) {
  .popup-bubble { min-width: 300px; }
  .custom-tooltip .project-link { min-width: 300px; }
  .popup-bubble .project-link .logo-firm img { height: 24px; }
}

@media (min-width: 1920px) {
  .popup-bubble { min-width: 360px; max-width: 360px; }
  .custom-tooltip .project-link { min-width: 360px; }

  .custom-tooltip .project-link .logo-firm img,
  .popup-bubble .project-link .logo-firm img { height: 30px; }
  
  .custom-tooltip .project-link .project-data,
  .popup-bubble .project-link .project-data { padding: 12px 15px; }

  .custom-tooltip .project-link .project-data small,
  .popup-bubble .project-link .project-data small { font-size: 13px; }

  .custom-tooltip .project-link .project-data p,
  .popup-bubble .project-link .project-data p { font-size: 16px; }

  .custom-tooltip .project-link .project-data p.project-name,
  .popup-bubble .project-link .project-data p.project-name { font-size: 21px; line-height: 24px; }
  
  .popup-bubble .poi-img img { max-width: 360px; }
}


/*--- PAGE: PROJECT RENTAL INCOME ---*/
.table-income { font-size: 14px; text-align: center; border-radius: 0; background-color: #f7f5fa; padding-top: 10px; padding-bottom: 15px; }

.table-income div[class^="col"] { display: flex; flex-direction: column; justify-content: flex-start; padding: 5px; }
.table-income div[class^="col"]:first-child { border: 0; font-weight: 600; font-size: 18px; margin-bottom: 5px; }
.table-income div[class^="col"] strong { display: flex; align-items: center; justify-content: center; font-weight: 600; margin-bottom: 3px; color: #666; }
.table-income div[class^="col"] span { padding: 0px 0; line-height: 1; font-size: 15px; position: relative; }

.table-type-info { margin: 16px auto; background-color: #1e3a8a; padding-top: 0; padding-bottom: 0; }
.table-type-info div[class^="col"] { font-size: 16px; margin-bottom: 0; }
.table-type-info div[class^="col"]:first-child { height: 0; margin: 0; padding: 0; }
.table-type-info div[class^="col"] strong { margin-bottom: 0; color: #FFF; }

.table-income-cat { position: relative; z-index: 0; margin-bottom: 16px; overflow: hidden; }

.table-income-cat.table-realistic { z-index: 1; font-weight: 600; }
.table-income-cat.table-realistic::before { content: ''; position: absolute; left: 0; right: 0; top: -1px; bottom: 0; background-color: #F8E71C; }

.table-income div[class^="col"] span .icon-info { width: 18px; height: 18px; display: block; cursor: help; mask-image: url("data:image/svg+xml,%3Csvg width='38' height='38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.8 0c-2.6 0-5 .5-7.3 1.5a18.3 18.3 0 0 0-10 10 18.8 18.8 0 0 0 0 14.6 19 19 0 0 0 17.3 11.5A19 19 0 0 0 36 26.1a18.8 18.8 0 0 0-4-20.6c-1.7-1.7-3.7-3-6-4S21.4 0 18.8 0Zm0 34.2a15 15 0 0 1-11-4.5 15.4 15.4 0 1 1 25.2-17 15 15 0 0 1 1.2 6 15 15 0 0 1-4.5 11 15.4 15.4 0 0 1-11 4.5Zm0-17.1c-.5 0-1 .2-1.3.5-.3.3-.4.7-.4 1.2v6.8c0 .5.1 1 .4 1.3.4.3.8.4 1.3.4s.9-.1 1.2-.4c.3-.4.5-.8.5-1.3v-6.8c0-.5-.2-1-.5-1.2-.3-.3-.7-.5-1.2-.5Zm-1.2-6.3a2 2 0 0 0-.4.5l-.1.7.1.6c0 .2.2.4.4.6.2.1.3.3.5.3l.7.2c.2 0 .5 0 .6-.2l.6-.3.4-.6.1-.6-.1-.7a2 2 0 0 0-.4-.5 1.6 1.6 0 0 0-2.4 0Z' fill='%231e3a8a' fill-rule='evenodd'/%3E%3C/svg%3E"); mask-size: 18px auto; mask-repeat: no-repeat; mask-position: center; background: #1e3a8a; position: absolute; right: 8px; bottom: -2px; }


.samples-box { justify-content: flex-start; flex-direction: column; }
.samples-box div { color: #333; transition: ease all .2s; overflow: hidden; text-align: center; margin-bottom: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; border-radius: .5rem; padding: 1rem; border: .125rem solid #DFDFE9; width: fit-content; }
.samples-box div:last-child { margin-bottom: 0; }
.samples-box div img { width: calc(33.333% - 10px); object-fit: cover; object-position: top; aspect-ratio: 3 / 2; border-radius: 4px; border: 1px solid #e4e2e7; padding: 4px; cursor: pointer; transition: ease all .2s; }
.samples-box div img:hover,
.samples-box div img:focus { background-color: #172554; color: #FFF; border-color: #172554 }
.samples-box div p { font-weight: 600; line-height: 1.1; font-size: 16px; width: 100%; text-align: center; }
.samples-box div p span { font-size: 14px; }
.samples-box div p br + br { display: none; }


.page-rental-income .modal-link {  display: flex; align-items: center;  text-decoration: none; max-width: 400px; padding: 16px; margin-bottom: 1rem; line-height: 1;  }
.page-rental-income .modal-link span { background-repeat: no-repeat; background-size: contain; flex-shrink: 0; }
.page-rental-income .modal-link span.icon-download-menu { margin-right: 10px; width: 20px; height: 20px; }
.page-rental-income .modal-link span.icon-download-file { margin-left: auto; width: 18px; height: 18px; }
.page-rental-income .modal-link::before { content: ''; }
.page-rental-income .modal-link:hover,
.page-rental-income .modal-link:focus { background-color: #172554; }

html[dir="rtl"] .table-income div[class^="col"] span .icon-info { right: unset; left: 8px; }

@media screen and (min-width: 768px) {
  .samples-box div { margin-bottom: 1rem; flex-direction: row; justify-content: flex-start; align-items: center; gap: 0 1rem; }
  .samples-box div img { width: 100px; padding: 4px; }
  .samples-box div p { width: 160px; text-align: left; margin: 0; margin-right: 1rem; }
  .samples-box div p br + br { display: block; }
}

@media screen and (min-width: 1200px) {
  .table-income { border-radius: 0; background-color: transparent; padding-top: 0; padding-bottom: 0; position: relative; font-size: 15px; }
  .table-income div[class^="col"],
  .table-income div[class^="col"]:first-child { border: 1px solid #e4e2e7; border-right: 0; border-bottom: 0; justify-content: center; padding: 0; }
  .table-income div[class^="col"]:first-child { font-size: 15px; font-weight: normal; margin: 0; max-width: 160px; }
  .table-income div[class^="col"]:last-child { border-right: 1px solid #e4e2e7; }
  .table-income div[class^="col"] strong { padding: 5px; flex: 1; margin-bottom: 0; color: #333; }
  .table-income div[class^="col"] span { padding: 10px 0; font-size: 15px; }

  .table-income-cat { overflow: visible; }
  .table-income-cat.table-realistic div[class^="col"] { background-color: #F8E71C; font-weight: 600; }
  .table-income-cat.table-realistic::before { display: none; }
  .table-income-cat.table-optimistic div[class^="col"] { border-bottom: 1px solid #e4e2e7; }
  .table-income div[class^="col"] span .icon-info { bottom: 6px; }

  html[dir="rtl"] .table-income div[class^="col"],
  html[dir="rtl"] .table-income div[class^="col"]:first-child { border-right: 1px solid #e4e2e7; border-left: 0; }
  html[dir="rtl"] .table-income div[class^="col"]:last-child { border-right: 0; border-left: 1px solid #e4e2e7; }
}


/*--- LINE CHART ---*/
.historical-chart { position: relative; width:100%; aspect-ratio: 1 / 1; overflow: hidden; margin: 2rem 0; }

@media screen and (min-width: 768px) {
  .historical-chart { aspect-ratio: 16 / 6; margin: 3rem 0; }
}


/*--- LAYOUT STYLES ---*/
.proto { padding: 0; width: 100%; height: fit-content; }
.proto-project { border-radius: 8px; background-color: #FFF; padding: 20px; }

.proto-project h1:has(.badge-featured) .badge-featured { color: #fff; font-size: 12px; font-weight: 600; line-height: 1; text-transform: uppercase; padding: 4px 8px; border-radius: .5rem; transform: translateY(-3px); cursor: default; }

.proto h1 { font-size: 24px; }
.proto h1 small { display: block; font-size: 60%; }
.proto p:last-child { margin-bottom: 0; }

.project-icons { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; margin-bottom: 15px; gap: .5rem 0; }
.project-icons div { text-align: left; white-space: nowrap; margin: 0; display: flex; flex-direction: row; gap: 0 .5rem; align-items: center; flex-grow: 1; flex-basis: 0; border: 1px solid #e6e6e6; border-radius: 9px; padding: .5rem; align-self: stretch; width: 100%; }
.project-icons div > span { display: block; flex-shrink: 0; width: 24px; height: 24px; border-radius: 12px; background-color: #1e3a8a; background-size: auto 50%; background-repeat: no-repeat; background-position: center; }
.project-icons div p span { display: inline; padding-left: 3px; }
.project-icons div p { font-size: 15px; font-weight: 600; margin-bottom: 0; line-height: 1.2; }
.project-icons div p br { display: none; }
.project-icons .dotted { white-space: normal; display: inline-block; padding-right: 5px; }

.project-icons + img { margin-left: -20px; width: calc(100% + 40px)!important; max-width: calc(100% + 40px)!important; border-radius: 0!important; }

.proto-facilities .facilities-cont { display: flex; flex-wrap: wrap; gap: 1rem; }
.proto-facilities .facilities-cont label { width: calc(50% - 8px); font-size: 13px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: .75rem; border: 1px solid #E7E7E7; border-radius: .5rem; outline: 0 !important; box-shadow: none !important; line-height: 1.2; position: relative; color: #000; text-align: center; margin: 0; }
.proto-facilities .facilities-cont label img { width: 32px; height: 32px; object-fit: contain; margin-bottom: .6rem; }



.show-more { position: relative; }
.show-more:has(p:nth-child(4)) { max-height: 500px; overflow: hidden; transition: ease all .2s;  }
.show-more:has(p:nth-child(4))::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 100px; background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 100%);}

.show-more + p.collapse-more { display: none; }
.show-more:has(p:nth-child(4)) + p.collapse-more { display: flex; }

.collapse-more { position: relative; margin-top: 1rem; display: flex; align-items: center; gap: 0 .5rem; font-size: 15px; }
.collapse-more input { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; border: 0; appearance: none; }
.collapse-more .icon-more { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='43'%3E%3Cpath fill='%231e3a8a' fill-rule='evenodd' d='M42.625 21.313q0 4.425-1.676 8.292t-4.576 6.768-6.768 4.576-8.292 1.676-8.293-1.676-6.768-4.576-4.576-6.768T0 21.313t1.676-8.293Q3.35 9.152 6.252 6.252t6.768-4.576T21.313 0q4.425 0 8.292 1.676t6.768 4.576 4.576 6.768 1.676 8.293m-19.852 9.796 11.645-11.644q.602-.602.602-1.461t-.602-1.461l-1.461-1.461a2 2 0 0 0-1.46-.602q-.86 0-1.462.602l-8.722 8.723-8.723-8.723a2 2 0 0 0-1.461-.602q-.86 0-1.461.602l-1.461 1.461a2 2 0 0 0-.602 1.46q0 .86.602 1.462l11.645 11.644q.601.602 1.46.602.86 0 1.461-.602'/%3E%3C/svg%3E"); display: inline-block; width: 18px; height: 18px; background-size: 100% auto; background-repeat: no-repeat; background-position: center; transition: ease all .2s; border-radius: 50%; }

.collapse-more:has(input:checked) .icon-more { transform: rotate(-.5turn);}

body:has(.collapse-more input:checked) .show-more:has(p:nth-child(4)) { max-height: 100%; }
body:has(.collapse-more input:checked) .show-more:has(p:nth-child(4))::after { display: none; }

body:has(.collapse-more input) .text-showmore { display: inline; }
body:has(.collapse-more input) .text-showless { display: none; }

body:has(.collapse-more input:checked) .text-showmore { display: none; }
body:has(.collapse-more input:checked) .text-showless { display: inline; }



@media screen and (min-width: 768px) {
  .proto-facilities .facilities-cont label { width: calc(33.333% - 11px); flex-direction: row; gap: .75rem; justify-content: flex-start; text-align: left; }
  .proto-facilities .facilities-cont label img { margin: 0; }

  .project-icons { align-items: flex-start; flex-direction: row; gap: 15px; }
  .project-icons div { text-align: center; flex-direction: column; width: 50%; padding: 18px 10px 15px 10px; max-width: 150px; min-width: 120px; }
  .project-icons div > span { width: 44px; height: 44px; border-radius: 22px; margin-bottom: 10px; }
  .project-icons div p span { display: block; padding-left: 0; }
  .project-icons div p br { display: block; }

  .show-more { outline: none; }
  .show-more:has(p:nth-child(4)) { max-height: 100%; overflow: visible; }
  .show-more:has(p:nth-child(4))::after { display: none; }
  p.collapse-more { display: none!important; }
  
}

@media screen and (min-width: 1180px) {
  .project-icons .dotted { white-space: nowrap; }

  .project-icons + img { margin-left: 1rem; width: 50%!important; max-width: 100%!important; border-radius: .3rem!important; }
}

@media screen and (min-width: 1366px) {
  .proto-facilities .facilities-cont label { width: calc(25% - 15px); gap: 1rem; padding: 1rem;  }
}

.proto-catalogue .iframe-cont { position: relative; aspect-ratio: 3 / 2; margin-left: -20px; width: calc(100% + 40px); }
.proto-catalogue iframe { position: absolute; left: 20px; right: 20px; top: 20px; bottom: 20px; width: calc(100% - 40px); height: calc(100% - 40px); width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; }

.proto-360 .iframe-cont { position: relative; }
.proto-360 .iframe-cont iframe { width: 100%; aspect-ratio: 1 / 1.75; }

.proto-matterport iframe { border-radius: 8px; }
.proto-matterport span.copy { font-size: 16px; cursor: pointer; position: relative; width: unset; white-space: nowrap; }
.proto-matterport span.copy i { color: #008D47; margin: 0; left: 0; position: absolute; display: inline-block; font-style: normal; }


.proto-location #map { width: calc(100% + 40px); height: 400px; margin-left: -20px; }
.proto-location .btn-gmapp { background-color: #FFF; color: #1e3a8a; font-weight: 600; display: flex; align-items: center; margin: 0; box-shadow: unset!important; border: 1px solid #ddd; white-space: nowrap; padding: 10px 15px; border-radius: 0.5rem; }
.proto-location .btn-gmapp .icon-external-link { width: 13px; height: 13px; margin-left: 8px; mask-size: contain; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%231e3a8a'%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112v320c0 44.2 35.8 80 80 80h320c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v112c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h112c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z'/%3E%3C/svg%3E"); background: #1e3a8a; }
.proto-location .btn-gmapp:hover .icon-external-link,
.proto-location .btn-gmapp:focus .icon-external-link { filter: brightness(0) invert(1); }

.proto-location .location-legend { display: flex; flex-direction: column; gap: 1rem 0; margin-top: 1rem; }
.proto-location .location-legend span { width: 20px; height: 20px; border-radius: 10px; }
.proto-location .location-legend span.beach { background-color: #A3BFFA; }
.proto-location .location-legend span.restaurant { background-color: #FF9999; }
.proto-location .location-legend span.hospital { background-color: #EE1C25; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23EE1C25'/%3E%3Cpath fill='%23FFF' d='M12.188 12.188V6h5.625v6.188H24v5.625h-6.187V24h-5.625v-6.187H6v-5.625z'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain; }
.proto-location .location-legend span.market { background-color: #A8E4A0; }
.proto-location .location-legend div { display: flex; align-items: center; gap: 0 .35rem; }

.proto-pdf-files { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 30px; }
.proto-pdf-files h1 { width: 100%; }
.proto-pdf-files .pdf-book { width: calc(50% - 15px); aspect-ratio: 1 / 1.33; border-radius: 3px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 15px; padding-bottom: 10px; cursor: pointer; user-select: none!important; background-color: #1e3a8a; outline: 1px solid rgba(255,255,255,.25); outline-offset: -7px; box-shadow: 4px 8px 6px 0px rgba(151, 146, 153,0.4), -4px 0px 0px 0px rgba(0,0,0,.8); position: relative; transition: ease all .2s; position: relative; }
.proto-pdf-files .pdf-book::before { content: ''; position: absolute; left: 3px; width: 2px; top: 0; bottom: 0; opacity: .5; filter: blur(1px); z-index: 1; background-color: #000; }
.proto-pdf-files .pdf-book .rooms::before { content: ''; position: absolute; left: 5px; width: 2px; top: 0; bottom: 0; opacity: .3; filter: blur(1px); z-index: 1; background-color: #fff; }
.proto-pdf-files .pdf-book::after { background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5) 100%); content: ''; position: absolute; top: 0%; left: 0; right: 0; bottom: 0; z-index: 0; transition: ease all .2s; }
.proto-pdf-files .pdf-book p { text-align: center; margin: 0; line-height: 1; color: #FFF; z-index: 1; color: #FFF; }
.proto-pdf-files .pdf-book .rooms { font-size: 16px; font-weight: 600; margin-bottom: 5px; margin-top: 10px; }
.proto-pdf-files .pdf-book .type { font-size: 18px; font-weight: 800; margin-bottom: 25px; }
.proto-pdf-files .pdf-book .price { font-size: 21px; font-weight: 800; margin-top: auto; margin-bottom: 10px; }
.proto-pdf-files .pdf-book .price small { display: block; font-size: 55%; font-weight: 500; margin-bottom: 5px; }
.proto-pdf-files .brand { background-image: var(--bg-image-pdf); width: 50px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; flex-shrink: 0; }

.proto-pdf-files .pdf-book .arrow { position: absolute; right: -13px; bottom: -5px; width: 40px; height: 47px;  z-index: 1; transition: ease bottom .2s; }
.proto-pdf-files .pdf-book:hover { box-shadow: 0 17px 12px 2px rgba(151, 146, 153, 0.7), -4px 0px 0px 0px rgb(60 27 90); transform: scale(1.015) translateY(-5px); }
.proto-pdf-files .pdf-book:hover::after { top: 85%; }
.proto-pdf-files .pdf-book:hover .arrow { bottom: -10px; }

.paymentplan-phase { margin-bottom: 32px; padding-top: 0; display: flex; flex-wrap: wrap; gap: .5rem 0; }
.paymentplan-phase h3 { margin-bottom: 3px; font-size: 22px; }
.paymentplan-phase h5 { margin-bottom: 0; width: 100%; font-size: 16px; display: flex; }
.paymentplan-phase h5:last-child { margin-bottom: 0; }
.paymentplan-phase h5 span { font-weight: normal; width: 50%; flex-shrink: 0; }
.paymentplan-phase h5 span + span { width: unset; margin-left: .5rem; }




.paymentplan-alt .paymentplan-phase { border-radius: .5rem; padding: 1rem; border: .125rem solid #DFDFE9; }
.paymentplan-alt .paymentplan-phase .payments { display: flex; justify-content: center; flex-direction: column; width: 100%; }
.paymentplan-alt .paymentplan-phase .payments > div { position: relative; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto; grid-column-gap: 0px; grid-row-gap: 0px; padding-left: 35px; padding-bottom: 35px; align-items: center; }
.paymentplan-alt .paymentplan-phase .payments > div::before { content: ""; display: block; background-color: #DFDFE9; width: 24px; height: 24px; position: absolute; left: 0; top: 0; border-radius: 50%; z-index: 0; }
.paymentplan-alt .paymentplan-phase .payments > div::after { content: ""; width: 2px; position: absolute; top: 0; height: 100%; background-color: #dfdfe9; transform: translateX(11px); }
.paymentplan-alt .paymentplan-phase .payments > div:last-child { padding-bottom: 0; }
.paymentplan-alt .paymentplan-phase .payments > div:last-child::after { display: none; }
.paymentplan-alt .paymentplan-phase .payments > div .date { border: .125rem solid #DFDFE9; border-radius: 1.5rem; color: #888; text-align: center; font-weight: 600; line-height: 1; font-size: 15px; min-width: 1.5rem; height: 1.5rem; width: fit-content; position: relative; line-height: 1; padding: 1rem .75rem; display: flex; align-items: center; justify-content: center; background-color: #FFF; z-index: 1; }
.paymentplan-alt .paymentplan-phase .payments > div:not(.orphan) .date { border: 0; border-radius: 0; text-align: left; justify-self: start; padding: 0; font-size: 14px; }
.paymentplan-alt .paymentplan-phase .payments > div .date.dot { background-color: #DFDFE9; width: 24px; height: 24px; grid-area: 2 / 1 / 3 / 2; width: fit-content; border: 0; padding: 0; border-radius: 0; display: block; font-size: 14px; text-align: left; height: unset; }
.paymentplan-alt .paymentplan-phase .payments > div.orphan { position: relative; }
.paymentplan-alt .paymentplan-phase .payments > div.orphan::before { height: 2px; width: 25%; left: 11px; border-radius: 0; top: calc(50% - 18px); background-color: #dfdfe9; }
.paymentplan-alt .paymentplan-phase .payments > div.orphan .date { white-space: nowrap;}
.paymentplan-alt .paymentplan-phase .payments > div.orphan h3,
.paymentplan-alt .paymentplan-phase .payments > div.orphan h5 { display: none; }
.paymentplan-alt .paymentplan-phase .payments > div h3 { margin: 0; font-weight: 700; line-height: 1; font-size: 1.5rem; grid-area: 1 / 2 / 3 / 3; align-self: start; }
.paymentplan-alt .paymentplan-phase .payments > div h5 { display: block; text-transform: capitalize; text-align: left; color: #333; font-size: 1rem; grid-area: 1 / 1 / 2 / 2; padding-right: .5rem; line-height: 1; }


@media (min-width: 768px) {
  .paymentplan-alt .paymentplan-phase .payments { flex-direction: row; margin-top: 1rem; margin-bottom: .5rem; }
  .paymentplan-alt .paymentplan-phase .payments > div { grid-template-columns: 1fr; grid-template-rows: 2.25rem 4rem auto; padding-left: 0; padding-bottom: 0; align-items: center; width: 100%; }
  .paymentplan-alt .paymentplan-phase .payments > div::before { left: calc(50% - 12px); }
  .paymentplan-alt .paymentplan-phase .payments > div::after { width: 100%; top: 11px; height: 2px; background-color: #dfdfe9; transform: translateX(50%); }
  .paymentplan-alt .paymentplan-phase .payments > div:not(.orphan) .date:not(.dot) { border: .125rem solid #DFDFE9; border-radius: 1.5rem; text-align: center; justify-self: center; padding: 1rem .75rem; line-height: 1; font-size: 15px; height: 1.5rem; width: fit-content; transform: translateY(-5px); }
  .paymentplan-alt .paymentplan-phase .payments > div.orphan::before { display: none; }
  .paymentplan-alt .paymentplan-phase .payments > div .date { transform: translateY(-6px); margin: 0 auto; }
  .paymentplan-alt .paymentplan-phase .payments > div .date.dot { grid-area: 1 / 1 / 2 / 2; }
  .paymentplan-alt .paymentplan-phase .payments > div h3 { grid-area: 2 / 1 / 3 / 2; font-size: 2rem; align-self: unset; text-align: center; }
  .paymentplan-alt .paymentplan-phase .payments > div h5 { grid-area: 3 / 1 / 4 / 2; font-size: 14px; color: #666; padding: 0; text-align: center; white-space: nowrap; }

  .proto-location .location-legend { flex-direction: row; gap: 0 2rem; }
}


.proto-dmg iframe { min-height: 500px; width: 100%; }

html[dir="rtl"] .proto-pdf-files .pdf-book .rooms::before { left: unset; right: 5px; }
html[dir="rtl"] .proto-pdf-files .pdf-book .arrow { right: unset; left: -13px; }
html[dir="rtl"] .paymentplan-phase h5 span + span { margin-right: .5rem; margin-left: unset; }
html[dir="rtl"] .proto-location .btn-gmapp .icon-external-link { margin-left: 0; margin-right: 8px; }

@media (min-width: 576px) {
  .project-icons div { width: 33.333%; }
}

@media (min-width: 768px) {
  .proto h1 { font-size: 28px; }
  .proto-project h1:has(.badge-featured) .badge-featured { font-size: 13px; padding: 5px 9px; transform: translateY(-5px); }

  .proto-360 .iframe-cont iframe { aspect-ratio: 1 / 1; }
  .proto-location #map { height: 500px; width: 100%; margin-left: 0; }

  .project-icons { flex-wrap: nowrap; margin-bottom: 24px; gap: 0 10px; }
  .project-icons div { width: fit-content; max-width: 190px;  }

  .proto-pdf-files .pdf-book { width: calc(25% - 25px);  }
  .proto-pdf-files .pdf-book .rooms { font-size: 16px; white-space: nowrap; }
  .proto-pdf-files .pdf-book .type { font-size: 21px; }
  .proto-pdf-files .pdf-book .price { font-size: 24px; }
  .proto-pdf-files .pdf-book .arrow { right: -14px; }

  html[dir="rtl"] .proto-pdf-files .pdf-book .arrow { right: unset; left: -14px; }
}

@media (min-width: 1180px) {
  .proto-project { width: calc(100% - 300px); padding: 30px; }
  .proto h1 { font-size: 36px; }
  .proto-project h1:has(.badge-featured) .badge-featured { font-size: 14px; padding: 6px 10px; transform: translateY(-7px); }

  .project-icons { margin-bottom: 16px; }
  .project-icons div { max-width: 100%; }
  .project-icons div > span { width: 48px; height: 48px; border-radius: 24px; }

  .proto-catalogue .iframe-cont { max-height: calc(100dvh - 70px); margin: 0; width: 100%; }

  .proto-360 .iframe-cont iframe { aspect-ratio: 3 / 2; }
  .proto-location #map { aspect-ratio: 3 / 2; height: unset; max-height: 600px; }

  .proto-pdf-files .pdf-book { width: calc(33.333% - 20px); border-radius: 4px; padding: 20px; padding-bottom: 10px; outline-offset: -10px; }
  .proto-pdf-files .pdf-book::before { left: 7px; }
  .proto-pdf-files .pdf-book .rooms::before { left: 10px; }
  .proto-pdf-files .pdf-book .rooms { font-size: 18px; white-space: nowrap; }
  .proto-pdf-files .pdf-book .type { font-size: 24px; }
  html[lang="da"] .proto-pdf-files .pdf-book .type { font-size: 21px; }
  .proto-pdf-files .pdf-book .price { font-size: 28px; margin-bottom: 15px; }
  .proto-pdf-files .brand { width: 80px; height: 32px; }

  body:has(#scales:checked) { overflow: hidden; }

  body:has(#scales:checked) .proto { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; z-index: 1022; padding: 1rem!important; /*animation-duration: .25s; animation-name: slide-in; animation-direction: alternate;*/ }

  body:has(#scales:checked) .proto-prices { padding: 0 1rem!important; background-color: #f4f5f9; overflow: auto; }
  body:has(#scales:checked) .sticky-cont { padding-top: 10px; }

  @keyframes slide-in {
    from { translate: 320px 86px; padding: 30px; }
    to { translate: 0 0; padding: 1rem; }
  }

  .proto-project { overflow: auto; }

  body:has(#scales:checked) .proto .iframe-cont { margin: 0 auto; max-height: calc(100dvh - 100px); }

  .btn-zoom { background-color: #FFF; color: #1e3a8a; font-weight: 600; display: flex; align-items: center; margin: 0; box-shadow: unset!important; border: 1px solid #ddd; white-space: nowrap; padding: 10px 15px; border-radius: 0.5rem; }
  .btn-zoom:hover, .btn-zoom:focus { background-color: #1e3a8a; color: #FFF; border-color: #1e3a8a; }

  .btn-zoom .icon { width: 14px; height: 14px; background-repeat: no-repeat; background-size: contain; margin-right: 8px; }

  .btn-zoom:has(input[type="checkbox"]) .icon { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%231e3a8a'%3E%3Cpath d='M344 0h144c13.3 0 24 10.7 24 24v144c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87L327 41c-6.9-6.9-8.9-17.2-5.2-26.2S334.3 0 344 0zM168 512H24c-13.3 0-24-10.7-24-24V344c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8z'/%3E%3C/svg%3E"); mask-size: contain; background: #1e3a8a; mask-repeat: no-repeat; }

  .btn-zoom:has(input[type="checkbox"]:checked) .icon { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%231e3a8a'%3E%3Cpath d='M439 7c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8H296c-13.3 0-24-10.7-24-24V72c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87zM72 272h144c13.3 0 24 10.7 24 24v144c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0L7 473c-9.4-9.4-9.4-24.6 0-33.9l87-87L55 313c-6.9-6.9-8.9-17.2-5.2-26.2S62.3 272 72 272z'/%3E%3C/svg%3E"); mask-size: contain; background: #1e3a8a; }

  .btn-zoom:hover .icon, .btn-zoom:focus .icon { filter: brightness(0) invert(1); }

  .btn-zoom input[type="checkbox"] { position: absolute; opacity: 0; pointer-events: none; }
  .btn-zoom input[type="checkbox"] ~ .zoom-in { display: block; }
  .btn-zoom input[type="checkbox"] ~ .zoom-out { display: none; }
  .btn-zoom input[type="checkbox"]:checked ~ .zoom-in { display: none; }
  .btn-zoom input[type="checkbox"]:checked ~ .zoom-out { display: block; }

  .project-icons { justify-content: flex-start; flex-wrap: nowrap; gap: 0 15px; margin-bottom: 24px; }
  .proto-dmg iframe { min-height: 600px; }

  .proto-pdf-files .pdf-book { width: calc(25% - 25px); }
  .proto-pdf-files .pdf-book .rooms { font-size: 16px; }
  .proto-pdf-files .pdf-book .type { font-size: 21px; }
  .proto-pdf-files .pdf-book .price { font-size: 24px; }

  html[dir="rtl"] .proto-pdf-files .pdf-book::before { left: unset; right: 7px; }
  html[dir="rtl"] .proto-pdf-files .pdf-book .rooms::before { left: unset; right: 10px; }
  html[dir="rtl"] body:has(#scales:checked) .proto { left: 0; right: 0; }
  html[dir="rtl"] .btn-zoom .icon { margin-left: 8px; margin-right: unset; }
}

@media screen and (min-width: 1180px) {
  .proto-360 .iframe-cont iframe { aspect-ratio: 16 / 9; }
  .proto-dmg iframe { min-height: 2500px; overflow: hidden; }
}

@media (min-width: 1440px) {
  .proto { width: calc(100% - 330px); }
  .proto-pdf-files .pdf-book { padding: 30px; padding-bottom: 20px; }
  .proto-pdf-files .pdf-book .rooms { font-size: 21px; }
  .proto-pdf-files .pdf-book .type { font-size: 28px; }
  .proto-pdf-files .pdf-book .price { font-size: 28px; margin-bottom: 20px; }
  .proto-pdf-files .brand { width: 100px; height: 40px; }
  .proto-pdf-files .pdf-book .arrow { right: -20px; bottom: -8px; width: 60px; height: 70px; }
  
  html[dir="rtl"] .proto-pdf-files .pdf-book .arrow { right: unset; left: -20px; }
  html[lang="da"] .proto-pdf-files .pdf-book .type { font-size: 21px; }
}

@media screen and (min-height: 1180px) {
  .proto-catalogue .iframe-cont { aspect-ratio: 3 / 2; height: unset; }
}


/*--- MOBILE : PROJECT PAGES ---*/
.mobile-shrink { padding-left: 0; padding-right: 0; }
.mobile-shrink > .row { margin-left: 0; margin-right: 0; }
.mobile-shrink > .row > .col-12 { padding-left: 0; padding-right: 0; }
.mobile-shrink .proto-project { border-radius: 0; }
.mobile-shrink .proto-siteplan .img-cont { width: calc(100% + 40px); margin-left: -20px; }
.mobile-shrink .proto.proto-photos { margin-left: 0; width: 100%; }
.mobile-shrink .proto.proto-photos h1 { margin: 20px 0; border-radius: 0; width: 100%; }
.mobile-shrink .proto-siteplan-interactive .svg-cont { margin-left: -20px; width: calc(100% + 40px); }

.mobile-shrink .top-menu-cont .btn-menu { margin-right: 10px; }

@media screen and (min-width: 768px) {
  .mobile-shrink { padding-left: 15px; padding-right: 15px; }
  .mobile-shrink > .row { margin-left: -15px; margin-right: -15px; }
  .mobile-shrink > .row > .col-12 { padding-left: 15px; padding-right: 15px; }
  .mobile-shrink .proto-project { border-radius: 8px; }
  .mobile-shrink .proto-siteplan .img-cont { width: 100%; margin-left: 0; }
  .mobile-shrink .proto.proto-photos h1 { margin: 0; }
  .mobile-shrink .top-menu-cont .btn-menu { margin-right: 0; }
  .mobile-shrink .proto-siteplan-interactive .svg-cont { margin-left: 0; width: 100%; }
}



/*--- PAGE : CONSTRUCTION STATUS ---*/
.constVisualCont { display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 25px; gap: 15px; }
.constVisualCont div { border-radius: 4px; overflow: hidden; position: relative; }
.constVisualCont img { cursor: pointer; aspect-ratio: 3 / 2; object-fit: cover; }

.constVisualCont .video-box { aspect-ratio: 3 / 2; position: relative; cursor: pointer; }
.constVisualCont .video-box img { width: 100%; z-index: 0; }
.constVisualCont .video-box .icon-play { position: absolute; z-index: 1; top: calc(50% - 9.5%); left: calc(50% - 9.5%); width: 19%; min-width: 44px; aspect-ratio: 1 / 1; background-size: contain; pointer-events: none; }

.constVisualCont .drone-box .icon-360 { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30%; min-width: 44px; aspect-ratio: 1 / 1; background-size: contain; pointer-events: none; filter: drop-shadow(5px 5px 4px rgba(0,0,0,.7)) drop-shadow(-5px -5px 4px rgba(0,0,0,.7)); }

#photoModal .close { position: absolute; top: -40px; right: 0; padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; z-index: 2; }
#photoModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#photoModal .modal-content { background: transparent; }
#photoModal .modal-body { border-radius: 8px; }
#photoModal .modal-body .swiper-container { max-height: 90vh; }

#photoModal .modal-fraction { top: 10px; width: fit-content; z-index: 10; padding: 0 15px; position: absolute; left: 50%; transform: translate(-50%, 0); background: rgba(0,0,0,.8); border-radius: 13px; height: 30px; font-size: 15px; font-weight: 600; line-height: 30px; color: #fff; text-align: center; }

.embed-responsive-16by10::before { padding-top: 66.67%; }

#droneModal .close { position: absolute; top: -40px; right: 0; padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; z-index: 2; }
#photoModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#droneModal .modal-content { background: transparent; }
#droneModal .modal-body { border-radius: 8px; aspect-ratio: 3 / 2; background-color: #FFF; }

#droneModal #threesixty { margin: 0; position: relative; width: 100%; height: 100%; }
#droneModal #threesixty img { width: 100%; height: 100%; object-fit: cover; object-position: center; cursor: grab; }
#droneModal .spin { position: absolute; bottom: 15px; left: calc(50% - 110px); right: auto; z-index: 1; width: 220px; pointer-events: none; filter: drop-shadow( 3px 3px 3px rgba(0, 0, 0, .5)); cursor: grab; }

html[dir="rtl"] #photoModal .close { right: unset; left: 0; }
html[dir="rtl"] #photoModal .close::after { margin-left: 0; margin-right: 3px; }
html[dir="rtl"] #droneModal .close { right: unset; left: 0; }
html[dir="rtl"] #photoModal .close::after { margin-left: 0; margin-right: 3px; }

@media (min-width: 768px) {
  .constVisualCont { gap: 15px; }
  .constVisualCont div { width: calc(50% - 15px); }
}

@media screen and (min-width: 1180px) {
  .constVisualCont div { width: calc(25% - 12px); }
}


/*--- PAGE : PRICE LIST ---*/
.title-cont { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem 0; margin-bottom: 1rem; min-height: 46px; }

@media print {
  .title-cont { margin-bottom: 1.5rem; }
}

.title-cont h1 { margin: 0; order: 1; }

.btn-matterport,
.title-cont .btn-help,
.title-cont .btn-print,
.title-cont .btn-brand,
.title-cont .btn-user,
.title-cont .btn-add { width: 100%; order: 3; }

.btn-matterport { box-shadow: none !important; display: flex; align-items: center; padding: 10px 15px; border-width: 1px; border-radius: 0.5rem; text-decoration: none !important; font-weight: 600; color: #1e3a8a; }
.btn-matterport .icon-copy { display: block; width: 18px; height: 18px; background-repeat: no-repeat; background-size: contain; margin-right: 10px; }

@media (min-width: 768px) {
  .title-cont .btn-help, .title-cont .btn-print, .title-cont .btn-brand, .title-cont .btn-user, .btn-matterport { width: fit-content; order: 2; }
}

/*
@media (min-width: 992px) {
  .title-cont { gap: 0; }
  .title-cont h1 { order: unset; position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; }
  .title-cont .btn-back { width: fit-content; }
  .title-cont .btn-print, .title-cont .btn-brand, .title-cont .btn-user, .title-cont .btn-add { width: fit-content; }
  .map-page .btn-back { top: 20px; left: 20px; }
}
*/


.active-sort > span[data-toggle="dropdown"],
.active-filter > span[data-toggle="dropdown"] { color: #ffd500; text-decoration: none!important;  }

.active-filter::after { content: ''; display: inline-block; background-color: #ffd500; width: 8px; height: 8px; border-radius: 4px; position: absolute; top: calc(50% - 3px); margin-left: .5rem;}

.active-sort::after { content: ''; display: inline-block; width: 10px; height: 12px; position: absolute; top: calc(50% - 5px); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 384 512' fill='%23ffd500'%3E%3Cpath d='M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2l105.4 105.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z'/%3E%3C/svg%3E"); background-size: 100% auto; transition: ease transform .2s; transform-origin: center; margin-left: .5rem; background-color: transparent; border-radius: 0; }
.active-sort-asc::after { transform: rotate(180deg); }
.active-sort-desc::after { transform: rotate(0deg); }
.active-sort-zero::after { content: '0'; background-image: unset; top: calc(50% - 8px); color: #ffd500; font-weight: bold; transform: unset; }

.list-heading p span.dropdown { cursor: pointer; position: relative; }
.list-heading p span.dropdown > span { font-weight: 600; text-decoration: underline; }
.list-heading p span.dropdown > span::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; }
.list-heading .dropdown-menu { padding: 8px; margin: 0; min-width: 100px; font-size: 15px; }
.list-heading .dropdown-menu.show { transform: translate3d(-50%, 5px, 0)!important; right: unset; left: 50%!important; top: 100%!important; max-height: 320px; animation: ease dropdown .15s; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); border-radius: 5px; border: 0; }
.list-heading [data-search="true"] .dropdown-menu { min-width: 160px; }
.list-heading [data-search="true"] .dropdown-menu.show { max-height: 310px; max-width: 300px; }
.list-heading [data-search="true"]:has(.filter-sort) .dropdown-menu.show { max-height: 360px; overflow: auto; }
.list-heading .dropdown-menu.show::before { border-right: 6px solid transparent; border-bottom: 6px solid #FFF; border-left: 6px solid transparent; content: ''; height: 0; top: -6px; left: calc(50% - 6px); width: 0; position: absolute; }
.list-heading .dropdown-cont { position: relative; max-height: 258px; overflow-y: auto; cursor: default; }
.list-heading [data-search="true"]:has(.filter-sort) .dropdown-cont { max-height: 248px; }
.list-heading [data-search="true"]:has(.filter-sort) .dropdown-cont:has(.unselect) { max-height: 255px; }
.list-heading .dropdown-cont div { position: relative; display: flex; align-items: center; padding-left: 22px; padding: 8px 15px 8px 32px; white-space: nowrap; line-height: 1; font-weight: normal; border-radius: 4px; cursor: pointer; overflow: hidden; }
.list-heading .dropdown-cont div:hover { background-color: #f4f4f4; }

.list-heading .dropdown-cont div .badge { transform: translate(5px, -1px); font-size: 70%; }

.list-heading .dropdown-cont div.grouped { font-weight: 600; text-transform: capitalize; }
.list-heading .dropdown-cont hr { margin-top: .5rem; margin-bottom: .5rem; }

.list-heading .dropdown-filter .dropdown-cont div::before,
.list-heading .dropdown-filter .dropdown-cont div::after { position: absolute; display: block; content: ""; width: 16px; height: 16px; top: 8px; left: 8px; }
.list-heading .dropdown-filter .dropdown-cont div::before { pointer-events: none; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; border: #adb5bd solid 1px; border-radius: 0.25rem; }
.list-heading .dropdown-filter .dropdown-cont div.selected::before { background-color: #1e3a8a; border-color: #1e3a8a; }
.list-heading .dropdown-filter .dropdown-cont div::after { background: no-repeat 50%/50% 50%; }
.list-heading .dropdown-filter .dropdown-cont div.selected::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }

.list-heading .dropdown-filter .dropdown-cont div.unselect { padding-left: 40px!important; text-align: left; justify-content: flex-start; border: 1px solid #ced4da; margin: 5px 0; background-repeat: no-repeat; background-position: 10px 10px; background-size: auto 20px; color: #1e3a8a; }
.list-heading .dropdown-filter .dropdown-cont div.unselect::before,
.list-heading .dropdown-filter .dropdown-cont div.unselect::after { display: none; }

.list-heading .dropdown-filter .dropdown-cont div.unselect {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(1 1)' fill-rule='nonzero' fill='none'%3E%3Crect stroke='%231e3a8a' stroke-width='2' x='4' y='4' width='18' height='18' rx='4'/%3E%3Crect stroke='%231e3a8a' stroke-width='2' stroke-linejoin='square' fill='%23FFF' fill-rule='evenodd' x='1' y='1' width='18' height='18' rx='4'/%3E%3Crect stroke='%23FFF' x='-.5' y='-.5' width='21' height='21' rx='4'/%3E%3Cpath fill='%231e3a8a' d='m12.564 7-3.59 3.612-1.538-1.55L6 10.51l2.974 2.99L14 8.443z'/%3E%3C/g%3E%3C/svg%3E");
}

.list-heading .dropdown-filter .dropdown-cont div.unselect.active {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(1 1)' fill='none' fill-rule='evenodd'%3E%3Crect stroke='%231e3a8a' stroke-width='2' x='4' y='4' width='18' height='18' rx='4'/%3E%3Cg fill-rule='nonzero'%3E%3Crect stroke='%231e3a8a' stroke-width='2' stroke-linejoin='square' fill='%23FFF' fill-rule='evenodd' x='1' y='1' width='18' height='18' rx='4'/%3E%3Crect stroke='%23FFF' x='-.5' y='-.5' width='21' height='21' rx='4'/%3E%3C/g%3E%3Cpath fill='%231e3a8a' d='m14 7.3850868-.6945863.6945863L11.3850868 10l1.9203269 1.9203269L14 12.6149132 12.6149132 14l-.6945863-.6945863L10 11.3850868l-1.9203269 1.9203269L7.3850868 14 6 12.6149132l.6945863-.6945863L8.6149132 10 6.6945863 8.0796731 6 7.3850868 7.3850868 6l.6945863.6945863L10 8.6149132l1.9203269-1.9203269L12.6149132 6z'/%3E%3C/g%3E%3C/svg%3E");
}

.list-heading .dropdown-filter.m2 .dropdown-cont div span::after { content: ' m\00B2'; }
.list-heading .dropdown-filter.pound .dropdown-cont div span::before { content: '£'; }
.list-heading .dropdown-filter.m2 .dropdown-cont div span.no-m2::after { content: ''; }

.list-heading .filter-search-cont { padding: 0 7px; margin-bottom: 5px; }
.list-heading .filter-search { border: 1px solid #ced4da; border-radius: 5px; color: #495057; width: 100%; padding: .35rem .75rem; padding-right: 36px; font-weight: normal; line-height: 1; }
.list-heading .filter-search::placeholder { font-weight: normal; }
.list-heading .filter-search-cont .clear-search { background-image: url("data:image/svg+xml,%3Csvg width='277' height='277' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M138.5 277a138.5 138.5 0 1 1 0-277 138.5 138.5 0 0 1 0 277ZM100.1 68.9c-.4 0-.9-.2-1-.4-.1-.2-1-.4-2-.4-1.1 0-2 .2-2.2.4-.1.2-.6.4-1 .4a295 295 0 0 0-24.4 24c-1.8 2.4-2.4 6.2-1 7.5l.5 1c0 .1 8.2 8.5 18.4 18.6a579 579 0 0 1 18.3 18.7c0 .3-8 8.4-17.7 18-20.7 20.7-20.2 20-20.2 23.3 0 1.7.2 2.6.6 3A336.6 336.6 0 0 0 81 196.2c14 14 14.5 14.3 18.7 12.5 1.5-.6 17.3-16.2 35.1-34.4 3.5-3.6 3.4-3.6 4.9-2 36.5 37.1 37.9 38.3 42.4 36.5 1.2-.5 23.6-22.4 25.9-25.4.7-.9.8-6.3 0-6.5a492.6 492.6 0 0 0-18.1-18.7c-21-21-19-19-19-19.5 0-.3 8-8.5 18-18.4 21-20.9 21.4-21.4 19.2-26-.9-1.8-24.5-25.4-25.4-25.4-.5 0-.9-.2-1-.4-.4-.6-3.4-.5-5 .2-1 .4-6.5 5.7-20 19.2l-18.4 18.7-18.7-18.9A253 253 0 0 0 100.1 69Z' fill='%23999999' fill-rule='evenodd'/%3E%3C/svg%3E"); width: 22px; height: 22px; position: absolute; right: 24px; background-size: contain; cursor: pointer; display: block; }

.list-heading .filter-sort { margin: 5px 7px; margin-bottom: 5px; display: flex; border-radius: 5px; border: 1px solid #ced4da; }
.list-heading .filter-sort div { width: 50%; text-align: center; position: relative; display: flex; justify-content: center; align-items: center; padding: 8px 15px; white-space: nowrap; line-height: 1; font-weight: normal; cursor: pointer; overflow: hidden; border-radius: 5px; }
.list-heading .filter-sort div.selected { font-weight: 600; background: #f4f4f4; }
.list-heading .filter-sort div.selected .icon { filter: saturate(0); }
.list-heading .filter-sort div:hover { background-color: #f4f4f4;  }

.list-heading .filter-sort div[data-type="min"] { border-right: 1px solid #ced4da; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.list-heading .filter-sort div[data-type="max"]:hover { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.list-heading .finishdate .filter-sort { flex-direction: column; }
.list-heading .finishdate .filter-sort div { width: 100%; }
.list-heading .finishdate .filter-sort div[data-type="min"] { border-right: 0; border-bottom: 1px solid #ced4da; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.list-heading .dropdown-sort .dropdown-cont div { padding: 8px 15px; justify-content: center; }
.list-heading .dropdown-sort .dropdown-cont div.selected { font-weight: 600; color: #D60000; }
.list-heading .icon { width: 12px; height: 12px; margin: 0 7px; transform: translateY(0); }
.list-heading .icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 278.6a32 32 0 0 0 0-45.3l-160-160a32 32 0 0 0-45.3 45.3L338.8 224H32a32 32 0 1 0 0 64h306.7L233.4 393.4a32 32 0 0 0 45.3 45.3l160-160z' fill='%23333333' fill-rule='nonzero'/%3E%3C/svg%3E"); }
.list-heading .selected .icon { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 278.6a32 32 0 0 0 0-45.3l-160-160a32 32 0 0 0-45.3 45.3L338.8 224H32a32 32 0 1 0 0 64h306.7L233.4 393.4a32 32 0 0 0 45.3 45.3l160-160z' fill='%23D60000' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.list-heading .sort { width: 39px; height: 17px; display: inline-block; background-repeat: no-repeat; background-size: contain; transform: translate(5px, 3px); }
.list-heading .sort.min { background-image: url("data:image/svg+xml,%3Csvg width='39' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M17 5H14v3h-1.5V.9h4.7V2H14v1.8h2.8v1.2Zm2.7 3h-1.5V.9h1.5V8Zm4-2.6h-1.2V8H21V.9h2.7a3 3 0 0 1 2 .6c.4.3.6.9.6 1.5 0 .5-.1 1-.3 1.3-.2.3-.5.5-1 .7l1.6 3H25l-1.3-2.6Zm-1.2-1.2h1.2c.3 0 .6 0 .8-.3.2-.2.3-.4.3-.7a1 1 0 0 0-.3-.8c-.1-.2-.4-.3-.8-.3h-1.2v2.1Zm8.6 2c0-.3-.1-.6-.3-.7l-1-.5c-.6-.1-1-.3-1.3-.5-.8-.4-1.2-1-1.2-1.7 0-.4.1-.7.4-1 .2-.3.5-.6.9-.8L30 .8c.5 0 1 0 1.3.3l1 .7.3 1.2H31a1 1 0 0 0-.3-.8l-.9-.2c-.3 0-.6 0-.8.2-.2.1-.3.3-.3.6l.3.6 1 .4c1 .3 1.5.6 1.9 1 .4.3.6.8.6 1.3 0 .6-.3 1.1-.7 1.5a3 3 0 0 1-2 .5c-.5 0-1-.1-1.4-.3a2.1 2.1 0 0 1-1.4-2h1.5c0 .7.5 1.1 1.4 1.1.3 0 .6 0 .8-.2.2-.1.3-.3.3-.6ZM38.9 2h-2.2V8h-1.4V2H33V1H39V2Z' fill='%234E2574'/%3E%3Cpath d='M14.1 15.8h3.1V17h-4.6V9.9h1.5v6Zm8-.3h-2.6L19 17h-1.6l2.7-7.1h1.4L24 17h-1.5l-.5-1.5Zm-2.2-1.2h1.8l-1-2.6-.8 2.6Zm8.6.8c0-.2-.1-.5-.3-.6l-1-.5c-.6-.1-1-.3-1.3-.5-.8-.4-1.2-1-1.2-1.7 0-.4.1-.7.3-1 .2-.3.6-.6 1-.8l1.3-.2c.5 0 1 0 1.4.3.4.2.7.4.9.7l.3 1.2h-1.4a1 1 0 0 0-.3-.8l-.9-.2c-.4 0-.6 0-.8.2-.2.1-.3.3-.3.6 0 .2 0 .4.3.6l1 .4c.9.3 1.5.6 1.9 1 .3.3.5.8.5 1.3 0 .6-.2 1.1-.7 1.5a3 3 0 0 1-1.8.5c-.6 0-1-.1-1.5-.3a2.1 2.1 0 0 1-1.4-2H26c0 .7.4 1.1 1.4 1.1.3 0 .6 0 .8-.2.2-.1.3-.3.3-.6Zm7.8-4H34V17h-1.5v-6h-2.1V10h5.8V11Z' fill='%234E2574'/%3E%3Cpath d='M5.4 16.6a1.2 1.2 0 0 1-1.8 0L.3 13.2c-.4-.5-.4-1.2 0-1.6.6-.4 1.3-.4 1.8 0L3.3 13V2.1c0-.6.5-1.1 1.2-1.1s1.2.5 1.2 1.1V13l1.2-1.2c.5-.5 1.2-.5 1.7-.1s.5 1.1 0 1.6l-3.2 3.4Z' fill='%234E2574'/%3E%3C/g%3E%3C/svg%3E"); }
.list-heading .sort.max { background-image: url("data:image/svg+xml,%3Csvg width='39' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M14.1 6.8h3.1V8h-4.6V.9h1.5v6Zm8-.3h-2.6L19 8h-1.6L20.1.9h1.4L24 8h-1.5L22 6.5Zm-2.2-1.2h1.8l-1-2.6-.8 2.6Zm8.6.8c0-.2-.1-.5-.3-.6l-1-.5c-.6-.1-1-.3-1.3-.5-.8-.4-1.2-1-1.2-1.7 0-.4.1-.7.3-1 .2-.3.6-.6 1-.8l1.3-.2c.5 0 1 0 1.4.3.4.2.7.4.9.7l.3 1.2h-1.4a1 1 0 0 0-.3-.8l-.9-.2c-.4 0-.6 0-.8.2-.2.1-.3.3-.3.6 0 .2 0 .4.3.6l1 .4c.9.3 1.5.6 1.9 1 .3.3.5.8.5 1.3 0 .6-.2 1.1-.7 1.5a3 3 0 0 1-1.8.5c-.6 0-1-.1-1.5-.3a2.1 2.1 0 0 1-1.4-2H26c0 .7.4 1.1 1.4 1.1.3 0 .6 0 .8-.2.2-.1.3-.3.3-.6Zm7.8-4H34V8h-1.5V2h-2.1V1h5.8V2Z' fill='%234E2574'/%3E%3Cpath d='M17 14H14v3h-1.5V9.9h4.7V11H14v1.8h2.8v1.2Zm2.7 3h-1.5V9.9h1.5V17Zm4-2.6h-1.2V17H21V9.9h2.7a3 3 0 0 1 2 .6c.4.3.6.9.6 1.5 0 .5-.1 1-.3 1.3-.2.3-.5.5-1 .7l1.6 3H25l-1.3-2.6Zm-1.2-1.2h1.2c.3 0 .6 0 .8-.3.2-.2.3-.4.3-.7a1 1 0 0 0-.3-.8c-.1-.2-.4-.3-.8-.3h-1.2v2.1Zm8.6 2c0-.3-.1-.6-.3-.7l-1-.5c-.6-.1-1-.3-1.3-.5-.8-.4-1.2-1-1.2-1.7 0-.4.1-.7.4-1 .2-.3.5-.6.9-.8l1.4-.2c.5 0 1 0 1.3.3l1 .7.3 1.2H31a1 1 0 0 0-.3-.8l-.9-.2c-.3 0-.6 0-.8.2-.2.1-.3.3-.3.6l.3.6 1 .4c1 .3 1.5.6 1.9 1 .4.3.6.8.6 1.3 0 .6-.3 1.1-.7 1.5a3 3 0 0 1-2 .5c-.5 0-1-.1-1.4-.3a2.1 2.1 0 0 1-1.4-2h1.5c0 .7.5 1.1 1.4 1.1.3 0 .6 0 .8-.2.2-.1.3-.3.3-.6Zm7.8-4.1h-2.2V17h-1.4v-6H33V10H39V11Z' fill='%234E2574'/%3E%3Cpath d='M5.4 16.6a1.2 1.2 0 0 1-1.8 0L.3 13.2c-.4-.5-.4-1.2 0-1.6.6-.4 1.3-.4 1.8 0L3.3 13V2.1c0-.6.5-1.1 1.2-1.1s1.2.5 1.2 1.1V13l1.2-1.2c.5-.5 1.2-.5 1.7-.1s.5 1.1 0 1.6l-3.2 3.4Z' fill='%234E2574'/%3E%3C/g%3E%3C/svg%3E"); }

.filter-result { align-items: flex-start; margin-bottom: 15px; justify-content: flex-start; }
.filter-result p { margin-bottom: 0; font-weight: 600; }
.filter-result .total-default { margin-bottom: 10px; }
.filter-result .total-filtered { margin-bottom: 8px; }
.filter-result .reset-filter { text-decoration: underline; font-weight: 600; color: #1e3a8a; cursor: pointer; }
.filter-result .reset-filter:hover { color: #DA1E4F; }

.filter-result .last-updated { border-radius: 2rem; background-color: #5dc074; color: #FFF; width: fit-content; padding: .15rem .75rem; text-transform: uppercase; margin-top: .5rem; }

.page-projects-list .unit input[type="checkbox"],
.page-price-analysis .unit input[type="checkbox"] { position: absolute; z-index: 2; right: 0; top: 0; border: 0; opacity: 1; width: 32px; height: 32px; -webkit-appearance: none; appearance: none; }

.page-projects-list .unit.active input[type="checkbox"] + div::after,
.page-price-analysis .unit.active input[type="checkbox"] + div::after { z-index: 0; content: ''; display: block; position: absolute; right: 3px; top: 3px; width: 26px; height: 26px; opacity: 1; background-color: #ddd; pointer-events: none; font-size: 24px; font-weight: 600; line-height: 1; text-align: center; border-radius: 6px; background-size: 10px auto; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='50' height='49' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231e3a8a' fill-rule='nonzero' d='M18.7 31.3H.5V18.2h18.2V.3h13.1v17.9H50v13.1H31.8v17.6H18.7z'/%3E%3C/svg%3E%0A"); }

.page-projects-list .unit.active input[type="checkbox"]:checked + div::after,
.page-price-analysis .unit.active input[type="checkbox"]:checked + div::after { background-image: url("data:image/svg+xml,%3Csvg width='50' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231e3a8a' fill-rule='nonzero' d='M.5 13.3V.2H50v13.1z'/%3E%3C/svg%3E"); }

.btn-print { box-shadow: none!important; display: flex; align-items: center; padding: 10px 15px; border-width: 1px; border-radius: 0.5rem; text-decoration: none!important; font-weight: 600; color: #1e3a8a; }
.btn-print .icon-print { width: 18px; height: 18px; margin-right: 10px; background-size: cover; display: block; }

.btn-help { background-color: #FFF; color: #1e3a8a; font-weight: 600; display: flex; align-items: center; margin: 0; box-shadow: unset!important; border: 1px solid #ddd; white-space: nowrap; padding: 10px 15px; border-radius: 0.5rem; width: 100%; }
.btn-help:hover, .btn-help:active { background-color: #1e3a8a; color: #FFF; border-color: #1e3a8a; }

.btn-help .icon { width: 18px; height: 18px; background-repeat: no-repeat; background-size: contain; margin-right: 8px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18'%3E%3Cpath fill='%231E3A8A' fill-rule='nonzero' d='M9 1.688a7.313 7.313 0 1 1 0 14.625A7.313 7.313 0 0 1 9 1.688ZM9 18A9 9 0 1 0 9 0a9 9 0 0 0 0 18Zm-1.406-6.188a.842.842 0 0 0-.844.844c0 .468.376.844.844.844h2.812a.842.842 0 0 0 .844-.844.842.842 0 0 0-.844-.844h-.281V8.72a.842.842 0 0 0-.844-.844H7.594a.842.842 0 0 0-.844.844c0 .467.376.844.844.844h.843v2.25h-.843ZM9 6.75A1.125 1.125 0 1 0 9 4.5a1.125 1.125 0 0 0 0 2.25Z'/%3E%3C/svg%3E"); }
.btn-help:hover .icon, .btn-help:active .icon { filter: brightness(0) invert(1); }

html[dir="rtl"] .active-filter::after { margin-left: unset; margin-right: .5rem; }
html[dir="rtl"] .active-sort::after { margin-left: unset; margin-right: .5rem; }
html[dir="rtl"] .list-heading .dropdown-cont div { padding-right: 22px; padding: 8px 32px 8px 15px; }
html[dir="rtl"] .list-heading .dropdown-filter .dropdown-cont div::before,
html[dir="rtl"] .list-heading .dropdown-filter .dropdown-cont div::after { left: unset; right: 8px; }
html[dir="rtl"] .list-heading .dropdown-filter .dropdown-cont div.unselect { padding-left: unset!important; padding-right: 40px!important; text-align: right;  }
html[dir="rtl"] .list-heading .filter-search { padding: .35rem .75rem; padding-left: 36px; }
html[dir="rtl"] .list-heading .filter-search-cont .clear-search { right: unset; left: 24px; }
html[dir="rtl"] .list-heading .filter-sort div[data-type="min"] { border-left: 1px solid #ced4da; border-right: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
html[dir="rtl"] .list-heading .finishdate .filter-sort div[data-type="min"] { border-left: 0; border-bottom: 1px solid #ced4da; }
html[dir="rtl"] .list-heading .sort { transform: translate(-5px, 3px); }
html[dir="rtl"] .page-projects-list .unit.active input[type="checkbox"] + div::after,
html[dir="rtl"] .page-price-analysis .unit.active input[type="checkbox"] + div::after { left: 3px; right: unset; }
html[dir="rtl"] .btn-print .icon-print { margin-right: 0; margin-left: 10px; }

@media screen {
  .sqm-mobile .list-heading { display: flex!important; flex-wrap: wrap; justify-content: space-between; margin-bottom: 5px; }
  .sqm-mobile .list-heading > p { display: none; }

  .sqm-mobile .list-heading > p > span.dropdown { display: block; width: 100%; }
  .sqm-mobile .list-heading > p > span.dropdown > span { background-color: #FFF; display: block; width: 100%; text-decoration: none; padding: 10px 12px; border-radius: 0.5rem; border: 1px solid #ddd; text-align: center; }
  .sqm-mobile .list-heading > p > span.dropdown.active-filter::after { right: 12px; }
  .sqm-mobile .list-heading > p > span.dropdown.active-filter > span { background-color: #172554; border-color: #172554; color: #FFF; }
  .sqm-mobile .list-heading > p > span.dropdown.active-sort > span { background-color: #172554; border-color: #172554; color: #FFF; }
  .sqm-mobile .list-heading > p > span.dropdown.active-sort::after { top: calc(50% - 6px); right: 12px; }
  .sqm-mobile .list-heading > p:not([data-type="sort"]) .dropdown.show > span { font-size: 21px; display: flex; width: 100%; padding: 10px; text-decoration: none; background-color: #172554; border-color: #172554; color: #FFF; border-radius: 0; height: 55px; align-items: center; justify-content: center; position: fixed; left: 0; right: 0; top: 0; z-index: 100; cursor: default;  }
  .sqm-mobile .list-heading > p:not([data-type="sort"]) .dropdown.show > span::after { display: none; }
  .sqm-mobile .list-heading > p:not([data-type="sort"]) .dropdown-menu.show { position: fixed!important; top: 55px!important; left: 0!important; right: 0!important; bottom: 0!important; transform: unset!important; max-width: unset!important; max-height: unset!important; font-size: 16px; padding: 0; border-radius: 0; }
  .sqm-mobile .list-heading > p:not([data-type="sort"]) .dropdown-menu.show::before { display: none; }
  .sqm-mobile .list-heading > p:not([data-type="sort"]) .filter-search-cont { display: none!important; }
  .sqm-mobile .list-heading > p:not([data-type="sort"]) .dropdown-cont { max-height: calc(100dvh - 100px)!important; display: flex; flex-wrap: wrap; z-index: 1; padding: 10px; padding-top: 0; padding-bottom: 30px; overflow-y: scroll; gap: .25rem 0; }
  .sqm-mobile .list-heading > p:not([data-type="sort"]) .dropdown-cont div { width: 100%; white-space: normal; padding: 12px 15px 12px 32px; }
  .sqm-mobile .list-heading > p:not([data-type="sort"]) .dropdown-cont div.selected { background-color: #f4f4f4; }
  .sqm-mobile .list-heading > p:not([data-type="sort"]) .dropdown-cont div::before,
  .sqm-mobile .list-heading > p:not([data-type="sort"]) .dropdown-cont div::after { top: 12px; }
  .sqm-mobile .list-heading > p[data-type="sort"] .dropdown-sort.show{ width: 100%; }

  .sqm-mobile:has(.list-heading .dropdown.show) header { pointer-events: none; }

  .sqm-mobile .proto-prices:has(.list-heading > p:not([data-type="sort"]) .dropdown.show)  .list-cont { overflow: hidden; height: 100dvh; }

  body.sqm-mobile:has(.proto-prices .list-heading > p:not([data-type="sort"]) .dropdown.show) { position: fixed; min-height: unset!important; height: unset!important; overflow: hidden; }
  body.sqm-mobile:has(.proto-prices .list-heading > p:not([data-type="sort"]) .dropdown.show) .container-fluid { position: fixed; top: 0; left: 0; bottom: 0; width: 100%; overflow: hidden; }

  .sqm-mobile .list-heading > p:not([data-type="sort"]) .dropdown.show .close-menu { background-repeat: no-repeat; background-position: center; background-size: 28px auto; background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter x='-64.3%25' y='-64.3%25' width='228.6%25' height='228.6%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='3' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3Cpath d='m14 13 4.8-4.7c.3-.3.3-.7 0-1l-1-1.1a.7.7 0 0 0-1 0L12 10.9 7.3 6.2a.7.7 0 0 0-1 0l-1 1.1c-.4.3-.4.7 0 1L9.8 13l-4.7 4.7c-.3.3-.3.7 0 1l1.1 1c.3.4.7.4 1 0l4.7-4.6 4.7 4.7c.3.3.7.3 1 0l1.1-1.1c.3-.3.3-.7 0-1L14.1 13Z' id='b'/%3E%3C/defs%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E"); display: block; width: 55px; height: 55px; position: fixed; top: -55px; right: 0; z-index: 2000; cursor: pointer; }
  .sqm-mobile .list-heading [data-search="true"]:has(.filter-sort) .dropdown-menu.show { overflow: unset; }

  html[dir="rtl"] .sqm-mobile .list-heading > p > span.dropdown.active-filter::after { left: 12px; right: unset; }
  html[dir="rtl"] .sqm-mobile .list-heading > p > span.dropdown.active-sort::after { right: unset; left: 12px; }
  html[dir="rtl"] .sqm-mobile .list-heading > p:not([data-type="sort"]) .dropdown-cont div { padding: 12px 32px 12px 15px; }
  html[dir="rtl"] body.sqm-mobile:has(.proto-prices .list-heading > p:not([data-type="sort"]) .dropdown.show) .container-fluid { right: 0; }
  html[dir="rtl"] .sqm-mobile .list-heading > p:not([data-type="sort"]) .dropdown.show .close-menu { left: 0; right: unset; }

  @media (min-width: 768px) {
    .sqm-mobile .page-projects-list .list-heading > p.constructionfinishdate { width: calc(50% - 5px)!important; }
  }
}

@media (min-width: 768px) {
  .filter-result .total-filtered { margin-bottom: 0; }
  .filter-result .total-default { margin-bottom: 0; margin-right: 10px; }
  .filter-result .reset-filter { margin-left: 10px; }
  
  .filter-result { align-items: center; }
  .filter-result .last-updated { margin-left: auto; margin-top: 0; }

  html[dir="rtl"] .filter-result .total-default { margin-right: unset; margin-left: 10px; }
  html[dir="rtl"] .filter-result .reset-filter { margin-left: unset; margin-right: 10px; }

  .btn-help { width: fit-content; }
}

@media (min-width: 1180px) {
  .list-heading .filter-sort { margin: 0 7px; margin-bottom: 5px; }
  .list-heading .dropdown-filter .dropdown-cont div.unselect { padding-left: 33px!important; margin: 0px 7px 5px 7px; background-size: auto 18px; background-position: 8px 6px; }


  #sensor { position: absolute; width: 1px; height: 1px; }
  .sticky-cont { position: sticky; top: 0; background-color: #FFF; background-color: #f4f5f9; z-index: 3; }
  .sticky-cont.is-pinned { padding-top: 10px; }
  .sticky-cont::after { content: ''; background: linear-gradient(180deg, #00000036, transparent); position: absolute; bottom: -10px; left: 0; right: 0; height: 10px; opacity: 0; }
  .sticky-cont.is-pinned::after { opacity: 1; }

  .page-projects-list .unit input[type="checkbox"] { display: none; }
  .page-projects-list .unit.active input[type="checkbox"] + div::after  { display: none; }

  html[dir="rtl"] .list-heading .dropdown-filter .dropdown-cont div.unselect { padding-left: unset!important; padding-right: 33px!important; }  
}


/* PAYMENT OPTIONS MODAL */
#paymentPlan .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#paymentPlan .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#paymentPlan .modal-body { transition: ease all .35s; }
#paymentPlan .data-container { display: none; transition: ease all .35s; }
#paymentPlan p { margin-bottom: 0; border-bottom: 1px solid #DDD; display: flex; font-size: 15px; padding: 7px 0; font-weight: 600; }
#paymentPlan p.hascampaing { font-size: 18px; font-weight: 600; margin: 1rem 0 0 0; color: #dc3545; padding: 0; border: 0; display: block; }
#paymentPlan p.hascampaing a { text-decoration: underline; }
#paymentPlan p.hascampaing a:hover { color: #9d1035; }

#paymentPlan p span { width: 40%; margin-left: auto; font-weight: normal; }
html[lang="cs"] #paymentPlan p span { width: 40%; }
#paymentPlan p span span { margin-left: 8px; width: unset; font-size: 100%; font-weight: 600; }
#paymentPlan p strong { font-weight: 600; }
#paymentPlan p.installment-table-title,
#paymentPlan p.after-delivery { font-size: 18px; }

#paymentPlan ul { list-style: none; margin: 0; padding: 0; font-size: 15px; }
#paymentPlan ul li { display: flex; padding: 7px 10px; font-weight: 600; }
#paymentPlan ul li:nth-child(odd) { background-color: #EFEFEF; }
#paymentPlan ul li span { width: 25%; margin-left: auto; font-weight: normal; }

#paymentPlan .payment-box { border-radius: 0.5rem; background-color: #F7F5FA; padding: 1rem; margin-top: 1rem; }
#paymentPlan .payment-box p { padding: 7px 0; font-weight: 600; font-size: 18px; border-bottom: 0; }
#paymentPlan .payment-box ul li { font-weight: normal; padding: 7px 0; }
#paymentPlan .payment-box ul li:nth-child(odd) { background-color: transparent; }
#paymentPlan .payment-box ul li sub { font-size: 100%; vertical-align: inherit; line-height: inherit; bottom: unset; }
#paymentPlan .payment-box ul li span { margin-left: auto; width: 25%; }
#paymentPlan .payment-box ul li span.minus-left { transform: translateX(-12px); white-space: nowrap; }
#paymentPlan .payment-box ul li span ~ span { margin-left: auto; }
#paymentPlan .payment-box ul li:has(span + span) span { margin-left: .5rem; }
#paymentPlan .payment-box ul li:has(span + span) span + span { margin-left: auto; }

#paymentPlan .payment-box ul li:has(span + span) span:first-child { margin-left: .5rem; cursor: help; }
html[lang="cs"] #paymentPlan .payment-box ul li:has(span + span) span:first-child { width: fit-content; }
#paymentPlan .payment-box ul li:has(span + span) span + span { margin-left: auto; }

#paymentPlan .payment-box ul li span.icon-info-alt { width: 25px; height: 25px; background-repeat: no-repeat; background-size: 22px auto; display: inline-block; transform: translate(-1px, -1px); }

#paymentPlan .payment-box ul li a { font-size: 14px; margin-left: 17px; color: #DA1E4F!important; text-decoration: underline!important; cursor: pointer; width: fit-content; padding: 3px; }
#paymentPlan .payment-box ul li a:hover { text-decoration: underline!important; color: #1e3a8a!important; }
#paymentPlan .payment-box ul li.total { border-top: 1px solid #D3D9E5; font-weight: 700; padding-top: 10px; margin-top: 8px; padding-bottom: 0; }
#paymentPlan .payment-box ul li.total span { font-weight: 700; }

.counter-cont { position: relative; text-align: center; margin: 0; min-height: 228px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.counter-cont .counter-box { width: 90px; height: 90px; border-width: .5em; color: #1e3a8a; -webkit-animation: spinner-border 1s linear infinite; animation: spinner-border 1s linear infinite; margin-top: 10px; }
.counter-cont .wait-text { width: fit-content; margin: 0 auto; margin-top: 20px; padding: 0!important; font-size: 18px!important; }

html[dir="rtl"] #paymentPlan .close { padding: 8px; padding-left: 0; margin-right: auto; margin-left: 5px; }
html[dir="rtl"] #paymentPlan .close::after { margin-left: unset; margin-right: 3px; }
html[dir="rtl"] #paymentPlan p span { margin-left: unset; margin-right: auto; }
html[dir="rtl"] #paymentPlan p span span { margin-left: unset; margin-right: 8px; }
html[dir="rtl"] #paymentPlan ul li span { margin-left: unset; margin-right: auto; }
html[dir="rtl"] #paymentPlan .payment-box ul li span.minus-left { transform: translateX(12px); }
html[dir="rtl"] #paymentPlan .payment-box ul li span ~ span { margin-left: unset; margin-right: auto; }
html[dir="rtl"] #paymentPlan .payment-box ul li:has(span + span) span { margin-left: unset; margin-right: .5rem; }
html[dir="rtl"] #paymentPlan .payment-box ul li:has(span + span) span + span { margin-left: unset; margin-right: auto; }

html[dir="rtl"] #paymentPlan .payment-box ul li:has(span + span) span:first-child { margin-left: unset; margin-right: .5rem; cursor: help; }
html[dir="rtl"] #paymentPlan .payment-box ul li:has(span + span) span + span { margin-left: unset; margin-right: auto; }
html[dir="rtl"] #paymentPlan .payment-box ul li a { margin-left: unset; margin-right: 17px; }

@media (min-width: 576px) {
  #paymentPlan .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  #paymentPlan .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }
  #paymentPlan ul li span { width: 40%; }
  #paymentPlan .payment-box ul li span { width: 50%; }
  html[lang="cs"] #paymentPlan ul li span { width: 40%; }
  html[lang="cs"] #paymentPlan .payment-box ul li span { width: 40%; }

  html[lang="nl"] #paymentPlan p span { width: 40%; }
  html[lang="nl"] #paymentPlan ul li span { width: 40%; }
  html[lang="nl"] #paymentPlan .payment-box ul li span span { width: 40%; }

  html[dir="rtl"] #paymentPlan .close { right: unset; left: 0; margin: unset; }
}


/* RENTAL SAMPLES OPTIONS MODAL */
#rentalSample .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#rentalSample .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#rentalSample .modal-body { transition: ease all .35s; }
#rentalSample h3 { text-align: center; margin-bottom: 1rem; }

#rentalSample .big-photos::after { display: none; }
#rentalSample .big-photos { border-radius: 0; }
#rentalSample .swiper-slide img { aspect-ratio: unset; }

html[dir="rtl"] #rentalSample .close { padding: 8px; padding-left: 0; margin-right: auto; margin-left: 5px; }
html[dir="rtl"] #rentalSample .close::after { margin-left: unset; margin-right: 3px; }

@media (min-width: 576px) {
  #rentalSample .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
}


/*--- PAGE : SETTINGS ---*/
.proto-settings .card { margin-bottom: 1.5rem; max-width: 500px; }
.proto-settings .card-body { padding: 1.5rem; }
.proto-settings .card-title { margin-bottom: 1.25rem; }
.proto-settings .card-text { margin-bottom: 1.5rem; font-size: 15px; }
.proto-settings .badge-cont { left: unset; top: 1.5rem; right: 1.5rem; }

.proto-settings .custom-radio { font-size: 15px; padding-left: 18px; flex-direction: column; }
.proto-settings .custom-radio .custom-control-input { width: 18px; height: 18px; top: .25rem; }
.proto-settings .custom-radio .custom-control-label { cursor: pointer; font-weight: normal; margin-bottom: 0; line-height: 30px; padding-left: 12px; }
.proto-settings .custom-radio .custom-control-label::before { width: 18px; height: 18px; border-radius: 5px!important; border-color: #BBBBBB; }
.proto-settings .custom-radio .custom-control-input:checked~.custom-control-label::before { border-color: #1e3a8a; background-color: #1e3a8a; }
.proto-settings .custom-radio .custom-control-label::before { border-radius: 50%!important; width: 18px; height: 18px; top: .425rem; left: calc(-18px + 2px); }
.proto-settings .custom-radio .custom-control-label::after { width: 18px; height: 18px; top: .425rem; left: calc(-18px + 2px); }
.proto-settings .custom-radio .custom-control-label::after { width: 18px; height: 18px; }

.proto-settings .custom-radio > span {  font-size: 14px; color: #FFF; font-weight: 600; line-height: 1; border-radius: .25rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #1e3a8a; padding: .35rem .75rem calc(2px + .35rem) .75rem; opacity: 0; margin-top: auto; width: fit-content; margin-left: auto; margin-right: auto; transition: ease opacity .2s; }

.proto-settings .switch { margin: 0!important; }
.proto-settings .switch .custom-switch .custom-control-label::before { width: 100%!important;  }
.proto-settings .custom-switch .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(59px); }

.proto-settings .project-link { outline: .25rem solid #CCC; transition: ease outline .2s; max-width: 360px; cursor: pointer; }

.proto-settings .project-link .logo-firm { min-height: 50px; background-repeat: no-repeat; background-position: center; background-size: auto 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='299' height='69'%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Cpath fill='%23173958' d='M83.875 15.91v-2.42a6 6 0 0 1 6-6h3.613a6 6 0 0 1 6 6v17.096l25.089 23.585A8 8 0 0 1 119.097 68H8.903a8 8 0 0 1-5.479-13.829L58.521 2.378a8 8 0 0 1 10.958 0L83.875 15.91Z'/%3E%3Cg fill='%23FFF' transform='translate(50 30)'%3E%3Crect width='10.154' height='10.154' rx='4'/%3E%3Crect width='10.154' height='10.154' x='13.846' rx='4'/%3E%3Crect width='10.154' height='10.154' y='13.846' rx='4'/%3E%3Crect width='10.154' height='10.154' x='13.846' y='13.846' rx='4'/%3E%3C/g%3E%3Cg fill='%23173957'%3E%3Cpath d='M152.074 44.24c-.384 1.28-1.174 1.92-2.368 1.92h-7.168c-1.323 0-1.792-.64-1.408-1.92l13.568-39.68c.426-1.28 1.258-1.92 2.496-1.92h7.744c1.237 0 2.069.64 2.496 1.92l13.376 39.68c.426 1.28-.043 1.92-1.408 1.92h-7.68c-1.195 0-1.984-.64-2.368-1.92l-1.92-5.888h-13.44l-1.92 5.888Zm6.016-18.176-1.152 3.52h7.68l-1.152-3.456c-1.152-3.499-2.027-7.765-2.624-12.8-.598 4.65-1.515 8.896-2.752 12.736Zm57.488 20.096h-18.112c-1.238 0-1.856-.64-1.856-1.92V4.56c0-1.28.618-1.92 1.856-1.92h15.872c5.845 0 10.112.917 12.8 2.752 2.688 1.835 4.032 4.245 4.032 7.232v3.264c0 3.413-1.707 5.888-5.12 7.424 4.906 1.45 7.36 4.117 7.36 8V35.6c0 3.115-1.344 5.653-4.032 7.616-2.688 1.963-6.955 2.944-12.8 2.944Zm-2.56-34.88h-6.08v8.768h6.08c3.968 0 5.952-1.323 5.952-3.968v-1.536c0-1.28-.512-2.144-1.536-2.592-1.024-.448-2.496-.672-4.416-.672Zm2.24 16.96h-8.32v9.28h8.32c3.968 0 5.952-1.301 5.952-3.904v-1.792c0-1.152-.555-2.037-1.664-2.656-1.11-.619-2.54-.928-4.288-.928Zm68.752 3.328v3.584c0 3.285-1.43 6.048-4.288 8.288-2.86 2.24-7.424 3.36-13.696 3.36-6.272 0-10.838-1.12-13.696-3.36-2.86-2.24-4.288-5.003-4.288-8.288V13.648c0-3.285 1.429-6.048 4.288-8.288C255.188 3.12 259.754 2 266.026 2c6.272 0 10.837 1.12 13.696 3.36 2.858 2.24 4.288 5.003 4.288 8.288v2.816c0 1.28-.598 1.92-1.792 1.92h-7.424c-1.238 0-1.856-.64-1.856-1.92v-.96c0-2.944-2.262-4.416-6.784-4.416-4.523 0-6.784 1.515-6.784 4.544v17.536c0 3.03 2.26 4.544 6.784 4.544 4.522 0 6.784-1.472 6.784-4.416v-1.728c0-1.28.618-1.92 1.856-1.92h7.424c1.194 0 1.792.64 1.792 1.92ZM155.714 62.596v1.534c0 1.283-.516 2.318-1.547 3.107-1.032.789-2.743 1.183-5.135 1.183-2.41 0-4.13-.399-5.161-1.196-1.032-.797-1.547-1.829-1.547-3.094v-9.62c0-1.265.515-2.297 1.547-3.094 1.03-.797 2.751-1.196 5.16-1.196 2.393 0 4.104.394 5.136 1.183 1.03.789 1.547 1.824 1.547 3.107v1.248c0 .347-.156.52-.468.52h-1.69c-.33 0-.494-.173-.494-.52v-.832c0-1.612-1.344-2.418-4.03-2.418-2.652 0-3.978.815-3.978 2.444v8.736c0 1.63 1.326 2.444 3.978 2.444 2.686 0 4.03-.806 4.03-2.418v-1.118c0-.347.164-.52.494-.52h1.69c.312 0 .468.173.468.52Zm2.912 2.028V58.8c0-2.53 2.01-3.796 6.032-3.796 4.021 0 6.032 1.265 6.032 3.796v5.824c0 2.53-2.011 3.796-6.032 3.796-4.022 0-6.032-1.265-6.032-3.796Zm9.438-.208v-5.408c0-1.248-1.136-1.872-3.406-1.872-2.271 0-3.406.624-3.406 1.872v5.408c0 1.265 1.135 1.898 3.406 1.898 2.27 0 3.406-.633 3.406-1.898Zm6.604-9.152h1.534c.312 0 .476.165.494.494l.052.91c1.473-1.11 3.206-1.664 5.2-1.664 1.369 0 2.426.33 3.172.988.745.659 1.118 1.517 1.118 2.574v9.074c0 .347-.156.52-.468.52h-1.664c-.33 0-.494-.173-.494-.52v-8.45c0-1.248-.824-1.872-2.47-1.872-1.474 0-2.921.477-4.342 1.43v8.892c0 .347-.156.52-.468.52h-1.664c-.33 0-.494-.173-.494-.52V55.758c0-.33.164-.494.494-.494Zm23.374 3.692v-.598c0-.953-1.006-1.43-3.016-1.43-1.994 0-2.99.46-2.99 1.378v.442c0 .537.424.927 1.274 1.17l4.55 1.222c1.906.52 2.86 1.404 2.86 2.652v1.378c0 .936-.468 1.712-1.404 2.327-.936.615-2.384.923-4.342.923-1.96 0-3.398-.303-4.316-.91-.92-.607-1.378-1.378-1.378-2.314v-.624c0-.312.147-.468.442-.468h1.586c.277 0 .416.147.416.442v.52c0 .936 1.083 1.404 3.25 1.404 2.184 0 3.276-.46 3.276-1.378v-.65a.867.867 0 0 0-.377-.741c-.252-.182-.646-.342-1.183-.481l-4.472-1.196c-.746-.19-1.37-.533-1.872-1.027-.503-.494-.754-1.079-.754-1.755v-.91c0-.97.429-1.768 1.287-2.392.858-.624 2.249-.936 4.173-.936 1.906 0 3.293.316 4.16.949.866.633 1.3 1.434 1.3 2.405v.598c0 .295-.156.442-.468.442h-1.56c-.295 0-.442-.147-.442-.442Zm9.464-3.64h3.406c.329 0 .494.156.494.468v1.118c0 .347-.165.52-.494.52h-3.406v6.708c0 .676.212 1.153.637 1.43.424.277 1.165.416 2.223.416h1.014c.329 0 .494.182.494.546v1.144c0 .33-.165.494-.494.494h-1.326c-1.907 0-3.255-.308-4.043-.923-.79-.615-1.183-1.564-1.183-2.847v-6.968h-1.768c-.33 0-.494-.165-.494-.494v-1.014c0-.312.164-.477.494-.494l1.56-.104h.208V52.56c0-.347.164-.52.494-.52h1.716c.312 0 .468.173.468.52v2.756Zm14.3-.234c.346 0 .52.165.52.494v1.326c0 .312-.174.485-.52.52-1.838.07-3.458.624-4.862 1.664v8.554c0 .347-.156.52-.468.52h-1.664c-.33 0-.494-.173-.494-.52V55.758c0-.33.164-.494.494-.494h1.534c.312 0 .476.165.494.494l.078 1.222c1.473-1.265 3.102-1.898 4.888-1.898Zm12.09.702c0-.347.156-.52.468-.52h1.69c.329 0 .494.173.494.52v11.882c0 .33-.165.494-.494.494h-1.534c-.312 0-.477-.165-.494-.494l-.078-.884c-1.474 1.092-3.146 1.638-5.018 1.638-1.37 0-2.427-.325-3.172-.975-.746-.65-1.118-1.512-1.118-2.587v-9.074c0-.347.156-.52.468-.52h1.69c.329 0 .494.173.494.52v8.476c0 1.23.806 1.846 2.418 1.846 1.49 0 2.886-.468 4.186-1.404v-8.918Zm11.96-.78c3.882 0 5.824 1.257 5.824 3.77v.442c0 .33-.156.494-.468.494H249.6c-.312 0-.468-.165-.468-.494v-.26c0-.607-.252-1.062-.754-1.365-.503-.303-1.335-.455-2.496-.455-1.162 0-1.985.152-2.47.455-.486.303-.728.767-.728 1.391v5.46c0 .624.242 1.092.728 1.404.485.312 1.308.468 2.47.468 1.16 0 1.993-.156 2.496-.468.502-.312.754-.771.754-1.378V64c0-.33.156-.494.468-.494h1.612c.312 0 .468.165.468.494v.65c0 2.513-1.942 3.77-5.824 3.77-3.866 0-5.798-1.265-5.798-3.796V58.8c0-2.53 1.932-3.796 5.798-3.796Zm12.506.312h3.406c.329 0 .494.156.494.468v1.118c0 .347-.165.52-.494.52h-3.406v6.708c0 .676.212 1.153.637 1.43.424.277 1.165.416 2.223.416h1.014c.329 0 .494.182.494.546v1.144c0 .33-.165.494-.494.494h-1.326c-1.907 0-3.255-.308-4.043-.923-.79-.615-1.183-1.564-1.183-2.847v-6.968h-1.768c-.33 0-.494-.165-.494-.494v-1.014c0-.312.164-.477.494-.494l1.56-.104h.208V52.56c0-.347.164-.52.494-.52h1.716c.312 0 .468.173.468.52v2.756Zm9.438-4.81v2.366c0 .33-.156.494-.468.494h-1.664c-.33 0-.494-.165-.494-.494v-2.366c0-.347.164-.52.494-.52h1.664c.312 0 .468.173.468.52Zm0 5.278V67.64c0 .347-.156.52-.468.52h-1.664c-.33 0-.494-.173-.494-.52V55.784c0-.347.164-.52.494-.52h1.664c.312 0 .468.173.468.52Zm3.484 8.84V58.8c0-2.53 2.01-3.796 6.032-3.796 4.021 0 6.032 1.265 6.032 3.796v5.824c0 2.53-2.011 3.796-6.032 3.796-4.022 0-6.032-1.265-6.032-3.796Zm9.438-.208v-5.408c0-1.248-1.136-1.872-3.406-1.872-2.271 0-3.406.624-3.406 1.872v5.408c0 1.265 1.135 1.898 3.406 1.898 2.27 0 3.406-.633 3.406-1.898Zm6.604-9.152h1.534c.312 0 .476.165.494.494l.052.91c1.473-1.11 3.206-1.664 5.2-1.664 1.369 0 2.426.33 3.172.988.745.659 1.118 1.517 1.118 2.574v9.074c0 .347-.156.52-.468.52h-1.664c-.33 0-.494-.173-.494-.52v-8.45c0-1.248-.824-1.872-2.47-1.872-1.474 0-2.921.477-4.342 1.43v8.892c0 .347-.156.52-.468.52h-1.664c-.33 0-.494-.173-.494-.52V55.758c0-.33.164-.494.494-.494Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.proto-settings .custom-radio:has(input[name="projectBoxDesign"]:checked) > span { opacity: 1;}
.proto-settings input[name="projectBoxDesign"]:checked + span + .project-link { outline-color: #1e3a8a;  }
.proto-settings .project-link { margin-top: 0; }
.proto-settings .project-link:hover { transform: none; }

html[lang="en"] .proto-settings .switch .custom-switch .custom-control-label { min-width: 80px; width: fit-content; }
html[lang="en"] .proto-settings .custom-switch .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(49px); }


html[lang="fr"] .proto-settings .switch .custom-switch .custom-control-label { min-width: 100px; width: fit-content; }
html[lang="fr"] .proto-settings .custom-switch .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(69px); }

.proto-settings .tooltip-section span { cursor: help; }

body:has(.proto-settings) .tooltip.show { opacity: 1;}
body:has(.proto-settings) .tooltip-inner { max-width: 800px; padding: .25rem; border-radius: .5rem; }
body:has(.proto-settings) .tooltip-inner img { max-width: 100%; height: auto; display: block;}

html[dir="rtl"] .proto-settings .custom-radio { padding-left: unset; padding-right: 18px; }
html[dir="rtl"] .proto-settings .custom-radio .custom-control-label { padding-left: unset; padding-right: 12px; }
html[dir="rtl"] .proto-settings .custom-radio .custom-control-label::before { left: unset; right: calc(-18px + 2px); }
html[dir="rtl"] .proto-settings .custom-radio .custom-control-label::after { left: unset; right: calc(-18px + 2px); }
html[dir="rtl"] .proto-settings .custom-switch .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(-59px); }


@media (min-width: 768px) {
  .proto-settings .card.w-100 { max-width: unset; margin-right: 0!important; }
  .proto-settings .design-cont { display: flex; flex-direction: row; gap: 0 1rem; }
  html[dir="rtl"] .proto-settings .card.w-100 { margin-left: 0!important; margin-right: unset!important; }
}

@media (min-width: 992px) {
  .proto-settings .settings-cont { display: flex; flex-wrap: wrap; width: fit-content; max-width: calc(1000px + 3rem); /*margin: 0 auto;*/ width: 100%; }
  .proto-settings .settings-cont .card { width: calc(50% - 1.5rem); margin-bottom: 3rem; margin-right: 3rem; }
  .proto-settings .settings-cont .card:nth-child(even) { margin-right: 0 }
  .proto-settings .design-cont { gap: 0 2rem; }

  html[dir="rtl"] .proto-settings .settings-cont .card { margin-left: 3rem; margin-right: unset; }
  html[dir="rtl"] .proto-settings .settings-cont .card:nth-child(even) { margin-left: 0; }
}

@media (min-width: 1180px) {
  .proto-settings .design-cont { gap: 0 2rem; }
}

/*--- PAGE : REAL ESTATE SYSTEM UPDATES ---*/
.proto-updates .title-cont .btn-group-toggle { order: 2; width: 100%; }
.proto-updates .title-cont .btn-display { box-shadow: none !important; display: flex; align-items: center; justify-content: flex-start; padding: 10px 15px; border-width: 1px; border-radius: 0.5rem; text-decoration: none !important; border: 1px solid #ddd; background-color: #fff; position: relative; text-align: left; line-height: 1; gap: 0 10px; min-height: 46px; }
.proto-updates .title-cont .btn-display.active { background-color: #1e3a8a; border-color: #1e3a8a; color: #FFF; }

.proto-updates .title-cont .btn-display::before, .proto-updates .title-cont .btn-display::after { display: block; content: ""; width: 18px; height: 18px; flex-shrink: 0; }
.proto-updates .title-cont .btn-display::before { pointer-events: none; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; border: #adb5bd solid 1px; border-radius: 0.25rem; }
.proto-updates .title-cont .btn-display::after { background: no-repeat 50% / 10px 10px; position: absolute; }

.proto-updates .title-cont .btn-display.active::before { background-color: #fff; border-color: #1e3a8a; }
.proto-updates .title-cont .btn-display.active::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231e3a8a' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }

.proto-updates:has(.btn-display.active) .content-box { display: none;}
.proto-updates:has(.btn-display.active) .content-box { display: block; }
.proto-updates:has(.btn-display.active) .content-box .list-unstyled { display: block;}
.proto-updates:has(.btn-display.active) .list-unstyled { display: none;}
.proto-updates:has(.btn-display.active) h5:has(+ .list-unstyled) { display: none; }

.proto-updates h5 { color: #333; }
.proto-updates ul { margin-bottom: 2.5rem; }
.proto-updates li { margin-bottom: 0.75rem; position: relative; padding-left: 1.5rem; }
.proto-updates li:last-child { margin-bottom: 0; }
.proto-updates li:before { content: ''; position: absolute; width: 8px; height: 8px; top: 8px; left: .5rem; border-radius: 50%; background-color: #4E2175; }

.proto-updates li .new-project { display: block; max-width: 100%; margin-top: .5rem; }
.proto-updates li .new-project img { max-width: 100%; display: block;  }
.proto-updates li .new-project::after { display: none; }
.proto-updates li .new-project p { font-size: 18px; line-height: 21px; margin: 10px 0; font-weight: 500; text-align: center; color: #333; }

.proto-updates li a { display: inline-flex; align-items: center; }
.proto-updates li a::after  { content: ''; display: inline; width: 13px; height: 13px; margin-left: 8px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M440 256h-16a8 8 0 0 0-8 8v200a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h200a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V264a8 8 0 0 0-8-8ZM500 0 364 .3a12 12 0 0 0-12 12v10a12 12 0 0 0 12 12l90-.3.7.7L131.5 358a12 12 0 0 0 0 17l5.7 5.6a12 12 0 0 0 17 0l323-323.2.8.7-.3 90a12 12 0 0 0 12 12h10a12 12 0 0 0 12-12l.3-136a12 12 0 0 0-12-12Z' fill='%23DA1E4F' fill-rule='nonzero'/%3E%3C/svg%3E"); opacity: 0; transition: ease all .08s; }
.proto-updates li a::after { opacity: 1; }

.proto-updates .content-box { margin-bottom: .75rem; }
.proto-updates .content-box:has(+ h5) { margin-bottom: 2.5rem; }
.proto-updates .content-box .media { flex-wrap: wrap; }
.proto-updates .content-box .post_title { font-size: 18px; font-weight: 700; margin-bottom: .5rem; }
.proto-updates .content-box img { max-width: 100%; margin-left: 1.5rem; opacity: 1; background-color: #000; cursor: pointer; }
.proto-updates .content-box img:hover { opacity: .8; }

.proto-updates .project-matterport .project-img { position: relative; }
.proto-updates .project-matterport .project-img img:last-child { width: 280px; height: auto; aspect-ratio: unset; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.proto-updates .project-matterport .project-img::before { content: "";  position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
/* .proto-updates .project-matterport .project-img::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 80% auto; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1548' height='392'%3E%3Cdefs%3E%3Cfilter id='a' width='113.2%25' height='164.6%25' x='-6.6%25' y='-32.3%25' filterUnits='objectBoundingBox'%3E%3CfeOffset in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur in='shadowOffsetOuter1' result='shadowBlurOuter1' stdDeviation='25'/%3E%3CfeColorMatrix in='shadowBlurOuter1' result='shadowMatrixOuter1' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0'/%3E%3CfeMerge%3E%3CfeMergeNode in='shadowMatrixOuter1'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd' filter='url(%23a)' transform='translate(46 45.755)'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='m538.281 208.792-11.71-93.078-47.22 121.002h-7.178l-50.242-121.795-11.333 93.871c-.188 1.584-.377 4.555-.377 5.347 0 10.694 5.288 13.27 20.399 14.061v8.516H380V228.2c12.088-.594 16.621-2.97 17.944-13.269l13.41-108.129c0-11.684-3.778-15.447-17.944-16.04v-8.517h39.287c.378 4.951 1.511 7.724 3.4 12.279l44.576 109.317 42.12-109.317c1.7-4.555 3.022-7.328 3.4-12.279h38.342v8.516c-14.166.594-17.943 4.357-17.943 16.041l13.41 108.13c1.322 10.297 5.856 12.674 17.944 13.268v8.516H518.26V228.2c15.11-.792 20.399-3.367 20.399-14.06 0-.793-.189-3.764-.378-5.348ZM626.083 224.437c11.144 0 17.377-5.149 26.254-12.278v-29.31l-33.054 10.892c-6.61 2.18-10.388 6.14-10.388 13.665 0 11.288 6.8 17.031 17.188 17.031Zm45.142-56.639v42.974c0 8.714 3.211 13.467 8.878 13.467 1.7 0 5.477-.396 8.31-1.188l1.889 6.14c-6.611 6.732-12.655 9.505-19.643 9.505-9.822 0-14.733-7.129-17.755-18.022-6.989 8.12-17.755 18.022-35.32 18.022-18.7 0-28.71-11.684-28.71-27.13 0-18.419 12.466-22.776 27.01-27.133l36.453-11.288v-4.159c0-16.239-7.177-28.914-23.421-28.914-10.577 0-15.677 4.555-15.677 14.655 0 1.981.378 5.545.945 9.506l-15.677 1.981c-2.645-2.773-4.156-5.942-4.156-10.694 0-16.24 16.999-25.746 38.154-25.746 23.232 0 38.72 10.1 38.72 38.024ZM723.524 109.178v22.577h29.465v10.892h-29.465v60.996c0 14.26 5.856 20.596 17.377 20.596 5.1 0 10.011-.99 15.111-3.565l2.266 5.546c-4.722 5.545-13.221 12.476-26.254 12.476-14.355 0-27.388-7.724-27.388-28.122v-67.927h-14.543v-6.93c10.01-6.339 18.132-13.864 27.765-26.539h5.666ZM796.793 109.178v22.577h29.465v10.892h-29.465v60.996c0 14.26 5.855 20.596 17.377 20.596 5.1 0 10.01-.99 15.11-3.565l2.267 5.546c-4.722 5.545-13.222 12.476-26.254 12.476-14.355 0-27.388-7.724-27.388-28.122v-67.927h-14.544v-6.93c10.011-6.339 18.133-13.864 27.766-26.539h5.666ZM886.668 129.774c27.577 0 41.932 18.22 41.932 41.985v5.545h-74.041c0 27.33 11.333 44.163 36.265 44.163 15.677 0 26.254-7.526 32.487-15.646l5.478 2.575c-4.156 14.457-17.188 30.3-43.82 30.3-30.41 0-48.354-22.775-48.354-51.094 0-34.657 21.155-57.828 50.053-57.828Zm-4.721 12.28c-14.922 0-24.744 10.495-26.821 25.348h52.697c0-13.863-8.877-25.349-25.876-25.349ZM973.271 129.774l-.945 30.3c8.878-16.437 17.377-30.3 31.164-30.3 4.53 0 7.37 1.19 9.26 2.773v18.418H1005c-12.086 0-20.019 2.97-32.674 18.417v47.53c0 9.902 4.911 10.496 18.888 12.08v7.724h-52.886v-7.724c8.689-1.188 15.11-2.178 15.11-11.288v-66.343l-14.166-6.932v-4.753l27.388-9.902h6.611ZM1082.26 238.696c-11.33 0-20.02-3.169-26.06-7.922v34.46c0 9.11 6.42 10.1 15.11 11.287v7.724h-49.11v-7.724c8.69-1.188 15.11-2.178 15.11-11.288V151.361l-14.17-6.932v-4.753l27.39-9.902h6.61l-.94 18.418c8.12-10.892 21.34-18.418 36.07-18.418 29.09 0 44.39 22.181 44.39 49.51 0 36.637-24.55 59.412-54.4 59.412Zm2.08-11.288c19.83 0 32.87-14.259 32.87-39.806 0-20.596-7.75-42.777-32.11-42.777-11.53 0-22.48 5.942-28.9 13.071v44.56c0 18.813 13.79 24.952 28.14 24.952ZM1202.87 226.418c18.89 0 28.33-15.844 28.33-37.43 0-25.547-13.22-46.935-35.88-46.935-18.89 0-28.34 15.843-28.34 37.43 0 25.546 13.23 46.935 35.89 46.935Zm-5.66 12.278c-29.85 0-50.25-21.982-50.25-52.48 0-34.657 24.94-56.442 54.02-56.442 29.85 0 50.24 21.983 50.24 52.481 0 34.657-24.93 56.441-54.01 56.441ZM1296.86 129.774l-.95 30.3c8.88-16.437 17.38-30.3 31.17-30.3 4.53 0 7.36 1.19 9.25 2.773v18.418h-7.74c-12.09 0-20.02 2.97-32.68 18.417v47.53c0 9.902 4.91 10.496 18.89 12.08v7.724h-52.89v-7.724c8.69-1.188 15.11-2.178 15.11-11.288v-66.343l-14.16-6.932v-4.753l27.39-9.902h6.61ZM1380.25 109.178v22.577h29.46v10.892h-29.46v60.996c0 14.26 5.85 20.596 17.37 20.596 5.1 0 10.01-.99 15.11-3.565l2.27 5.546c-4.72 5.545-13.22 12.476-26.25 12.476-14.36 0-27.39-7.724-27.39-28.122v-67.927h-14.55v-6.93c10.02-6.339 18.14-13.864 27.77-26.539h5.67Z'/%3E%3Cpath fill='%23FF3158' d='M125.631.937c1.666-1.198 4.374-1.256 6.065-.123l51.591 34.713a3.772 3.772 0 0 1 .952 5.244l-36.428 50.135c-1.194 1.651-3.759 2.533-5.754 1.997L42.393 65.31c-1.97-.577-2.245-2.067-.587-3.307L125.63.937ZM56.065 91.571l36.276 50.272c1.19 1.643 1.243 4.382.103 6.082l-56.955 86.6c-1.165 1.725-2.646 1.52-3.307-.428L.223 135.214c-.64-1.96.148-4.575 1.736-5.823l48.858-38.529c1.65-1.255 3.992-.923 5.248.71Z'/%3E%3Cpath fill='%23FFF' d='m204.943 19.64 4.65 103.647c.066 2.06 1.719 4.217 3.644 4.867l58.805 19.264c1.983.588 4.062-.549 4.67-2.504l16.956-59.989c.542-1.956-.345-4.55-2.003-5.748l-83.77-61.125c-1.687-1.199-3.012-.487-2.952 1.588ZM298.411 160.616l-96.813 36.473c-1.908.71-3.463 2.953-3.463 4.992l-.078 62.053c.045 2.07 1.743 3.73 3.816 3.673l62.076-2.356c2.035-.078 4.198-1.725 4.829-3.668l32.054-98.824c.608-1.994-.493-3.047-2.421-2.343ZM193.68 293.467l-64.464-81.12c-1.26-1.602-3.883-2.414-5.812-1.784l-58.842 19.083a3.764 3.764 0 0 0-2.305 4.801l21.391 58.518c.723 1.903 2.956 3.463 4.995 3.463l103.579.062c2.061-.033 2.73-1.375 1.458-3.023Z'/%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M1440 139.734c-2.07 0-4.01-.38-5.83-1.147a14.673 14.673 0 0 1-4.78-3.222c-1.36-1.378-2.43-2.997-3.22-4.847-.78-1.85-1.17-3.858-1.17-6.026 0-2.173.39-4.182 1.17-6.03.79-1.85 1.86-3.47 3.22-4.848a14.657 14.657 0 0 1 4.78-3.222c1.82-.762 3.76-1.147 5.83-1.147 2.02 0 3.94.385 5.76 1.147a14.51 14.51 0 0 1 4.77 3.222 15.934 15.934 0 0 1 3.26 4.847c.81 1.85 1.21 3.858 1.21 6.031 0 2.168-.4 4.176-1.21 6.026-.81 1.85-1.9 3.47-3.26 4.847a14.526 14.526 0 0 1-4.77 3.222 14.696 14.696 0 0 1-5.76 1.147Zm0-2.963c1.72 0 3.3-.318 4.74-.959 1.44-.64 2.67-1.493 3.71-2.553a11.724 11.724 0 0 0 2.42-3.666c.58-1.377.87-2.808.87-4.287v-1.628c0-1.484-.29-2.91-.87-4.293a11.793 11.793 0 0 0-2.42-3.666c-1.04-1.059-2.27-1.907-3.71-2.553-1.44-.636-3.02-.958-4.74-.958-1.72 0-3.29.322-4.73.958-1.44.646-2.68 1.494-3.72 2.553a11.793 11.793 0 0 0-2.42 3.666 10.978 10.978 0 0 0-.87 4.293v1.628c0 1.48.29 2.91.87 4.287a11.724 11.724 0 0 0 2.42 3.666c1.04 1.06 2.28 1.913 3.72 2.553 1.44.641 3.01.96 4.73.96Zm-2.65-4.292h-3.03v-15.464h6.82c1.51 0 2.7.434 3.56 1.296.86.862 1.28 1.985 1.28 3.367 0 1.186-.27 2.144-.83 2.886a4.895 4.895 0 0 1-2.12 1.628l3.71 6.287h-3.4l-3.34-5.916h-2.65v5.916Zm3.63-8.286c1.17 0 1.75-.515 1.75-1.55v-1.629c0-1.036-.58-1.556-1.75-1.556h-3.63v4.735h3.63Z'/%3E%3C/g%3E%3C/svg%3E"); } */

html[dir="rtl"] .proto-updates .title-cont .btn-display { text-align: right; }
html[dir="rtl"] .proto-updates ul { padding-inline-start: 0; }
html[dir="rtl"] .proto-updates li { padding-left: unset; padding-right: 1.5rem; }
html[dir="rtl"] .proto-updates li:before { left: unset; right: .5rem; }
html[dir="rtl"] .proto-updates li a::after  { margin-left: unset; margin-right: 8px; }
html[dir="rtl"] .proto-updates .content-box img { margin-left: unset; margin-right: 1.5rem; }


@media (min-width: 768px) {
  .proto-updates .title-cont { justify-content: flex-start;}
  .proto-updates .content-box .media { flex-wrap: nowrap; flex-direction: column; }
  .proto-updates .title-cont .btn-group-toggle { order: 2; width: fit-content; }
  .proto-updates .title-cont .btn-add { order: 3; width: fit-content; margin-left: 1rem; }
  .proto-updates .content-box img { max-width: 200px; }
  .proto-updates li .new-project { max-width: 300px; }

  html[dir="rtl"] .proto-updates .title-cont .btn-add { margin-left: unset; margin-right: 1rem; }
}

@media (min-width: 992px) {
  .proto-updates .title-cont .btn-group-toggle { margin-left: auto; }
  .proto-updates .title-cont .btn-add { margin-left: auto; }
  .proto-updates .content-box img { max-width: 400px; }
  .proto-updates li .new-project { max-width: 400px; }

  html[dir="rtl"] .proto-updates .title-cont .btn-group-toggle { margin-left: unset; margin-right: auto; }
  html[dir="rtl"] .proto-updates .title-cont .btn-add { margin-left: unset; margin-right: 1rem; }
}

@media (min-width: 1180px) {
  .proto-updates .title-cont { justify-content: flex-start; align-items: center; }
  .proto-updates .title-cont .btn-add { margin-left: 1rem; }
}


#imageModal .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(0); }
#imageModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }

#imageModal .modal-content { background-color: transparent; border: 0; }

html[dir="rtl"] #imageModal .close { padding: 8px; padding-left: 0; margin-left: 5px; margin-right: auto; }
html[dir="rtl"] #imageModal .close::after { margin-left: unset; margin-right: 3px; }

@media (min-width: 576px) {
  #imageModal .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  #imageModal .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }

  html[dir="rtl"] #imageModal .close { right: unset; left: 0; margin: unset; }
}

@media (min-width: 768px) {
  #imageModal .modal-dialog { max-width: 750px; }
}

@media (min-width: 1366px) {
  #imageModal .modal-dialog { max-width: 1200px; }
}



/* CONTENT EDIT MODAL */
#contentModal .w-50 { width: calc(50% - .5rem)!important; }
#contentModal .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#contentModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }

#contentModal .modal-content { background-color: #EFEFEF; border: 0; }

#contentModal .detail-cont { border-radius: .25rem; display: flex; flex-wrap: wrap; gap: 1rem; background-color: #FFF; padding: 1rem; }
#contentModal .detail-cont div { position: relative; }

#contentModal .content-form { display: flex; flex-wrap: wrap; gap: 1rem; }

#contentModal label:not(.error):not(.custom-control-label) { font-size: 13px; font-weight: 600; color: #666; line-height: 1; margin-bottom: .15rem; }
#contentModal label.error { position: absolute; margin: 0; left: 0; bottom: -14px; font-size: 13px; color: #D60000; font-weight: 600; line-height: 1; white-space: nowrap; }
#contentModal input.error, select.error { border-color: #D60000; }

#contentModal .btn-cont { width: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; gap: 1rem; }
#contentModal .btn-cont button.btn { width: 100%; position: relative; font-size: 16px; line-height: 1; font-weight: 500; padding: 12px 10px; margin: 0; display: flex; align-items: center; justify-content: center; background-color: #1e3a8a; border-color: #1e3a8a; color: #FFF; border: 0; }
#contentModal .btn-cont button.btn:hover { color: #FFF; border-color: #172554; background-color: #172554; }
#contentModal .btn-cont button.btn:disabled { pointer-events: none }

#contentModal .preview { width: 400px; aspect-ratio: 3 / 2; background-color: #CCC; margin: 0 auto 10px auto; cursor: pointer; overflow: hidden; }
#contentModal .preview img { width: 100%; height: auto; }

#contentModal .custom-file, #contentModal .custom-file-input, #contentModal .custom-file-label { cursor: pointer; }
#contentModal .custom-file-label { cursor: pointer; font-size: 16px; line-height: 1; font-weight: 500; display: flex; align-items: center; justify-content: center; border: 1px solid #ced4da; border-radius: .25rem; margin: 0; padding: 12px 10px; }
#contentModal .custom-file-label::after { display: none; }
#contentModal .custom-file:hover { cursor: pointer; }
#contentModal .custom-file:hover > .custom-file-label { border-color: #172554; background-color: #172554; color: #FFF; cursor: pointer; }

#contentModal .date-cont { position: relative; }
#contentModal .date-cont::before { content: ''; display: inline-block; width: 17px; height: 20px; position: absolute; bottom: 9px; left: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='20'%3E%3Cpath d='M15.179 2.5h-1.822V.469A.464.464 0 0012.9 0h-.3a.464.464 0 00-.455.469V2.5H4.857V.469A.464.464 0 004.4 0h-.3a.464.464 0 00-.455.469V2.5H1.821A1.849 1.849 0 000 4.375v13.75A1.849 1.849 0 001.821 20h13.358A1.849 1.849 0 0017 18.125V4.375A1.849 1.849 0 0015.179 2.5zM1.821 3.75h13.358a.618.618 0 01.607.625V6.25H1.214V4.375a.618.618 0 01.607-.625zm13.357 15H1.821a.618.618 0 01-.607-.625V7.5h14.572v10.625a.618.618 0 01-.607.625zM5.616 12.5H4.1a.464.464 0 01-.455-.469v-1.562A.464.464 0 014.1 10h1.516a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm3.643 0H7.741a.464.464 0 01-.455-.469v-1.562A.464.464 0 017.741 10h1.518a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm3.643 0h-1.518a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469H12.9a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm-3.643 3.75H7.741a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469h1.518a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468zm-3.643 0H4.1a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469h1.516a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468zm7.286 0h-1.518a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469H12.9a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468z' fill='%23999'/%3E%3C/svg%3E"); background-size: cover; pointer-events: none; }
#contentModal .date-cont input { padding-left: 40px; }
#contentModal .date-cont input#post_date { cursor: pointer; background-color: #FFF; }
.vanilla-calendar { z-index: 1052; }

html[dir="rtl"] #contentModal .close { padding: 8px; padding-left: 0; margin-left: 5px; margin-right: auto; }
html[dir="rtl"] #contentModal .close::after { margin-left: unset; margin-right: 3px; }
html[dir="rtl"] #contentModal label.error { left: unset; right: 0; }
html[dir="rtl"] #contentModal .date-cont::before { left: unset; right: 10px; }
html[dir="rtl"] #contentModal .date-cont input { padding-left: unset; padding-right: 40px; }

@media (min-width: 576px) {
  #contentModal .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  #contentModal .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }
  #contentModal .w-sm-33 { width: calc(33.333% - 11px)!important; }
  #contentModal .w-sm-50 { width: calc(50% - .5rem)!important; }

  html[dir="rtl"] #contentModal .close { right: unset; left: 0; }
}

@media (min-width: 768px) {
  #contentModal .w-md-33 { width: calc(33.333% - 11px)!important; }
  #contentModal .w-md-50 { width: calc(50% - .5rem)!important; }
  #contentModal .w-md-100 { width: 100%!important; }
}


                    /*--- PAGE : WHY NORTH CYPRUS ---*/
                    .why-north-cyprus .navigation-cyprus a { padding-left: 1rem; }
                    .why-north-cyprus .navigation-cyprus a::after { width: 0; }
                    .why-north-cyprus .navigation-cyprus a:last-child { margin-bottom: 0; }
                    .why-north-cyprus .navigation-cyprus a.dmg { display: flex; }
                    .why-north-cyprus .navigation-cyprus a.dmg img { width: 5.35em; height: auto; margin: 0 .3rem; }
                    .why-north-cyprus .navigation-cyprus a.dmg.active img,
                    .why-north-cyprus .navigation-cyprus a.dmg:hover img { filter: brightness(0) invert(1); }
                    .why-north-cyprus h1 small { display: block; font-size: 60%; font-weight: 600; color: #6c757d; }

                    .lead-nc { font-size: 17px; font-weight: 500; margin-bottom: 1rem; }

                    .vs-img { display: block; border-radius: .5rem; max-width: 100%; height: auto; margin-bottom: 1rem; }
                    .vs-box { display: flex; flex-wrap: wrap; gap: 1rem 0; margin-bottom: 1.5rem; }
                    .vs-box .country-img { aspect-ratio: 5 / 3; overflow: hidden; display: flex; align-items: flex-end; color: #FFF; font-weight: 700; padding-bottom: 0.5rem; position: relative; border-radius: .5rem; padding: 1rem .75rem; }
                    .vs-box .country-img img { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; object-position: center; width: 100%; height: 100%; z-index: 0; }
                    .vs-box .country-img h3 { margin-bottom: 0; line-height: 1; font-size: 36px; z-index: 1; }
                    .vs-box div { width: 100%; background-color: #f5f5f5; border-radius: .5rem; padding: 1rem .75rem; height: fit-content; transition: ease all .2s; }
                    .vs-box div h5 { margin-bottom: .75rem; }

                    .forbes-cont { display: flex; flex-direction: column; width: 100%; align-items: center; margin-bottom: 1rem; }
                    .forbes-cont .mask-forbes { -webkit-mask-image: url(/img/why-cyprus/forbes-magazine.png); mask-image: url(/img/why-cyprus/forbes-magazine.png); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 100%; mask-size: 100%; width: 100%; max-width:  600px; margin: 0 auto; flex-shrink: 0; aspect-ratio: 250 / 69; overflow: hidden; margin-bottom: 1rem; display: flex; align-items: center; }
                    .forbes-cont p { font-weight: 600; line-height: 1.1; font-size: 19px; text-align: center; margin-bottom: 0; }
                    .forbes-cont p strong { font-weight: 700; display: block; font-size: 36px; color: #1e3a8a; }
                    .forbes-text { line-height: 1.5; max-width: 940px; }

                    .low-prices-country-box { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem; }
                    .low-prices-country-box div { width: 100%; background-color: #f5f5f5; border-radius: .5rem; padding: 1.25rem 1rem; height: fit-content; }
                    .low-prices-country-box div ul, .low-prices-country-box div li { margin: 0; list-style: none; padding: 0; }
                    .low-prices-country-box div li { margin-bottom: 1rem; }
                    .low-prices-country-box div li:last-child { margin-bottom: 0; }
                    .low-prices-country-box div strong { display: block; }
                    .low-prices-country-box div h5 { margin-bottom: .75rem; }
                    .low-prices-country-box .country-img { aspect-ratio: 5 / 2; overflow: hidden; display: flex; align-items: flex-end; color: #FFF; font-weight: 700; padding-bottom: 0.5rem; position: relative; }
                    .low-prices-country-box .country-img img { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; object-position: center; width: 100%; height: 100%; z-index: 0; }
                    .low-prices-country-box .country-img img.turkiye { object-position: top 67% right 0px; }
                    .low-prices-country-box .country-img h3 { margin-bottom: 0; line-height: 1; font-size: 38px; z-index: 1; }

                    .low-prices-country-box .advantages { background-color: #F4FAF0; }
                    .low-prices-country-box .disadvantages { background-color: #FBF5F4; }

                    .capital-appreciation-text { font-size: 18px; line-height: 1.5; font-weight: 500; margin: 1.5rem 0; text-align: center; }
                    .capital-appreciation-graph { position: relative; width: 100%; aspect-ratio: 1 / 1; margin: 0 0 1rem 0; background-color: #FFF;  }
                    .capital-appreciation-graph::before { content: ''; position: absolute; width: calc(100% + 40px); height: calc(100% + 30px); background-color: #6334900f; top: -10px; left: -20px; z-index: -1; }
                    .capital-appreciation-graph { position: relative; z-index: 1; }

                    .ten-reasons { display: flex; flex-wrap: wrap; gap: 1rem; counter-reset: reason; }
                    .ten-reasons .card { border: 0; border-radius: .5rem; background-color: #f5f5f5; transition: ease all .2s; cursor: default; overflow: hidden; position: relative; width: 100%; }
                    .ten-reasons .card > * { transition: ease all .2s; }
                    .ten-reasons .card-img-top { border-top-left-radius: .5rem; border-top-right-radius: .5rem; aspect-ratio: 16 / 8; object-fit: cover; }
                    .ten-reasons .card-title { margin-bottom: .5rem; font-size: 1.5rem; }
                    .ten-reasons .card:hover { background-color: #FFF; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -30px, rgba(0, 0, 0, 0.3) -1px 0px 60px -30px; }
                    .ten-reasons .card:hover .card-title { color: #172554; }
                    .ten-reasons .card:hover .card-text { color: #000; }
                    .ten-reasons .card::before { counter-increment: reason; content: counter(reason); font-size: 80px; letter-spacing: -.5rem; line-height: 1.1; text-align: center; font-variant-numeric: tabular-nums; position: absolute; z-index: 1; opacity: 1; color: #FFF; mix-blend-mode: overlay; width: calc(100% - .625rem); top: 4rem; transition: ease all .2s; text-align: right; }
                    .ten-reasons .card:hover::before { opacity: 1; mix-blend-mode: unset; font-weight: 700; }

                    .why-dmg-pg h1 { display: flex; flex-wrap: wrap; }
                    .why-dmg-pg h1 small { width: 100%; }
                    .why-dmg-pg h1 img { width: 5.35em; height: auto; margin: 0 0.3rem; display: block; align-self: center; border-radius: .5rem; }

                    .why-dmg-pg .about-text { margin-bottom: 1rem; display: flex; flex-direction: column; }
                    .why-dmg-pg .about-text img { border-radius: .5rem; }

                    .why-dmg-pg .certificate-cont { display: flex; flex-direction: column; gap: 1rem; }
                    .why-dmg-pg .certificate-cont .certificate { border: 1px solid #dee2e6; border-radius: .5rem; padding: .75rem 1rem; padding-bottom:  .5rem; text-align: center; cursor: pointer; }
                    .why-dmg-pg .certificate-cont .certificate img { margin-bottom: .5rem; }
                    .why-dmg-pg .certificate-cont .certificate p { text-align: center; margin: 0; font-size: 14px; }

                    #certificateModal .modal-content { border: 0; }
                    #certificateModal .modal-body { padding: 0; }
                    #certificateModal .modal-body img { max-height: calc(100vh - 130px); display: block; margin: 0 auto; }
                    #certificateModal .modal-header h3 { text-align: center; margin-bottom: 0; }
                    #certificateModal button.close { position: absolute; top: -25px; right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; }
                    #certificateModal button.close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }

                    .why-dmg-pg .card-cont .card-logo { border-radius: .5rem; border: 1px solid #dee2e6; }

                    body:has(.faq-box) { background-attachment: fixed; }
                    .faq-box { border-color: #D3D9E5; border-radius: .5rem; border-width: 1px; margin-bottom: 1rem; max-width: 940px; }
                    .faq-box p { padding: .5rem 1rem .5rem 1rem; font-size: 15px; line-height: 1.35rem; }
                    .faq-box a { padding: 1rem; padding-right: calc(1rem + 20px); text-decoration: none; background-color: #FFF; line-height: 1.25rem; font-weight: 600; color: #1A1A1A; display: flex; width: 100%; border-radius: .5rem; font-size: 15px; transition: ease all .2s; }
                    .faq-box a:hover { background-color: #EBEEF4; }
                    .faq-box a[aria-expanded="true"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0;  }
                    .faq-box a::after { content: ''; margin-left: auto; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: 50% auto; transform: translateX(20px); border-radius: 50%; border: 1px solid #A2ABBA; }
                    .faq-box a[aria-expanded="false"]::after { background-image: url("data:image/svg+xml,%3Csvg width='50' height='49' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23A2ABBA' fill-rule='nonzero' d='M18.7 31.3H.5V18.2h18.2V.3h13.1v17.9H50v13.1H31.8v17.6H18.7z'/%3E%3C/svg%3E%0A"); }
                    .faq-box a[aria-expanded="true"]::after { background-image: url("data:image/svg+xml,%3Csvg width='50' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23A2ABBA' fill-rule='nonzero' d='M.5 13.3V.2H50v13.1z'/%3E%3C/svg%3E"); }


                    @media (hover: hover) {
                      .faq-box a { cursor: pointer; }
                      .ten-reasons .card-img-top { filter: saturate(85%); }
                      .ten-reasons .card:hover .card-img-top { filter: saturate(120%) brightness(.65); opacity: 1; background-color: #000; }
                    }

                    @media (min-width: 576px) {
                      .ten-reasons .card { flex-direction: row; padding: 1.25rem; min-height: 190px; }
                      .ten-reasons .card::before { width: 16%; top: 5.5rem; }
                      .ten-reasons .card-img-top { width: 20%; border-radius: .5rem; }
                    }

                    @media (min-width: 768px) {
                      .lead-nc { font-size: 18px; line-height: 1.5 }
                      .vs-img { height: 50%; object-fit: cover; object-position: top; aspect-ratio: 3 / 1; }
                      .vs-box { gap: 1rem; }
                      .vs-box .country-img { padding: 1.25rem 1rem; width: calc(40% - .5rem); aspect-ratio: unset; height: unset; }
                      .vs-box .country-img h3 { font-size: 42px; }
                      .vs-box div { padding: 1.25rem 1rem; }
                      .vs-box div:not(.country-img) { width: calc(60% - .5rem); }

                      .forbes-cont { flex-direction: row; gap: 0 1rem; margin-bottom: 1.5rem; }
                      .forbes-cont .mask-forbes { width: 45%; margin-bottom: 0; }
                      .forbes-cont p { font-size: 20px; transform: translateY(0px); text-align: left; }
                      .forbes-cont p strong { font-size: 38px; }

                      .low-prices-country-box div:not(.country-img) { width: calc(50% - .5rem); }
                      .low-prices-country-box .country-img { aspect-ratio: 5 / 1; }
                      .low-prices-country-box .country-img h3 { font-size: 52px; }

                      .ten-reasons .card { min-height: 170px; }
                      .ten-reasons .card::before { width: 17.5%; top: 4.5rem; }

                      .capital-appreciation-text { font-size: 20px; margin: 2rem 0 1.5rem 0; }
                      .capital-appreciation-graph { aspect-ratio: 16 / 10; border-radius: .5rem; padding: 1.5rem; margin-bottom: 0; background-color: #FFF; box-shadow:rgba(50, 50, 93, 0.25) 0px 50px 100px -30px, rgba(0, 0, 0, 0.3) -1px 0px 60px -30px; }
                      .capital-appreciation-graph::before { display: none; }

                      .why-dmg-pg .certificate-cont { flex-direction: row; }
                      .why-dmg-pg .certificate-cont .certificate { width: calc(33.333% - .5rem); max-width: 200px; }

                      .faq-box a { font-size: 16px; }
                      .faq-box p { padding: 1rem; font-size: 16px; line-height: 1.35rem; }
                    }

                    @media (min-width: 992px) {
                      .vs-box .country-img h3 { font-size: 43px; }
                      .capital-appreciation-text { font-size: 21px; margin: 2rem 0; }
                      .ten-reasons .card { min-height: 192px; }
                      .ten-reasons .card::before { font-size: 100px;  width: 18%; top: 4.75rem; }
                      .ten-reasons .card-title { font-size: 26px; }

                      #certificateModal .modal-dialog { max-width: fit-content; }

                      .why-dmg-pg .card-cont .card-logo { min-height: 66px; }
                      .why-dmg-pg .card-cont .card-logo img { max-width: 70px; }
                    }

                    @media (min-width: 1200px) {
                      .vs-box .country-img h3 { font-size: 44px; }

                      .forbes-cont { gap: 0 1.5rem; }
                      .forbes-cont .mask-forbes { width: 40%; }
                      .forbes-cont p { font-size: 22px; line-height: 1; }
                      .forbes-cont p strong { font-size: 44px; }

                      .low-prices-country-box .country-img { aspect-ratio: 4 / 1; }
                      .low-prices-country-box .country-img h3 { font-size: 64px; }

                      .capital-appreciation-text { font-size: 24px; margin: 2rem auto; max-width: 940px; }
                      .capital-appreciation-graph { aspect-ratio: 16 / 9; max-width: 940px; margin: 0 auto; }

                      .ten-reasons .card { min-height: 170px; position: relative; }
                      .ten-reasons .card::before { width: 18.5%; top: 3.25rem; }

                      .why-dmg-pg .card-cont .card-logo { min-height: 80px; }
                      .why-dmg-pg .card-cont .card-logo img { max-width: 100px; }

                      .why-dmg-pg .about-text { display: grid; grid-template-columns: 2fr 1.25fr; grid-template-rows: auto auto 1fr auto; grid-column-gap: 1rem; margin-bottom: 2.5rem; }
                      .why-dmg-pg .about-text p:nth-child(1) { grid-area: 1 / 1 / 2 / 2; order: unset!important; }
                      .why-dmg-pg .about-text p:nth-child(2) { grid-area: 2 / 1 / 3 / 2; order: unset!important; }
                      .why-dmg-pg .about-text p:nth-child(3) { grid-area: 3 / 1 / 4 / 2; order: unset!important; }
                      .why-dmg-pg .about-text img { grid-area: 1 / 2 / 4 / 3; order: unset!important; aspect-ratio: 5 / 3; object-fit: cover; }
                    }

                    @media (min-width: 1440px) {
                      .forbes-cont { margin: 2rem 0; gap: 0 1.75rem }
                      .forbes-cont .mask-forbes { width: 33%; margin: 0; max-width: 340px; }
                      .forbes-cont p { font-size: 24px; align-self: flex-end; }
                      .forbes-cont p strong { font-size: 48px; }

                      .low-prices-country-box .country-img h3 { font-size: 72px; }

                      .capital-appreciation-graph { aspect-ratio: 16 / 8; }
                      .capital-appreciation-text { font-size: 24px; margin-bottom: 2rem; }

                      .why-dmg-pg .card-cont .card-logo { min-height: 100px; }
                      .why-dmg-pg .card-cont .card-logo img { max-width: 120px; }

                      .faq-box a { font-size: 17px; padding: 1.25rem 1rem; padding-right: calc(1rem + 20px) }
                      .faq-box p { padding-top: .5rem; }
                    }

                    @media (min-width: 1680px) {
                      .capital-appreciation-text,
                      .capital-appreciation-graph { max-width: 980px; }
                    }



/*--- PDF MODAL ---*/
#pdfModal .modal-dialog { max-width: 280px; margin-right: auto; margin-left: auto; }
#pdfModal .modal-body { display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 2rem 1rem; }
#pdfModal .counter-cont { min-height: 140px; }
#pdfModal .counter-box { width: 90px; height: 90px; border-width: .5em; color: #1e3a8a; -webkit-animation: spinner-border 1s linear infinite; animation: spinner-border 1s linear infinite; }
#pdfModal h3 { color: #1e3a8a; font-size: 42px; font-weight: 700; letter-spacing: -0.075em; width: 90px; height: 90px; margin: 0; line-height: 1; position: absolute; top: 30px; display: flex; align-items: center; justify-content: center; }
#pdfModal p { font-size: 21px; font-weight: 600; color: #333; }

#pdfSelectModal .close { position: absolute; top: -40px; right: 0; padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; z-index: 2; }
#pdfSelectModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#pdfSelectModal .modal-content { background-color: #EFEFEF; border: 0; }
#pdfSelectModal .modal-dialog { max-width: 600px; }
#pdfSelectModal .modal-body { padding: 1.5rem; }
#pdfSelectModal .modal-body button.btn { width: 100%; position: relative; font-size: 16px; line-height: 1; font-weight: 600; padding: 12px 10px; margin: 0; display: flex; align-items: center; justify-content: center; background-color: #1e3a8a; border-color: #1e3a8a; color: #FFF; border: 0;outline: 0!important; box-shadow: none!important; gap: 0 .5rem; }
#pdfSelectModal .modal-body button.btn span { display: block; width: 16px; height: 16px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zm192 0v128h128L256 0zm-40 232v102.1l31-31c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-72 72c-9.4 9.4-24.6 9.4-33.9 0l-72-72c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l31 31L168 232c0-13.3 10.7-24 24-24s24 10.7 24 24z' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/svg%3E"); } 
#pdfSelectModal .modal-body button.btn:hover { color: #FFF; border-color: #172554; background-color: #172554; }
#pdfSelectModal .modal-body button.btn:disabled { pointer-events: none }
#pdfSelectModal .type { display: flex; flex-direction: column; justify-content: center; gap: 1rem; margin-bottom: 1rem; }
#pdfSelectModal .type label { background-color: #fff; border-radius: 1rem; text-align: center; padding: 1.5rem 1rem 1rem 1rem; width: 100%; cursor: pointer; position: relative; outline: 4px solid #EEE; min-height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: ease all .2s; background-size: 32px 32px; background-position: calc(100% - .75rem) .75rem; background-repeat: no-repeat; }
#pdfSelectModal .type label:has(> input:checked) { outline-color: #1e3b8a; background-image:url("data:image/svg+xml,%3Csvg width='496' height='496' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M496 248a248 248 0 1 1-496 0 248 248 0 0 1 496 0ZM219.3 379.3l184-184a16 16 0 0 0 0-22.6L380.7 150a16 16 0 0 0-22.6 0L208 300l-70-70a16 16 0 0 0-22.7 0l-22.6 22.6a16 16 0 0 0 0 22.6l104 104a16 16 0 0 0 22.6 0Z' fill='%231e3b8a' fill-rule='nonzero'/%3E%3C/svg%3E");  }
#pdfSelectModal .type input {position: absolute; opacity: 0; width: 0; height: 0; }
#pdfSelectModal .type p { margin: 0; margin-top: auto; display: flex; align-items: center; gap: 0 .5rem; font-weight: 600; color: #333; }
#pdfSelectModal .type p span.badge { color: #fff; text-transform: uppercase; padding: .35rem .4rem .25rem .4rem; border-radius: .5rem; display: block; background: #20b522; width: fit-content;}
#pdfSelectModal .type label:has(> input:checked) p { color: #333; font-weight: 600; }
#pdfSelectModal .type .icon { outline: 4px solid #AD0A01; border-radius: .25rem; aspect-ratio: 1 / 1.4142; width: 70px; display: flex; align-items: flex-end; justify-content: flex-end; font-size: 1rem; font-weight: 800; padding: .5rem; color: #AD0A01; border-top-right-radius: 0; position: relative; }
#pdfSelectModal .type .icon::before { content: ""; width: 18px; height: 18px; position: absolute; top: -5px; right: -5px; background: #FFF; border-left: 0; clip-path: polygon(100% 100%, 0% 0%, 100% 0%); }
#pdfSelectModal .type .icon::after { content: ""; width: 18px; height: 18px; position: absolute; top: -5px; right: -5px; background: #AD0A01; border-left: 0; clip-path: polygon(0% 0%, 0% 100%, 100% 100%); }
#pdfSelectModal .type label:has(> input:checked) .icon::after {  background: #AD0A01; }


#pdfSelectModal .type .icon-h { aspect-ratio: 1.4142 / 1; width: 99px; margin-top: auto;  }
#pdfSelectModal .type label:has(> input:checked) .icon { outline-color: #AD0A01; color: #AD0A01; }
#pdfSelectModal .form { margin-bottom: 1rem; border-radius: .25rem; display: flex; flex-wrap: wrap; overflow: hidden; background-color: #FFF; padding: 1rem; position: relative; }
#pdfSelectModal .form label { font-size: 13px; font-weight: 600; color: #666; line-height: 1; margin-bottom: .5rem; display: flex; align-items: center; gap: 0 .25rem; }
#pdfSelectModal .form label .icon-info-alt { width: 16px; height: 16px; background-size: contain; cursor: pointer; margin-left: .25rem; }
#pdfSelectModal .form label em { opacity: .75; }
#pdfSelectModal .form input { margin-bottom: 1rem; }
#pdfSelectModal .form textarea { resize: none; }
#pdfSelectModal .form .custom-checkbox { padding-left: 1rem; min-height: 1rem; cursor: pointer; margin-bottom: 1rem; width: fit-content; }
#pdfSelectModal .form .custom-checkbox label::before,
#pdfSelectModal .form .custom-checkbox label::after { left: -1rem; top: -.12rem; }
#pdfSelectModal .form .custom-checkbox label { /* color: #333; font-size: 16px; font-weight: normal;  font-weight: 600;*/ margin-bottom: 0; cursor: pointer; padding-left: .5rem; }
#pdfSelectModal .form .custom-checkbox input { margin-bottom: 0; height: 1rem; }
#pdfSelectModal .form .chars { position: absolute; right: 5px; bottom: 5px; font-size: 13px; text-align: right; line-height: 1; opacity: .6; }
#pdfSelectModal h4 { text-align: center; font-size: 22px; margin-bottom: 1.5rem; }
#pdfSelectModal .notsupported { position: absolute; font-size: 24px; text-align: center; font-weight: 600;  margin: 0; left: 0; top: 50%; transform: translateY(-50%); display: none; user-select: none; width: 100%; }
#pdfSelectModal:has(input[value="0"]:checked) .notsupported { display: block; }

body:has(#pdfSelectModal.show) .tooltip-inner { padding: .25rem; }
.client-img { width: 300px; height: auto; display: block; }

@media screen and (min-width: 768px) {
    #pdfSelectModal .type { flex-direction: row; gap: 0 1rem; }
}


/* USER FEEDBACK MODAL */
#feedbackModal .close { position: absolute; top: -40px; right: 0; padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; z-index: 2; }
#feedbackModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#feedbackModal .modal-dialog { max-width: 600px; }
#feedbackModal .modal-body button.btn { width: 100%; position: relative; font-size: 16px; line-height: 1; font-weight: 600; padding: 12px 10px; margin: 0; display: flex; align-items: center; justify-content: center; background-color: #1e3a8a; border-color: #1e3a8a; color: #FFF; border: 0;outline: 0!important; box-shadow: none!important;  }
#feedbackModal .modal-body button.btn:hover { color: #FFF; border-color: #172554; background-color: #172554; }
#feedbackModal .modal-body button.btn:disabled { pointer-events: none }
#feedbackModal h4 { margin-bottom: .25rem; font-size: 22px; }
#feedbackModal p { margin-bottom: 1rem; }

#feedbackModal .feedback-form { width: 100%; position: relative; margin-top: auto; }
#feedbackModal label:not(.error) { font-size: 14px; margin-bottom: 5px; line-height: 1.2; font-weight: 600; }
#feedbackModal label.error { position: absolute; margin: 0; left: 0; bottom: -21px; font-size: 13px; color: #D60000; font-weight: 600; }
#feedbackModal textarea { resize: none; }
#feedbackModal textarea.error { border-color: #D60000; }
#feedbackModal .view-ask {  display: none; flex-direction: column; align-items: center; justify-content: center; }
#feedbackModal .view-ask.active { display: flex; }
#feedbackModal .view-ask.asked { min-height: 285px; }
#feedbackModal .view-ask.asked .icon-done { background-size: cover; width: 60px; height: 60px; margin-bottom: 1.5rem; }
#feedbackModal .char-count { position: absolute; right: 5px; bottom: 5px; font-size: 13px; text-align: right; line-height: 1; opacity: .6; }

.floating-feedback { position: fixed; right: 32px; top: 50svh; transform: rotate(270deg) translateX(50%); transform-origin: top right; z-index: 1021; box-shadow: none!important; outline: 0!important; transition: ease all .15s; border: 0; border-radius: 6px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: #5DC074; color: #FFF; font-weight: 600; line-height: 1; padding: 8px 12px; }
.floating-feedback::after { content: ''; position: absolute; left: -5px; right: -5px; top: -5px; bottom: 0; background-color: transparent; }
.floating-feedback:hover, .floating-feedback:active { background-color: #172554; }
.floating-feedback span { background-size: cover; display: block; width: 20px; height: 20px; transform: translateY(1px); transition: ease all .2s; }
.floating-feedback:hover span, .floating-feedback:active span { filter: brightness(0) invert(1); }

html[dir="rtl"] #feedbackModal .close { left: 0; right: unset; }
html[dir="rtl"] #feedbackModal .close::after { margin-left: unset; margin-right: 3px; }
html[dir="rtl"] #feedbackModal .char-count { right: 0; left: 5px; text-align: left; }
html[dir="rtl"] .floating-feedback { left: 32px; right: unset; transform: rotate(-270deg) translateX(-50%); transform-origin: top left; }

@media (min-width: 768px) {
  .floating-feedback span { width: 24px; height: 24px; transform: translateY(2px); }
}

@media (min-width: 1200px) {
  #feedbackModal .modal-body { padding: 20px; }
}



/*--- UI : LIST HEADERS ---*/
.list-heading { display: none;  /* outline: 1px solid red; */ }

.zoom-cont { display: none; }
html[dir="rtl"] .zoom-cont.ml-3 { margin-left: unset!important; margin-right: 1rem!important;}

@media (min-width: 1180px) {
  .zoom-cont { display: block; }

  .list-heading { display: grid; grid-template-columns: calc(var(--firstColWidth) + .75rem) repeat(var(--colNum), 1fr) var(--lastColWidth); grid-template-rows: repeat(2, 1fr); background-color: #172554; position: relative; width: 100%; padding: 0; padding-right: .75rem; margin: 0; border: 0;  border-radius: 0; min-height: unset; cursor: default; overflow-y: unset; transition: ease all .2s; margin-bottom: 5px; border-radius: .25rem; min-height: 70px; }

/*  .list-heading::before { content: ""; background-color: #172554; position: absolute; left: -25px; right: -25px; top: 0; bottom: 0; z-index: -1; }*/

  .list-heading p { grid-column-start: auto; grid-row-start: auto; grid-row-end: span 2; margin: 0!important; width: auto!important; color: #FFF; font-weight: 600; font-size: 13px; text-decoration: underline; text-align: center; align-content: center; line-height: 1.2; padding: 0; /*  outline: 1px solid yellow;*/ }
  .list-heading p:has(.dropdown.active-sort, .dropdown.active-filter) { text-decoration: none; }
  .list-heading p > .dropdown { align-content: center; display: block; height: 100%; padding: .5rem 0; /*width: fit-content;*/ }

  .list-heading p.developer { grid-area: 2 / 1 / 3 / 2; width: auto!important; text-align: left; padding-left: 32px; /* margin-top: 5px!important;*/ }
  .list-heading p.project { grid-area: 1 / 1 / 2 / 2; width: auto!important; text-align: left; padding-left: 32px; }

  .list-heading p.project > .dropdown { padding-bottom: 0; }
  .list-heading p.developer > .dropdown { padding-top: 0; }
  
  html[dir="rtl"] .list-heading { padding: 0; padding-left: .75rem; }
  html[dir="rtl"] .list-heading p.developer { text-align: right; padding-left: unset; padding-right: 32px; }
  html[dir="rtl"] .list-heading p.project { text-align: right; padding-left: unset; padding-right: 32px; }
}

@media (min-width: 1200px) {
  .list-heading::before { left: -30px; right: -30px; }
}

@media (min-width: 1440px) {
  .list-heading p { font-size: 15px; }
  .list-heading p > .dropdown { padding: .75rem 0; }
}


/*--- UI : LIST ITEMS ---*/
.list-cont { display: flex; flex-direction: column; gap: .75rem 0; /* counter-set: item;*/ counter-reset: item; }

.list-cont .unit { display: none; grid-template-columns: var(--firstColWidth) repeat(var(--colNum), 1fr) var(--lastColWidth); grid-template-rows: repeat(var(--colNum), 1fr); position: relative; width: 100%; box-shadow: 0 0 0 1px #EEE; padding: 0 .75rem .5rem 0; border-radius: .25rem; overflow: hidden; color: #333; transition: ease all .2s; background-color: #FFF; }
.list-cont .unit.active { display: grid; }
.list-cont .unit > div { width: auto!important; grid-column-start: auto; grid-row-start: auto; grid-row-end: span 2; text-align: left; align-content: center; font-size: 1rem; line-height: 1; padding-left: 30px; }
.list-cont .unit > div.developer { grid-area: 2 / 1 / 3 / 2; width: auto!important; transition: ease all .2s; }
.list-cont .unit > div.project { grid-area: 1 / 1 / 2 / 2; width: auto!important;  }
.list-cont .unit > div::before { color: #666; display: block; line-height: 1.2; font-weight: 600; font-size: 14px; padding-top: .75rem; }

.list-cont .unit.active::before { content: ""; background-color: #EEE; position: absolute; top: 0; bottom: 0; left: 0; width: 20px; display: flex; align-items: center; justify-content: center; counter-increment: item; content: counter(item); color: #666; font-size: 11px; transition: ease all .2s; }
.list-cont .unit.active:hover::before { background-color: #1e3a8a; font-weight: 600; color: #FFF; }

html[dir="rtl"] .list-cont .unit { padding: 0 0 .5rem .75rem; }
html[dir="rtl"] .list-cont .unit > div { padding-left: unset; padding-right: 30px; text-align: right; }
html[dir="rtl"] .list-cont .unit.active::before { left: unset; right: 0; }

@media (min-width: 768px) {
  .list-cont { gap: 1rem 0; }
  .list-cont .unit { grid-template-columns: var(--firstColWidth) repeat(var(--colNum), 1fr) var(--lastColWidth); grid-template-rows: repeat(var(--rowNum), 1fr); grid-template-rows: repeat(var(--rowNum), 1fr); padding-top: .5rem; padding-bottom: 0; gap: .5rem; }

  .list-cont .unit > div { font-size: 15px; }

  .list-cont .unit > div.developer { grid-area: initial; }
  .list-cont .unit > div.project { grid-area: initial; }

  .list-cont .unit > div::before { padding-top: 0; }

  html[dir="rtl"] .list-cont .unit {padding-top: .5rem; padding-bottom: 0; }
}

@media (min-width: 1180px) {
  .list-cont { gap: 5px 0; }
  .list-cont .unit { padding: .5rem .75rem; gap: 0; }

  .list-cont .unit:hover { background-color: #EFF6FF; color: #000; }
  .list-cont .unit:hover .developer { color: #666; }

  .list-cont .unit > div { font-size: 14px; padding-left: 0; text-align: center; margin-bottom: 0; }
  .list-cont .unit > div.developer { font-size: 13px; color: #CACACA; text-align: left; padding-left: 20px; grid-area: 2 / 1 / 3 / 2; margin-top: 3px; }
  .list-cont .unit > div.project { text-align: left; padding-left: 20px; font-size: 15px; grid-area: 1 / 1 / 2 / 2; }

  .list-cont .unit > div::before { display: none; }

  html[dir="rtl"] .list-cont .unit { padding: .5rem .75rem; }
  html[dir="rtl"] .list-cont .unit > div { padding-right: 0; padding-left: unset; text-align: center; }
  html[dir="rtl"] .list-cont .unit > div.developer { text-align: right; padding-left: unset; padding-right: 20px; }
  html[dir="rtl"] .list-cont .unit > div.project { text-align: right; padding-left: unset; padding-right: 20px; }
}

@media (min-width: 1440px) {
  .list-cont .unit > div { font-size: 15px; }
  .list-cont .unit > div.project { font-size: 16px; }
}

/*--- PAGE : LAST 30 DAYS INFORMATION ---*/
.page-last-30days .nav-pills { margin-bottom: .5rem; display: flex; }
.page-last-30days .nav-pills::after { content: ""; background-color: #f4f5f9; position: absolute; left: -20px; right: -20px; top: -.5rem; bottom: 0; z-index: -1; }
.page-last-30days .nav-item { width: 100%; margin-bottom: .5rem; }
.page-last-30days .nav-link { color: #777; border-radius: .5rem; padding: .5rem .75rem; border: 1px solid #DDD; background-color: #FFF; transition: ease all .2s; }
.page-last-30days .nav-link.active { background-color: #1e3a8a; border-color: #1e3a8a; }
.page-last-30days .nav-link h1 { margin-bottom: 0; font-size: 16px; font-weight: 600; }
html[dir="rtl"] .page-last-30days .nav-pills { padding-inline-start: 0; }

.page-last-30days .infoboxes { display: flex; flex-direction: column; gap: 1rem 0; width: 100%; margin-bottom: 1.5rem; }
.page-last-30days .infoboxes div { display: flex; flex-direction: column; width: 100%; border-radius: .25rem; overflow: hidden; border: 1px solid #eaeaea; box-shadow: 0 3px 6px rgba(0,0,0,.12); background-color: #FFF; }
.page-last-30days .infoboxes div > span { background-color: #f4f4f4; text-align: center; font-weight: 600; font-size: 1rem; padding: .5rem 0; }
.page-last-30days .infoboxes div span + span { font-size: 2rem; line-height: 1; font-weight: 700; background-color: #FFF; padding: 1.5rem 0; }
.page-last-30days .infoboxes div span + span small { display: block; font-size: 14px; line-height: 1; margin-bottom: .25rem; }

.page-last-30days .firms { height: 2500px; position: relative; }
#firmsChart { max-height: 5000px; width: 100%!important; }

.page-last-30days .projects { height: 5000px; position: relative; }
#projectsChart { max-height: 8000px; width: 100%!important; }

.page-last-30days .regions { height: 350px; position: relative; }
#regionsChart { max-height: 350px; width: 100%!important; }

.page-last-30days .canvas-mini { height: 400px; }

.page-last-30days .interactive-info { display: flex; gap: 0 0.5rem; }
.page-last-30days .interactive-info .icon-sqm-info { transform: translate(0px, 3px)!important; flex-shrink: 0; cursor: default!important; }

.page-last-30days .developers { background-color: #FFF; border-radius: .5rem; padding: 1rem; box-shadow: 0 3px 6px rgba(0,0,0,.12); }
.page-last-30days .developers label { font-weight: 600; font-size: 15px; }
.page-last-30days .developers select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6.069' viewBox='0 0 10 6.069'%3E%3Cpath id='chevron-right-solid' d='M33.4,43.046l-4.45,4.45a.55.55,0,0,1-.777,0l-.519-.519a.55.55,0,0,1,0-.776l3.527-3.544-3.527-3.544a.55.55,0,0,1,0-.776l.519-.519a.55.55,0,0,1,.777,0l4.45,4.45A.55.55,0,0,1,33.4,43.046Z' transform='translate(47.657 -27.495) rotate(90)' fill='%231e3a8a'/%3E%3C/svg%3E%0A"); }

.page-last-30days:has(#firms.show.active) .developers { display: none; }
.page-last-30days:has(#regions.active) .developers { display: none; }


@media (min-width: 1180px) {
  .page-last-30days .nav-pills { gap: 0 .5rem; justify-content: flex-start; flex-wrap: nowrap; margin-bottom: 0; position: relative; }
  .page-last-30days .nav-pills::after { left: -20px; right: -20px; top: -.75rem; border-bottom: 1px solid #172554; }
  .page-last-30days .nav-item { width: fit-content; margin: 0; border-bottom: 1px solid #172554; width: calc(20% - .375rem); flex-shrink: 0; }
  .page-last-30days .nav-link { border: 0; color: #FFF; padding: .75rem 1rem; padding-bottom: .5rem; background-color: hsl(226 5% 70% / 1); border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: 100%; }
  .page-last-30days .nav-link.active { color: #FFF; background-color: #172554; }
  .page-last-30days .nav-link h1 { font-size: 18px; }
  .page-last-30days .nav-link.active { color: #FFF; background-color: #172554; }
  .page-last-30days .nav-link small { display: block; font-size: 11px; }

  .page-last-30days .infoboxes { flex-direction: row; gap: 0 1rem; }
  .page-last-30days .infoboxes div { width: calc(33.333% - .5rem); }
  .page-last-30days .infoboxes div span { padding: .75rem 0; }
  .page-last-30days .infoboxes div span + span { font-size: 2.5rem; }
  .page-last-30days .infoboxes div span + span small { font-size: 15px; }

  .page-last-30days .developers { box-shadow: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: .75rem; height: 100%; }
  .page-last-30days .developers label { display: none; }
  .page-last-30days .developers select { cursor: pointer; }
}

@media (min-width: 1180px) {
  .page-last-30days .nav-pills { margin: 0; width: 100%; background-color: #f4f5f9; }  
  .page-last-30days .nav-pills::after { display: none; }
  .page-last-30days .nav-item { border: 0; width: fit-content; flex-shrink: 1; }
  .page-last-30days .nav-item:last-child { margin-left: auto;}
  .page-last-30days .nav-link { padding: 1rem 1.25rem; padding-bottom: .75rem; }
  .page-last-30days .nav-link h1 { font-size: 16px; }

  .page-last-30days .proto-project { border-top-left-radius: 0; }

  .page-last-30days .interactive-info .icon-sqm-info { transform: translate(0px, 2px)!important; }

  .page-last-30days .proto-project { border-top-right-radius: 0; }
  .page-last-30days:has(#firms.show.active) .proto-project { border-top-right-radius: 8px; }
  .page-last-30days:has(#regions.active) .proto-project { border-top-right-radius: 8px; }

}


/*--- PAGE : ACCOUNTING ---*/
.proto-accounting .title-cont { position: sticky; top: 0; z-index: 3; background-color: #F4F5F9; margin-bottom: 0; padding-bottom: 1rem; }
.proto-accounting .title-cont h1 { font-size: 24px; margin-bottom: 0; }

.proto-accounting .nav-pills { margin-bottom: .5rem; top: .5rem; display: flex; }
.proto-accounting .nav-pills::after { content: ""; background-color: #f4f5f9; position: absolute; left: -20px; right: -20px; top: -.5rem; bottom: 0; z-index: -1; }
.proto-accounting .nav-item { width: 100%; margin-bottom: .5rem; }
.proto-accounting .nav-link { color: #777; border-radius: .5rem; padding: .5rem .75rem; border: 1px solid #DDD; background-color: #FFF; transition: ease all .2s; }
.proto-accounting .nav-link.active { background-color: #1e3a8a; border-color: #1e3a8a; }
.proto-accounting .nav-link h1 { margin-bottom: 0; font-size: 16px; font-weight: 600; }

.proto-accounting .list-cont .unit { padding-top: 0; padding-bottom: 1rem;  }
.proto-accounting .list-cont .unit > div { padding-left: 40px; }
.proto-accounting .list-cont .logo { display: flex; align-items: center; justify-content: center; padding: 15px; padding-left: 15px!important; border-radius: 5px; overflow: hidden; height: 100px; }
.proto-accounting .list-cont .logo::before { display: none!important; }
.proto-accounting .list-cont .logo img { max-height: 85%; width: auto; max-width: 100%; transform: translateX(10px); }

.proto-accounting .subtotal { background-color: #333; color: #FFF; display: flex; align-items: center; justify-content: center; padding: 10px; font-size: 18px; font-weight: 700; border-radius: .25rem; margin-top: 1rem; }

html[dir="rtl"] .proto-accounting .nav-pills { padding-inline-start: 0; }
html[dir="rtl"] .proto-accounting .list-cont .unit > div { padding-left: unset; padding-right: 40px; }
html[dir="rtl"] .proto-accounting .list-cont .logo { padding: 15px; padding-right: 15px!important; }
html[dir="rtl"] .proto-accounting .list-cont .logo img { transform: translateX(-10px); }

/*
.sqm-mobile .proto-accounting:has(.list-heading > p:not([data-type="sort"]) .dropdown.show) .nav-pills { pointer-events: none; opacity: 0;}
*/

@media (min-width: 768px) {
  :root:has(.proto-accounting ) {
    --rowNum: 1;
    --colNum: 3;
    --firstColWidth: 120px;
    --lastColWidth: 20%;
  }

  .proto-accounting .title-cont { gap: 1rem; justify-content: flex-start; }
  .proto-accounting .title-cont h1 { font-size: 28px; margin-bottom: 0; margin-right: auto; }

  .proto-accounting .nav-pills { top: .75rem; gap: 0 .5rem; justify-content: flex-start;  }
  .proto-accounting .nav-pills::after { left: -20px; right: -20px; top: -.75rem; border-bottom: 1px solid #172554; }
  .proto-accounting .nav-item { width: fit-content; margin: 0; border-bottom: 1px solid #172554; }
  .proto-accounting .nav-link { border: 0; color: #FFF; padding: .75rem 1.25rem; padding-bottom: .5rem; background-color: hsl(226 5% 70% / 1); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  .proto-accounting .nav-link.active { color: #FFF; background-color: #172554; }
  .proto-accounting .nav-link h1 { font-size: 18px; }
  .proto-accounting .nav-link.active { color: #FFF; background-color: #172554; }

  .proto-accounting .unit > div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; padding: .5rem 0 .25rem 0; padding-left: 0!important; cursor: pointer; }

  .proto-accounting .list-cont .unit { padding: .5rem 0; padding-left: 20px; align-items: center; gap: 0 .5rem; }
  .proto-accounting .list-cont .unit div.logo { height: 80px!important; }
  .proto-accounting .list-cont .unit div.logo img { transform: none; }

  .proto-accounting .subtotal { padding: 15px 10px; font-size: 21px; }
  
  html[dir="rtl"] .proto-accounting .title-cont h1 { margin-right: unset; margin-left: auto; }
  html[dir="rtl"] .proto-accounting .unit > div { padding-right: 0!important; text-align: center; }
  html[dir="rtl"] .proto-accounting .list-cont .unit { padding: .5rem 0; padding-right: 20px; }
}


@media (min-width: 1180px) {
  :root:has(.proto-accounting ) {
    --rowNum: 1;
    --colNum: 3;
    --firstColWidth: 200px;
    --lastColWidth: 200px;
  }

  .proto-accounting .title-cont { padding-top: .5rem; }
  .proto-accounting .title-cont h1 { font-size: 36px; }
  .proto-accounting .sticky-cont { padding-top: 0px; top: 113px; }

  .proto-accounting .list-heading { border-top-left-radius: 0; grid-template-columns: var(--firstColWidth) repeat(var(--colNum), 1fr) var(--lastColWidth); }

  .proto-accounting .nav-pills { margin: 0; width: 100%; top: 4rem; background-color: #f4f5f9; }  
  .proto-accounting .nav-pills::after { display: none; }
  .proto-accounting .nav-item { border: 0; }
  .proto-accounting .nav-link { padding: 1rem 1.5rem; padding-bottom: .75rem; }
  .proto-accounting .nav-link h1 { font-size: 16px; }

  .proto-accounting .list-heading { padding-right: 0; }
  .proto-accounting .list-heading p { text-align: center!important; }
  .proto-accounting .list-heading p.logo { text-decoration: none; text-indent: 20px; }
  .proto-accounting .list-heading p > .dropdown { width: fit-content; margin: 0 auto; }
  .proto-accounting .list-heading p.name { text-align: left!important; }
  .proto-accounting .list-heading p.name > .dropdown { margin-left: 0; }

  .proto-accounting .list-cont .unit { padding-left: 0; gap: 0;}
  .proto-accounting .list-cont .unit > div { padding-top: .25rem;}
  .proto-accounting .list-cont .unit div.logo { margin-left: 20px; }
  .proto-accounting .list-cont .unit div.name { text-align: left!important; }
  .proto-accounting .list-cont .unit div.payment { font-weight: 600; }

  .proto-accounting .subtotal { padding-right: 25px; min-height: 92px; font-size: 24px; }
  html[dir="rtl"] .proto-accounting .list-heading { padding-right: 0; padding-left: unset; }
  html[dir="rtl"] .proto-accounting .list-heading p.name > .dropdown { margin-left: unset; margin-right: 0; }
  html[dir="rtl"] .proto-accounting .list-cont .unit { padding-right: 0; }
  html[dir="rtl"] .proto-accounting .list-cont .unit div.logo { margin-right: 20px; margin-left: unset; }
  html[dir="rtl"] .proto-accounting .list-cont .unit div.name { text-align: right!important; }
}



/*--- PAGE : PROPERTY DEVELOPER ON/OFF ---*/
.color-nodata { background-color: #CCC; color: #333; }
.color-slow { background-color: #F8696A; }
.color-normal { background-color: #E6E57E; }
.color-fast { background-color: #63BE7B; }

.switch { margin: 10px auto 0 auto!important; background: #FFF; width: fit-content!important; }
.switch.disabled { pointer-events: none; opacity: .5; }
.switch label.title { margin: 0; pointer-events: none; font-size: 16px; color: #1e3a8a; }
.switch .custom-switch { margin-bottom: 0!important; }
.switch .custom-switch .custom-control-label { z-index: 1; cursor: pointer; font-size: 12px; font-weight: 600; line-height: 1.2; min-width: 90px; height: 30px; padding: 8px 10px; text-align: right; color: #FFF; text-transform: uppercase; }
.switch .custom-switch .custom-control-input:checked ~ .custom-control-label { text-align: left; }
.switch .custom-switch .custom-control-label::before { width: 90px; height: 30px; top: 0; left: 0; border: 0; border-radius: 40px; background-color: #CCC; z-index: -1; }
.freeze .switch .custom-switch .custom-control-label::before { pointer-events: none; }
.switch .custom-switch .custom-control-label::after { top: 4px; left: 4px; border: 0; background-color: #FFF; width: 22px; height: 22px; border-radius: 50%; }
.switch .custom-switch { cursor: pointer; padding-left: 0; }
.switch .custom-switch .custom-control-input:checked ~ .custom-control-label::before { border-color: transparent; background-color: #1e3a8a; }
.switch .custom-control-input:not(:disabled):active ~ .custom-control-label::before { background-color: #1e3a8a; border-color: transparent; }
.switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: transparent; }
.switch .custom-control-input:focus ~ .custom-control-label::before { -webkit-box-shadow: none; box-shadow: none; }
.proto-developer .custom-switch .custom-control-input:checked ~ .custom-control-label::after,
.proto-developer .custom-switch .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(59px); }

.proto-developer .list-cont .unit { padding-top: 0; padding-bottom: 1rem; }
.proto-developer .list-cont .unit > div { padding-left: 40px; }
.proto-developer .list-cont .logo { display: flex; align-items: center; justify-content: center; padding: 15px; padding-left: 15px!important; border-radius: 5px; overflow: hidden; height: 100px; }
.proto-developer .list-cont .logo::before { display: none!important; }
.proto-developer .list-cont .logo img { max-height: 85%; width: auto; max-width: 100%; width: 120px; height: 80px; object-fit: contain; }
.proto-developer .list-cont .speed { color: #FFF; font-weight: 600; border-radius: 6px; padding-bottom: .5rem; margin-left: 25px; padding-left: 15px!important; margin-top: 8px; }
.proto-developer .list-cont .switch { padding-left: 0!important; }
.proto-developer .list-cont .contacts span { width: 100%; cursor: pointer; display: block; }
.proto-developer .list-cont .contacts span u { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #D60000; }
.proto-developer .list-cont .contacts span.contact-1 { margin-bottom: .5rem; }
.proto-developer .list-cont .contacts small { font-size: 90%; text-decoration: none; }

.blocked .proto-developer .list-cont .contacts span { filter: blur(4px); pointer-events: none; user-select: none!important; }

.proto-agreements .list-cont .unit div.name span,
.proto-agreements .list-cont .unit div.commissions span { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #D60000; cursor: pointer; }
.proto-agreements .list-cont .unit div.commissions span.zero { cursor: default; text-decoration: none; }

body:has(.proto-agreements) .tooltip-inner { text-align: left; line-height: 2; }

html[dir="rtl"] .switch .custom-switch .custom-control-label { text-align: left; }
html[dir="rtl"] .switch .custom-switch .custom-control-input:checked ~ .custom-control-label { text-align: right; }
html[dir="rtl"] .switch .custom-switch .custom-control-label::before { left: unset; right: 0; }
html[dir="rtl"] .switch .custom-switch .custom-control-label::after { left: unset; right: 4px; }
html[dir="rtl"] .switch .custom-switch { padding-left: unset; padding-right: 0; }
html[dir="rtl"] .proto-developer .custom-switch .custom-control-input:checked ~ .custom-control-label::after,
html[dir="rtl"] .proto-developer .custom-switch .custom-control-input:checked ~ .custom-control-label::after { transform: translateX(-59px); }
html[dir="rtl"] .proto-developer .list-cont .unit > div { padding-left: unset; padding-right: 30px; }

html[dir="rtl"] .proto-developer .list-cont .logo { padding-right: 15px!important; }
html[dir="rtl"] .proto-developer .list-cont .speed { margin-left: 15px; margin-right: 25px; padding-left: 30px!important; padding-right: 15px!important; }
html[dir="rtl"] .proto-developer .list-cont .switch { padding-left: 0!important; }

html[dir="rtl"] body:has(.proto-agreements) .tooltip-inner { text-align: right; }

@media (min-width: 768px) {
  :root:has(.proto-developer) {
    --rowNum: 1;
    --colNum: 2;
    --firstColWidth: 120px;
    --lastColWidth: 120px;
  }

  :root:has(.proto-agreements ) {
    --rowNum: 1;
    --colNum: 2;
    --firstColWidth: 120px;
    --lastColWidth: 250px;
  }

  .proto-developer .unit > div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; padding-left: 0!important; }
  .proto-developer .list-cont .unit { padding: 0; padding-left: 20px; align-items: center; gap: 0 .5rem; }
  .proto-developer .list-cont .unit div.logo { height: 80px!important;  }
  .proto-developer .list-cont .unit div.switch { margin-top: 0!important; }
  .proto-developer .list-cont .speed { padding: .5rem!important; margin-left: 0; margin-top: 0; }

  html[dir="rtl"] .proto-developer .unit > div { padding-right: 0!important; } 
  html[dir="rtl"] .proto-developer .list-cont .unit { padding: 0; padding-right: 20px; }
  html[dir="rtl"] .proto-developer .list-cont .speed { margin-right: 0; }
}

@media (min-width: 1180px) {
  :root:has(.proto-developer) {
    --firstColWidth: 160px;
    --lastColWidth: 140px;
  }

  :root:has(.proto-agreements ) {
    --rowNum: 1;
    --colNum: 2;
    --firstColWidth: 160px;
    --lastColWidth: 500px;
  }

  .proto-developer .list-heading { padding-left: 8px; }
  .proto-developer .list-heading p { text-align: left!important; }
  .proto-developer .list-heading p.logo { text-decoration: none; text-indent: 20px; white-space: nowrap; }
  .proto-developer .list-heading p.actions { text-decoration: none!important; text-align: center!important; }
  .proto-developer .list-heading p.contacts { text-decoration: none!important; }
  .proto-developer .list-heading p > .dropdown { width: fit-content; }
  .proto-developer .list-cont .unit { gap: 0; padding: .5rem .75rem .5rem 20px; }
  .proto-developer .list-cont .unit div { grid-row-end: span 2; height: unset!important; /*overflow: hidden!important;*/ text-align: left!important; }

  .proto-developer .list-cont .unit .speed { padding: .5rem!important; margin-right: 1rem; text-align: center!important; max-width: 150px; }
  .proto-developer .list-cont .contacts { display: flex;  width: 100%; justify-content: space-between; }
  .proto-developer .list-cont .contacts span { width: calc(50% - 1rem); white-space: nowrap; }
  .proto-developer .list-cont .contacts span.contact-1 { margin-bottom: 0; }

  html[dir="rtl"] .proto-developer .list-heading { padding-left: 12px; padding-right: 8px; }
  html[dir="rtl"] .proto-developer .list-heading p { text-align: right!important; }
  html[dir="rtl"] .proto-developer .list-cont .unit { padding: .5rem 20px .5rem .75rem; }
  html[dir="rtl"] .proto-developer .list-cont .unit div { text-align: right!important; }
  html[dir="rtl"] .proto-developer .list-cont .unit .speed { margin-left: 1rem; margin-right: unset; }
}

@media (min-width: 1440px) {
  :root:has(.proto-agreements ) {
    --lastColWidth: 500px;
  }

  .proto-developer .list-heading p.name { margin-left: 30px!important; }
  .proto-developer .list-cont .name { padding-left: 30px!important; }

  html[dir="rtl"] .proto-developer .list-heading p.name { margin-left: unset!important; margin-right: 30px!important; }
  html[dir="rtl"] .proto-developer .list-cont .name { padding-left: unset!important; padding-right: 30px!important; }
}


/*--- PAGE : PROJECT PERMISSION DOCUMENTS ---*/
/*
  status-0 - Bilinmiyor - Tick yerine her yuvarlak icerisinde soru isareti.
  status-1 - Izin Yok - 0 tick (yani 4 ici bos daire)
  status-2 - Kat Irtifak Kocani - 3 tick
  status-3 - Insaat Ruhsati - 2 tick
  status-4 - Sehir Planlama Onayi - 1 tick
  status-5 - Ayri Kocan - 4 tick
*/

.page-project-permission-documents .list-cont .unit .status { order: 4; margin-bottom: 0; position: relative; background-image: url("data:image/svg+xml,%3Csvg width='234' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M67.4531782 17.5H34.5468218l-.1475975-1.3351874C33.4805498 7.8543546 26.4299294 1.5 18 1.5 8.8873016 1.5 1.5 8.8873016 1.5 18S8.8873016 34.5 18 34.5c8.4299294 0 15.4805498-6.3543547 16.3992243-14.6648126L34.5468218 18.5h32.9063564l.1475975 1.3351874C68.5194502 28.1456453 75.5700706 34.5 84 34.5c8.4299294 0 15.4805498-6.3543547 16.399224-14.6648126L100.546822 18.5h32.906356l.147598 1.3351874C134.51945 28.1456453 141.570071 34.5 150 34.5c8.429929 0 15.48055-6.3543547 16.399224-14.6648126L166.546822 18.5h32.906356l.147598 1.3351874C200.51945 28.1456453 207.570071 34.5 216 34.5c9.112698 0 16.5-7.3873016 16.5-16.5S225.112698 1.5 216 1.5c-8.429929 0-15.48055 6.3543547-16.399224 14.6648126L199.453178 17.5h-32.906356l-.147598-1.3351874C165.48055 7.8543546 158.429929 1.5 150 1.5c-8.429929 0-15.48055 6.3543547-16.399224 14.6648126L133.453178 17.5h-32.906356l-.147598-1.3351874C99.4805498 7.8543546 92.4299294 1.5 84 1.5S68.5194502 7.8543547 67.6007757 16.1648126L67.4531782 17.5Z' stroke='%23979797' stroke-width='3' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 143px 22px; height: 22px; background-position: left bottom; margin-left: 30px; margin-top: 8px; }

.page-project-permission-documents .list-cont .unit .status::after { content: ''; position: absolute; width: 143px; height: 22px; bottom: 0; left: 0; background-size: auto 22px; background-repeat: space; background-image: url("data:image/svg+xml,%0A%3Csvg width='234px' height='36px' viewBox='0 0 234 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M18,36 C8.0588745,36 -1.21743675e-15,27.9411255 0,18 C1.21743675e-15,8.0588745 8.0588745,0 18,0 C27.9411255,0 36,8.0588745 36,18 C36,27.9411255 27.9411255,36 18,36 Z M25.5100805,14.7972743 L25.5029931,14.79046 C26.1692079,14.1567291 26.1621205,13.120954 25.5029931,12.4804089 C24.8438656,11.8398637 23.7665819,11.8398637 23.1003671,12.4804089 L15.2333616,20.0511073 L11.9022872,16.8483816 C11.2431597,16.2078365 10.165876,16.2146508 9.49966116,16.8483816 C8.83344628,17.4821124 8.83344628,18.5178876 9.49966116,19.1584327 L14.0355923,23.5195911 C14.6947197,24.1601363 15.7720034,24.1601363 16.4382183,23.5195911 L25.5100805,14.7972743 Z M84,36 C74.0588745,36 66,27.9411255 66,18 C66,8.0588745 74.0588745,0 84,0 C93.9411255,0 102,8.0588745 102,18 C102,27.9411255 93.9411255,36 84,36 Z M91.5100805,14.7972743 L91.5029931,14.79046 C92.1692079,14.1567291 92.1621205,13.120954 91.5029931,12.4804089 C90.8438656,11.8398637 89.7665819,11.8398637 89.1003671,12.4804089 L81.2333616,20.0511073 L77.9022872,16.8483816 C77.2431597,16.2078365 76.165876,16.2146508 75.4996612,16.8483816 C74.8334463,17.4821124 74.8334463,18.5178876 75.4996612,19.1584327 L80.0355923,23.5195911 C80.6947197,24.1601363 81.7720034,24.1601363 82.4382183,23.5195911 L91.5100805,14.7972743 Z M150,36 C140.058875,36 132,27.9411255 132,18 C132,8.0588745 140.058875,0 150,0 C159.941125,0 168,8.0588745 168,18 C168,27.9411255 159.941125,36 150,36 Z M157.51008,14.7972743 L157.502993,14.79046 C158.169208,14.1567291 158.162121,13.120954 157.502993,12.4804089 C156.843866,11.8398637 155.766582,11.8398637 155.100367,12.4804089 L147.233362,20.0511073 L143.902287,16.8483816 C143.24316,16.2078365 142.165876,16.2146508 141.499661,16.8483816 C140.833446,17.4821124 140.833446,18.5178876 141.499661,19.1584327 L146.035592,23.5195911 C146.69472,24.1601363 147.772003,24.1601363 148.438218,23.5195911 L157.51008,14.7972743 Z M216,36 C206.058875,36 198,27.9411255 198,18 C198,8.0588745 206.058875,0 216,0 C225.941125,0 234,8.0588745 234,18 C234,27.9411255 225.941125,36 216,36 Z M223.51008,14.7972743 L223.502993,14.79046 C224.169208,14.1567291 224.162121,13.120954 223.502993,12.4804089 C222.843866,11.8398637 221.766582,11.8398637 221.100367,12.4804089 L213.233362,20.0511073 L209.902287,16.8483816 C209.24316,16.2078365 208.165876,16.2146508 207.499661,16.8483816 C206.833446,17.4821124 206.833446,18.5178876 207.499661,19.1584327 L212.035592,23.5195911 C212.69472,24.1601363 213.772003,24.1601363 214.438218,23.5195911 L223.51008,14.7972743 Z' id='Shape' fill='%23979797' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); }

.page-project-permission-documents .list-cont .unit .status.status-0::after { background-image: url("data:image/svg+xml,%3Csvg width='234' height='36' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.4444444 14.2c0 .7190625-.5461805 1.3-1.2222222 1.3C12.5461806 15.5 12 14.9190625 12 14.2c0-2.8721875 2.1885417-5.2 4.8888889-5.2h1.2222222C20.8114583 9 23 11.3278125 23 14.2v.14625c0 1.77125-.8479167 3.4165625-2.2458333 4.3753125L19.1423611 19.8225c-.2597222.17875-.4201389.4875-.4201389.820625V20.7c0 .7190625-.5461805 1.3-1.2222222 1.3-.6760417 0-1.2222222-.5809375-1.2222222-1.3v-.0609375c0-1.2146875.5805555-2.348125 1.5430555-3.00625l1.6118056-1.1009375c.6989583-.4753125 1.1229167-1.3 1.1229167-2.185625V14.2c0-1.4340625-1.0961806-2.6-2.4444445-2.6h-1.2222222c-1.3482639 0-2.4444445 1.1659375-2.4444445 2.6ZM17.5 27c-.8284271 0-1.5-.6715729-1.5-1.5s.6715729-1.5 1.5-1.5 1.5.6715729 1.5 1.5-.6715729 1.5-1.5 1.5Zm62.9444444-12.8c0 .7190625-.5461805 1.3-1.2222222 1.3C78.5461806 15.5 78 14.9190625 78 14.2c0-2.8721875 2.1885417-5.2 4.8888889-5.2h1.2222222C86.8114583 9 89 11.3278125 89 14.2v.14625c0 1.77125-.8479167 3.4165625-2.2458333 4.3753125L85.1423611 19.8225c-.2597222.17875-.4201389.4875-.4201389.820625V20.7c0 .7190625-.5461805 1.3-1.2222222 1.3-.6760417 0-1.2222222-.5809375-1.2222222-1.3v-.0609375c0-1.2146875.5805555-2.348125 1.5430555-3.00625l1.6118056-1.1009375c.6989583-.4753125 1.1229167-1.3 1.1229167-2.185625V14.2c0-1.4340625-1.0961806-2.6-2.4444445-2.6h-1.2222222c-1.3482639 0-2.4444445 1.1659375-2.4444445 2.6ZM83.5 27c-.8284271 0-1.5-.6715729-1.5-1.5s.6715729-1.5 1.5-1.5 1.5.6715729 1.5 1.5-.6715729 1.5-1.5 1.5Zm63.944444-12.8c0 .7190625-.54618 1.3-1.222222 1.3C145.546181 15.5 145 14.9190625 145 14.2c0-2.8721875 2.188542-5.2 4.888889-5.2h1.222222C153.811458 9 156 11.3278125 156 14.2v.14625c0 1.77125-.847917 3.4165625-2.245833 4.3753125L152.142361 19.8225c-.259722.17875-.420139.4875-.420139.820625V20.7c0 .7190625-.54618 1.3-1.222222 1.3-.676042 0-1.222222-.5809375-1.222222-1.3v-.0609375c0-1.2146875.580555-2.348125 1.543055-3.00625l1.611806-1.1009375c.698958-.4753125 1.122917-1.3 1.122917-2.185625V14.2c0-1.4340625-1.096181-2.6-2.444445-2.6h-1.222222c-1.348264 0-2.444445 1.1659375-2.444445 2.6ZM150.5 27c-.828427 0-1.5-.6715729-1.5-1.5s.671573-1.5 1.5-1.5 1.5.6715729 1.5 1.5-.671573 1.5-1.5 1.5Zm62.944444-12.8c0 .7190625-.54618 1.3-1.222222 1.3C211.546181 15.5 211 14.9190625 211 14.2c0-2.8721875 2.188542-5.2 4.888889-5.2h1.222222C219.811458 9 222 11.3278125 222 14.2v.14625c0 1.77125-.847917 3.4165625-2.245833 4.3753125L218.142361 19.8225c-.259722.17875-.420139.4875-.420139.820625V20.7c0 .7190625-.54618 1.3-1.222222 1.3-.676042 0-1.222222-.5809375-1.222222-1.3v-.0609375c0-1.2146875.580555-2.348125 1.543055-3.00625l1.611806-1.1009375c.698958-.4753125 1.122917-1.3 1.122917-2.185625V14.2c0-1.4340625-1.096181-2.6-2.444445-2.6h-1.222222c-1.348264 0-2.444445 1.1659375-2.444445 2.6ZM216.5 27c-.828427 0-1.5-.6715729-1.5-1.5s.671573-1.5 1.5-1.5 1.5.6715729 1.5 1.5-.671573 1.5-1.5 1.5Z' fill='%23979797' fill-rule='nonzero'/%3E%3C/svg%3E");}
.page-project-permission-documents .list-cont .unit .status.status-1::after { width: 0; }
.page-project-permission-documents .list-cont .unit .status.status-2::after { width: 103px; }
.page-project-permission-documents .list-cont .unit .status.status-3::after { width: 62px; }
.page-project-permission-documents .list-cont .unit .status.status-4::after { width: 22px; }
.page-project-permission-documents .list-cont .unit .status.status-5::after { width: 143px; }

.page-project-permission-documents .proto-updates li a::after { margin: 0 .25rem; }

html[dir="rtl"] .page-project-permission-documents .list-cont .unit .status { background-position: right bottom; margin-left: unset; margin-right: 30px; }
html[dir="rtl"] .page-project-permission-documents .list-cont .unit .status::after { right: 0; left: unset; }

@media (min-width: 768px) {
  :root:has(.page-project-permission-documents) {
    --rowNum: 2;
    --colNum: 1;
    --firstColWidth: 1fr;
    --lastColWidth: 1fr;
  }

  .page-project-permission-documents .unit div:not(.status) { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; }
  .page-project-permission-documents .list-cont .unit { gap: 0 .5rem; }
  .page-project-permission-documents .list-cont .unit .developer { grid-area: 1 / 1 / 3 / 2; }
  .page-project-permission-documents .list-cont .unit .project { grid-area: 1 / 2 / 3 / 3; }
  .page-project-permission-documents .list-cont .unit .status { margin: 8px 0 8px 30px; grid-area: 2 / 3 / 3 / 4; }
  .page-project-permission-documents .list-cont .unit .permissions { grid-area: 1 / 3 / 2 / 4; }

  html[dir="rtl"] .page-project-permission-documents .list-cont .unit .status { margin: 8px 30px 8px 0; }
}

@media (min-width: 1180px) {
  :root:has(.page-project-permission-documents) {
    --rowNum: 2;
    --colNum: 1;
    --firstColWidth: 240px;
    --lastColWidth: 1fr;
  }

  .page-project-permission-documents .unit div { grid-row-end: span 2; height: unset!important; overflow: hidden!important; }
  .page-project-permission-documents .list-heading p span.dropdown { text-align: left; width: fit-content; }

  .page-project-permission-documents .list-cont .unit { gap: 0; }
  .page-project-permission-documents .list-cont .unit .project { grid-area: 1 / 1 / 2 / 2; }
  .page-project-permission-documents .list-cont .unit .developer { grid-area: 2 / 1 / 3 / 2; }
  .page-project-permission-documents .list-cont .unit .status { grid-area: 1 / 2 / 3 / 3; width: 150px!important; margin: 0; margin-bottom: 6px; margin-left: auto; margin-right: 1rem; }
  .page-project-permission-documents .list-cont .unit .permissions { grid-area: 1 / 3 / 3 / 4; text-align: left; height: 100%!important; }

  html[dir="rtl"] .page-project-permission-documents .list-heading p span.dropdown { text-align: right; }
  html[dir="rtl"] .page-project-permission-documents .list-cont .unit .status { margin: 0 auto 6px 1rem; }
  html[dir="rtl"] .page-project-permission-documents .list-cont .unit .permissions { text-align: right; }
}


/*--- PAGE : PROJECTS by MONTHLY INSTALLMENT AMOUNTS ---*/
.page-calculator .sliders-cont { display: flex; flex-direction: column; gap: 1rem 0; margin-bottom: 1.25rem; }
.page-calculator .sliders-cont > div { display: flex; flex-direction: column; align-items: center; padding: 15px; border: 1px solid #ddd; border-radius: 0.5rem; background-color: #FFF; }
.page-calculator .sliders-cont .title { font-weight: 600; margin-bottom: 0; font-size: 15px; color: #666; }
.page-calculator .sliders-cont .value { font-variant-numeric: tabular-nums; font-size: 21px; font-weight: 700; margin-bottom: .5rem; color: #1e3a8a; }

.sliders-cont input[type=range] { width: 100%; margin: 10px 0; background-color: transparent; -webkit-appearance: none; appearance: none; }
.sliders-cont input[type=range]:focus { outline: none; }
.sliders-cont input[type=range]::-webkit-slider-runnable-track { background: #aeaeae; border: 0px solid rgba(1, 1, 1, 0); border: 0; border-radius: 25px; width: 100%; height: 6px; cursor: pointer; }
.sliders-cont input[type=range]::-webkit-slider-thumb { margin-top: -10px; width: 26px; height: 26px; background: #ffffff; border: 5px solid #1e3a8a; border-radius: 50px; cursor: pointer; -webkit-appearance: none; appearance: none; }
.sliders-cont input[type=range]:focus::-webkit-slider-runnable-track { background: #bbbbbb; }
.sliders-cont input[type=range]::-moz-range-track { background: #aeaeae; border: 0px solid rgba(1, 1, 1, 0); border: 0; border-radius: 25px; width: 100%; height: 6px; cursor: pointer; }
.sliders-cont input[type=range]::-moz-range-thumb { width: 26px; height: 26px; background: #ffffff; border: 5px solid #1e3a8a; border-radius: 50px; cursor: pointer; }
.sliders-cont input[type=range]::-ms-track { background: transparent; border-color: transparent; border-width: 10px 0; color: transparent; width: 100%; height: 6px; cursor: pointer; }
.sliders-cont input[type=range]::-ms-fill-lower { background: #a1a1a1; border: 0px solid rgba(1, 1, 1, 0); border: 0; border-radius: 50px; }
.sliders-cont input[type=range]::-ms-fill-upper { background: #aeaeae; border: 0px solid rgba(1, 1, 1, 0); border: 0; border-radius: 50px; }
.sliders-cont input[type=range]::-ms-thumb { width: 26px; height: 26px; background: #ffffff; border: 5px solid #1e3a8a; border-radius: 50px; cursor: pointer; margin-top: 0px; }
.sliders-cont input[type=range]:focus::-ms-fill-lower { background: #aeaeae; }
.sliders-cont input[type=range]:focus::-ms-fill-upper { background: #bbbbbb; }

@media (min-width: 768px) {
  :root:has(.page-calculator) {
    --rowNum: 4;
    --colNum: 1;
    --firstColWidth: 1fr;
    --lastColWidth: 1fr;
  }

  .page-calculator .sliders-cont { flex-direction: row; gap: 0 1rem; margin-bottom: 1.25rem; }
  .page-calculator .sliders-cont > div { width: 33%; }
  .page-calculator .unit div.project { width: 50%; font-size: 16px; }
  .page-calculator .unit div.developer { width: 50%; }
  .page-calculator .unit div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; }
  .page-calculator .unit { gap: .75rem 0; padding-top: .75rem; padding-bottom: .75rem; }
}

@media (min-width: 1180px) {
  :root:has(.page-calculator) {
    --rowNum: 2;
    --colNum: 7;
    --firstColWidth: 240px;
    --lastColWidth: 120px;
  }

  .page-calculator .unit { gap: 0; padding: .5rem .75rem; }
  .page-calculator .unit div { grid-row-end: span 2; height: unset!important; /*overflow: hidden!important;*/ }

  .page-calculator .region,
  .page-calculator .unit .region { width: 120px!important; }
  .page-calculator .total,
  .page-calculator .finishdate { text-align: right!important; }

  .page-calculator .price,
  .page-calculator .initialpaymentamount,
  .page-calculator .installment { font-weight: 600; }

  .page-calculator .developer .active-sort::after,
  .page-calculator .developer .active-filter::after { top: 6px; }
  .page-calculator .project .active-sort::after,
  .page-calculator .project .active-filter::after { bottom: 4px; top: unset; }

  .page-calculator .type .dropdown-menu,
  .page-calculator .type .dropdown-cont,
  .page-calculator .region .dropdown-menu,
  .page-calculator .region .dropdown-cont { max-height: unset; }

  .page-calculator .sliders-cont { max-width: 900px; margin-left: auto; margin-right: auto; }
  .page-calculator .sliders-cont > div { flex-shrink: 0; }
  .page-calculator .sliders-cont .title { font-size: 16px; }
  .page-calculator .sliders-cont .value { font-size: 24px; margin-bottom: .5rem; }
  html[lang="hu"] .page-calculator .sliders-cont { max-width: 960px; }

  html[dir="rtl"] .page-calculator .total,
  html[dir="rtl"] .page-calculator .finishdate { text-align: left!important; }
}

@media (min-width: 1440px) {
  :root:has(.page-price-analysis) {
    --lastColWidth: 120px;
  }

  .page-calculator .region,
  .page-calculator .unit .region { width: 150px!important; }
}



/*--- PAGE : PROJECTS by RENTAL YIELD ---*/
.sqm-mobile .page-projects-rental-yield .unit .roi { padding-bottom: 12px; border-radius: 6px; font-weight: 600; }

@media (min-width: 768px) {
  :root:has(.page-projects-rental-yield) {
    --rowNum: 3;
    --colNum: 1;
    --firstColWidth: 1fr;
    --lastColWidth: 1fr;
  }

  .page-projects-rental-yield .unit div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; }

  .sqm-mobile .page-projects-rental-yield .unit { gap: 0; padding-bottom: .5rem; }
  .sqm-mobile .page-projects-rental-yield .unit .roi { padding: 6px 30px; grid-area: 3 / 1 / 4 / 4; margin-left: 30px; text-align: center; font-size: 120%; color: #000; }
  .sqm-mobile .page-projects-rental-yield .unit .roi::before { color: #444; }

  html[dir="rtl"] .sqm-mobile .page-projects-rental-yield .unit { padding-bottom: .5rem; }
  html[dir="rtl"] .sqm-mobile .page-projects-rental-yield .unit .roi { margin-left: unset; margin-right: 30px; }
}

@media (min-width: 1180px) {
  :root:has(.page-projects-rental-yield) {
    --rowNum: 2;
    --colNum: 4;
    --firstColWidth: 240px;
    --lastColWidth: 120px;
  }

  .page-projects-rental-yield .unit div { grid-row-end: span 2; height: unset!important; /*overflow: hidden!important;*/ }

  .page-projects-rental-yield .roi { font-weight: 600; }
  .page-projects-rental-yield .roi .active-sort::after { margin-left: 2rem; }

  .page-projects-rental-yield .unit .roi { border-radius: 6px; }

  .page-projects-rental-yield .developer .active-sort::after,
  .page-projects-rental-yield .developer .active-filter::after { top: 6px; }
  .page-projects-rental-yield .project .active-sort::after,
  .page-projects-rental-yield .project .active-filter::after { bottom: 4px; top: unset; }

  .page-projects-rental-yield .region .dropdown-menu,
  .page-projects-rental-yield .region .dropdown-cont { max-height: unset; }

  html[dir="rtl"] .page-projects-rental-yield .roi .active-sort::after { margin-left: unset; margin-right: 2rem; }
}

@media (min-width: 1440px) {
  :root:has(.page-projects-rental-yield) {
    --firstColWidth: 240px;
    --lastColWidth: 120px;
  }
}


/*--- PAGE : SQM PRICE ANALYSIS ---*/
.sqm-mobile .page-price-analysis .list-heading > p.developer,
.sqm-mobile .page-price-analysis .list-heading > p.project,
.sqm-mobile .page-price-analysis .list-heading > p.region,
.sqm-mobile .page-price-analysis .list-heading > p.bedrooms,
.sqm-mobile .page-price-analysis .list-heading > p.price,
.sqm-mobile .page-price-analysis .list-heading > p.persqm { display: flex; width: calc(50% - 5px); margin: 0 0 10px 0; padding: 0; text-decoration: none; }

.sqm-mobile .page-price-analysis .unit div:not(.developer, .project, .price, .persqm) { height: 0; pointer-events: none; overflow: hidden; }
.sqm-mobile .page-price-analysis .unit:has(input[type="checkbox"]:checked) div { height: 100%; overflow: visible; pointer-events: all; }
.sqm-mobile .page-price-analysis .unit .persqm { padding-bottom: 12px; border-radius: 6px; font-weight: 600; }

@media (min-width: 768px) {
  :root:has(.page-price-analysis) {
    --rowNum: 4;
    --colNum: 1;
    --firstColWidth: 1fr;
    --lastColWidth: 1fr;
  }

  .page-price-analysis .unit input[type="checkbox"] { display: none; }
  .page-price-analysis .unit.active input[type="checkbox"] + div::after { display: none; }
  .page-price-analysis .unit div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; }

  .sqm-mobile .page-price-analysis .unit .persqm { padding: 6px 0 6px 30px; }

  html[dir="rtl"] .sqm-mobile .page-price-analysis .unit .persqm { padding: 6px 30px 6px 0; }
}

@media (min-width: 1180px) {
  :root:has(.page-price-analysis) {
    --rowNum: 2;
    --colNum: 9;
    --firstColWidth: 200px;
    --lastColWidth: 80px;
  }

  .page-price-analysis .unit div { grid-row-end: span 2; height: unset!important; /*overflow: hidden!important;*/ }

  .page-price-analysis .internalarea,
  .page-price-analysis .balconyterrace,
  .page-price-analysis .rooftop,
  .page-price-analysis .total,
  .page-price-analysis .price { text-align: right!important; padding-right: 1rem; }


  .page-price-analysis .list-heading { padding-right: 0; }
  .page-price-analysis .list-heading .price { font-weight: 600; padding-right: 1rem; }

  .page-price-analysis .unit { padding-right: 0; }
  .page-price-analysis .unit .price { font-weight: 600;  }
  .page-price-analysis .unit .persqm { padding: 0; border-radius: 0; font-weight: 600; }

  .page-price-analysis .developer .active-sort::after,
  .page-price-analysis .developer .active-filter::after { top: 6px; }
  .page-price-analysis .project .active-sort::after,
  .page-price-analysis .project .active-filter::after { bottom: 4px; top: unset; }

  .page-price-analysis .type .dropdown-menu,
  .page-price-analysis .type .dropdown-cont,
  .page-price-analysis .region .dropdown-menu,
  .page-price-analysis .region .dropdown-cont { max-height: unset; }

  html[dir="rtl"] .page-price-analysis .internalarea,
  html[dir="rtl"] .page-price-analysis .balconyterrace,
  html[dir="rtl"] .page-price-analysis .rooftop,
  html[dir="rtl"] .page-price-analysis .total,
  html[dir="rtl"] .page-price-analysis .price { text-align: left!important; padding-right: 0!important; padding-left: 1rem!important; }
  html[dir="rtl"] .page-price-analysis .list-heading { padding-right: 0; padding-left: 0; }
  html[dir="rtl"] .page-price-analysis .list-heading .price { padding-right: 0; padding-left: 1rem; }

  html[dir="rtl"] .page-price-analysis .unit { padding-left: 0; }
}

@media (min-width: 1440px) {
  :root:has(.page-price-analysis) {
    --firstColWidth: 240px;
    --lastColWidth: 100px;
  }
}



/*--- PAGE : PROJECTS AND PROPERTY TYPES ---*/
:root:has(.page-projects-list) {
  --rowNum: 6;
  --colNum: 0;
  --firstColWidth: 100%;
  --lastColWidth: 1fr;
}

.sqm-mobile .page-projects-list .list-heading > p.developer,
.sqm-mobile .page-projects-list .list-heading > p.project,
.sqm-mobile .page-projects-list .list-heading > p.region,
.sqm-mobile .page-projects-list .list-heading > p.bedrooms,
.sqm-mobile .page-projects-list .list-heading > p.type,
.sqm-mobile .page-projects-list .list-heading > p.price { display: flex; width: calc(50% - 5px)!important; margin: 0 0 10px 0!important; padding: 0; text-decoration: none; }
.sqm-mobile .page-projects-list .unit div:not(.developer, .project, .price, .constructionfinishdate) { height: 0; pointer-events: none; overflow: hidden; }

.sqm-mobile .page-projects-list .unit:has(input[type="checkbox"]:checked) div { height: 100%; overflow: visible; pointer-events: all; }

@media (min-width: 768px) {
  :root:has(.page-projects-list) {
    --rowNum: 4;
    --colNum: 1;
    --firstColWidth: 1fr;
    --lastColWidth: 1fr;
  }

  .page-projects-list .unit input[type="checkbox"] { display: none; }
  .page-projects-list .unit.active input[type="checkbox"] + div::after { display: none; }
  .page-projects-list .unit div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; }  
}

@media (min-width: 1180px) {
  :root:has(.page-projects-list) {
    --rowNum: 2;
    --colNum: 8;
    --firstColWidth: 240px;
    --lastColWidth: 120px;
  }

  .page-projects-list .unit div { grid-row-end: span 2; height: unset!important; }

  .page-projects-list .internalarea,
  .page-projects-list .balconyterrace,
  .page-projects-list .rooftop,
  .page-projects-list .total,
  .page-projects-list .price { text-align: right!important; padding-right: 1rem; }
  .page-projects-list .finishdate,
  .page-projects-list .constructionfinishdate { text-align: right!important; }
  .page-projects-list .list-heading .price { font-weight: 600; padding-right: 1rem; }
  .page-projects-list .list-heading .price > span { margin-left: auto; }
  .page-projects-list .list-cont .price { font-weight: 600; margin-left: auto; }

  .page-projects-list .developer .active-sort::after,
  .page-projects-list .developer .active-filter::after { top: 6px; }
  .page-projects-list .project .active-sort::after,
  .page-projects-list .project .active-filter::after { bottom: 4px; top: unset; }

  .page-projects-list .price .active-sort::after { right: -.85rem; }

  .page-projects-list .type .dropdown-menu,
  .page-projects-list .type .dropdown-cont,
  .page-projects-list .region .dropdown-menu,
  .page-projects-list .region .dropdown-cont { max-height: unset; }


  html[dir="rtl"] .page-projects-list .internalarea,
  html[dir="rtl"] .page-projects-list .balconyterrace,
  html[dir="rtl"] .page-projects-list .rooftop,
  html[dir="rtl"] .page-projects-list .total,
  html[dir="rtl"] .page-projects-list .price { text-align: left!important; padding-right: 0; padding-left: 1rem; }
  html[dir="rtl"] .page-projects-list .finishdate,
  html[dir="rtl"] .page-projects-list .constructionfinishdate { text-align: left!important; }
  html[dir="rtl"] .page-projects-list .list-heading .price { padding-right: 0; padding-left: 1rem; }
  html[dir="rtl"] .page-projects-list .list-heading .price > span { margin-left: unset; margin-right: auto; }
  html[dir="rtl"] .page-projects-list .list-cont .price { margin-left: unset; margin-right: auto; }
  html[dir="rtl"] .page-projects-list .price .active-sort::after { right: unset; left: -.85rem; }
}

@media (min-width: 1440px) {
  :root:has(.page-projects-list) {
    --firstColWidth: 280px;
    --lastColWidth: 120px;
  }
}


/*--- PAGE : RESALE LISTINGS ---*/
:root:has(.page-resale-listings) {
  --rowNum: 9;
  --colNum: 0;
  --firstColWidth: 1fr;
  --lastColWidth: 1fr;
}

.sqm-mobile .page-resale-listings .list-heading { flex-wrap: wrap!important; }
.sqm-mobile .page-resale-listings .list-heading > p.developer,
.sqm-mobile .page-resale-listings .list-heading > p.project,
.sqm-mobile .page-resale-listings .list-heading > p.region,
.sqm-mobile .page-resale-listings .list-heading > p.bedrooms,
.sqm-mobile .page-resale-listings .list-heading > p.price { display: flex; width: calc(50% - 5px); margin: 0 0 10px 0; padding: 0; text-decoration: none; }

.page-resale-listings .list-cont .unit .btn-sm { position: relative; z-index: 2; color: #FFF; width: calc(100% - 30px); flex-shrink: 0; padding: .375rem .75rem; border: 0; box-shadow: none!important; outline: 0!important; font-size: 1rem; font-weight: 600; background-color: #1e3a8a; background-repeat: no-repeat; background-position: calc(50% - 1.5rem) center; background-size: 10px auto; margin-top: .75rem; margin-left: 30px; }
.page-resale-listings .list-cont .unit .btn-sm:hover { background-color: #172554; }

body.nopdf .page-resale-listings .pdf { opacity: 0!important; pointer-events: none!important; display: none!important; }

html[dir="rtl"] .page-resale-listings .list-cont .unit .btn-sm { margin-left: unset; margin-right: 30px; }

@media (min-width: 768px) {
  :root:has(.page-resale-listings) {
    --rowNum: 4;
    --colNum: 1;
    --firstColWidth: 1fr;
    --lastColWidth: 1fr;
  }

  .page-resale-listings .unit div { height: 100%!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; padding: .5rem 0 .25rem 0; padding-left: 0; cursor: pointer; }
  .page-resale-listings .list-cont .unit { padding: .25rem .75rem .25rem 30px; align-items: center; gap: .5rem; }
  .page-resale-listings .list-cont .unit .btn-sm { width: 100%; margin: 0; }

  html[dir="rtl"] .page-resale-listings .unit div { padding-right: 0; }
}


@media (min-width: 1180px) {
  :root:has(.page-resale-listings) {
    --rowNum: 2;
    --colNum: 8;
    --firstColWidth: 240px;
    --lastColWidth: 70px;
  }

  :root:has(.nopdf .page-resale-listings) {
    --rowNum: 2;
    --colNum: 7;
    --firstColWidth: 240px;
    --lastColWidth: 120px;
  }

  .page-resale-listings .list-heading p > .dropdown { width: fit-content; margin: 0 auto; }
  .page-resale-listings .list-heading p.project > .dropdown,
  .page-resale-listings .list-heading p.developer > .dropdown { margin-left: 0; padding-left: 0; }
  .page-resale-listings .list-heading p.pricerecommend > .dropdown { margin-right: 0; padding-right: 0; }

  .page-resale-listings .list-heading p.internalarea > .dropdown,
  .page-resale-listings .list-heading p.balconyterrace > .dropdown,
  .page-resale-listings .list-heading p.rooftop > .dropdown,
  .page-resale-listings .list-heading p.pricerecommend > .dropdown { margin-right: 0; }

  .page-resale-listings .unit .btn-sm { grid-row-end: span 2; height: unset!important; }

  .page-resale-listings .unit div.project { padding: .5rem 0 0 20px; }
  .page-resale-listings .unit div.developer { padding: 0 0 0 20px; margin-top: 0; }
  .page-resale-listings .unit div:not(.project, .developer) { grid-row-end: span 2; padding: .75rem 0; }

  .page-resale-listings .list-cont .unit { padding: 0 .75rem; gap: 0; }
  .page-resale-listings .list-cont .unit .btn-sm { padding: 4px 8px 4px 22px; font-size: 15px; background-position: 10px center; align-self: center; }

  .page-resale-listings .type,
  .page-resale-listings .bedrooms,
  .page-resale-listings .list-cont .unit > div.type,
  .page-resale-listings .list-cont .unit > div.bedrooms { width: 120px!important }

  .page-resale-listings .internalarea,
  .page-resale-listings .balconyterrace,
  .page-resale-listings .rooftop,
  .page-resale-listings .total,
  .page-resale-listings .pricerecommend { text-align: right!important; padding-right: 1rem!important; }

  .page-resale-listings .pricepass,
  .page-resale-listings .pricerecommend { font-weight: 600; text-align: right!important; padding-right: 1rem; }

  .page-resale-listings .type .dropdown-menu,
  .page-resale-listings .type .dropdown-cont,
  .page-resale-listings .region .dropdown-menu,
  .page-resale-listings .region .dropdown-cont { max-height: unset; }



  html[dir="rtl"] .page-resale-listings .list-heading p.project > .dropdown,
  html[dir="rtl"] .page-resale-listings .list-heading p.developer > .dropdown { margin-left: unset; margin-right: 0; padding-left: unset; padding-right: 0; }
  html[dir="rtl"] .page-resale-listings .list-heading p.pricerecommend > .dropdown { margin-right: unset; margin-left: 0; padding-right: unset; padding-left: 0; }

  html[dir="rtl"] .page-resale-listings .list-heading p.internalarea > .dropdown,
  html[dir="rtl"] .page-resale-listings .list-heading p.balconyterrace > .dropdown,
  html[dir="rtl"] .page-resale-listings .list-heading p.rooftop > .dropdown,
  html[dir="rtl"] .page-resale-listings .list-heading p.pricerecommend > .dropdown { margin-right: unset; margin-left: 0; }
  html[dir="rtl"] .page-resale-listings .unit div.project { padding: .5rem 20px 0 0; }
  html[dir="rtl"] .page-resale-listings .unit div.developer { padding: 0 20px 0 0; }
  html[dir="rtl"] .page-resale-listings .internalarea,
  html[dir="rtl"] .page-resale-listings .balconyterrace,
  html[dir="rtl"] .page-resale-listings .rooftop,
  html[dir="rtl"] .page-resale-listings .total,
  html[dir="rtl"] .page-resale-listings .pricerecommend { text-align: left!important; padding-right: unset!important; padding-left: 1rem!important; }
  html[dir="rtl"] .page-resale-listings .pricepass,
  html[dir="rtl"] .page-resale-listings .pricerecommend { text-align: left!important; padding-right: unset!important; padding-left: 1rem; }

}

@media (min-width: 1440px) {
  :root:has(.page-resale-listings) {
    --firstColWidth: 280px;
  }

  :root:has(.nopdf .page-resale-listings) {
    --rowNum: 2;
    --colNum: 7;
    --firstColWidth: 240px;
    --lastColWidth: 120px;
  }

  .page-resale-listings .type,
  .page-resale-listings .bedrooms,
  .page-resale-listings .region,
  .page-resale-listings .list-cont .unit > div.type,
  .page-resale-listings .list-cont .unit > div.bedrooms,
  .page-resale-listings .list-cont .unit > div.region { width: 140px!important }
}



/*--- PAGE : MY RESALE LIST ---*/
.btn-add { box-shadow: none!important; display: flex; align-items: center; padding: 10px 15px; border-width: 1px; border-radius: 0.5rem; text-decoration: none!important; }
.btn-add:hover { border-color: #172554; }

.icon-add { width: 18px; height: 18px; margin-right: 10px; mask-size: contain; mask-repeat: no-repeat; background: #1e3a8a; display: block; }
.btn-add:hover .icon-add { filter: brightness(0) invert(1); }

.page-my-resale-list .no-results { display: none; opacity: 0; flex-direction: column; align-items: center; margin: 3rem auto 1rem auto; max-width: 500px; }
.page-my-resale-list:not(:has(.unit)) .no-results { display: flex; opacity: 1; -webkit-animation: FadeIn 0.65s ease forwards; animation: FadeIn 0.65s ease forwards; }
.page-my-resale-list .no-results img { width: 96px; }
.page-my-resale-list .no-results p { font-weight: 600; text-align: center; margin: 2rem 0 1rem 0; }
.page-my-resale-list:not(:has(.unit)) .btn-print:not(.btn-add) { display: none!important; }

.page-resales .title-cont { position: sticky; top: 0; z-index: 3; background-color: #F4F5F9; margin-bottom: 0; padding-bottom: 1rem; }
.page-resales .title-cont h1 { font-size: 24px; margin-bottom: 0; }

.page-resales .nav-pills { margin-bottom: .5rem; top: .5rem; }
.page-resales .nav-pills::after { content: ""; background-color: #f4f5f9; position: absolute; left: -20px; right: -20px; top: -.5rem; bottom: 0; z-index: -1; }
.page-resales .nav-item { width: 100%; margin-bottom: .5rem; }
.page-resales .nav-link { color: #777; border-radius: .5rem; padding: .5rem .75rem; border: 1px solid #DDD; background-color: #FFF; transition: ease all .2s; }
.page-resales .nav-link.active { background-color: #1e3a8a; border-color: #1e3a8a; }
.page-resales .nav-link h1 { margin-bottom: 0; font-size: 16px; font-weight: 600; }

.page-resales .nav-pills { display: none; }
.page-resales:has(.page-my-resale-list .unit) .nav-pills { display: flex; }
.page-resales:not(:has(.page-my-resale-list .list-cont .unit)) .btn-print { display: none!important; }
.page-resales:has(#resales.show.active) .btn-print { display: none!important; }

.sqm-mobile .page-resales:has(.list-heading > p:not([data-type="sort"]) .dropdown.show) .nav-pills { pointer-events: none; opacity: 0;}

html[dir="rtl"] .icon-add { margin-right: unset; margin-left: 10px; }

@media (min-width: 768px) {
  .page-resales .title-cont { gap: 1rem; justify-content: flex-start; }
  .page-resales .title-cont h1 { font-size: 28px; margin-bottom: 0; margin-right: auto; }
  .page-resales .title-cont .btn-add { order: 3; width: fit-content; }
  .page-resales .title-cont .btn-resale { order: 4; width: fit-content; }

  .page-resales .nav-pills { top: .75rem; gap: 0 .5rem; justify-content: flex-start;  }
  .page-resales .nav-pills::after { left: -20px; right: -20px; top: -.75rem; border-bottom: 1px solid #172554; }
  .page-resales .nav-item { width: fit-content; margin: 0; border-bottom: 1px solid #172554; }
  .page-resales .nav-link { border: 0; color: #FFF; padding: .75rem 1.25rem; padding-bottom: .5rem; background-color: hsl(226 5% 70% / 1); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  .page-resales .nav-link h1 { font-size: 18px; }
  
  .page-resales .nav-link.active { color: #FFF; background-color: #172554; }

  .page-my-resale-list .unit div { height: 100%!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; padding: .5rem 0 .25rem 0; padding-left: 0; cursor: pointer; }
  .page-my-resale-list .list-cont .unit { padding: .25rem .75rem .25rem 30px; align-items: center; gap: 0 .5rem; grid-template-rows: repeat(2, 1fr); }

  html[dir="rtl"] .page-resales .title-cont h1 { margin-right: unset; margin-left: auto; }
}

@media (min-width: 1180px) {
  .page-resales .title-cont { padding-top: .5rem; }
  .page-resales .title-cont h1 { font-size: 36px; }
  .page-resales .sticky-cont { padding-top: 0px; top: 113px; }

  .page-resales:has(.page-my-resale-list .list-cont .unit) .list-heading { border-top-left-radius: 0; }

  .page-resales:not(:has(.page-my-resale-list .list-cont .unit)) .sticky-cont { padding-top: 0px; top: 73px; }

  .page-resales .nav-pills { margin: 0; width: 100%; top: 4rem; background-color: #f4f5f9; }  
  .page-resales .nav-pills::after { display: none; }
  .page-resales .nav-item { border: 0; }
  .page-resales .nav-link { padding: 1rem 1.5rem; padding-bottom: .75rem; }
  .page-resales .nav-link h1 { font-size: 16px; }
  
  /* .page-resales .sticky-cont::before { content: ""; position: absolute; left: 0; right: 0; top: -4rem; bottom: 0; background-color: #f4f5f9; } */
  /* .page-resales #my-resales .sticky-cont::before { top: -18px; } */
  /* .page-resales #my-resales .sticky-cont { top: 18px; } */
  /* .page-resales #my-resales .title-cont { transform: translateY(-3px); margin-top: -46px; width: fit-content; margin-left: auto; margin-bottom: 0; } */

  .page-my-resale-list .list-heading { display: none; }
  .page-my-resale-list:has(.unit) .list-heading { display: grid; grid-template-columns: calc(240px + .75rem) repeat(3, 1fr) 15%; }

  .page-my-resale-list .list-heading p > .dropdown { width: fit-content; margin: 0 auto; }

  .page-my-resale-list .list-heading p.project > .dropdown,
  .page-my-resale-list .list-heading p.developer > .dropdown { margin-left: 0; padding-left: 0; }
  .page-my-resale-list .list-heading p.pricerecommend > .dropdown { margin-right: 0; padding-right: 0; }

  .page-my-resale-list .unit div.project { padding: .5rem 0 0 20px; }
  .page-my-resale-list .unit div.developer { padding: 0 0 0 20px; margin-top: 0; }
  .page-my-resale-list .unit div:not(.project, .developer) { grid-row-end: span 2; padding: .75rem 0; }
  .page-my-resale-list .list-cont .unit { padding: 0 .75rem; gap: 0; grid-template-columns: calc(240px + .75rem) repeat(3, 1fr) 15%; }

  .page-my-resale-list .pricepass,
  .page-my-resale-list .pricerecommend { font-weight: 600; text-align: right!important; padding-right: 0; }

  .page-my-resale-list .type .dropdown-menu,
  .page-my-resale-list .type .dropdown-cont,
  .page-my-resale-list .region .dropdown-menu,
  .page-my-resale-list .region .dropdown-cont { max-height: unset; }

  html[dir="rtl"] .page-my-resale-list .list-heading p.project > .dropdown,
  html[dir="rtl"] .page-my-resale-list .list-heading p.developer > .dropdown { margin-left: unset; padding-left: unset; margin-right: 0; padding-right: 0; }
  html[dir="rtl"] .page-my-resale-list .list-heading p.pricerecommend > .dropdown { margin-right: unset; padding-right: unset; margin-left: 0; padding-left: 0; }

  html[dir="rtl"] .page-my-resale-list .unit div.project { padding: .5rem 20px 0 0; }
  html[dir="rtl"] .page-my-resale-list .unit div.developer { padding: 0 20px 0 0; }
  html[dir="rtl"] .page-my-resale-list .pricepass,
  html[dir="rtl"] .page-my-resale-list .pricerecommend { text-align: left!important; padding-left: 0; }
}

@media (min-width: 1440px) {
  .page-my-resale-list:has(.unit) .list-heading { display: grid; grid-template-columns: calc(280px + .75rem) repeat(4, 1fr); }
  .page-my-resale-list .list-cont .unit { grid-template-columns: 280px repeat(4, 1fr); }
}


/*--- RESALE EDIT MODAL ---*/
.resale-modal .w-50 { width: calc(50% - .5rem)!important; }
.resale-modal .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
.resale-modal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }

.resale-modal .icon-sqm-info { width: 14px; height: 14px; mask-size: 14px auto; transform: translate(1px, 2px); }

.resale-modal .modal-content { background-color: #EFEFEF; border: 0; }

.resale-modal .view { width: 100%; position: relative; position: absolute; left: 1rem; width: calc(100% - 2rem); top: 60px; opacity: 0; pointer-events: none; overflow: hidden; height: 0; }

.resale-modal .view div { position: relative; }
.resale-modal .view label:not(.error) { font-size: 13px; font-weight: 600; color: #666; line-height: 1; margin-bottom: .15rem; }

.resale-modal .item-details { display: flex; flex-wrap: wrap; gap: 1rem; overflow: hidden; flex-direction: column; }
.resale-modal .detail-cont { border-radius: .25rem; display: flex; flex-wrap: wrap; gap: 1rem; overflow: hidden; background-color: #FFF; padding: 1rem; }
.resale-modal .detail-cont.installment { padding: .5rem 1rem; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; }
.resale-modal .detail-cont.installment p { font-size: 15px; width: calc(50% - .5rem); margin: 0; }
.resale-modal .detail-cont.installment p:first-child + p { font-weight: 700;}
.resale-modal .detail-cont.installment p button { width: 100%; margin: 0; }
.resale-modal .detail-cont.installment p button.btn-paid { font-size: 15px; font-weight: 500; line-height: 1; color: #FFF; padding: .25rem .375rem; white-space: nowrap; }

#paymentModal .modal-dialog { padding-top: 1.75rem; flex-direction: column; }
#paymentModal .close { top: -.25rem; z-index: 1; pointer-events: all; position: absolute; color: #FFF; opacity: 1; right: 0; filter: unset; text-shadow: 0px 0px 6px #000; }
#paymentModal .icon-done { position: absolute; left: calc(50% - 35px); top: calc(50% - 35px); margin: 0; transition: ease all .2s; }

#paymentModal .total-info { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: flex-start; gap: .5rem; margin-bottom: 1rem; text-align: center; }
#paymentModal .total-info div { font-size: 13px; font-weight: 500; color: #AAA; line-height: 1; width: calc(33.333% - .35rem); }
#paymentModal .total-info div span { display: block; font-size: 24px; font-weight: 700; color: #333; margin-top: .25rem; }
#paymentModal .btn-invoice { box-shadow: none!important; display: flex; align-items: center; border-width: 1px; border: 1px solid #ddd; padding: 10px 15px; background-color: #FFF;  border-radius: .5rem; width: 100%; margin-top: 1rem; margin-left: auto; margin-right: auto; }
#paymentModal .btn-invoice:hover, #paymentModal .btn-invoice:active { border-color: #172554; background-color: #172554; color: #FFF; }
#paymentModal .btn-invoice:hover span, #paymentModal .btn-invoice:active span { filter: brightness(0) invert(1); }

#paymentModal .invoice-title { display: flex; align-items: center; justify-content: space-between; width: 100%; }
#paymentModal .invoice-title h3 { margin-bottom: 0; }
#paymentModal .invoice-title .btn-edit-invoice { font-weight: 500; line-height: 1; color: #FFF; padding: .35rem .5rem; white-space: nowrap; border: 1px solid #1e3a8a; background-color: #1e3a8a; z-index: 1; }
#paymentModal .invoice-title .btn-edit-invoice:hover, #paymentModal .btn-edit-invoice:active { border-color: #172554; background-color: #172554; }

#paymentModal .detail-cont { position: relative;}

#paymentModal .btn-cancel { background-color: #c0c7ce; }
#paymentModal .btn-cancel:hover, #paymentModal .btn-cancel:active { background-color: #333; }

#paymentModal .instalments { margin-top: 1rem; }
#paymentModal .installment-table-title { display: flex; gap: 0 .75rem; margin-bottom: .5rem; }
#paymentModal .installment-table-title p { margin: 0; width: calc(30% - 10px); font-size: 13px; font-weight: 600; white-space: nowrap; color: #666; border-bottom: .1rem solid #CCC; }
#paymentModal .installment-table-title p:first-child { width: 30px; flex-shrink: 0; text-align: center; overflow: hidden; }
#paymentModal .resale-form .installment-table-title p:last-child { width: 30px; flex-shrink: 0; border: 0; }

#paymentModal .installment-table { display: flex; margin-bottom: 1.25rem; gap: 0 .75rem; align-items: center; }
#paymentModal .installment-table .btn-delete-installment.rip { opacity: 0; pointer-events: none; }
#paymentModal .installment-table:last-child { margin-bottom: 0; }
#paymentModal .installment-table p { margin: 0; width: calc(30% - 10px); }
#paymentModal .installment-table p:first-child { width: 30px; flex-shrink: 0; text-align: center; font-weight: 600; }
#paymentModal .installment-table div { width: 30%; }
#paymentModal .installment-table p:first-child::after { content: "a"; }

#paymentModal .instalments { counter-reset: item; }
#paymentModal .installment-table p:first-child::after { content: ""; display: flex; align-items: center; justify-content: center; counter-increment: item; content: "#" counter(item); color: #666; }

#paymentModal .paiddate span { background-image: url("data:image/svg+xml,%3Csvg width='496' height='496' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M248 0a248 248 0 1 0 0 496 248 248 0 0 0 0-496Z' fill='%23333'/%3E%3Cpath d='M369.6 313.1a12 12 0 0 1 0 17L330 369.6a12 12 0 0 1-17 0L248 304l-65.1 65.6a12 12 0 0 1-17 0L126.4 330a12 12 0 0 1 0-17l65.6-65-65.6-65.1a12 12 0 0 1 0-17l39.6-39.6a12 12 0 0 1 17 0l65 65.7 65.1-65.6a12 12 0 0 1 17 0l39.6 39.6a12 12 0 0 1 0 17L304 248l65.6 65.1Z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; background-size: 16px auto; display: block; width: 20px; height: 20px; position: absolute; right: 0; top: 0; bottom: 0; height: 100%; opacity: .5; transition: ease all .2s; pointer-events: auto; cursor: pointer; }
#paymentModal .paiddate span:hover { opacity: 1; }
#paymentModal .paiddate input:placeholder-shown + span { opacity: 0; pointer-events: none; }

#paymentModal .installment-table .btn-delete-installment { color: #FFF; background-color: transparent; padding: .25rem; border-radius: 50%; width: 30px; height: 30px; }
#paymentModal .installment-table .btn-delete-installment::after { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='496' height='496' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M248 0a248 248 0 1 0 0 496 248 248 0 0 0 0-496Z' fill='%23D60000'/%3E%3Cpath d='M369.6 313.1a12 12 0 0 1 0 17L330 369.6a12 12 0 0 1-17 0L248 304l-65.1 65.6a12 12 0 0 1-17 0L126.4 330a12 12 0 0 1 0-17l65.6-65-65.6-65.1a12 12 0 0 1 0-17l39.6-39.6a12 12 0 0 1 17 0l65 65.7 65.1-65.6a12 12 0 0 1 17 0l39.6 39.6a12 12 0 0 1 0 17L304 248l65.6 65.1Z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); width: 1.25rem; height: 1.25rem; display: block; background-size: contain; }
#paymentModal .installment-table .btn-delete-installment:hover,
#paymentModal .installment-table .btn-delete-installment:active { background-color: #DEDEDE; opacity: 1; }

#paymentModal .resale-form { top: 82px;}

#paymentModal .btn-installment { box-shadow: none!important; display: flex; align-items: center; border-width: 1px; border: 1px solid #008e44; font-weight: 500; padding: 0.375rem 0.75rem; background-color: #008e44; color: #FFF; }
#paymentModal .btn-installment span { filter: brightness(0) invert(1); }
#paymentModal .btn-installment:hover, 
#paymentModal .btn-installment:active { border-color: #007539; background-color: #007539; color: #FFF; }

#paymentModal .price-error { display: none; }

.resale-modal .item-details .detail-cont div { position: relative; }
.resale-modal .item-details .detail-cont div:not(.btn-cont)::after { content: ""; border-bottom: 1px solid #DDD; width: 100%; position: absolute; left: 0; right: 0; bottom: -.5rem; display: none; }

.resale-modal .item-details .detail-cont div.urlself p.data,
.resale-modal .item-details .detail-cont div.url101evler p.data,
.resale-modal .item-details .detail-cont div.urlhangiev p.data { font-size: 15px; }

.resale-modal .item-details p.title { font-size: 13px; font-weight: 600; color: #666; padding-bottom: .15rem; margin-bottom: .15rem; width: fit-content; border-bottom: .1rem solid #CCC; white-space: nowrap; }
.resale-modal .item-details p.data { margin-bottom: 0; }
.resale-modal .item-details .pricepass .data,
.resale-modal .item-details .pricerecommend .data { font-weight: 600; }

.resale-modal .agent-details { display: grid; grid-template-columns: 70px 1fr; grid-template-rows: repeat(4, 1fr); grid-column-gap: 0px; grid-row-gap: .25rem; }
.resale-modal .agent-details p { font-size: 15px; }
.resale-modal .agent-details .agentphoto { grid-area: 1 / 1 / 5 / 2; width: 60px; height: 60px; border-radius: 50%; border: 1px solid #F4F4F4; overflow: hidden; background-color: #CCC; background-size: 80% }
.resale-modal .agent-details .agentphoto img { width: 100%; height: auto; }
.resale-modal .agent-details .agentname { grid-area: 1 / 2 / 2 / 3; }
.resale-modal .agent-details .agentname p { font-size: 17px; font-weight: 600; }
.resale-modal .agent-details .agency { grid-area: 2 / 2 / 3 / 3; }
.resale-modal .agent-details .agentphone { grid-area: 3 / 2 / 4 / 3; }
.resale-modal .agent-details .agentemail { grid-area: 4 / 2 / 5 / 3; }

.resale-modal .item-details .internalarea .data:not(.no-symbol)::after,
.resale-modal .item-details .balconyterrace .data:not(.no-symbol)::after,
.resale-modal .item-details .rooftop .data:not(.no-symbol)::after,
.resale-modal .item-details .plot .data:not(.no-symbol)::after,
.resale-modal .item-details .pool .data:not(.no-symbol)::after,
.resale-modal .item-details .total .data:not(.no-symbol)::after { content: 'm\00B2'; padding-left: 3px; }

.resale-modal .resale-form { display: flex; flex-wrap: wrap; gap: 1rem; }
.resale-modal .resale-form select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6.069' viewBox='0 0 10 6.069'%3E%3Cpath id='chevron-right-solid' d='M33.4,43.046l-4.45,4.45a.55.55,0,0,1-.777,0l-.519-.519a.55.55,0,0,1,0-.776l3.527-3.544-3.527-3.544a.55.55,0,0,1,0-.776l.519-.519a.55.55,0,0,1,.777,0l4.45,4.45A.55.55,0,0,1,33.4,43.046Z' transform='translate(47.657 -27.495) rotate(90)' fill='%231e3a8a'/%3E%3C/svg%3E%0A"); }
.resale-modal .resale-form .input-mask { position: absolute; top: calc(.375rem + 1px); right: .75rem; line-height: 1.5; }
.resale-modal .resale-form .masked input[type="number"] { text-align: right; padding-right: calc(.75rem + 22px); }
.resale-modal .resale-form .masked:has(.input-mask-left) input { text-align: left; padding-left: calc(.75rem + 10px); padding-right: .75rem; }
.resale-modal .resale-form .input-mask-left { right: unset; left: .75rem; }

.resale-modal label:not(.error) { font-size: 14px; margin-bottom: 5px; line-height: 1.2; font-weight: 600; }
.resale-modal label.error { position: absolute; margin: 0; left: 0; bottom: -14px; font-size: 13px; color: #D60000; font-weight: 600; line-height: 1; white-space: nowrap; }
.resale-modal input.error, .resale-modal select.error { border-color: #D60000; }

.resale-modal .btn-cont { width: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; gap: 1rem; }
.resale-modal .btn-cont button.btn { width: 100%; position: relative; font-size: 16px; line-height: 1; font-weight: 500; padding: 12px 10px; margin: 0; display: flex; align-items: center; justify-content: center; background-color: #1e3a8a; border-color: #1e3a8a; color: #FFF; border: 0; }
.resale-modal .btn-cont button.btn:hover { color: #FFF; border-color: #172554; background-color: #172554; }
.resale-modal .btn-cont button.btn:disabled { pointer-events: none }

.resale-modal .btn-cont button.btn-edit { background-color: #1e3a8a; border-color: #1e3a8a; }
.resale-modal .btn-cont button.btn-edit:hover { background-color: #172554;border-color: #172554; }
.resale-modal button.btn-delete { background-color: #D60000; border-color: #D60000; }
.resale-modal button.btn-delete:hover { background-color: #BD0000; border-color: #BD0000; }
.resale-modal .btn-cont button.btn-validate { background-color: #008e44; border-color: #008e44; }
.resale-modal .btn-cont button.btn-validate:hover { background-color: #036b35; border-color: #036b35; }

.resale-modal .item-validate p { text-align: center; margin-bottom: 1rem; }
.resale-modal .icon-done { background-size: cover; width: 70px; height: 70px; margin: 3rem auto; }

.resale-modal .item-delete { display: flex; flex-wrap: wrap; gap: 1rem; }
.resale-modal .item-delete p { text-align: center; margin-bottom: 0; width: 100%; }
.resale-modal .item-delete button.btn { width: calc(50% - .5rem); position: relative; font-size: 16px; line-height: 1; font-weight: 500; padding: 12px 10px; margin: 0; display: flex; align-items: center; justify-content: center; }
.resale-modal .item-delete button:disabled { pointer-events: none; }
.resale-modal .item-delete button.btn-delete-done { background-color: #1e3a8a; border-color: #1e3a8a; color: #FFF; border: 0; }
.resale-modal .item-delete button.btn:hover { color: #FFF; border-color: #172554;background-color: #172554; }
.resale-modal .item-delete button.btn-delete-cancel { border: 1px solid #C1C1C1; background-color: #FFF; }
.resale-modal .item-delete button.btn-delete-cancel:hover { background-color: #666; border: 1px solid #666; color: #FFF; }

.resale-modal .date-cont { position: relative; }
.resale-modal .date-cont::before { content: ''; display: inline-block; width: 17px; height: 20px; position: absolute; bottom: 9px; left: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='20'%3E%3Cpath d='M15.179 2.5h-1.822V.469A.464.464 0 0012.9 0h-.3a.464.464 0 00-.455.469V2.5H4.857V.469A.464.464 0 004.4 0h-.3a.464.464 0 00-.455.469V2.5H1.821A1.849 1.849 0 000 4.375v13.75A1.849 1.849 0 001.821 20h13.358A1.849 1.849 0 0017 18.125V4.375A1.849 1.849 0 0015.179 2.5zM1.821 3.75h13.358a.618.618 0 01.607.625V6.25H1.214V4.375a.618.618 0 01.607-.625zm13.357 15H1.821a.618.618 0 01-.607-.625V7.5h14.572v10.625a.618.618 0 01-.607.625zM5.616 12.5H4.1a.464.464 0 01-.455-.469v-1.562A.464.464 0 014.1 10h1.516a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm3.643 0H7.741a.464.464 0 01-.455-.469v-1.562A.464.464 0 017.741 10h1.518a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm3.643 0h-1.518a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469H12.9a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm-3.643 3.75H7.741a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469h1.518a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468zm-3.643 0H4.1a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469h1.516a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468zm7.286 0h-1.518a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469H12.9a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468z' fill='%23999'/%3E%3C/svg%3E"); background-size: cover; pointer-events: none; z-index: 1053; }
.resale-modal .date-cont input { cursor: pointer; padding: .375rem .75rem; padding-left: 40px; background-color: #FFF; min-width: unset; border-radius: .25rem; width: 100%; }
.resale-modal .date-cont input#expirydate { cursor: pointer; background-color: #FFF; border-radius: .25rem!important; padding: .375rem .75rem!important; padding-left: 2.25rem!important; min-width: unset!important; width: 100%; }
.vanilla-calendar { z-index: 1052!important; }

html[dir="rtl"] .resale-modal .close { padding: 8px; padding-left: 0; margin-right: auto; margin-left: 5px; }
html[dir="rtl"] .resale-modal .close::after { margin-left: unset; margin-right: 3px; }
html[dir="rtl"] .resale-modal .icon-sqm-info { transform: translate(-1px, 2px); }
html[dir="rtl"] .resale-modal .view { left: unset; right: 1rem; }
html[dir="rtl"] #paymentModal .close { right: unset; left: 0; }
html[dir="rtl"] #paymentModal .icon-done { left: unset; right: calc(50% - 35px); }
html[dir="rtl"] .resale-modal .item-details .internalarea .data:not(.no-symbol)::after,
html[dir="rtl"] .resale-modal .item-details .balconyterrace .data:not(.no-symbol)::after,
html[dir="rtl"] .resale-modal .item-details .rooftop .data:not(.no-symbol)::after,
html[dir="rtl"] .resale-modal .item-details .plot .data:not(.no-symbol)::after,
html[dir="rtl"] .resale-modal .item-details .pool .data:not(.no-symbol)::after,
html[dir="rtl"] .resale-modal .item-details .total .data:not(.no-symbol)::after { padding-left: unset; padding-right: 3px; }
html[dir="rtl"] .resale-modal .resale-form .input-mask { right: unset; left: .75rem; }
html[dir="rtl"] .resale-modal .resale-form .masked input[type="number"] { text-align: left; padding-right: .75rem; padding-left: calc(.75rem + 22px); }
html[dir="rtl"] .resale-modal .resale-form .masked:has(.input-mask-left) input { text-align: right; padding-left: .75rem; padding-right: calc(.75rem + 10px); }
html[dir="rtl"] .resale-modal .resale-form .input-mask-left { left: unset; right: .75rem; }
html[dir="rtl"] .resale-modal label.error { left: unset; right: 0; }
html[dir="rtl"] .resale-modal .date-cont input#expirydate { padding: .375rem .75rem!important; padding-right: 2.25rem!important; }


@media (min-width: 576px) {
  .resale-modal .btn-cont { flex-direction: row; }
  .resale-modal .btn-cont button.btn { width: calc(50% - .5rem); flex-shrink: 0; }
  .resale-modal .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  .resale-modal .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }
  .resale-modal .w-sm-33 { width: calc(33.333% - 11px)!important; }
  .resale-modal .w-sm-50 { width: calc(50% - .5rem)!important; }
  
  #paymentModal .close { top: -.25rem; z-index: 1; pointer-events: all; }
  #paymentModal .modal-dialog { max-width: 720px; margin: 1.75rem auto; padding-top: 2rem; }

  .resale-modal .agent-details { grid-template-columns: 100px 1fr; }
  .resale-modal .agent-details p { font-size: 16px; }
  .resale-modal .agent-details .agentphoto { width: 80px; height: 80px; }
  .resale-modal .agent-details .agentname p { font-size: 18px; }

  html[dir="rtl"] .resale-modal .close { right: unset; left: 0; }
}

@media (min-width: 768px) {
  .resale-modal .w-md-33 { width: calc(33.333% - 11px)!important; }
  .resale-modal .w-md-50 { width: calc(50% - .5rem)!important; }

  .resale-modal .agent-details { grid-template-columns: 110px 1fr; grid-row-gap: .15rem; }
  .resale-modal .agent-details .agentphoto { width: 90px; height: 90px; }

  #paymentModal .total-info { flex-wrap: nowrap; gap: 0 4rem; justify-content: center; }
  #paymentModal .total-info div { width: fit-content; }
  #paymentModal .btn-invoice { width: fit-content; }

  #paymentModal .installment-table { gap: 0 1.5rem; }
  #paymentModal .installment-table-title { gap: 0 1.5rem; }
  
  #paymentModal .w-md-20 { width: calc(20% - .8rem)!important; }
  #paymentModal .w-md-25 { width: calc(25% - 1.5rem)!important; }
}

@media (min-width: 1180px) {
  #paymentModal .invoice-title h3 { font-size: 24px;}
  #paymentModal .installment-table { gap: 0 2rem; }
  #paymentModal .installment-table-title { gap: 0 2rem; }
}



/*--- PAGE : PROJECT REFERENCE NUMBERS ---*/
@media (min-width: 768px) {
  :root:has(.page-project-reference-numbers) {
    --rowNum: 1;
    --colNum: 2;
    --firstColWidth: .25fr;
    --lastColWidth: 1.5fr;
  }

  .page-project-reference-numbers .list-cont .unit { grid-template-columns: 50px 250px 1fr 1fr; }
  .page-project-reference-numbers .unit .title { grid-area: 2 / 1 / 3 / 5; }
  .page-project-reference-numbers .unit div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; }
}

@media (min-width: 1180px) {
  :root:has(.page-project-reference-numbers) {
    --rowNum: 2;
    --colNum: 2;
    --firstColWidth: 55px;
    --lastColWidth: .5fr;
  }

  .page-project-reference-numbers .id { grid-area: 1 / 1 / 3 / 2!important; }
  .page-project-reference-numbers .id span.dropdown { margin: 0 auto; }
  .page-project-reference-numbers .project { grid-area: 1 / 2 / 2 / 3!important; padding-left: 0!important; }
  .page-project-reference-numbers .developer { grid-area: 2 / 2 / 3 / 3!important; padding-left: 0!important; }
  .page-project-reference-numbers .title { grid-area: 1 / 3 / 3 / 4; text-align: left!important; padding-left: 12px; text-decoration: none; }
  .page-project-reference-numbers .filenaming { grid-area: 1 / 4 / 3 / 5!important; text-decoration: none;  }


  .page-project-reference-numbers .list-heading { grid-template-columns: calc(var(--firstColWidth) + .75rem) .5fr 1fr .35fr; }
  .page-project-reference-numbers .list-cont .unit { grid-template-columns: 55px .5fr 1fr .35fr; }

  .page-project-reference-numbers .unit div { grid-row-end: span 2; height: unset!important; /*overflow: hidden!important;*/ }

  .page-project-reference-numbers .unit .id { grid-area: 1 / 1 / 3 / 2!important; }

  .page-project-reference-numbers .unit .project { grid-area: 1 / 2 / 2 / 3!important; padding-left: 0!important; }
  .page-project-reference-numbers .unit .developer { grid-area: 2 / 2 / 3 / 3!important; padding-left: 0!important; }

  .page-project-reference-numbers .unit .title { grid-area: 1 / 3 / 3 / 4!important; text-align: left!important; }
  .page-project-reference-numbers .unit .filenaming { grid-area: 1 / 4 / 3 / 5!important; }


  html[dir="rtl"] .page-project-reference-numbers .project { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .page-project-reference-numbers .developer { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .page-project-reference-numbers .title { text-align: right!important; padding-left: unset; padding-right: 12px; }
  html[dir="rtl"] .page-project-reference-numbers .unit .project { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .page-project-reference-numbers .unit .developer { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .page-project-reference-numbers .unit .title { text-align: right!important; }
}

@media (min-width: 1440px) {
  :root:has(.page-project-reference-numbers) {
    --firstColWidth: 65px;
    --lastColWidth: calc(100% - 305px);
  }

  .page-project-reference-numbers .list-heading { grid-template-columns: calc(var(--firstColWidth) + .75rem) .5fr 1fr .35fr; }
  .page-project-reference-numbers .list-cont .unit { grid-template-columns: 77px .5fr 1fr .35fr; }
}


/*--- PAGE : PROJECT COMMISSION RATES ---*/
@media (min-width: 768px) {
  :root:has(.page-project-commission-rates) {
    --rowNum: 1;
    --colNum: 2;
    --firstColWidth: 50px;
    --lastColWidth: 160px;
  }

  .page-project-commission-rates .unit div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; }
}

@media (min-width: 1180px) {
  :root:has(.page-project-commission-rates) {
    --rowNum: 2;
    --colNum: 1;
    --firstColWidth: 65px;
    --lastColWidth: 150px;
  }

  .page-project-commission-rates .id { grid-area: 1 / 1 / 3 / 2!important; }
  .page-project-commission-rates .id span.dropdown { margin: 0 auto; }
  .page-project-commission-rates .project { grid-area: 1 / 2 / 2 / 3!important; padding-left: 0!important; }
  .page-project-commission-rates .developer { grid-area: 2 / 2 / 3 / 3!important; padding-left: 0!important; }
  .page-project-commission-rates .rate { grid-area: 1 / 3 / 3 / 4; }

  .page-project-commission-rates .unit div { grid-row-end: span 2; height: unset!important; /* overflow: hidden!important; */ }

  .page-project-commission-rates .unit .id { grid-area: 1 / 1 / 3 / 2!important; }

  .page-project-commission-rates .unit .project { grid-area: 1 / 2 / 2 / 3!important; padding-left: 0!important; }
  .page-project-commission-rates .unit .developer { grid-area: 2 / 2 / 3 / 3!important; padding-left: 0!important; }

  .page-project-commission-rates .unit .title { grid-area: 1 / 3 / 3 / 4; }


  html[dir="rtl"] .page-project-commission-rates .project { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .page-project-commission-rates .developer { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .page-project-commission-rates .unit .project { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .page-project-commission-rates .unit .developer { padding-left: unset!important; padding-right: 0!important; }
}


/*--- PAGE : PROJECTS SOLD RATE ---*/
.sqm-mobile .page-project-sold-rate .list-heading > p.soldrate { display: flex; width: 100%; margin: 0 0 10px 0; padding: 0; text-decoration: none; }
.sqm-mobile .page-project-sold-rate .progress-cont { margin-top: .5rem; }

@media (min-width: 768px) {
  :root:has(.page-project-sold-rate) {
    --rowNum: 3;
    --colNum: 1;
    --firstColWidth: 1fr;
    --lastColWidth: 1fr;
  }

  .page-project-sold-rate .unit div:not(.progress-cont *) { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; }
  .page-project-sold-rate .progress-cont { margin-top: .75rem; }
}

@media (min-width: 1180px) {
  :root:has(.page-project-sold-rate) {
    --rowNum: 2;
    --colNum: 6;
    --firstColWidth: 55px;
    --lastColWidth: 80px;
  }

  .page-project-sold-rate .list-heading p:not(.project, .developer) > span { margin: 0 auto; }

  .page-project-sold-rate .id { grid-area: 1 / 1 / 3 / 2!important; }
  .page-project-sold-rate .id span.dropdown { margin: 0 auto; }
  .page-project-sold-rate .project { grid-area: 1 / 2 / 2 / 3!important; padding-left: 0!important; width: 240px!important; }
  .page-project-sold-rate .developer { grid-area: 2 / 2 / 3 / 3!important; padding-left: 0!important; width: 240px!important; }

  .page-project-sold-rate .unit div:not(.progress-cont *) { grid-row-end: span 2; height: unset!important; }
  .page-project-sold-rate .progress-cont { margin-top: 0; }

  .page-project-sold-rate .unit .id { grid-area: 1 / 1 / 3 / 2!important; }
  .page-project-sold-rate .unit .project { grid-area: 1 / 2 / 2 / 3!important; padding-left: 0!important; width: 240px!important; }
  .page-project-sold-rate .unit .developer { grid-area: 2 / 2 / 3 / 3!important; padding-left: 0!important; width: 240px!important; }

  .page-project-sold-rate .finishdate,
  .page-project-sold-rate .total,
  .page-project-sold-rate .sold,
  .page-project-sold-rate .available,
  .page-project-sold-rate .soldrate { text-align: center; }

  .page-project-sold-rate .developer .active-sort::after,
  .page-project-sold-rate .developer .active-filter::after { top: 6px; }
  .page-project-sold-rate .project .active-sort::after,
  .page-project-sold-rate .project .active-filter::after { bottom: 4px; top: unset; }


  html[dir="rtl"] .page-project-sold-rate .project { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .page-project-sold-rate .developer { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .page-project-sold-rate .unit .project { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .page-project-sold-rate .unit .developer { padding-left: unset!important; padding-right: 0!important; }
}

@media (min-width: 1440px) {
  :root:has(.page-project-sold-rate) {
    --firstColWidth: 65px;
    --lastColWidth: 160px;
  }

  .page-project-sold-rate .list-heading p.project,
  .page-project-sold-rate .list-heading p.developer,
  .page-project-sold-rate .list-cont .unit > div.project { width: 300px!important; }
  .page-project-sold-rate .list-cont .unit > div.developer { width: 300px!important; }
}


/*--- PAGE : BRAND MANAGEMENT ---*/
.btn-arr .icon { width: 18px; height: 18px; margin-right: 10px; background-size: contain; display: block; }
.btn-arr:hover .icon { filter: brightness(0) invert(1);}

.bg-nonpaid { background-color: #FBE4E4!important; }
.bg-expired { background-color: #CCC!important; }

body:has(.proto-brand) .custom-file { overflow: hidden; cursor: pointer; height: 40px; }
body:has(.proto-brand) .custom-file label { pointer-events: none!important; height: 40px; }
body:has(.proto-brand) .custom-file input { width: 100%; cursor: pointer; height: 40px; border: 0; height: 40px; }
body:has(.proto-brand) .custom-file input > * { cursor: pointer;}

input[type=file],
input[type=file]::file-selector-button { cursor: pointer; }

body:has(.proto-brand) .svgPreview { padding: .375rem .75rem; border: 1px solid #ced4da; border-radius: .25rem; cursor: pointer; text-align: center; font-size: 13px; color: #666; font-weight: 600; min-height: 100px; max-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: .5rem 0; margin-bottom: .5rem; }
body:has(.proto-brand) .svgPreview svg { width: calc(235px - 1.5rem); height: calc(100px - 1.5rem); object-fit: contain; }
body:has(.proto-brand) .svgPreview img { width: calc(235px - 1.5rem); height: calc(100px - 1.5rem); object-fit: contain; }

.proto-brand .list-cont .unit div.logo { display: flex; align-items: center; justify-content: center; padding: 15px; padding-left: 15px!important; border-radius: 0; overflow: hidden; height: 100px; }
.proto-brand .list-cont .unit div.logo::before { display: none; }
.proto-brand .list-cont .unit div.logo img { max-height: 85%; width: auto; max-width: 100%; transform: translateX(10px); }

.proto-brand .list-cont .unit div.name .brandinvoicename { display: block; font-style: italic; margin-top: .25rem;}

.proto-brand .unit .actions { flex-direction: column; gap: .5rem 0; margin-top: 1rem; }
.proto-brand .unit .actions button { width: 100%; }

[data-initialcolor="#FFFFFF"] { border: 1px solid #CCC; }
.colorPickSelector, .colorPickSelectorpdf, .colorPickSelectorUi { border-radius: 5px; width: 20px; height: 20px; cursor: pointer; transition: all linear .2s; position: absolute!important; right: 11px; bottom: 11px; border: 1px solid #ccc; }
.colorPickSelector:hover, .colorPickSelectorpdf:hover, .colorPickSelectorUi:hover {z-index: 9999; }

#colorPick { background-color: #FFF!important; z-index: 9999!important; width: 260px!important; left: unset!important; right: calc(100% - 20px); top: 20px!important; }

.proto-brand .subtotal { background-color: #333; color: #FFF; display: flex; align-items: center; justify-content: space-between; padding: .75rem; border-radius: .25rem; margin-top: 1rem; }
.proto-brand .subtotal div { text-align: center; }
.proto-brand .subtotal p { margin: 0; }
.proto-brand .subtotal div .title { font-size: 14px; line-height: 1; margin-bottom: .25rem; }
.proto-brand .subtotal div .data { font-size: 18px; font-weight: 700; }

html[dir="rtl"] .btn-arr .icon { margin-right: unset; margin-left: 10px; }
html[dir="rtl"] .proto-brand .list-cont .unit div.logo { padding: 15px; padding-right: 15px!important; }
html[dir="rtl"] .proto-brand .list-cont .unit div.logo img { transform: translateX(-10px); }
html[dir="rtl"] #colorPick { right: unset!important; left: calc(100% - 20px)!important; }

@media (min-width: 768px) {
  :root:has(.proto-brand) {
    --rowNum: 3;
    --colNum: 2;
    --firstColWidth: 180px;
    --lastColWidth: 25%;
  }

  .proto-brand .title-cont h1 { margin-right: auto; }
  .proto-brand .btn-brand { margin-left: 1rem!important; }

  .proto-brand .unit { padding-left: 30px; align-items: center; }
  .proto-brand .unit > div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; padding-left: 0!important; }
  .proto-brand .list-cont .unit { padding: .5rem 0; padding-left: 20px; align-items: center; gap: 0 .5rem; }
  .proto-brand .list-cont .unit div.logo { height: 80px!important;  }
  .proto-brand .list-cont .unit div.logo img { transform: none; }

  .proto-brand .subtotal { padding: 15px 10px; font-size: 21px; }

  #colorPick { top: 10px!important; right: unset!important; left: 15px!important; }

  .proto-brand .subtotal { padding: 0; justify-content: center; gap: 0 3rem; }
  .proto-brand .subtotal div .title { margin-bottom: .5rem; }
  .proto-brand .subtotal div .data { font-size: 21px; line-height: 1; }

  html[dir="rtl"] .proto-brand .title-cont h1 { margin-right: unset; margin-left: auto; }
  html[dir="rtl"] .proto-brand .btn-brand { margin-left: unset!important; margin-right: 1rem!important; }

  html[dir="rtl"] .proto-brand .unit { padding-left: unset; padding-right: 30px; }
  html[dir="rtl"] .proto-brand .unit > div { padding-right: 0!important; }
  html[dir="rtl"] .proto-brand .list-cont .unit { padding: .5rem 0; padding-right: 20px; }
  html[dir="rtl"] #colorPick { left: unset!important; right: 15px!important; }
}

@media (min-width: 1180px) {
  :root:has(.proto-brand ) {
    --rowNum: 2;
    --colNum: 7;
    --firstColWidth: 180px;
    --lastColWidth: 180px;
  }

  .proto-brand .list-heading { grid-template-rows: repeat(var(--rowNum), auto); grid-template-columns: 180px 2fr 1fr 1fr .85fr 1fr 1fr 1fr 1.75fr!important; width: 100%; padding: 0; /*padding-left: 30px;*/ }
  .proto-brand .list-heading p:not(.name) { text-align: center!important; }
  .proto-brand .list-heading p:not(.name) > .dropdown { width: fit-content; margin: 0 auto; }
  .proto-brand .list-heading p.logo { text-decoration: none; text-indent: 0; padding-left: 20px; }
  .proto-brand .list-heading p.actions { text-decoration: none; }
  
  .proto-brand .logo { grid-area: 1 / 1 / 3 / 2!important; }
  .proto-brand .name { grid-area: 1 / 2 / 3 / 3!important; text-align: left; }
  .proto-brand .usercount { grid-area: 1 / 3 / 2 / 4!important; }
  .proto-brand .isdemo { grid-area: 2 / 3 / 3 / 4!important; }
  .proto-brand .parent { grid-area: 1 / 4 / 2 / 5!important; }
  .proto-brand .userdomain { grid-area: 2 / 4 / 3 / 5!important; }
  .proto-brand .invoicedate { grid-area: 1 / 5 / 2 / 6!important; }
  .proto-brand .invoiceexpiredate { grid-area: 2 / 5 / 3 / 6!important; }
  .proto-brand .invoicedtotal { grid-area: 1 / 6 / 3 / 7!important; }
  .proto-brand .invoicedpaid { grid-area: 1 / 7 / 3 / 8!important; }
  .proto-brand .invoicedremaining { grid-area: 1 / 8 / 3 / 9!important; }
  .proto-brand .actions { grid-area: 1 / 9 / 3 / 10!important; }
  
  .proto-brand .list-cont .unit { grid-template-rows: repeat(var(--rowNum), auto); grid-template-columns: 180px 2fr 1fr 1fr .85fr 1fr 1fr 1fr 1.75fr!important; width: 100%; gap: 0; align-items: stretch; padding: .5rem 0; }
  
  .proto-brand .list-cont .unit div { grid-row-end: span 2; height: unset!important; text-align: left!important; }
  .proto-brand .list-cont .unit div.logo { padding: .75rem!important; padding-left: 30px!important; }

  .proto-brand .list-cont .unit div:not(.name) { text-align: center!important; }

  .proto-brand .unit .actions { margin-top: 0; flex-wrap: wrap; flex-direction: row; gap: .5rem; padding: 0 .5rem; }
  .proto-brand .unit .actions button.btn-payment { width: 100%; }
  .proto-brand .unit .actions button:has(~ .d-none) { width: 100%; }
  .proto-brand .unit .actions button { width: calc(50% - .25rem);}
  #colorPick { top: 15px!important; right: unset!important; left: 15px!important; }

  .proto-brand .subtotal { min-height: 6rem; display: grid; grid-template-rows: repeat(1, auto); grid-template-columns: 180px 2fr 1fr 1fr .85fr 1fr 1fr 1fr 1.75fr !important; gap: 0; }  
  .proto-brand .subtotal .data { font-size: 24px; }


  html[dir="rtl"] .proto-brand .list-heading p.logo { padding-left: unset; padding-right: 20px; }
  html[dir="rtl"] .proto-brand .name { text-align: right; }
  html[dir="rtl"] .proto-brand .list-cont .unit div { text-align: right!important; }
  html[dir="rtl"] .proto-brand .list-cont .unit div.logo { padding: .75rem!important; padding-right: 30px!important; }
  html[dir="rtl"] #colorPick { left: unset!important; right: 15px!important; }
  html[dir="rtl"] .proto-brand .unit .actions { padding: 0 .5rem; }
}

@media (min-width: 1440px) {
  .proto-brand .list-heading { grid-template-columns: 200px 2fr 1.15fr 1.25fr 1fr 1.1fr 1.1fr 1.1fr 1.65fr!important; }
  .proto-brand .list-cont .unit { grid-template-columns: 200px 2fr 1.15fr 1.25fr 1fr 1.1fr 1.1fr 1.1fr 1.65fr!important; }
  .proto-brand .list-heading p.logo { padding-right: 1rem;}
  .proto-brand .list-cont .unit div:not(.name) { text-align: center!important; }

  .proto-brand .subtotal { grid-template-columns: 200px 2fr 1.15fr 1.25fr 1fr 1.1fr 1.1fr 1.1fr 1.65fr!important; }

  html[dir="rtl"] .proto-brand .list-heading p.logo { padding-right: unset; padding-left: 1rem;}
}

@media (min-width: 1680px) {
  .proto-brand .list-heading { grid-template-columns: 200px 2fr 1.25fr 1.5fr 1fr 1fr 1fr 1fr 1.5fr!important; }
  .proto-brand .list-cont .unit { grid-template-columns: 200px 2fr 1.25fr 1.5fr 1fr 1fr 1fr 1fr 1.5fr!important; }
  .proto-brand .subtotal { grid-template-columns: 200px 2fr 1.25fr 1.5fr 1fr 1fr 1fr 1fr 1.5fr!important; }
}


/*--- PAGE : ANNUAL RECURRING REVENUE ---*/
.btn-brands .icon { width: 18px; height: 18px; margin-right: 10px; background-size: contain; display: block; }
.btn-brands:hover .icon { filter: brightness(0) invert(1);}

.proto-arr .list-cont .unit div.logo { display: flex; align-items: center; justify-content: center; padding: 15px; padding-left: 15px!important; border-radius: 0; overflow: hidden; height: 100px; }
.proto-arr .list-cont .unit div.logo::before { display: none; }
.proto-arr .list-cont .unit div.logo img { height: 70px; width: auto; max-width: 70%; transform: translateX(10px); object-fit: contain; }
.proto-arr .list-cont .unit div.lastannualprice { font-weight: 600;}

.proto-arr .list-cont .unit div.name .brandinvoicename { display: block; font-style: italic; margin-top: .25rem;}
.proto-arr .subtotal { background-color: #333; color: #FFF; display: flex; align-items: center; justify-content: space-between; padding: .75rem; border-radius: .25rem; margin-top: 1rem; }
.proto-arr .subtotal .data { margin: 0 auto; font-size: 18px; font-weight: 700; text-align: center; }

html[dir="rtl"] .btn-brands .icon { margin-right: unset; margin-left: 10px; }
html[dir="rtl"] .proto-arr .list-cont .unit div.logo { padding: 15px; padding-right: 15px!important; }
html[dir="rtl"] .proto-arr .list-cont .unit div.logo img { transform: translateX(-10px); }


@media (min-width: 768px) {
  :root:has(.proto-arr) {
    --rowNum: 1;
    --colNum: 3;
    --firstColWidth: 180px;
    --lastColWidth: 15%;
  }

  .proto-arr .unit { padding-left: 30px; align-items: center; }
  .proto-arr .unit > div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; padding-left: 0!important; }
  .proto-arr .list-cont .unit { padding: .5rem 0; padding-left: 20px; align-items: center; gap: 0 .5rem; }
  .proto-arr .list-cont .unit div.logo { height: 80px!important;  }
  .proto-arr .list-cont .unit div.logo img { transform: none; }
  .proto-arr .subtotal { padding: 1rem 0; justify-content: center; gap: 0; }
  .proto-arr .subtotal .data { font-size: 21px; line-height: 1; }

  html[dir="rtl"] .proto-arr .unit { padding-left: unset; padding-right: 30px; }
  html[dir="rtl"] .proto-arr .unit > div { padding-left: unset!important; padding-right: 0!important; }
  html[dir="rtl"] .proto-arr .list-cont .unit { padding: .5rem 0; padding-right: 20px; }
}

@media (min-width: 1180px) {
  :root:has(.proto-arr ) {
    --rowNum: 1;
    --colNum: 3;
    --firstColWidth: 180px;
    --lastColWidth: 200px;
  }

  .proto-arr .list-heading { padding: 0; grid-template-columns: 180px 1fr 200px 200px 200px; }
  .proto-arr .list-heading p:not(.name) { text-align: center!important; }
  .proto-arr .list-heading p:not(.name) > .dropdown { width: fit-content; margin: 0 auto; }
  .proto-arr .list-heading p.logo { text-decoration: none; text-indent: 0; padding-left: 20px; }
  .proto-arr .list-heading p.name { text-align: left; padding-left: 1rem; }
  .proto-arr .list-heading p.name > .dropdown { width: fit-content; }
  
  .proto-arr .list-cont .unit { width: 100%; gap: 0; align-items: stretch; padding: .5rem 0; grid-template-columns: 180px 1fr 200px 200px 200px; }
  .proto-arr .list-cont .unit div { grid-row-end: span 2; height: unset!important; text-align: left!important; }
  .proto-arr .list-cont .unit div.logo { padding: .75rem!important; padding-left: 30px!important; }
  .proto-arr .list-cont .unit div.name { padding-left: 1rem!important;}
  .proto-arr .list-cont .unit div:not(.name) { text-align: center!important; }
  .proto-arr .subtotal { min-height: 6rem; }
  .proto-arr .subtotal .data { font-size: 24px; width: 200px; margin-right: 0; }

  html[dir="rtl"] .proto-arr .list-heading p.logo { padding-left: unset; padding-right: 20px; }
  html[dir="rtl"] .proto-arr .list-heading p.name { text-align: right; padding-left: unset; padding-right: 1rem; }
  html[dir="rtl"] .proto-arr .list-cont .unit div { text-align: right!important; }
  html[dir="rtl"] .proto-arr .list-cont .unit div.logo { padding: .75rem!important; padding-right: 30px!important; }
  html[dir="rtl"] .proto-arr .list-cont .unit div.name { padding-left: unset!important; padding-right: 1rem!important;}
  html[dir="rtl"] .proto-arr .subtotal .data { margin-right: unset; margin-left: 0; }
}

@media (min-width: 1440px) {
  :root:has(.proto-arr ) {
    --rowNum: 1;
    --colNum: 3;
    --firstColWidth: 200px;
    --lastColWidth: 300px;
  }

  .proto-arr .list-heading { grid-template-columns: 200px 1fr 250px 200px 200px; }
  .proto-arr .list-cont .unit { grid-template-columns: 200px 1fr 250px 200px 200px; }
}


/*--- PAGE : USER MANAGEMENT ---*/
.btn-user { box-shadow: none!important; display: flex; align-items: center; padding: 10px 15px; border-width: 1px; border-radius: 0.5rem; }
.btn-user:hover { border-color: #172554; }
.icon-adduser { width: 18px; height: 18px; margin-right: 10px; background-size: contain; display: block; }

.proto-user .unit div.photo { background-size: 64px auto; width: 80px!important; height: 80px; margin: 10px auto 0 auto; border-radius: 50%; border: 1px solid #F4F4F4; overflow: hidden; background-color: #CCC; padding-left: 0!important; }
.proto-user .unit div.photo img { width: 100%; height: auto; }
.proto-user .unit div.photo img[src="/img/brand-agents/null"] { display: none; }

.proto-user .unit div.createdate { text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #D60000; cursor: pointer; }

.proto-user .unit div.score::after { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512' fill='%23f8e71c'%3E%3Cpath d='M316.9 18a32 32 0 0 0-57.6 0L195 150.3 51.4 171.5a32 32 0 0 0-17.8 54.4L137.8 329l-24.6 145.7a32.1 32.1 0 0 0 46.7 33.6l128.3-68.5 128.3 68.5a32 32 0 0 0 46.7-33.6L438.5 329l104.2-103.1a32 32 0 0 0-17.8-54.4l-143.7-21.2L316.9 18z'/%3E%3C/svg%3E"); display: block; height: 18px; margin: 0 auto; background-repeat: repeat-x; flex-shrink: 0; width: 0; }
.proto-user .unit div.score-0::after { width: 0; }
.proto-user .unit div.score-1::after { width: 18px; }
.proto-user .unit div.score-2::after { width: 36px; }
.proto-user .unit div.score-3::after { width: 54px; }
.proto-user .unit div.score-4::after { width: 72px; }
.proto-user .unit div.score-5::after { width: 90px; }

.proto-user div.actions { gap: 0 .5rem; margin: .5rem 0; }

div.actions { display: flex; justify-content: center; margin-bottom: 0; }
div.actions .btn { font-size: 15px; margin: 0; padding: 10px; min-width: 80px; line-height: 1; border: 0; color: #FFF; transition: ease all .2s; width: calc(50% - 5px); }
div.actions .btn-edit { background-color: #1e3a8a; }
div.actions .btn-edit:hover { background-color: #172554; }
div.actions .btn-delete { background-color: #D60000; }
div.actions .btn-delete:hover { background-color: #BD0000; }
div.actions .btn-impersonate { background-color: #ff8d00; background-image: url("data:image/svg+xml,%3Csvg width='598' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M43 64c0-35.346224 28.653776-64 64-64s64 28.653776 64 64-28.653776 64-64 64-64-28.653776-64-64ZM19.0480926 194.135167A97.2454538 97.2454538 0 0 0 19 194.1C33.5 173.4 57.6 160 84.5 160h44.9c27 0 51 13.4 65.5 34.1a60.62894 60.62894 0 0 0-.048697.034305C202.733395 205.387204 207.803812 218.799471 209 233.4l4.1 49.3c2.5 29.8-15.7 56.1-42.2 65.6v42.8l.1.1V464c0 26.5-21.5 48-48 48H90.9c-26.5 0-48-21.5-48-48v-72.8l.1-.1v-42.8C16.5 338.8-1.7 312.5.8 282.7l4.1-49.3c1.1961573-14.600156 6.266346-28.01211 14.1480926-39.264833ZM427 64c0-35.346224 28.653776-64 64-64s64 28.653776 64 64-28.653776 64-64 64-64-28.653776-64-64Zm-16.4 136.4c-2.3-2.3-4.9-4.4-7.5-6.3 14.5-20.7 38.6-34.1 65.5-34.1h44.8c41.6 0 76.3 31.9 79.7 73.4l4.1 49.3c2.5 29.8-15.7 56.1-42.2 65.6V464c0 26.5-21.5 48-48 48h-32c-26.5 0-48-21.5-48-48v-72.8l47.6-47.6c21.9-21.9 21.9-57.3 0-79.2l-64-64ZM233 272h103v-32c0-9.7 5.8-18.5 14.8-22.2 9-3.7 19.3-1.7 26.2 5.2l64 64c9.4 9.4 9.4 24.6 0 33.9l-64 64c-6.9 6.9-17.2 8.9-26.2 5.2S336 377.6 336 367.9V336H233v-64Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: auto 70%; background-position: center; }
div.actions .btn-impersonate:hover { background-color: #c16b01; }
:hover div.actions .btn { pointer-events: all; opacity: 1; }

html[dir="rtl"] .icon-adduser { margin-right: unset; margin-left: 10px; }
html[dir="rtl"] .proto-user .unit div.photo { padding-left: unset!important; padding-right: 0!important; }

.proto-user .nav-pills { margin-bottom: .5rem; top: .5rem; display: flex; }
.proto-user .nav-pills::after { content: ""; background-color: #f4f5f9; position: absolute; left: -20px; right: -20px; top: -.5rem; bottom: 0; z-index: -1; }
.proto-user .nav-item { width: 100%; margin-bottom: .5rem; }
.proto-user .nav-link { color: #777; border-radius: .5rem; padding: .5rem .75rem; border: 1px solid #DDD; background-color: #FFF; transition: ease all .2s; }
.proto-user .nav-link.active { background-color: #1e3a8a; border-color: #1e3a8a; }
.proto-user .nav-link h1 { margin-bottom: 0; font-size: 16px; font-weight: 600; }

@media (hover: hover) {
  .unit div.actions .btn { opacity: 0; }
  .unit:hover div.actions .btn { opacity: 1; }
}

@media (min-width: 768px) {
  :root:has(.proto-user ) {
    --rowNum: 6;
    --colNum: 1;
    --firstColWidth: 1fr;
    --lastColWidth: 1fr;
  }

  .proto-user .unit > div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; padding-left: 0!important; }
  .proto-user .list-cont .unit { padding: .5rem 0; padding-left: 30px; padding-right: 10px; align-items: center; gap: .5rem; grid-template-rows: 80px auto auto auto auto; }

  .proto-user .unit div.photo { margin: 0 auto; grid-area: 1 / 1 / 2 / 4; width: 80px!important; height: 80px!important; overflow: hidden!important; }
  .proto-user .unit div.name { grid-area: 2 / 1 / 3 / 2; }
  .proto-user .unit div.brand { grid-area: 2 / 2 / 3 / 3; }
  .proto-user .unit div.email { grid-area: 2 / 3 / 3 / 4; }
  .proto-user .unit div.phone { grid-area: 3 / 1 / 4 / 2; }
  .proto-user .unit div.createdate { grid-area: 3 / 2 / 4 / 3; }
  .proto-user .unit div.logindate { grid-area: 3 / 3 / 4 / 4; }
  .proto-user .unit div.pageviews { grid-area: 4 / 1 / 5 / 2; }
  .proto-user .unit div.pageviewslast30 { grid-area: 4 / 2 / 5 / 3; }
  .proto-user .unit div.userfavorites { grid-area: 4 / 3 / 5 / 4; }
  .proto-user .unit div.score { grid-area: 5 / 1 / 6 / 2; }
  .proto-user .unit div.actions { grid-area: 6 / 1 / 7 / 4; margin: 0; gap: 0 .75rem; }

  html[dir="rtl"] .proto-user .unit > div { padding-left: 0!important; padding-right: 0!important; }
  html[dir="rtl"] .proto-user .list-cont .unit { padding: .5rem 0; padding-right: 30px; padding-left: 10px; }


  .proto-user .nav-pills { top: .75rem; gap: 0 .5rem; justify-content: flex-start;  }
  .proto-user .nav-pills::after { left: -20px; right: -20px; top: -.75rem; border-bottom: 1px solid #172554; }
  .proto-user .nav-item { width: fit-content; margin: 0; border-bottom: 1px solid #172554; }
  .proto-user .nav-link { border: 0; color: #FFF; padding: .75rem 1.25rem; padding-bottom: .5rem; background-color: hsl(226 5% 70% / 1); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
  .proto-user .nav-link.active { color: #FFF; background-color: #172554; }
  .proto-user .nav-link h1 { font-size: 18px; }
  .proto-user .nav-link.active { color: #FFF; background-color: #172554; }  
}

@media (min-width: 1180px) {
  :root:has(.proto-user ) {
    --rowNum: 2;
    --colNum: 6;
    --firstColWidth: 85px;
    --lastColWidth: 2fr;
  }

  .proto-user .list-heading { grid-template-rows: repeat(var(--rowNum), auto); grid-template-columns: 75px 2fr 1.5fr 1.25fr 1.25fr 1fr 1fr 2.25fr; width: 100%; padding: 0; }

  .proto-user .list-heading p > .dropdown { width: fit-content; }
  .proto-user .list-heading p.createdate > .dropdown,
  .proto-user .list-heading p.logindate > .dropdown,
  .proto-user .list-heading p.userfavorites > .dropdown,
  .proto-user .list-heading p.pageviews > .dropdown,
  .proto-user .list-heading p.userpdf > .dropdown,
  .proto-user .list-heading p.usersocialmedia > .dropdown { margin: 0 auto }

  .proto-user .list-cont .unit { cursor: pointer; }
  .proto-user .list-cont .unit > div { height: auto!important; text-align: center; }
  .proto-user .list-cont .unit > div.name,
  .proto-user .list-cont .unit > div.brand,
  .proto-user .list-cont .unit > div.email,
  .proto-user .list-cont .unit > div.phone { text-align: left!important; /*overflow: hidden!important;*/ line-height: normal; }

  .proto-user .list-cont .unit > div.name,
  .proto-user .list-cont .unit > div.email { padding-top: 5px; }
  .proto-user .list-cont .unit > div.brand,
  .proto-user .list-cont .unit > div.phone { padding-bottom: 5px; }

  .proto-user .list-cont .unit { gap: 0; padding: 0; grid-template-rows: repeat(var(--rowNum), 1fr); grid-template-columns: 60px 2fr 1.5fr 1.25fr 1.25fr 1fr 1fr 2.25fr; width: 100%; align-items: stretch; padding-left: 20px; min-height: 55px; }
  .proto-user .unit div { overflow: hidden!important; white-space: nowrap; }
  .proto-user .unit div.photo { grid-area: 1 / 1 / 3 / 2; width: 60px!important; border: 0; border-radius: 0; background: unset; }
  .proto-user .unit div.photo img { border-radius: 50%; max-width: 45px; }
  .proto-user .unit div.photo:not(:has(> img)) { position: relative; }
  .proto-user .unit div.photo:not(:has(> img))::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='M399 384.2c-22.1-38.4-63.6-64.2-111-64.2h-64c-47.4 0-88.9 25.8-111 64.2 35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8zM0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0zm256 16a72 72 0 1 0 0-144 72 72 0 1 0 0 144z'/%3E%3C/svg%3E"); background-color: #CCC; background-size: 35px auto; content: ""; width: 45px; height: 45px; border-radius: 50%; position: absolute; left: 5px; top: 5px; }
  
  .proto-user .name { grid-area: 1 / 2 / 2 / 3!important; text-align: left!important; padding-left: 10px!important; }
  .proto-user .brand { grid-area: 2 / 2 / 3 / 3!important; text-align: left!important; padding-left: 10px!important; }
  .proto-user .email { grid-area: 1 / 3 / 2 / 4!important; text-align: left!important; }
  .proto-user .phone { grid-area: 2 / 3 / 3 / 4!important; text-align: left!important; text-decoration: none!important; }
  .proto-user .createdate { grid-area: 1 / 4 / 2 / 5!important; }
  .proto-user .logindate { grid-area: 2 / 4 / 3 / 5!important; }
  .proto-user .pageviews { grid-area: 1 / 5 / 2 / 6!important; }
  .proto-user .pageviewslast30 { grid-area: 2 / 5 / 3 / 6!important; }
  .proto-user .userfavorites { grid-area: 1 / 6 / 2 / 7!important; }
  /* .proto-user .score { grid-area: 2 / 6 / 3 / 7!important; } */

  .proto-user .userpdf { grid-area: 1 / 7 / 2 / 8!important; }
  .proto-user .usersocialmedia { grid-area: 2 / 7 / 3 / 8!important; }

  .proto-user .actions { grid-area: 1 / 8 / 3 / 9!important; gap: 0 .5rem; text-decoration: none!important; }
  .proto-user .unit div.actions { gap: 0 .25rem; align-items: center; padding: 0 .5rem!important; justify-content: space-between; }
  .proto-user .unit div.actions .btn { padding: 5px 0; max-height: 25px; width: calc(33.3333% - 10px); }


  html[dir="rtl"] .proto-user .list-cont .unit > div.name,
  html[dir="rtl"] .proto-user .list-cont .unit > div.brand,
  html[dir="rtl"] .proto-user .list-cont .unit > div.email,
  html[dir="rtl"] .proto-user .list-cont .unit > div.phone { text-align: right!important; }

  html[dir="rtl"] .proto-user .list-cont .unit { padding: 0; padding-left: unset; padding-right: 20px; }

  html[dir="rtl"] .proto-user .name { text-align: right!important; padding-left: unset!important; padding-right: 10px!important; }
  html[dir="rtl"] .proto-user .brand { text-align: right!important; padding-left: unset!important; padding-right: 10px!important; }
  html[dir="rtl"] .proto-user .email { text-align: right!important; }
  html[dir="rtl"] .proto-user .phone { text-align: right!important; }

  .proto-user:has(.nav-pills) .list-heading { border-top-left-radius: 0; }
  .proto-user .nav-pills { margin: 0; width: 100%; top: 4rem; background-color: #f4f5f9; }  
  .proto-user .nav-pills::after { display: none; }
  .proto-user .nav-item { border: 0; }
  .proto-user .nav-link { padding: 1rem 1.5rem; padding-bottom: .75rem; }
  .proto-user .nav-link h1 { font-size: 16px; }
}

@media (min-width: 1440px) {
  :root:has(.proto-user ) {
    --rowNum: 2;
    --colNum: 8;
    --firstColWidth: 85px;
    --lastColWidth: 2.25fr;
  }

  .proto-user .list-heading { grid-template-columns: 85px 2fr 1.75fr 1fr 1fr .75fr .75fr .75fr .75fr 2fr; gap: 0; }
  .proto-user .list-heading p > .dropdown { padding: .5rem 0; }
  .proto-user .list-heading p { font-size: 14px!important; }
  .proto-user .list-heading p > .dropdown { width: fit-content; }
  .proto-user .list-heading p.createdate > .dropdown,
  .proto-user .list-heading p.logindate > .dropdown,
  .proto-user .list-heading p.pageviews > .dropdown { margin: 0 auto }

  .proto-user .list-cont .unit { grid-template-columns: 65px 2fr 1.75fr 1fr 1fr .75fr .75fr .75fr .75fr 2fr; }
  .proto-user .list-cont .unit > div { font-size: 14px; }
  
  .proto-user .photo { grid-area: 1 / 1 / 3 / 2!important; }
  .proto-user .name { grid-area: 1 / 2 / 2 / 3!important; }
  .proto-user .brand { grid-area: 2 / 2 / 3 / 3!important; }
  .proto-user .email { grid-area: 1 / 3 / 2 / 4!important; }
  .proto-user .phone { grid-area: 2 / 3 / 3 / 4!important; }
  .proto-user .createdate { grid-area: 1 / 4 / 3 / 5!important; }
  .proto-user .logindate { grid-area: 1 / 5 / 3 / 6!important; }
  .proto-user .pageviews { grid-area: 1 / 6 / 3 / 7!important; }
  .proto-user .pageviewslast30 { grid-area: 1 / 7 / 3 / 8!important; }
  .proto-user .userfavorites { grid-area: 1 / 8 / 3 / 9!important; }
  /* .proto-user .score { grid-area: 1 / 9 / 3 / 10!important; } */
  .proto-user .userpdf { grid-area: 1 / 9 / 2 / 10!important; }
  .proto-user .usersocialmedia { grid-area: 2 / 9 / 3 / 10!important; }

  .proto-user .actions { grid-area: 1 / 10 / 3 / 11!important; }
  .proto-user .unit div.actions { gap: 0 .5rem; }
}


/* USER EDIT MODAL */
#userModal .w-50 { width: calc(50% - .5rem)!important; }
#userModal .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#userModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }

#userModal .modal-content { background-color: #EFEFEF; border: 0; }

#userModal .detail-cont { border-radius: .25rem; display: flex; flex-wrap: wrap; gap: 1rem; background-color: #FFF; padding: 1rem; }
#userModal .detail-cont div { position: relative; }

#userModal .brand-form, #userModal .user-form { display: flex; flex-wrap: wrap; gap: 1rem; }
#userModal .brand-form select, #userModal .user-form select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6.069' viewBox='0 0 10 6.069'%3E%3Cpath id='chevron-right-solid' d='M33.4,43.046l-4.45,4.45a.55.55,0,0,1-.777,0l-.519-.519a.55.55,0,0,1,0-.776l3.527-3.544-3.527-3.544a.55.55,0,0,1,0-.776l.519-.519a.55.55,0,0,1,.777,0l4.45,4.45A.55.55,0,0,1,33.4,43.046Z' transform='translate(47.657 -27.495) rotate(90)' fill='%231e3a8a'/%3E%3C/svg%3E%0A"); }
#userModal .brand-form .input-mask { position: absolute; top: calc(.375rem + 1px); right: .75rem; line-height: 1.5; }
#userModal .brand-form .masked input[type="number"] { text-align: right; padding-right: calc(.75rem + 22px); }
#userModal .brand-form .masked:has(.input-mask-left) input { text-align: left; padding-left: calc(.75rem + 10px); padding-right: .75rem; }
#userModal .brand-form .input-mask-left { right: unset; left: .75rem; }

#userModal .colorPickSelector,
#userModal .colorPickSelectorpdf,
#userModal .colorPickSelectorUi { bottom: 9px; }

#userModal label:not(.error):not(.custom-control-label) { font-size: 13px; font-weight: 600; color: #666; line-height: 1; margin-bottom: .15rem; }
#userModal label.error { position: absolute; margin: 0; left: 0; bottom: -14px; font-size: 13px; color: #D60000; font-weight: 600; line-height: 1; white-space: nowrap; }
#userModal input.error, select.error { border-color: #D60000; }

#userModal .btn-cont { width: 100%; display: flex; flex-wrap: nowrap; flex-direction: column; gap: 1rem; }
#userModal .btn-cont button.btn { width: 100%; position: relative; font-size: 16px; line-height: 1; font-weight: 500; padding: 12px 10px; margin: 0; display: flex; align-items: center; justify-content: center; background-color: #1e3a8a; border-color: #1e3a8a; color: #FFF; border: 0; }
#userModal .btn-cont button.btn:hover { color: #FFF; border-color: #172554; background-color: #172554; }
#userModal .btn-cont button.btn:disabled { pointer-events: none }

#userModal .preview { width: 120px; height: 120px; background-color: #CCC; background-size: 80%; background-position: center; background-repeat: no-repeat; border-radius: 50%; margin: 0 auto 10px auto; cursor: pointer; overflow: hidden; }
#userModal .preview img { width: 100%; height: auto; }

#userModal .custom-file, #userModal .custom-file-input, #userModal .custom-file-label { cursor: pointer; }
#userModal .custom-file-label { cursor: pointer; font-size: 16px; line-height: 1; font-weight: 500; display: flex; align-items: center; justify-content: center; border: 1px solid #ced4da; border-radius: .25rem; margin: 0; padding: 12px 10px; }
#userModal .custom-file-label::after { display: none; }
#userModal .custom-file:hover { cursor: pointer; }
#userModal .custom-file:hover > .custom-file-label { border-color: #172554; background-color: #172554; color: #FFF; cursor: pointer; }

#userModal .date-cont { position: relative; }
#userModal .date-cont::before { content: ''; display: inline-block; width: 17px; height: 20px; position: absolute; bottom: 9px; left: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='20'%3E%3Cpath d='M15.179 2.5h-1.822V.469A.464.464 0 0012.9 0h-.3a.464.464 0 00-.455.469V2.5H4.857V.469A.464.464 0 004.4 0h-.3a.464.464 0 00-.455.469V2.5H1.821A1.849 1.849 0 000 4.375v13.75A1.849 1.849 0 001.821 20h13.358A1.849 1.849 0 0017 18.125V4.375A1.849 1.849 0 0015.179 2.5zM1.821 3.75h13.358a.618.618 0 01.607.625V6.25H1.214V4.375a.618.618 0 01.607-.625zm13.357 15H1.821a.618.618 0 01-.607-.625V7.5h14.572v10.625a.618.618 0 01-.607.625zM5.616 12.5H4.1a.464.464 0 01-.455-.469v-1.562A.464.464 0 014.1 10h1.516a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm3.643 0H7.741a.464.464 0 01-.455-.469v-1.562A.464.464 0 017.741 10h1.518a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm3.643 0h-1.518a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469H12.9a.464.464 0 01.455.469v1.562a.464.464 0 01-.455.469zm-3.643 3.75H7.741a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469h1.518a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468zm-3.643 0H4.1a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469h1.516a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468zm7.286 0h-1.518a.464.464 0 01-.455-.469v-1.562a.464.464 0 01.455-.469H12.9a.464.464 0 01.455.469v1.563a.464.464 0 01-.455.468z' fill='%23999'/%3E%3C/svg%3E"); background-size: cover; pointer-events: none; z-index: 1053; }
#userModal .date-cont input { padding-left: 40px; }
#userModal .date-cont input#expirydate { cursor: pointer; background-color: #FFF; border-radius: .25rem!important; padding: .375rem .75rem!important; padding-left: 2.25rem!important; min-width: unset!important; width: 100%; }
.vanilla-calendar { z-index: 1052!important;  }

#userModal #notes { min-height: 110px; }

html[dir="rtl"] #userModal .close { padding: 8px; padding-left: 0; margin-right: auto; margin-left: 5px; }
html[dir="rtl"] #userModal .close::after { margin-left: unset; margin-right: 3px; }
html[dir="rtl"] #userModal .brand-form .input-mask { right: unset; left: .75rem; }
html[dir="rtl"] #userModal .brand-form .masked input[type="number"] { text-align: left; padding-right: .75rem; padding-left: calc(.75rem + 22px); }
html[dir="rtl"] #userModal .brand-form .masked:has(.input-mask-left) input { text-align: right; padding-right: calc(.75rem + 10px); padding-left: .75rem; }
html[dir="rtl"] #userModal .brand-form .input-mask-left { left: unset; right: .75rem; }
html[dir="rtl"] #userModal label.error { left: unset; right: 0; }
html[dir="rtl"] #userModal .date-cont::before { left: unset; right: 10px; }
html[dir="rtl"] #userModal .date-cont input { padding-left: unset; padding-right: 40px; }
html[dir="rtl"] #userModal .date-cont input#expirydate { padding: .375rem .75rem!important; padding-right: 2.25rem!important; }

@media (min-width: 576px) {
  #userModal .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  #userModal .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }
  #userModal .w-sm-33 { width: calc(33.333% - 11px)!important; }
  #userModal .w-sm-50 { width: calc(50% - .5rem)!important; }

  html[dir="rtl"] #userModal .close { right: unset; left: 0; }
}


@media (min-width: 768px) {
  #userModal .w-md-33 { width: calc(33.333% - 11px)!important; }
  #userModal .w-md-50 { width: calc(50% - .5rem)!important; }
  #userModal .w-md-100 { width: 100%!important; }
}


/* USER DELETE MODAL */
#userDelete p { font-size: 20px; font-weight: 600; margin-bottom: 1.25rem; }
#userDelete .modal-dialog { max-width: 420px; }
#userDelete .modal-body button.btn { width: calc(50% - 15px); position: relative; font-size: 16px; line-height: 1; font-weight: 500; padding: 12px 10px; margin: 0; display: flex; align-items: center; justify-content: center; }
#userDelete .modal-body button:disabled { pointer-events: none; }
#userDelete .modal-body button.btn-delete-done { background-color: #1e3a8a; border-color: #1e3a8a; color: #FFF; border: 0; }
#userDelete .modal-body button.btn:hover { color: #FFF; border-color: #172554; background-color: #172554; }
#userDelete .modal-body button.btn-delete-cancel { border: 1px solid #C1C1C1; background-color: #FFF; }
#userDelete .modal-body button.btn-delete-cancel:hover { background-color: #666; border: 1px solid #666; color: #FFF; }
#userDelete .close { position: absolute; top: -36px; right: 0; padding: 6px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: 0px 0px 6px #000; white-space: nowrap; }
#userDelete .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }

html[dir="rtl"] #userDelete .close { right: unset; left: 0; }
html[dir="rtl"] #userDelete .close::after { margin-left: unset; margin-right: 3px; }


/* USER HISTORY MODAL */
#userHistoryModal .w-50 { width: calc(50% - .5rem)!important; }
#userHistoryModal .gap-0 { gap: 0!important; }
#userHistoryModal .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#userHistoryModal .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#userHistoryModal .modal-content { background-color: #EFEFEF; border: 0; }

#userHistoryModal .modal-body { display: flex; gap: 1rem; flex-wrap: wrap; }

#userHistoryModal .detail-cont { border-radius: .25rem; display: flex; flex-wrap: wrap; gap: 1rem; background-color: #FFF; padding: 1rem; }
#userHistoryModal .detail-cont div { position: relative; }

#userHistoryModal .detail-cont .photo { width: 60px; height: 60px; background-color: #CCC; border: 1px solid #F4F4F4; background-size: 80%; background-position: center; background-repeat: no-repeat; border-radius: 50%; margin: 0 auto; border-radius: 50%; overflow: hidden; }
#userHistoryModal .detail-cont .photo img { width: 100%; height: auto; }

#userHistoryModal .detail-cont .user-info { width: calc(100% - 76px); }
#userHistoryModal .detail-cont .user-info p { margin-bottom: 0; font-weight: 600; }
#userHistoryModal .detail-cont p.name { font-size: 21px; }
#userHistoryModal .detail-cont p.brand { font-size: 16px; font-weight: normal; }

#userHistoryModal .detail-cont p { margin-bottom: 0.5rem; width: 100%; font-size: 14px; }
#userHistoryModal .detail-cont p:last-child { margin-bottom: 0; }

#userHistoryModal .detail-cont-pages { overflow: auto; max-height: 500px; align-content: start; }
#userHistoryModal .detail-cont-pages p { font-size: 15px; }
#userHistoryModal .detail-cont-pages p span { font-weight: 600; display: block; }

#userHistoryModal .detail-cont a::after { content: ''; display: inline-block; width: 13px; height: 13px; margin-left: 8px; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M440 256h-16a8 8 0 0 0-8 8v200a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V112a16 16 0 0 1 16-16h200a8 8 0 0 0 8-8V72a8 8 0 0 0-8-8H48a48 48 0 0 0-48 48v352a48 48 0 0 0 48 48h352a48 48 0 0 0 48-48V264a8 8 0 0 0-8-8ZM500 0 364 .3a12 12 0 0 0-12 12v10a12 12 0 0 0 12 12l90-.3.7.7L131.5 358a12 12 0 0 0 0 17l5.7 5.6a12 12 0 0 0 17 0l323-323.2.8.7-.3 90a12 12 0 0 0 12 12h10a12 12 0 0 0 12-12l.3-136a12 12 0 0 0-12-12Z' fill='%23DA1E4F' fill-rule='nonzero'/%3E%3C/svg%3E"); opacity: 1; transition: ease all .08s; }

#userHistoryModal .historical-chart { aspect-ratio: 1 / 1; overflow: hidden; margin: 0; max-height: 400px; display: flex; justify-content: center; }

html[dir="rtl"] #userHistoryModal .close { padding: 8px; padding-left: 0; margin-right: auto; margin-left: 5px; }
html[dir="rtl"] #userHistoryModal .close::after { margin-left: unset; margin-right: 3px; }
html[dir="rtl"] #userHistoryModal .detail-cont a::after { margin-left: unset; margin-right: 8px; }


@media (min-width: 576px) {
  #userHistoryModal .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  #userHistoryModal .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }
  #userHistoryModal .w-sm-33 { width: calc(33.333% - 11px)!important; }
  #userHistoryModal .w-sm-50 { width: calc(50% - .5rem)!important; }

  html[dir="rtl"] #userHistoryModal .close { right: unset; left: 0; }
}

@media (min-width: 768px) {
  #userHistoryModal .modal-dialog { max-width: 700px; }
  #userHistoryModal .detail-cont .photo { width: 80px; height: 80px; }
  #userHistoryModal .detail-cont .user-info { width: calc(100% - 96px); }
  #userHistoryModal .detail-cont .name { font-size: 24px;  }
  #userHistoryModal .detail-cont .brand { font-size: 18px; }
  #userHistoryModal .w-md-33 { width: calc(33.333% - 11px)!important; }
  #userHistoryModal .w-md-50 { width: calc(50% - .5rem)!important; }
  #userHistoryModal .w-md-100 { width: 100%!important; }
}

@media (min-width: 992px) {
  #userHistoryModal .modal-dialog { max-width: 900px; }
  #userHistoryModal .w-lg-50 { width: calc(50% - .5rem)!important; }
}


/*--- PAGE: PROJECT PRICE LIST ---*/
.page-price-list .list-cont .unit .btn-installment { order: 3; width: calc(100% - 30px); border: 1px solid #DDD; background-color: #FFF; margin-top: 1rem; margin-left: 30px; }
.page-price-list .list-cont .unit { z-index: 0; min-height: 44px; }
.page-price-list .list-cont .unit div { order: 2; width: 50%; }
.page-price-list .list-cont .unit div.type { order: 1; width: 100%; }

.page-price-list .list-cont .unit div.price { white-space: nowrap; }

.page-price-list .list-cont .unit .btn-sm { position: relative; z-index: 2; color: #FFF; width: calc(100% - 30px); order: 3; flex-shrink: 0; padding: .375rem .75rem; border: 0; box-shadow: none!important; outline: 0!important; font-size: 1rem; font-weight: 600; background-color: #1e3a8a; background-repeat: no-repeat; background-position: calc(50% - 1.5rem) center; background-size: 10px auto; margin-top: 1rem; margin-left: 30px; }
.page-price-list .list-cont .unit .btn-sm:hover { background-color: #172554; }

.page-price-list .list-cont .unit.resale { background-color: #FFFFA1; }
.page-price-list .list-cont .unit.resale .btn-installment { display: none!important; }

body:has(.noyanlar-control) .page-price-list .list-cont .unit .icon-download { opacity: 0!important; pointer-events: none!important; }
body.nopdf .page-price-list .pdf-spacer,
body.nopdf .page-price-list .list-cont .unit .icon-download { opacity: 0!important; pointer-events: none!important; display: none!important; }

.sqm-mobile .page-price-list .list-heading > p.no,
.sqm-mobile .page-price-list .list-heading > p.type,
.sqm-mobile .page-price-list .list-heading > p.block,
.sqm-mobile .page-price-list .list-heading > p.price { display: flex; width: calc(50% - 5px)!important; margin: 0 0 10px 0!important; padding: 0; text-decoration: none; }

.page-price-list #menu { position: fixed; top: 0; z-index: 1050; }

.page-price-list:not(:has(.list-cont .unit)) .zoom-cont { display: none; }
.page-price-list:not(:has(.list-cont .unit)) .btn-print { display: none; }
.page-price-list:not(:has(.list-cont .unit)) .list-heading { display: none; }

html[dir="rtl"] .page-price-list .list-cont .unit .btn-installment { margin-left: unset; margin-right: 30px; }
html[dir="rtl"] .page-price-list .list-cont .unit .btn-sm { margin-left: unset; margin-right: 30px; background-position: calc(50% + 1.5rem) center; }



.page-price-list .unit input[type="checkbox"] { position: absolute; z-index: 2; right: 0; top: 0; border: 0; opacity: 1; width: 32px; height: 32px; -webkit-appearance: none; appearance: none; }

.page-price-list .unit.active input[type="checkbox"] + div::after { z-index: 0; content: ''; display: block; position: absolute; right: 3px; top: 3px; width: 26px; height: 26px; opacity: 1; background-color: #ddd; pointer-events: none; font-size: 24px; font-weight: 600; line-height: 1; text-align: center; border-radius: 6px; background-size: 10px auto; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg width='50' height='49' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231e3a8a' fill-rule='nonzero' d='M18.7 31.3H.5V18.2h18.2V.3h13.1v17.9H50v13.1H31.8v17.6H18.7z'/%3E%3C/svg%3E%0A"); }

.page-price-list .unit.active input[type="checkbox"]:checked + div::after { background-image: url("data:image/svg+xml,%3Csvg width='50' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%231e3a8a' fill-rule='nonzero' d='M.5 13.3V.2H50v13.1z'/%3E%3C/svg%3E"); }

@media print {
  .page-price-list .unit.active input[type="checkbox"] + div::after { display: none; }
}

@media screen and (max-width: 767px) {
  .sqm-mobile .page-price-list .list-cont .unit.active { display: flex; }
  .sqm-mobile .page-price-list .list-cont .unit { flex-wrap: wrap; padding: 1rem; padding-left: 2rem; gap: 0; }

  .sqm-mobile .page-price-list .unit div:not(.phase, .no, .block, .floor, .type, .sqma, .price, .total) { height: 0; pointer-events: none; overflow: hidden; opacity: 0; }

  .sqm-mobile .page-price-list .unit > div { font-size: 14px; padding-left: 0; margin-bottom: 0rem; transition: ease all .2s; }
  .sqm-mobile .page-price-list .unit:has(input[type="checkbox"]:checked) div { height: 100%; overflow: visible; pointer-events: all; margin-bottom: 1rem; opacity: 1; }

  .sqm-mobile .page-price-list .unit > div::before { padding: 0; font-size: 11px; }

  .sqm-mobile .page-price-list .unit > div.phase { order: 1 !important; width: 25% !important; }
  .sqm-mobile .page-price-list .unit > div.no { order: 2 !important; width: 25% !important; }
  .sqm-mobile .page-price-list .unit > div.block { order: 3 !important; width: 25% !important; }

  .sqm-mobile .page-price-list .unit > div.floor { order: 4 !important; width: 25% !important; }


  .sqm-mobile .page-price-list .unit div.type { order: 5!important; width: 70% !important; font-size: 17px; font-weight: 700; margin: 1rem 0 .25rem 0; }
  .sqm-mobile .page-price-list .unit:has(input[type="checkbox"]:checked) > div.type { margin-top: 0; }
  .sqm-mobile .page-price-list .unit > div.type::before { display: none; }
  .sqm-mobile .page-price-list .unit:has(input[type="checkbox"]:checked) > div.type::before { display: block; }

  .sqm-mobile .page-price-list .unit div.price { order: 6!important; white-space: nowrap; width: 30% !important; font-size: 17px; font-weight: 700; align-self: flex-start; margin: 1rem 0 .25rem 0; }
  .sqm-mobile .page-price-list .unit:has(input[type="checkbox"]:checked) > div.price { margin-top: 0; }
  .sqm-mobile .page-price-list .unit > div.price::before { display: none; }
  .sqm-mobile .page-price-list .unit:has(input[type="checkbox"]:checked) > div.price::before { display: block; }

  .sqm-mobile .page-price-list .unit > div.total { order: 7 !important; width: 70% !important; display: flex; align-items: flex-end; margin-bottom: .75rem; }
  .sqm-mobile .page-price-list .unit .total::before { order: 2; padding-left: 3px !important; }
  .sqm-mobile .page-price-list .unit:has(input[type="checkbox"]:checked) > div.total { display: block; }
  .sqm-mobile .page-price-list .unit:has(input[type="checkbox"]:checked) > div.total::before { order: unset; padding-left: unset; }

  .sqm-mobile .page-price-list .unit > div.sqma { order: 8 !important; display: flex; align-items: flex-end; width: 30%!important; margin-bottom: .75rem; }
  .sqm-mobile .page-price-list .unit .sqma::before { order: 2; padding-left: 3px !important; }
  .sqm-mobile .page-price-list .unit:has(input[type="checkbox"]:checked) > div.sqma { display: block; }
  .sqm-mobile .page-price-list .unit:has(input[type="checkbox"]:checked) > div.sqma::before { order: unset; padding-left: unset; }

  .sqm-mobile .page-price-list .unit > div.internalarea { order: 9 !important; width: 50% !important; }
  .sqm-mobile .page-price-list .unit > div.balconyterrace { order: 10 !important; width: 50% !important; }
  .sqm-mobile .page-price-list .unit > div.rooftop { order: 11 !important; width: 33.3333% !important; }
  .sqm-mobile .page-price-list .unit > div.plot { order: 12 !important; width: 33.3333% !important; }
  .sqm-mobile .page-price-list .unit > div.pool { order: 13 !important; width: 33.3333% !important; }


  .sqm-mobile .page-price-list .unit .icon-download { order: 14 !important; width: calc(50% - .25rem) !important; margin: 0 !important; font-size: 14px; position: relative; }
  .sqm-mobile .page-price-list .unit .btn-installment { order: 15!important; border: 1px solid #DDD; background-color: #FFF; font-size: 14px; width: calc(50% - .25rem) !important; margin: 0 0 0 auto !important; }
  .sqm-mobile .page-price-list .unit::after { content: ""; display: block; flex-basis: 100%; width: 100%; order: 14; }
  .sqm-mobile .page-price-list .unit:not(:has(div.pool))::after { order: 13; }
}

@media screen and (min-width: 768px) {
  :root:has(.page-price-list) {
    --colNum: 1;
    --firstColWidth: 1fr;
    --lastColWidth: 1fr;
  }

  .page-price-list .unit div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; }

  .list-cont .unit { padding-bottom: .5rem; }
  .page-price-list .list-cont .unit .btn-sm { margin: 0; width: 100%; margin-left: 30px; }
  .page-price-list .list-cont .unit .btn-installment { margin: 0; width: 100%; margin-left: 30px; width: auto; }

  html[dir="rtl"].page-price-list .list-cont .unit .btn-sm { margin: 0; margin-right: 30px; }
  html[dir="rtl"].page-price-list .list-cont .unit .btn-installment { margin: 0; margin-right: 30px; }

  .page-price-list .unit input[type="checkbox"] { display: none; }
  .page-price-list .unit.active input[type="checkbox"] + div::after { display: none; }
  .page-price-list .unit div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; }
}


@media screen and (min-width: 1180px) {
  :root:has(.page-price-list) {
    --rowNum: 1;
  }

  .page-price-list #menu { z-index: 1; }
  .page-price-list #menu { position: absolute; top: 0; }

  .page-price-list .proto-prices { width: calc(100% - 290px); margin-left: 290px; background-color: #f4f5f9; }

  .page-price-list .unit { cursor: pointer; padding-left: 20px; }
  .page-price-list .unit div { grid-row-end: span 2; height: unset!important; }

  .page-price-list .list-cont .unit div { order: unset!important; }
  .page-price-list .list-cont .unit .btn-installment { display: none; }
  .page-price-list .list-cont .unit .btn-sm { margin: 0; padding: 4px 8px 4px 22px; font-size: 15px; background-position: 10px center; align-self: center; }

  .page-price-list .price { text-align: right!important; padding-right: 1rem; text-decoration-line: underline; text-decoration-style: dotted; text-decoration-color: #D60000; cursor: pointer; width: fit-content!important; margin-left: auto!important; }
  body:has(#scales:checked) .page-price-list .price { padding-right: 2rem }

  .page-price-list .list-heading { grid-template-columns: 100px 2.25fr repeat(7, 1fr) 65px; padding-left: 20px; }
  .page-price-list .list-cont .unit { grid-template-columns: 80px 2.25fr repeat(7, 1fr) 65px; }

  .page-price-list .list-heading.grid-nine { grid-template-columns: 1fr 2.25fr repeat(6, 1fr) 65px; }
  .page-price-list .list-cont.grid-nine .unit { grid-template-columns: 1fr 2.25fr repeat(6, 1fr) 65px; }
  body:has(#scales:checked) .page-price-list .list-heading.grid-nine { grid-template-columns: 1fr 2.25fr repeat(5, 1fr) calc(1fr + 1rem) 65px; }
  body:has(#scales:checked) .page-price-list .list-cont.grid-nine .unit { grid-template-columns: 1fr 2.25fr repeat(5, 1fr) calc(1fr + 1rem) 65px; }

  .page-price-list .list-heading.grid-ten { grid-template-columns: 1fr 2.25fr repeat(7, 1fr) 65px; }
  .page-price-list .list-cont.grid-ten .unit { grid-template-columns: 1fr 2.25fr repeat(7, 1fr) 65px; }
  body:has(#scales:checked) .page-price-list .list-heading.grid-ten { grid-template-columns: 1fr 2.25fr repeat(6, 1fr) calc(1fr + 1rem) 65px; }
  body:has(#scales:checked) .page-price-list .list-cont.grid-ten .unit { grid-template-columns: 1fr 2.25fr repeat(6, 1fr) calc(1fr + 1rem) 65px; }

  .page-price-list .list-heading.grid-eleven { grid-template-columns: 1fr 2.25fr repeat(8, 1fr) 65px; }
  .page-price-list .list-cont.grid-eleven .unit { grid-template-columns: 1fr 2.25fr repeat(8, 1fr) 65px; }
  body:has(#scales:checked) .page-price-list .list-heading.grid-eleven { grid-template-columns: 1fr 2.25fr repeat(7, 1fr) calc(1fr + 1rem) 65px; }
  body:has(#scales:checked) .page-price-list .list-cont.grid-eleven .unit { grid-template-columns: 1fr 2.25fr repeat(7, 1fr) calc(1fr + 1rem) 65px; }
  .page-price-list:has(p.phase) .list-heading.grid-eleven { grid-template-columns: 1fr 1fr 2.25fr repeat(7, 1fr) 65px; }
  .page-price-list:has(p.phase) .list-cont.grid-eleven .unit { grid-template-columns: 1fr 1fr 2.25fr repeat(7, 1fr) 65px; }
  body:has(#scales:checked) .page-price-list:has(p.phase) .list-heading.grid-eleven { grid-template-columns: 1fr 1fr 2.25fr repeat(6, 1fr) calc(1fr + 1rem) 65px; }
  body:has(#scales:checked) .page-price-list:has(p.phase) .list-cont.grid-eleven .unit { grid-template-columns: 1fr 1fr 2.25fr repeat(6, 1fr) calc(1fr + 1rem) 65px; }


  .page-price-list .list-heading.grid-twelve { grid-template-columns: 1fr 2.25fr repeat(9, 1fr) 65px; }
  .page-price-list .list-cont.grid-twelve .unit { grid-template-columns: 1fr 2.25fr repeat(9, 1fr) 65px; }
  body:has(#scales:checked) .page-price-list .list-heading.grid-twelve { grid-template-columns: 1fr 2.25fr repeat(8, 1fr) calc(1fr + 1rem) 65px; }
  body:has(#scales:checked) .page-price-list .list-cont.grid-twelve .unit { grid-template-columns: 1fr 2.25fr repeat(8, 1fr) calc(1fr + 1rem) 65px; }


  .page-price-list .list-heading.grid-thirteen { grid-template-columns: 1fr 2.25fr repeat(10, 1fr) 65px; }
  .page-price-list .list-cont.grid-thirteen .unit { grid-template-columns: 1fr 2.25fr repeat(10, 1fr) 65px; }
  body:has(#scales:checked) .page-price-list .list-heading.grid-thirteen { grid-template-columns: 1fr 2.25fr repeat(9, 1fr) calc(1fr + 1rem) 65px; }
  body:has(#scales:checked) .page-price-list .list-cont.grid-thirteen .unit { grid-template-columns: 1fr 2.25fr repeat(9, 1fr) calc(1fr + 1rem) 65px; }

  .page-price-list:has(p.phase) .list-heading.grid-thirteen { grid-template-columns: 1fr 1fr 2.25fr repeat(9, 1fr) 65px; }
  .page-price-list:has(p.phase) .list-cont.grid-thirteen .unit { grid-template-columns: 1fr 1fr 2.25fr repeat(9, 1fr) 65px; }


  .page-price-list .list-heading.grid-fourteen { grid-template-columns: 1fr 2fr repeat(11, 1fr) 65px; }
  .page-price-list .list-cont.grid-fourteen .unit { grid-template-columns: 1fr 2fr repeat(11, 1fr) 65px; }
  body:has(#scales:checked) .page-price-list .list-heading.grid-fourteen { grid-template-columns: 1fr 2fr repeat(10, 1fr) calc(1fr + 1rem) 65px; }
  body:has(#scales:checked) .page-price-list .list-cont.grid-fourteen .unit { grid-template-columns: 1fr 2fr repeat(10, 1fr) calc(1fr + 1rem) 65px; }

  .page-price-list:has(p.phase) .list-heading.grid-fourteen { grid-template-columns: 1fr 1fr 2fr repeat(10, 1fr) 65px; }
  .page-price-list:has(p.phase) .list-cont.grid-fourteen .unit { grid-template-columns: 1fr 1fr 2fr repeat(10, 1fr) 65px; }


  .page-price-list .list-heading.grid-fiveteen { grid-template-columns: 1fr 1.75fr repeat(12, 1fr) 65px; }
  .page-price-list .list-cont.grid-fiveteen .unit { grid-template-columns: 1fr 1.75fr repeat(12, 1fr) 65px; }
  body:has(#scales:checked) .page-price-list .list-heading.grid-fiveteen { grid-template-columns: 1fr 1.75fr repeat(11, 1fr) calc(1fr + 1rem) 65px; }
  body:has(#scales:checked) .page-price-list .list-cont.grid-fiveteen .unit { grid-template-columns: 1fr 1.75fr repeat(11, 1fr) calc(1fr + 1rem) 65px; }

  .page-price-list:has(p.phase) .list-heading.grid-fiveteen { grid-template-columns: 1fr 1fr 1.75fr repeat(11, 1fr) 65px; }
  .page-price-list:has(p.phase) .list-cont.grid-fiveteen .unit { grid-template-columns: 1fr 1fr 1.75fr repeat(11, 1fr) 65px; }


  .page-price-list .type .dropdown-menu,
  .page-price-list .type .dropdown-cont { max-height: unset; }

  html[dir="rtl"] .page-price-list #menu { right: 0; }
  html[dir="rtl"] .page-price-list .proto-prices { margin-left: unset; margin-right: 290px; }
  html[dir="rtl"] .page-price-list .unit { cursor: pointer; padding-left: .75rem; padding-right: 20px; }
  html[dir="rtl"] .page-price-list .list-cont .unit .btn-sm { padding: 4px 22px 4px 8px; margin: 0; background-position: calc(100% - 10px) center;  }
  html[dir="rtl"] .page-price-list .price { text-align: left!important; padding-right: unset; padding-left: 1rem; margin-left: unset!important; margin-right: auto!important; }
  html[dir="rtl"] body:has(#scales:checked) .page-price-list .price { padding-right: unset; padding-left: 2rem }
  html[dir="rtl"] .page-price-list .list-heading { padding-right: 20px; padding-left: .75rem; }

  .page-price-list .list-heading .sqma .icon-sqm-info { filter: brightness(0) invert(1); transform: translate(4px, 3px); width: 14px; height: 14px; mask-size: 14px auto; }
}

@media screen and (min-width: 1440px) {
  .page-price-list .proto-prices { width: calc(100% - 330px); margin-left: 330px; }
  .page-price-list .list-heading .sqma .icon-sqm-info { transform: translate(6px, 2px); width: 15px; height: 15px; mask-size: 15px auto; }
  html[dir="rtl"] .page-price-list .proto-prices { margin-left: unset; margin-right: 330px; }
}


/*--- PAGE : NORTH CYPRUS REGIONS ANALYSIS ---*/
.page-regions-analysis .cyprus { display: flex; flex-direction: column; border-radius: .25rem; overflow: hidden; margin-bottom: 1rem; background-color: #90DAEE;  }
.page-regions-analysis .cyprus .svg-cont { display: inline-block; position: relative; width: 100%; padding-bottom: 58%; vertical-align: middle; overflow: hidden; }
.page-regions-analysis .cyprus .svg-cont svg { width: 94%; height: 94%; display: inline-block; position: absolute; top: 3%; left: 3%; }
.page-regions-analysis .cyprus .svg-cont svg polygon { cursor: pointer; }
.page-regions-analysis .cyprus .region-data { padding: .5rem; display: flex; flex-wrap: wrap; gap: .70rem; justify-content: center; align-items: center; }
.page-regions-analysis .cyprus .region-data h3 { margin-bottom: 0; width: 100%; text-align: center; }

.page-regions-analysis .cyprus .region-data p { width: calc(50% - .35rem); margin: 0; background-color: #FFF; border-radius: .25rem; padding: 0; background-color: #FFF; overflow: hidden; text-align: center; box-shadow: 0 3px 6px rgba(0,0,0,.12); }
.page-regions-analysis .cyprus .region-data p span { font-size: 13px; font-weight: normal; line-height: 1; background-color: #f4f4f4; width: 100%; text-align: center; padding: .5rem .15rem; white-space: nowrap; overflow: hidden; display: block; }
.page-regions-analysis .cyprus .region-data p strong { font-weight: 600; font-size: 21px; line-height: 1; padding: 1rem 0; display: block; }


.hovered { background-color: #EFF6FF!important; color: #000!important; }
.hovered::before { background-color: #1e3a8a!important; font-weight: 600!important; color: #FFF!important; }

.page-regions-analysis .list-cont .unit div.averageprice,
.page-regions-analysis .list-cont .unit div.pricepersqm { font-weight: 600;}

.page-regions-analysis .subtotal { background-color: #333; color: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 1rem 0; border-radius: .25rem; margin-top: 1rem; gap: 1rem 0;  }

.page-regions-analysis .subtotal .data { margin: 0 auto; font-size: 18px; font-weight: 700; text-align: center; white-space: nowrap; }
.page-regions-analysis .subtotal .data::before { font-size: 14px; display: block; }

@media (min-width: 768px) {
  :root:has(.page-regions-analysis) {
    --rowNum: 2;
    --colNum: 2;
    --firstColWidth: 25%;
    --lastColWidth: 25%;
  }


  .page-regions-analysis .cyprus { flex-direction: row; flex-shrink: 0; }
  .page-regions-analysis .cyprus .svg-cont { width: 50%; padding-bottom: 50%; }
  .page-regions-analysis .cyprus .region-data { width: 50%; gap: 1rem .70rem; margin: auto 0; }

  .page-regions-analysis .list-cont .unit { padding: .5rem 0 .5rem 30px; align-items: center; gap: .5rem; grid-template-columns: repeat(4, 1fr);}
  .page-regions-analysis .unit > div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; grid-row-end: unset; padding-left: 0!important; }

  .page-regions-analysis .unit .region { grid-area: 1 / 1 / 2 / 2; }
  .page-regions-analysis .unit .properties { grid-area: 1 / 2 / 2 / 4; }
  .page-regions-analysis .unit .projects { grid-area: 1 / 4 / 2 / 5; }
  .page-regions-analysis .unit .developers { grid-area: 2 / 1 / 3 / 2; }
  .page-regions-analysis .unit .averageprice { grid-area: 2 / 2 / 3 / 3; }
  .page-regions-analysis .unit .unitsize { grid-area: 2 / 3 / 3 / 4; }
  .page-regions-analysis .unit .pricepersqm { grid-area: 2 / 4 / 3 / 5; }  

  .page-regions-analysis .subtotal { padding: 1rem 0; flex-direction: row; flex-wrap: wrap; justify-content: center; }
  .page-regions-analysis .subtotal .data:not(.region) { font-size: 21px; line-height: 1; width: 33.333%; }
  .page-regions-analysis .subtotal .data.region { width: 100%; font-size: 21px; }
  
  html[dir="rtl"] .page-regions-analysis .list-cont .unit { padding: .5rem 30px .5rem 0; }
  html[dir="rtl"] .page-regions-analysis .unit > div { padding-right: 0!important; }
}

@media (min-width: 1180px) {
  :root:has(.page-regions-analysis ) {
    --rowNum: 1;
    --colNum: 5;
    --firstColWidth: 1fr;
    --lastColWidth: 1fr;
  }

  .page-regions-analysis .cyprus .svg-cont { padding-bottom: 35%; width: 55%; }
  .page-regions-analysis .cyprus .region-data { margin: 1rem; width: 45%; gap: 1rem; }
  .page-regions-analysis .cyprus .region-data h3 { font-size: 28px; }
  .page-regions-analysis .cyprus .region-data p { width: calc(50% - .5rem); }
  .page-regions-analysis .cyprus .region-data p span { font-size: 14px; }
  .page-regions-analysis .cyprus .region-data p strong { font-size: 28px; font-weight: 700; padding: 1.25rem 0; }

  .page-regions-analysis .sticky-cont { position: relative; top: unset; background-color: unset; }

  .page-regions-analysis .list-heading { padding: 0; grid-template-columns: 1.25fr 1.25fr repeat(4, 1fr) 1.25fr; }
  .page-regions-analysis .list-heading p:not(.region) { text-align: center!important; }
  .page-regions-analysis .list-heading p:not(.region) > .dropdown { width: fit-content; margin: 0 auto; }
  .page-regions-analysis .list-heading p.region { text-align: left; text-decoration: none; text-indent: 0; padding-left: 30px; }
  .page-regions-analysis .list-heading p.properties .active-sort::after { bottom: calc(50% - .5em); }

  .page-regions-analysis .list-cont .unit { width: 100%; gap: 0; align-items: stretch; padding: .5rem 0; gap:0; grid-template-columns: 1.25fr 1.25fr repeat(4, 1fr) 1.25fr; min-height: 3rem!important; }
  .page-regions-analysis .list-cont .unit div:not(.region) { height: unset!important; text-align: center!important; }
  .page-regions-analysis .list-cont .unit div.region { text-align: left!important; height: 2rem!important; }
  .page-regions-analysis .unit .region { grid-area: 1 / 1 / 2 / 2; padding-left: 30px!important; }
  .page-regions-analysis .unit .properties { grid-area: 1 / 2 / 2 / 3; }
  .page-regions-analysis .unit .projects { grid-area: 1 / 3 / 2 / 4; }
  .page-regions-analysis .unit .developers { grid-area: 1 / 4 / 2 / 5; }
  .page-regions-analysis .unit .averageprice { grid-area: 1 / 5 / 2 / 6; }
  .page-regions-analysis .unit .unitsize { grid-area: 1 / 6 / 2 / 7; }
  .page-regions-analysis .unit .pricepersqm { grid-area: 1 / 7 / 2 / 8; }

  .page-regions-analysis .subtotal { display: grid; min-height: 4rem; grid-template-columns: 1.25fr 1.25fr repeat(4, 1fr) 1.25fr; }
  .page-regions-analysis .subtotal .data { font-size: 24px; margin: 0 auto; width: unset; text-align: center; width: unset; }
  .page-regions-analysis .subtotal .data.region { font-size: 24px; text-indent: 30px; }
  .page-regions-analysis .subtotal .data::before { display: none; }

  html[dir="rtl"] .page-regions-analysis .list-heading p.region { text-align: right; padding-right: 30px; }
  html[dir="rtl"] .page-regions-analysis .list-cont .unit div.region { text-align: right!important; }
  html[dir="rtl"] .page-regions-analysis .unit .region { padding-right: 0px!important; padding-left: 0!important; }
}

@media (min-width: 1440px) {
  :root:has(.page-regions-analysis ) {
    --rowNum: 1;
    --colNum: 5;
    --firstColWidth: 1fr;
    --lastColWidth: 1fr;
  }
  
  .page-regions-analysis .cyprus .svg-cont { padding-bottom: 30%; width: 65%; }
  .page-regions-analysis .cyprus .region-data { width: 35%; }
  .page-regions-analysis .cyprus .region-data h3 { font-size: 32px; }
  .page-regions-analysis .cyprus .region-data p span { font-size: 15px; padding: .75rem .15rem; }
  .page-regions-analysis .cyprus .region-data p strong { padding: 1.5rem 0; }

  html[lang="en"] .page-regions-analysis .cyprus .svg-cont { width: 60%; }
  html[lang="en"] .page-regions-analysis .cyprus .region-data { width: 40%; }

  .page-regions-analysis .list-heading,
  .page-regions-analysis .list-cont .unit, 
  .page-regions-analysis .subtotal { grid-template-columns: 1.25fr repeat(6, 1fr); }
  .page-regions-analysis .subtotal .data.region { text-align: left; }
  html[lang="en"] .page-regions-analysis .list-heading p.properties .active-sort::after { top: calc(63% - 5px); }

  html[lang="da"] .page-regions-analysis .list-heading p.properties .active-sort::after { top: calc(63% - 5px); }

  html[dir="rtl"] .page-regions-analysis .subtotal .data.region { text-align: right; }
}



/*--- PAGE : AGENTS WHO VIEWED MY PROJECTS ---*/
.proto-whoviewed .datetime { grid-area: 1 / 1 / 2 / 2!important; }
.proto-whoviewed .agent { grid-area: 2 / 1 / 3 / 2!important; }
.proto-whoviewed .agency { grid-area: 3 / 1 / 4 / 2!important; }
.proto-whoviewed .project { grid-area: 4 / 1 / 5 / 2!important; }
.proto-whoviewed .viewedsections { grid-area: 5 / 1 / 6 / 2!important; }
.proto-whoviewed .totaltime { grid-area: 6 / 1 / 7 / 2!important; }
.proto-whoviewed .pdfdownloaded { grid-area: 7 / 1 / 8 / 2!important; }

.proto-whoviewed .list-cont .unit > div { line-height: 1.2;}

.proto-whoviewed .list-cont .unit > div::before { margin-bottom: .25rem; }

.proto-whoviewed .pdfdownloaded { position: relative; }
.proto-whoviewed .list-cont .unit div.pdfdownloaded::after { content: ""; display: block; height: 16px; }
.proto-whoviewed .icon-done, .proto-whoviewed .icon-none { background-size: 16px auto; background-position: 30px bottom; }


.proto-whoviewed .anonagent { display: flex; flex-wrap: wrap; align-items: center; gap: 0 .25rem; }
.proto-whoviewed .anonagent::before { width: 100%;}

.proto-whoviewed .icon-info-alt { width: 16px; height: 16px; background-size: contain; cursor: pointer; transform: translateY(1px); }

html[dir="rtl"] .proto-whoviewed .icon-done, 
html[dir="rtl"] .proto-whoviewed .icon-none { background-position: calc(100% - 30px) bottom; }

@media (min-width: 768px) {
  :root:has(.proto-whoviewed ) {
    --rowNum: 2;
    --colNum: 2;
    --firstColWidth: 1fr;
    --lastColWidth: 1fr;
  }

  .proto-whoviewed .datetime { grid-area: 1 / 1 / 2 / 2!important; }
  .proto-whoviewed .agent { grid-area: 1 / 2 / 2 / 3!important; }
  .proto-whoviewed .agency { grid-area: 1 / 3 / 2 / 4!important; }
  .proto-whoviewed .project { grid-area: 1 / 4 / 2 / 5!important; padding-left: 0!important; text-align: left!important; }
  .proto-whoviewed .viewedsections { grid-area: 2 / 1 / 3 / 3!important; }
  .proto-whoviewed .totaltime { grid-area: 2 / 3 / 3 / 4!important; }
  .proto-whoviewed .pdfdownloaded { grid-area: 2 / 4 / 3 / 5!important; }    

  .proto-whoviewed .list-cont .unit { padding: 1rem 0; padding-left: 30px; padding-right: 10px; align-items: center; gap: 1rem; }
  .proto-whoviewed .list-cont .unit > div { height: fit-content!important; pointer-events: all!important; overflow: visible!important; padding-left: 0!important; }
  .proto-whoviewed .list-cont .unit > div::before { margin-bottom: .25rem; }
  .proto-whoviewed .icon-done, .proto-whoviewed .icon-none { background-position: left bottom; }

  html[dir="rtl"] .proto-whoviewed .project { text-align: right!important; }
  html[dir="rtl"] .proto-whoviewed .list-cont .unit { padding: 1rem 0; padding-right: 30px; padding-left: 10px; }
  html[dir="rtl"] .proto-whoviewed .list-cont .unit > div { padding-left: 0!important; padding-right: 0!important; }
  html[dir="rtl"] .proto-whoviewed .icon-done, html[dir="rtl"] .proto-whoviewed .icon-none { background-position: right bottom; }
}

@media (min-width: 1180px) {
  :root:has(.proto-whoviewed) {
    --rowNum: 1;
    --colNum: 6;
    --firstColWidth: 1fr;
    --lastColWidth: 1fr;
  }

  .proto-whoviewed .list-heading { grid-template-columns: 1.25fr 1.25fr 1.25fr 1.5fr 1.75fr .75fr .75fr; grid-template-rows: 1fr; gap: 0; width: 100%; padding: 0; }
  .proto-whoviewed .list-heading p { text-align: left; font-size: 14px; }

  .proto-whoviewed .datetime { grid-area: 1 / 1 / 2 / 2!important; padding-left: 2rem!important; }
  .proto-whoviewed .agent { grid-area: 1 / 2 / 2 / 3!important; }
  .proto-whoviewed .agency { grid-area: 1 / 3 / 2 / 4!important; }
  .proto-whoviewed .project { grid-area: 1 / 4 / 2 / 5!important; padding-left: 0!important; text-align: left!important; }
  .proto-whoviewed .viewedsections { grid-area: 1 / 5 / 2 / 6!important; }
  .proto-whoviewed .totaltime { grid-area: 1 / 6 / 2 / 7!important; }
  .proto-whoviewed .pdfdownloaded { grid-area: 1 / 7 / 2 / 8!important; padding-right: .5rem; text-align: center!important; }  

  .proto-whoviewed .list-cont .unit { cursor: default; grid-template-rows: 1fr; grid-template-columns: 1.25fr 1.25fr 1.25fr 1.5fr 1.75fr .75fr .75fr; padding: .25rem 0; gap: 0; }
  .proto-whoviewed .list-cont .unit > div { min-height: 2.5rem!important; text-align: left!important; }
  .proto-whoviewed .list-cont .unit > div.datetime { padding-left: 2rem!important; }

  .proto-whoviewed .list-heading p { text-decoration: none; }
  .proto-whoviewed .list-heading p > .dropdown { width: fit-content; }
  .proto-whoviewed .list-heading p.agent > .dropdown,
  .proto-whoviewed .list-heading p.agency > .dropdown,
  .proto-whoviewed .list-heading p.project > .dropdown { margin: 0; }
 
  .proto-whoviewed .icon-done, .proto-whoviewed .icon-none { background-position: center; }

  .proto-whoviewed .list-heading p.totaltime { align-items: center!important; text-align: center!important; width: 100%; }
  .proto-whoviewed .list-heading p.totaltime > .dropdown { width: 100%; }
  .proto-whoviewed .list-cont .unit > div.totaltime { text-align: center!important; }

  html[dir="rtl"] .proto-whoviewed .list-heading p { text-align: right; }
  html[dir="rtl"] .proto-whoviewed .datetime { padding-left: 0rem!important; padding-right: 2rem!important; }
  html[dir="rtl"] .proto-whoviewed .project { padding-right: 0!important; text-align: left!important; }
  html[dir="rtl"] .proto-whoviewed .list-cont .unit > div { text-align: right!important; }
  html[dir="rtl"] .proto-whoviewed .list-cont .unit > div.datetime { padding-left: 0!important; padding-right: 2rem!important; }
}

@media (min-width: 1440px) {
  .proto-whoviewed .list-heading p > .dropdown { padding: .5rem 0; }
  .proto-whoviewed .list-heading p { font-size: 15px!important; }
  .proto-whoviewed .list-heading p > .dropdown { width: fit-content; }
  .proto-whoviewed .list-heading p.agent > .dropdown,
  .proto-whoviewed .list-heading p.agency > .dropdown,
  .proto-whoviewed .list-heading p.project > .dropdown { margin: 0; }
  .proto-whoviewed .list-cont .unit > div { min-height: 3rem!important; }
  .proto-whoviewed .list-cont .unit > div { font-size: 15px; }
  .proto-whoviewed .icon-done, .proto-whoviewed .icon-none { background-size: 18px auto;}
}


/*--- DRONE PAGE STYLES ---*/
.btn-location { background-color: #FFF; color: #1e3a8a; border: 0; box-shadow: none!important; display: flex; align-items: center; justify-content: center; font-weight: 600; border-radius: .25rem!important; font-size: 15px; line-height: 1.5; white-space: nowrap; position: absolute; left: 20px; right: 20px; top: 0; outline: 0!important; transition: ease all .2s; color: #1e3a8a; z-index: 1024; padding: .75rem 1.25rem; }
.btn-location .icon-arrow { width: 12px; height: 12px; display: block; transition: ease all .2s; margin-left: auto; transform: translateX(-1px); }
.btn-location[aria-expanded="true"] { background-color: #1e3a8a; color: #FFF; }
.btn-location[aria-expanded="true"] .icon-arrow { transform: rotate(-.5turn); filter: brightness(0) invert(1); }

.btn-location[aria-expanded="true"] ~ .collapse.show { height: calc(100dvh - 100px); overflow: auto;}

.selected-region { background-color: #FFF; color: #333; font-weight: 600; width: calc(100% - 20px); font-size: 17px; padding: 6px 12px; line-height: 1.467; white-space: nowrap; position: absolute; left: 10px; right: 10px; top: -5px; z-index: 1024; text-align: center; }

#collapseMobile { position: relative; z-index: 1020; left: 0; }

.pnlm-container { font-family: 'Open Sans', sans-serif; } 
.panorama-list { position: absolute; top: 47px; bottom: 0; left: 5px; width: 100%; }
.panorama-list a { font-size: 15px; text-decoration: none; color: #1e3a8a; border-radius: 0!important; display: flex; align-items: center; justify-content: space-between; }
.panorama-list a[data-toggle="collapse"] { font-weight: 600; background-color: #E4E4E4; }
.panorama-list a[aria-expanded="true"] { background-color: #f4f4f4; }
.panorama-list a:has(+ div) span { width: 12px; height: 12px; display: block; transition: ease all .2s; }
.panorama-list a[aria-expanded="true"] span { transform: rotate(-.5turn); }
.panorama-list div a { padding-left: 2rem; font-size: 14px; }
.panorama-list div > div a { padding-left: 2.5rem; }
.panorama-list div a:hover,
.panorama-list div a.active { background-color: #1e3a8a; border-color: #1e3a8a; color: #FFF; }

.panorama-list .badge { color: #fff; font-size: 13px; font-weight: 700; line-height: 1; padding: .25em .4em; border-radius: .25rem; display: block; width: fit-content; background-color: #dc3545; pointer-events: none; }

#panorama { position: fixed; top: 63px; bottom: 0; left: 0; right: 0; height: unset; width: unset; }
.pnlm-container * { box-sizing: border-box; }
.pnlm-controls-container { top: unset; bottom: 4px; left: unset; right: 4px; }
.custom-hotspot { height: 24px; width: 24px; background: #FFC701; border: 5px solid #FFFFFF; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.50); border-radius: 50%; }
.custom-hotspot::after { content: " "; position: absolute; z-index: -1; top: -10px; left: -10px; right: -10px; bottom: -10px; opacity: 0; border-radius: 50%; }
div.custom-tooltip .project-link { visibility: hidden; cursor: default; }
div.custom-tooltip:hover { z-index: 1000; }
div.custom-tooltip:hover .project-link { visibility: visible; overflow: visible; cursor: pointer; transform: unset; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px; }
div.custom-tooltip:hover .project-link:after { content: ''; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #fff transparent transparent transparent; bottom: -20px; left: -10px; margin: 0 50%; }
.icon-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z' fill='%231e3a8a' fill-rule='evenodd'/%3E%3C/svg%3E")!important; }



.project-band { pointer-events: none; position: absolute; left: 50%; transform: translateX(-50%); white-space: nowrap; top: -22px; font-size: 12px; background: #FFF; padding: .125rem .25rem; line-height: 1; border-radius: .25rem; color: #333; transition: ease all .2s; visibility: visible; opacity: 1; }
div.custom-tooltip:hover .project-band { visibility: hidden; opacity: 0; }

.poi-hotspot { background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%22208%22%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22117%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22143%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20cy%3D%22169%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cy%3D%22195%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2213%22%20cy%3D%22195%22%20r%3D%222.5%22%2F%3E%0A%3Cpath%20d%3D%22m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m17%2038v2h-8v-2z%22%2F%3E%0A%3Cpath%20d%3D%22m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z%22%2F%3E%0A%3Cpath%20d%3D%22m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z%22%2F%3E%0A%3C%2Fsvg%3E%0A'); cursor: pointer; background-position: 0 -104px; height: 26px; width: 26px; border-radius: 13px; position: absolute; vertical-align: middle; top: 0; z-index: 1; }
.poi-hotspot span { visibility: hidden; position: absolute; border-radius: 3px; background-color: rgba(0,0,0,0.7); color: #fff; text-align: center; width: 200px!important; padding: 5px 10px; margin-left: -220px; cursor: default; }
.poi-hotspot:hover span { visibility: visible; }
.poi-hotspot:hover span:after { content: ''; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: rgba(0,0,0,0.7) transparent transparent transparent; bottom: -20px; left: -10px; margin: 0 50%; }


html[dir="rtl"] .btn-location { direction: rtl; }
html[dir="rtl"] .btn-location .icon-arrow { margin-left: unset; margin-right: auto; }
html[dir="rtl"] .panorama-list a { direction: rtl; }
html[dir="rtl"] #collapseMobile { left: unset; right: 0; }
html[dir="rtl"] .panorama-list { left: unset; right: 0; }
html:has(#panorama)[dir="rtl"]  { direction: ltr;}

@media (min-width: 768px) {
  #panorama { top: 58px; bottom: 0; left: 0; right: 0; height: unset; width: unset; }
  .btn-location { max-width: 300px; }
  .panorama-list { width: 300px; }
}

@media (min-width: 992px) {
  #panorama { top: 70px; }
}

@media (min-width: 1180px) {
  #panorama { top: 70px; left: 250px; }
  #collapseMobile { display: block; position: fixed; top: 70px; left: 0; bottom: 0; }
  .panorama-list { top: 0; left: 0; width: 250px; overflow: auto; }

  .btn-location[aria-expanded="true"] ~ .collapse.show { height: unset; }
  
  .btn-location { pointer-events: none; left: unset; right: 36px; top: calc(100dvh - 170px); width: fit-content; font-size: 4.5rem; color: #FFF; line-height: 1; padding: 0; border-radius: unset!important; opacity: .8; max-width: unset; background-color: transparent; font-weight: 700; }
  .btn-location span > span { display: none;}
  .btn-location .icon-arrow { display: none; }

  html[dir="rtl"] .panorama-list { left: 0; right: unset;}
  html[dir="rtl"] #collapseMobile { left: 0; right: unset; }
}

@media (min-width: 1440px) {
  .btn-location { font-size: 5.5rem; top: calc(100dvh - 200px); }
}

@media (min-width: 1680px) {
  .btn-location { font-size: 6rem; }
}

@media (min-width: 1920px) {
  .btn-location { font-size: 6.5rem; top: calc(100dvh - 210px); }
}



/*--- USAGE LIMIT REACHED ---*/
.preview-box { padding: 2rem 1rem 1rem 1rem; margin: 2rem auto 0 auto; width: fit-content; max-width: 360px; border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; background-color: #FFF; box-shadow: 0px 0px 20px rgb(0 0 0 / 25%); text-align: center; }
.preview-box .icon-expired,
.preview-box .icon-stop { aspect-ratio: 1 / 1; width: 128px; background-size: contain; margin-bottom: 2rem; }
.preview-box h1 { margin-bottom: .5rem; font-size: 1.5rem; }
.preview-box p:last-child { margin-bottom: 0;}

.preview-box .agent { font-weight: 600; font-size: 1.25rem; margin-bottom: 1rem; }
.action-btns { gap: 0 .5rem; display: flex; align-items: center; justify-content: center; width: 100%;}
.action-btns a { line-height: 1; padding: .75rem .5rem; position: relative; border: 1px solid #C1C1C1; color: #333; display: flex; align-items: center; justify-content: center; outline: 0; box-shadow: none; width: 100%; transition: ease all .2s; }
.action-btns a span { width: 20px; height: 20px; flex-shrink: 0; background-size: auto 100%; }
.action-btns a.btn-whatsapp { color: #25D366; }
.action-btns a.btn-call { color: #1e3a8a; }
.action-btns a.btn-call:hover, .action-btns a.btn-call:active { border-color: #1e3a8a; background-color: #1e3a8a; color: #FFF; }
.action-btns a.btn-whatsapp:hover, .action-btns a.btn-whatsapp:active { border-color: #25D366; background-color: #25D366; color: #FFF; }
.plans-pricing { padding-top: 2rem; }

@media (min-width: 768px) {
  .preview-box { margin-top: 2rem; }
}


/*--- UI STYLES ---*/
.btn-menu { background-color: #FFF; color: #1e3a8a; font-weight: 600; display: flex; align-items: center; margin-left: auto; border:0 }
.btn-menu .icon-menu { width: 14px; height: 12px; background-size: cover; margin-right: 4px; }

.btn-back { background-color: #FFF; color: #1e3a8a; font-weight: 600; display: flex; align-items: center; border: 1px solid #DDD; font-size: 14px; margin-bottom: 1rem; max-width: fit-content; }
.btn-back .icon-back { width: 13px; height: 14px; mask-repeat: no-repeat; mask-size: auto 100%; mask-image: url("data:image/svg+xml,%3Csvg width='89' height='147' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m2.4 79.2 65.3 65.4a7.8 7.8 0 0 0 5.7 2.4c2.2 0 4.1-.8 5.7-2.4l7.5-7.7a7.7 7.7 0 0 0 2.4-5.6c0-2.2-.8-4.1-2.4-5.8L35 73.5l51.7-52a8.3 8.3 0 0 0 2.4-5.8c0-2.2-.8-4-2.4-5.6l-7.5-7.7A7.8 7.8 0 0 0 73.4 0c-2.3 0-4.2.8-5.7 2.4L2.4 67.8A7.8 7.8 0 0 0 0 73.5c0 2.2.8 4.1 2.4 5.7Z' fill='%231e3a8a' fill-rule='nonzero'/%3E%3C/svg%3E"); margin-right: 8px; }

.btn-back:hover { background-color: #172554; color: #FFF; border-color: #172554; }
.btn-back:hover .icon-back { filter: brightness(0) invert(1); }

.btn-logoff { background-color: #FFF; color: #1e3a8a; font-weight: 600; display: flex; align-items: center; border: 0; width: fit-content; text-indent: -5000px; }
.btn-logoff .icon-logoff { width: 19px; height: 14px; margin-right: 0; background-repeat: no-repeat; background-size: auto 100%; background-image: url("data:image/svg+xml,%3Csvg width='87' height='66' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3 0h14.2c.5 0 1 .3 1.4.7.4.4.6.8.6 1.4v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2c-2.2 0-4.1.8-5.7 2.4a7.8 7.8 0 0 0-2.4 5.7v32.5c0 2.3.8 4.2 2.4 5.8a7.8 7.8 0 0 0 5.8 2.3h14.2c.5 0 1 .2 1.4.6.4.4.6 1 .6 1.5v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2a16 16 0 0 1-15-10A16 16 0 0 1 0 48.9V16.3a16 16 0 0 1 9.9-15A16 16 0 0 1 16.2.1Zm39 3.4L56 3c.3-.2.5-.2.8-.2.3 0 .6 0 .8.2l.7.4L86 31l.4.6a2.1 2.1 0 0 1 0 1.6 2 2 0 0 1-.4.7L58.3 61.8l-.7.4-.8.1-.8-.1-.6-.4-3.3-3.4a1.9 1.9 0 0 1-.6-1.4l.1-.8.5-.7L71.2 37h-42a2 2 0 0 1-1.5-.5 2 2 0 0 1-.6-1.5v-4.7a2 2 0 0 1 2-2h42.1l-19-18.6c-.3-.2-.5-.4-.6-.7a2.1 2.1 0 0 1 0-1.6l.5-.6 3.3-3.3Z' fill='%231e3a8a' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.btn-logoff:hover { background-color: #172554; color: #FFF; }
.btn-logoff:hover .icon-logoff { background-image: url("data:image/svg+xml,%3Csvg width='87' height='66' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3 0h14.2c.5 0 1 .3 1.4.7.4.4.6.8.6 1.4v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2c-2.2 0-4.1.8-5.7 2.4a7.8 7.8 0 0 0-2.4 5.7v32.5c0 2.3.8 4.2 2.4 5.8a7.8 7.8 0 0 0 5.8 2.3h14.2c.5 0 1 .2 1.4.6.4.4.6 1 .6 1.5v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2a16 16 0 0 1-15-10A16 16 0 0 1 0 48.9V16.3a16 16 0 0 1 9.9-15A16 16 0 0 1 16.2.1Zm39 3.4L56 3c.3-.2.5-.2.8-.2.3 0 .6 0 .8.2l.7.4L86 31l.4.6a2.1 2.1 0 0 1 0 1.6 2 2 0 0 1-.4.7L58.3 61.8l-.7.4-.8.1-.8-.1-.6-.4-3.3-3.4a1.9 1.9 0 0 1-.6-1.4l.1-.8.5-.7L71.2 37h-42a2 2 0 0 1-1.5-.5 2 2 0 0 1-.6-1.5v-4.7a2 2 0 0 1 2-2h42.1l-19-18.6c-.3-.2-.5-.4-.6-.7a2.1 2.1 0 0 1 0-1.6l.5-.6 3.3-3.3Z' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

html[dir="rtl"] .btn-menu { margin-left: unset; margin-right: auto; }
html[dir="rtl"] .btn-menu .icon-menu { margin-right: unset; margin-left: 4px; }
html[dir="rtl"] .btn-back .icon-back { margin-right: unset; margin-left: 8px; transform: rotate(.5turn); }
html[dir="rtl"] .btn-logoff .icon-logoff { margin-left: 0; }

@media (min-width: 414px) {
  .btn-logoff { text-indent: initial; }
  .btn-logoff .icon-logoff { margin-right: 6px; }
  html[dir="rtl"] .btn-logoff .icon-logoff { margin-right: unset; margin-left: 6px; }
}

.home .dropdown-lang {  margin-left: auto; }
.dropdown-lang { order: unset; }
.dropdown-lang .dropdown-menu-right { left: unset!important; top: 100%!important; }

html[dir="rtl"] .home .dropdown-lang {  margin-left: unset; margin-right: auto; }
html[dir="rtl"] .dropdown-lang .dropdown-menu-right { right: unset!important; }

@media (min-width: 768px) {
  .proto-developer .title-cont .btn-back,
  .proto-developer .title-cont .btn-outline-dmg { width: fit-content; }
}


#menu { padding-right: 0; }
#menu .modal-dialog { margin: 0; max-width: 100%; }
.menu-cont { min-height: 100vh; pointer-events: all; background-color: #f4f5f9; }
.menu-cont .close { font-size: 42px; width: 50px; height: 50px; outline: 0!important; }

.navigation { padding: 15px; padding-top: 0; clear: both; }

.navigation .pro,
.navigation a { color: #333; font-size: 18px; display: flex; align-items: center; border-radius: 8px!important; margin-bottom: 15px; text-decoration: none; position: relative; overflow: hidden; line-height: 1; z-index: 1; white-space: nowrap; transition: ease all .2s; font-weight: 600; height: 56px; border: 0; padding: 0; background-color: #FFF; max-width: unset; cursor: pointer; }

.navigation a:last-child { margin-bottom: 71px; }

.navigation .pro:hover,
.navigation a:hover { color: #FFF; }

.navigation .pro::after,
.navigation a::after { content: ''; background-color: #1e3a8a; position: absolute; top: 0; bottom: 0; left: 0; width: 0; transition: ease all .2s; z-index: -1; }

.navigation .pro:hover::after,
.navigation a:hover::after { width: 100%; }

.navigation a.active { color: #FFF; pointer-events: none; margin-top: 0!important; border-top-width: 0!important; background-color: transparent!important; border-color: transparent!important; }
.navigation a.active::after { background-color: #1e3a8a; width: 100%; }

.navigation .pro .icon,
.navigation a .icon { width: 56px; height: 56px; margin-right: 4px; z-index: 1; background-size: 30px auto; flex-shrink: 0; filter: brightness(1) invert(1); }

.navigation .pro.active .icon,
.navigation a.active .icon,
.navigation .pro:hover .icon,
.navigation a:hover .icon { filter: brightness(1) invert(0); }

.navigation a .icon-pricelist { background-size: 26px auto; }
.navigation a .icon-360 { background-size: 34px auto; }
.navigation a .icon-download { background-size: 24px auto; }
.navigation a .icon-rental-income { background-size: 34px auto; }
.navigation a .icon-documents { background-size: 22px auto; }

.navigation .pro .icon-download-menu,
.navigation a .icon-download-menu { filter: grayscale(1); mask-size: 30px auto; mask-position: center; }

.navigation a .icon-floorplan { background-size: 36px auto; }
.navigation a .icon-back { mask-size: 15px auto; background-color: #FFF; mask-position: center; }
.navigation a .icon-facilities { background-size: 32px auto!important; }

.navigation .pro .icon-pro { height: 24px; width: auto; margin-left: auto; margin-right: .5rem; border-radius: .35rem; z-index: 1; }

.navigation a ._blank { margin-left: auto; margin-right: 10px; mask-size: contain; mask-repeat: no-repeat; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%231e3a8a'%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112v320c0 44.2 35.8 80 80 80h320c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v112c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16h112c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z'/%3E%3C/svg%3E"); background: #1e3a8a; width: 16px; height: 16px; }
.navigation a:hover ._blank,
.navigation a:focus ._blank { filter: brightness(0) invert(1); transition-delay: .25s }

#menu .btn-logoff { background-color: #FFF; font-size: 21px; display: flex; align-items: center; border-radius: 8px; text-decoration: none; position: relative; overflow: hidden; box-shadow: inset 0 0 0 2px #1e3a8a; line-height: 1; z-index: 1; white-space: nowrap; transition: ease all .2s; font-weight: 600; height: 56px; position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); padding: 0; }
#menu .btn-logoff .icon-logoff { width: 56px; height: 56px; margin-right: 12px; z-index: 1; background-size: 30px auto; flex-shrink: 0; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='87' height='66' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3 0h14.2c.5 0 1 .3 1.4.7.4.4.6.8.6 1.4v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2c-2.2 0-4.1.8-5.7 2.4a7.8 7.8 0 0 0-2.4 5.7v32.5c0 2.3.8 4.2 2.4 5.8a7.8 7.8 0 0 0 5.8 2.3h14.2c.5 0 1 .2 1.4.6.4.4.6 1 .6 1.5v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2a16 16 0 0 1-15-10A16 16 0 0 1 0 48.9V16.3a16 16 0 0 1 9.9-15A16 16 0 0 1 16.2.1Zm39 3.4L56 3c.3-.2.5-.2.8-.2.3 0 .6 0 .8.2l.7.4L86 31l.4.6a2.1 2.1 0 0 1 0 1.6 2 2 0 0 1-.4.7L58.3 61.8l-.7.4-.8.1-.8-.1-.6-.4-3.3-3.4a1.9 1.9 0 0 1-.6-1.4l.1-.8.5-.7L71.2 37h-42a2 2 0 0 1-1.5-.5 2 2 0 0 1-.6-1.5v-4.7a2 2 0 0 1 2-2h42.1l-19-18.6c-.3-.2-.5-.4-.6-.7a2.1 2.1 0 0 1 0-1.6l.5-.6 3.3-3.3Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }
#menu .btn-logoff::after { content: ''; background-color: #1e3a8a; position: absolute; top: 0; bottom: 0; left: 0; width: 56px; transition: ease all .2s; z-index: -1; }
#menu .btn-logoff:hover::after { background-color: #172554; width: 100%; }

html[dir="rtl"] .menu-cont .close { float: left; }
html[dir="rtl"] .navigation a::after { left: unset; right: 0; }
html[dir="rtl"] .navigation a .icon { margin-right: unset; margin-left: 4px; }
html[dir="rtl"] .navigation a ._blank { margin-right: auto; margin-left: 10px; }
html[dir="rtl"] #menu .btn-logoff { left: unset; right: 15px; }
html[dir="rtl"] #menu .btn-logoff .icon-logoff { margin-left: 12px; margin-right: unset; }
html[dir="rtl"] #menu .btn-logoff::after { left: unset; right: 0; }

@media (min-width: 992px) {
  .navigation { display: flex; flex-wrap: wrap; gap: 1rem; padding-top: 1rem; }

  .navigation .pro,
  .navigation a { width: calc(50% - .5rem); margin: 0; }

  .navigation a:first-child { margin-bottom: 1rem; }
  .navigation a:last-child { margin-bottom: 0; }
}

@media (min-width: 1180px) {
  body { overflow: visible; overflow-y: scroll; }

  .top-menu-cont, .btn-menu { display: none!important; }

  .dropdown-lang::after { background-color: #FFF; }
  .dropdown-lang { margin-left: auto; margin-right: 0; }
  .dropdown-lang.show::after, .dropdown-lang:hover::after { opacity: 1; }

  #menu { display: block!important; opacity: 1!important; position: relative; top: 20px; position: sticky; width: fit-content; height: auto; z-index: 0; overflow: visible; height: fit-content; }
  #menu .modal-dialog { transform: none!important; pointer-events: all; }

  .menu-cont { min-height: unset; background-color: transparent; }
  .menu-cont .close { display: none; }

  .navigation { border-radius: 0; padding: 0!important; margin-right: 0!important; top: 30px; width: 270px; height: fit-content; gap: .625rem 0; }
  
  .navigation .pro,
  .navigation a { color: #333; font-size: 16px; width: 100%; background-color: #FFF; box-shadow: none; height: unset; padding: 0; white-space: normal; }

  .navigation a:first-child { margin-bottom: 0; }
  .navigation a:last-child { margin-bottom: 0; }
  .navigation a::after { width: 0; }

  .navigation .pro .icon,
  .navigation a .icon { width: 46px; height: 46px; margin-right: 0px; z-index: 1; background-size: auto 18px; }

  .navigation a .icon-facilities { background-size: 24px auto!important; }
  .navigation a .icon-pricelist { background-size: 18px auto; }
  .navigation a .icon-360 { background-size: 30px auto; }
  .navigation a .icon-download { background-size: 20px auto; }
  .navigation a .icon-rental-income { background-size: 22px auto; }
  .navigation a .icon-documents { background-size: 15px auto; }
  .navigation a .icon-floorplan { background-size: 26px auto; }

  .navigation .pro .icon-siteplan,
  .navigation a .icon-siteplan { background-size: 22px auto; }
  .navigation a .icon-back { mask-size: auto 18px; }

  .navigation .pro .icon-download-menu,
  .navigation a .icon-download-menu { mask-size: auto 18px; filter: grayscale(1); }

  .navigation .pro.active .icon-download-menu,
  .navigation .pro:hover .icon-download-menu,
  .navigation a.active .icon-download-menu,
  .navigation a:hover .icon-download-menu { filter: brightness(0) invert(1); }
  .navigation a .icon-video { background-size: 20px auto; }

  html[dir="rtl"] .dropdown-lang { margin-left: 0; margin-right: auto; }
  html[dir="rtl"] .navigation { margin-right: unset!important; margin-left: 0!important; }
  html[dir="rtl"] .navigation a .icon { margin-left: 0px; }
}

@media screen and (min-width: 1440px) {
  .navigation { width: 300px; }
}

@media screen and (min-width: 1366px) {
  .dropdown-lang.show .dropdown-menu.show { left: unset!important; top: 100%!important; transform: translateY(15px)!important; right: 0; }
  .dropdown-lang .dropdown-item:first-child::before { right: 17px; left: unset; }
  .dropdown-lang:hover .tooltip-custom::after,
  .dropdown-lang:hover .tooltip-custom::before { transform: translate3d(-80%,35px,0); }
  .tooltip-custom::after, .tooltip-custom::before { transform: translate3d(-80%,35px,0); }

  html[dir="rtl"] .dropdown-lang.show .dropdown-menu.show { right: unset!important; left: 0; }
  html[dir="rtl"] .dropdown-lang .dropdown-item:first-child::before { left: 17px; right: unset; }
  html[dir="rtl"] .dropdown-lang:hover .tooltip-custom::after,
  html[dir="rtl"] .dropdown-lang:hover .tooltip-custom::before { transform: translate3d(-80%,-35px,0); }
  html[dir="rtl"] .tooltip-custom::after, .tooltip-custom::before { transform: translate3d(-80%,-35px,0); }
}

@media screen and (min-width: 1680px) {
  .dropdown-lang.show .dropdown-menu.show { transform: translate3d(-50%, 15px, 0)!important; right: unset; left: 50%!important; }
  .dropdown-lang .dropdown-item:first-child::before { right: unset; left: calc(50% - 0.6em); }
  .dropdown-lang:hover .tooltip-custom::after,
  .dropdown-lang:hover .tooltip-custom::before { transform: translate3d(-50%,24px,0); }

  .tooltip-custom::after, .tooltip-custom::before { transform: translate3d(-50%,35px,0); transition: all 0s ease-in-out; transition-delay: 0; }

  html[dir="rtl"] .dropdown-lang.show .dropdown-menu.show { transform: translate3d(-50%, -15px, 0)!important; left: unset; right: 50%!important; }
  html[dir="rtl"] .dropdown-lang .dropdown-item:first-child::before { left: unset; right: calc(50% - 0.6em); }
  html[dir="rtl"] .dropdown-lang:hover .tooltip-custom::after,
  html[dir="rtl"] .dropdown-lang:hover .tooltip-custom::before { transform: translate3d(-50%,-24px,0); }
  html[dir="rtl"] .tooltip-custom::after, .tooltip-custom::before { transform: translate3d(-50%,-35px,0); }
}



/*--- NEW LANG SELECT MODAL  ---*/
.lang-btn { width: 26px; height: 26px; display: none; line-height: 1; border: 0; background: transparent!important; padding: 0; margin: 0; -webkit-appearance: none; appearance: none; outline: 0!important; box-shadow: none!important; z-index: 1; position: relative; order: 3; }
.lang-btn span { width: 26px; height: 26px; display: inline-block; z-index: 1; }

@media (min-width: 768px) {
  .lang-btn { display: block; }
}

@media (min-width: 992px) {
  .lang-btn { margin-top: 1px; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; order: 4; margin: 0 5px 0 0; }
  .lang-btn::after { content: ''; width: 48px; height: 48px; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transform: none; border-radius: 5px; background-color: #f4f5f9; opacity: 0; z-index: 0; transition: ease opacity .15s; }
  .lang-btn:hover::after { opacity: 1; }
}

#selectLang .modal-dialog { max-width: 100%; margin: 0; }
#selectLang .modal-content { border-radius: 0; border: 0; min-height: 100dvh; }
#selectLang .modal-header { border-radius: 0; border: 0; }
#selectLang .modal-body { padding: 0; }
#selectLang .close { display: flex; align-items: center; gap: 0 .25rem; font-size: 18px; }
#selectLang .close span { font-size: 30px; font-weight: bold; }
#selectLang h6 { font-size: 16px; margin-bottom: .75rem; padding-left: 1rem; }
#selectLang hr { margin: .75rem 0; }
#selectLang .lang-item { display: block; width: 100%; padding: 1rem; color: #333; clear: both; font-weight: 600; display: flex; align-items: center; transition: ease all .15s; white-space: nowrap; text-decoration: none; }
#selectLang .lang-item.active { background-color: #EFF6FF; text-decoration: none; color: #1e3a8a; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='14' viewBox='0 0 448 512'%3E%3Cpath fill='%231e3a8a' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: calc(100% - 1rem) center; pointer-events: none; }
#selectLang .lang-item:hover { color: #fff; background-color: #1e3a8a; }
#selectLang .lang-item span { width: 26px; height: 26px; margin-right: 10px; flex-shrink: 0; }
                    
html[dir="rtl"] .modal-header .close { margin: -1rem auto -1rem -1rem; }
html[dir="rtl"] #selectLang h6 { padding-left: 0; padding-right: 1rem; }
html[dir="rtl"] #selectLang .lang-item span { margin-right: 0; margin-left: 10px; }

@media (min-width: 768px) {
  #selectLang .modal-dialog { max-width: 660px; margin: 1.75rem auto; }
  #selectLang .modal-content { border-radius: 5px; min-height: unset; box-shadow: 0px 0px 10px rgb(0 0 0 / 15%); }
  #selectLang .lang-popular { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0 15px; padding: 0 1rem; }
  #selectLang .lang-popular h6 { width: 100%; padding-left: 0; margin-bottom: 0.5rem; }
  #selectLang .lang-popular hr { width: 100%; margin: 1rem 0 1rem 0; }
  #selectLang .lang-cont { display: flex; flex-direction: row; flex-wrap: wrap; gap: 15px; padding: 1rem; }
  #selectLang .lang-cont h6 { width: 100%; padding-left: 0; margin-bottom: 0; }
  #selectLang .lang-item { width: calc(33.333% - 10px); border-radius: 5px; }

  html[dir="rtl"] #selectLang h6 { padding-right: 0; }
}

@media (min-width: 992px) {
  #selectLang .modal-dialog { max-width: 760px; margin: 3rem auto; }
}


/*--- UI STYLES ---*/
@-webkit-keyframes dropdown {
  0%{ opacity: 0; }
  100%{ opacity: 1; }
}
@keyframes dropdown {
  0%{ opacity: 0; }
  100%{ opacity: 1; }
}


/*--- ICONS ---*/
.icon-image { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512'%3E%3Cpath d='M64 112a16 16 0 0 0-16 16v256a16 16 0 0 0 16 16h19.8l80.8-110.2a24 24 0 0 1 38.8 0l29.4 40.2 83.1-127.1a24 24 0 0 1 40.2 0L485 400h27a16 16 0 0 0 16-16V128a16 16 0 0 0-16-16H64zm32 336H64a64 64 0 0 1-64-64V128a64 64 0 0 1 64-64h448a64 64 0 0 1 64 64v256a64 64 0 0 1-64 64H96zm64-288a32 32 0 1 1 0 64 32 32 0 1 1 0-64z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-interior { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M448 80H192c-44.2 0-80 35.8-80 80v40c-12.3-5.1-25.8-8-40-8-2.7 0-5.4.1-8 .3V160c0-70.7 57.3-128 128-128h256c70.7 0 128 57.3 128 128v32.3c-2.6-.2-5.3-.3-8-.3-14.2 0-27.7 2.8-40 8v-40c0-44.2-35.8-80-80-80zm120 144c2.7 0 5.4.1 8 .4 36 4 64 34.5 64 71.6v136c0 26.5-21.5 48-48 48h-48c-20.9 0-38.7-13.4-45.3-32H141.3c-6.6 18.6-24.4 32-45.3 32H48c-26.5 0-48-21.5-48-48V296c0-37.1 28-67.6 64-71.6 2.6-.3 5.3-.4 8-.4 15.2 0 29.4 4.7 41 12.8 16.7 11.6 28.2 30 30.5 51.2h352.9c2.3-21.2 13.9-39.6 30.5-51.2 11.6-8.1 25.8-12.8 41-12.8zm-24 72v136h48V296c0-13.3-10.7-24-24-24s-24 10.7-24 24zm-48 104v-64H144v64h352zm-400 0V296c0-13.3-10.7-24-24-24s-24 10.7-24 24v136h48v-32z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");}

.icon-floorplan { background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M95 145H53a3 3 0 0 1-3-3v-4a3 3 0 0 1 3-3h94a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3h-42v45H95v-45ZM10 62h64a3 3 0 0 1 3 3v4a3 3 0 0 1-3 3H10v118h180V10H10v52Zm135 0h45v10h-45v12a3 3 0 0 1-3 3h-4a3 3 0 0 1-3-3V30a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v32ZM10 0h180a10 10 0 0 1 10 10v180a10 10 0 0 1-10 10H10a10 10 0 0 1-10-10V10A10 10 0 0 1 10 0Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-floorplan { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 24'%3E%3Cpath d='M3.9 3.7c0-.5.4-.8.9-.8h16.5c.5 0 .9.4.9.8v16.5c0 .5-.4.9-.9.9H4.8c-.5 0-.9-.4-.9-.9V11c0-.5.4-.8.9-.8s.8.4.8.8v8.4h4.5v-2.1c0-.5.4-.9.8-.9.5 0 .9.4.9.9v2.1h8.6v-7h-8.6v1.1c0 .5-.4.8-.9.8s-.8-.4-.8-.8V9.6c0-.5.4-.9.8-.9.5 0 .9.4.9.9v1.1h8.6V4.6h-8.6v2.1c0 .5-.4.8-.9.8s-.8-.4-.8-.8V4.6H5.6v2.1c0 .5-.4.8-.8.8s-.9-.4-.9-.8v-3z' fill-rule='evenodd' clip-rule='evenodd' fill='%23FFF'%3E%3C/path%3E%3C/svg%3E"); }

.icon-pricelist { background-image: url("data:image/svg+xml,%3Csvg width='105' height='127' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m103 29.6.6.1.5.4.4.5.1.6a32 32 0 0 1-2.5 11.8 25 25 0 0 1-15.6 14.3 36.3 36.3 0 0 1-12 1.8H64c-.5 0-.9-.1-1.2-.4-.3-.3-.4-.7-.4-1V32l-6.5 1.4c-.3 0-.5.1-.8 0-.2 0-.4 0-.6-.3A1.7 1.7 0 0 1 54 32v-5.4c0-.4.1-.7.3-1 .2-.3.5-.5.8-.6l7.3-1.6v-4l-6.5 1.5H55l-.6-.4c-.2 0-.3-.2-.4-.5a2 2 0 0 1-.1-.6v-5.5c0-.4.1-.7.3-1 .2-.3.5-.4.8-.5l7.3-1.7v-9c0-.5.1-.8.4-1.1.3-.3.7-.5 1.2-.5h7.4l.5.1.6.3.3.6v7.3L90 4.6h.7l.7.3a1.7 1.7 0 0 1 .5 1.2v5.5c0 .4-.1.7-.3 1-.2.3-.6.4-1 .5L73 17v4.1L90 17.2l.7.1.7.3a1.7 1.7 0 0 1 .5 1.3v5.4l-.3.9c-.2.3-.6.5-1 .6l-17.7 4v21c5.7 0 10.9-1.7 15.4-4.9 4.6-3.2 6.8-8.1 6.8-14.8 0-.4.2-.7.5-1 .3-.3.6-.5 1-.5h6.4ZM41.7 117l1.2 5.8c0 .5 0 .8-.2 1.2-.2.3-.5.6-1 .7a33.7 33.7 0 0 1-8 1 27 27 0 0 1-17.3-5.5 26.4 26.4 0 0 1-10-15h-4c-.4 0-.8-.1-1.1-.5-.4-.3-.6-.7-.6-1.1v-3.8c0-.4.2-.7.6-1 .3-.3.7-.5 1-.5h3a31 31 0 0 1 0-5.6h-3c-.3 0-.7-.1-1-.4-.4-.3-.6-.7-.6-1.2v-3.9c0-.2 0-.4.2-.6 0-.2.2-.3.3-.5l.6-.4.6-.1h4.3a27 27 0 0 1 10.4-13.9 27.7 27.7 0 0 1 20-5 34.7 34.7 0 0 1 4.1.8l.5.5.2.7v.5L40.3 75c-.1.4-.3.7-.7 1-.3.1-.7.2-1.1.1a25.9 25.9 0 0 0-5-.5c-3.3 0-6.4.8-9.3 2.6a16 16 0 0 0-6.2 7.3h18.1c.3 0 .5 0 .7.2l.6.4.3.7v.6l-.8 4c-.1.3-.3.6-.6.8-.3.3-.6.4-1 .4H16a30.4 30.4 0 0 0 0 5.7H34.4l.5.5.3.6v.7l-.8 3.8c-.1.3-.3.6-.6.8-.3.3-.6.4-1 .4h-15c1.2 3.4 3.3 6 6.3 8.2 3 2 6.2 3 9.8 3a24.2 24.2 0 0 0 6-.7 2.9 2.9 0 0 1 1.1.3c.3 0 .4.2.5.4l.3.6Zm41.7-23a13 13 0 0 1 7.8 6.5 12.6 12.6 0 0 1-4.3 16.4 12.7 12.7 0 0 1-7.4 2.3v5.7c0 .5-.2.9-.6 1.3-.3.3-.8.5-1.3.5H74a1.8 1.8 0 0 1-1.9-1.9v-5.6a17.4 17.4 0 0 1-10.1-3.5c-.3-.1-.5-.3-.6-.6l-.2-.8v-.8l.5-.7 4.1-4c.3-.3.7-.5 1.1-.5.5 0 .9 0 1.2.3l2 1c.6.1 1.3.3 2 .3h7.8a3.5 3.5 0 0 0 3.5-3 3 3 0 0 0-.5-2.4 3.6 3.6 0 0 0-2-1.5l-12-3.5c-2.7-.7-5-2-6.7-4.2-1.8-2-2.9-4.4-3.2-7a13.5 13.5 0 0 1 3.3-9.9 13.6 13.6 0 0 1 9.4-4.3h.4v-5.6l.1-.7.4-.6.6-.4.8-.2h3.7c.5 0 1 .2 1.3.6.4.3.6.8.6 1.3V74a15.9 15.9 0 0 1 10.7 4.2l.2.8c0 .3 0 .5-.2.8l-.3.7-4.2 3.9c-.3.3-.7.5-1 .5-.5 0-.9 0-1.2-.3a9 9 0 0 0-4-1.1h-7.8a3 3 0 0 0-2.3.8c-.7.5-1.1 1.2-1.3 2 0 1 .1 1.8.7 2.5.5.7 1.1 1.2 2 1.5l12.6 3.6Zm-42-51.7c.2 0 .4 0 .6.2.2 0 .3.2.5.4l.4.5.1.6v13.7c0 .4-.2.8-.5 1-.3.4-.7.5-1.1.5h-39c-.4 0-.8-.1-1.1-.4-.4-.3-.6-.7-.6-1v-5.5c0-.1 0-.3.2-.5l.3-.6.6-.2.6-.1H7v-17H3.4c-.4 0-.8 0-1-.4-.4-.4-.5-.7-.5-1.1V27c0-.4.1-.8.4-1.1.3-.4.7-.5 1-.5h3.8v-8.6c0-2.5.5-4.7 1.5-6.9a17.5 17.5 0 0 1 10-9c2.3-.8 4.6-1 6.9-.8 2.4 0 4.8.4 7 1.2 2.4.8 4.5 2 6.5 3.3l.4.5.1.7v.5l-.3.6-3.7 4.7c-.3.4-.6.5-1 .6a2 2 0 0 1-1.1-.2c-1.1-.8-2.3-1.3-3.6-1.8-1.3-.4-2.6-.6-4-.7-1 0-2 0-3 .4-1 .3-2 .8-2.7 1.6-.8.7-1.4 1.5-1.9 2.5-.4 1-.6 2-.6 3v8.4h11.1c.5 0 .8.1 1.1.5.3.3.4.7.4 1.1v5.3c0 .4-.1.7-.4 1-.3.4-.6.6-1 .6H17.6v16.7h16.1V44c0-.4.2-.8.5-1.1.4-.4.8-.5 1.2-.5h6Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-catalogue { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512'%3E%3Cpath d='M288 480s-64.7-38.8-144-40c-28.7-.4-66.4 6-96 12.4C20.5 458.2 0 464 0 464V72s64-40 160-40c72 0 128 24 128 24s64-24 128-24c96 0 160 40 160 40v392s-20.5-5.8-48-11.6c-29.6-6.3-67.3-12.8-96-12.4-79.3 1.2-144 40-144 40zm240-76.7V101.9A298.4 298.4 0 0 0 416 80c-26.6 0-54.3 5.1-76.4 10.6a409 409 0 0 0-26 7.4l-1.7.5V416l1.3-.5c29.3-11.1 71-22.8 118-23.5 31-.5 68 5.5 96.7 11.3zM264 416V98.2l-1.9-.7A319.7 319.7 0 0 0 160 80a298.4 298.4 0 0 0-112 21.9v301.4a487.2 487.2 0 0 1 96.7-11.3c47 .7 88.6 12.5 118 23.5l1.3.5z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-video { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='20'%3E%3Cpath d='M29 2a2 2 0 0 0-2-.1l-5.3 2.4v-1A3.3 3.3 0 0 0 18.3 0h-15A3.3 3.3 0 0 0 0 3.3v13.4A3.3 3.3 0 0 0 3.3 20h15a3.3 3.3 0 0 0 3.4-3.3v-1L27 18a2 2 0 0 0 3-1.9V3.8A2 2 0 0 0 29 2Zm-9.8 14.7a.8.8 0 0 1-.9.8h-15a.8.8 0 0 1-.8-.8V3.3a.8.8 0 0 1 .8-.8h15a.8.8 0 0 1 .9.8Zm8.3-1.1-5.8-2.7V7.1l5.8-2.7Z' fill='%23FFF'/%3E%3C/svg%3E");                     }

.icon-drone { background-image: url("data:image/svg+xml,%3Csvg width='128' height='106' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M125.5 4.8c.7 0 1.2.2 1.8.7.5.5.7 1.1.7 1.9 0 .6-.2 1.2-.8 1.7-.5.5-1 .8-1.7.8h-10.8v7.6h4.5c.8 0 1.4.2 2 .8.4.5.7 1 .7 1.7v26.4c0 2.6-1 5-2.9 6.8a9.5 9.5 0 0 1-6.9 2.8c-2.3 0-4.4-.7-6.2-2.3a9.3 9.3 0 0 1-3.3-5.5L99 49l-3.8.8 6 27.8V79c-.2.4-.3.7-.6 1l-10.5 12v5.8a8 8 0 0 1-2.4 5.9 8 8 0 0 1-5.8 2.4H43.2c-2.3 0-4.2-.8-5.8-2.4a8 8 0 0 1-2.4-5.8v-6l-10.6-12c-.3-.2-.4-.5-.5-1v-1.2l6-28.5c-.8 0-1.5-.2-2.3-.4l-2.2-.5c-.4 2.2-1.5 4-3.3 5.5a9.4 9.4 0 0 1-6.2 2.3c-2.7 0-5-1-6.9-2.8a9.2 9.2 0 0 1-2.9-6.8V20c0-.7.3-1.2.8-1.8.5-.5 1.1-.7 1.8-.7h4.6V9.9H2.4c-.7 0-1.2-.3-1.8-.8-.5-.5-.7-1-.7-1.7 0-.8.2-1.4.8-1.9.5-.5 1-.8 1.7-.8h10.8v-2A2.5 2.5 0 0 1 15.8 0c.6 0 1.2.2 1.7.8.5.5.8 1 .8 1.8v2.1H29a2.5 2.5 0 0 1 2.6 2.7c0 .6-.2 1.2-.7 1.7-.5.5-1.1.8-1.9.8H18.4v7.6H23c.7 0 1.2.2 1.8.8.5.5.7 1 .7 1.7v9.3a167 167 0 0 1 77 0V20c0-.7.2-1.2.8-1.8.5-.5 1-.7 1.7-.7h4.6V9.9H99c-.7 0-1.3-.3-1.8-.8s-.7-1-.7-1.7c0-.8.2-1.4.7-1.9.5-.5 1.1-.8 1.8-.8h10.7v-2c0-.8.3-1.4.8-2 .5-.5 1-.7 1.7-.7a2.5 2.5 0 0 1 2.7 2.6v2.1h10.7Zm-63 93.7c3.2 0 5.9-1.1 8-3.4 2.3-2.2 3.4-5 3.4-8.1 0-3-1.1-5.7-3.3-8a10.9 10.9 0 0 0-8.1-3.4c-3.2 0-5.9 1.1-8 3.4a11 11 0 0 0-3.4 8c0 3.2 1.1 5.9 3.3 8.1 2.2 2.3 5 3.4 8.1 3.4Zm33.4-21-5.7-26.9A154.5 154.5 0 0 1 48.6 52c-4.6-.4-9.1-1-13.7-1.9L29 77.5l5.9 6.6v-7.7a8 8 0 0 1 2.4-5.8 7.9 7.9 0 0 1 5.9-2.5h4c.6 0 1.2-.2 1.8-.6.5-.4.9-1 1.1-1.5l.4-1.5a8.2 8.2 0 0 1 3-4.2c1.5-1 3.1-1.5 4.9-1.5h8a8.2 8.2 0 0 1 7.9 5.8l.5 1.4c.1.6.5 1 1 1.5.6.4 1.2.6 1.8.6H82a8 8 0 0 1 5.8 2.5 8 8 0 0 1 2.4 5.8V84l5.8-6.6Zm-33.4 3.3a6 6 0 0 1 4.4 1.8 6.1 6.1 0 0 1 1.8 4.4c0 1.8-.6 3.2-1.8 4.5a6 6 0 0 1-4.4 1.9 6 6 0 0 1-4.4-1.9 6.2 6.2 0 0 1-1.9-4.5c0-1.7.7-3.1 1.9-4.4a6 6 0 0 1 4.4-1.8Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-construction-update { background-image: url("data:image/svg+xml,%3Csvg width='172' height='173' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M164 51.8v115.6h5.3c.8 0 1.4.2 2 .7.4.5.7 1.2.7 2 0 .7-.3 1.4-.8 1.9s-1.1.8-1.9.8h-32.2c-.8 0-1.5-.3-2-.8s-.7-1.2-.7-2c0-.7.2-1.4.7-1.9.5-.5 1.2-.7 2-.7h5.3V51.8H65.8v9c2 .8 3.7 1.9 5 3.5a9 9 0 0 1 1.8 5.7 9 9 0 0 1-2.8 6.6 9 9 0 0 1-6.6 2.8 9 9 0 0 1-6.7-2.8 9 9 0 0 1-2.8-6.6c0-2.2.7-4 2-5.7 1.3-1.6 2.9-2.7 4.8-3.4v-9H48.4c-.8 0-1.5-.3-2-.8s-.7-1.2-.7-2V33c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7h31.9l6.5-4.5a2255.6 2255.6 0 0 1 28.6-20l6.5-4.5.7-.4.9-.2.9.2.7.4L161.6 30c0 .2 1.3.2 3.8.2h4c.7 0 1.3.3 1.8.8s.8 1.1.8 1.9v16.1c0 .8-.3 1.5-.8 2s-1.1.7-1.9.7H164ZM67.1 70c0-1.2-.4-2.1-1.2-2.9a3.9 3.9 0 0 0-2.8-1.2c-1.2 0-2.1.4-2.9 1.2-.8.8-1.2 1.7-1.2 2.9 0 1 .4 2 1.2 2.8.8.8 1.7 1.2 2.9 1.2 1 0 2-.4 2.8-1.2.8-.8 1.2-1.7 1.2-2.8Zm27-34.3H81l13.2 8.7v-8.7Zm48.2 0h-13.6l13.6 8.9v-9Zm-24.3 8.7v-8.7H105l13 8.7Zm-46.9-8.7h-14l14 9.4v-9.4Zm5.4 3.5v7.2h11l-11-7.2Zm23-.7v8h12l-12-8Zm23.9 0v8h11.9l-12-8Zm24.3.4v7.5h11.4L147.8 39Zm10.8 104.3v-13.6l-9 13.6h9ZM149.8 95h8.8V81.7L149.8 95Zm-2-6.7 8-12.3h-8v12.3Zm0 47.8 8-11.9h-8v12Zm0-35.7v11.9l8-12h-8Zm10.8-29.8V58l-8.4 12.7h8.4Zm-10.8 78V160l7.6-11.4h-7.6Zm10.8-29.8v-13l-8.8 13h8.8Zm8-74v-9.1H153l13.7 9Zm-40.3-14.5H153L126.3 9.1v21.2ZM121 8.5 89.5 30.3H121V8.5ZM51.1 38.2v8.2h12.6L51 38.2Zm105 13.6h-8.3v12.6l8.2-12.6Zm-6.6 115.6h9v-13.8l-9 13.8Zm-125.3-94v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-2v-5.3c0-.8.3-1.4.8-2 .5-.4 1.1-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.1.7 2Zm8 8c-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-2v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7Zm-8-40.3v5.3c0 .8-.3 1.5-.8 2s-1.1.7-1.9.7c-.8 0-1.4-.2-2-.7-.4-.5-.7-1.2-.7-2v-5.3c0-.8.3-1.5.8-2s1.1-.7 1.9-.7c.8 0 1.4.2 2 .7.4.5.7 1.2.7 2Zm8 8c-.7 0-1.4-.2-1.9-.7-.5-.5-.7-1.2-.7-2v-5.3c0-.8.2-1.5.7-2 .5-.5 1.2-.7 2-.7.7 0 1.4.2 1.9.7.5.5.7 1.2.7 2v5.3c0 .8-.2 1.5-.7 2-.5.5-1.2.7-2 .7Zm-8 8v5.5c0 .7-.3 1.4-.8 1.9s-1.1.8-1.9.8c-.8 0-1.4-.3-2-.8-.4-.5-.7-1.2-.7-2v-5.3c0-.8.3-1.4.8-2 .5-.4 1.1-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.1.7 1.9Zm8 8.1c-.7 0-1.4-.2-1.9-.7-.5-.5-.7-1.2-.7-2v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 1.9v5.4c0 .7-.2 1.4-.7 1.9-.5.5-1.2.8-2 .8Zm-8-40.3v5.4c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-1.9V25c0-.7.3-1.4.8-1.9s1.1-.8 1.9-.8c.8 0 1.4.3 2 .8.4.5.7 1.2.7 2Zm8 8.1c-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-1.9V25c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8.7 0 1.4.3 1.9.8s.7 1.2.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7Zm-8 56.4v5.4c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-1.9v-5.4c0-.7.3-1.4.8-1.9s1.1-.8 1.9-.8c.8 0 1.4.3 2 .8.4.5.7 1.2.7 2Zm8 8.1c-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-1.9v-5.4c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8.7 0 1.4.3 1.9.8s.7 1.2.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7Zm-8 8v5.4c0 .8-.3 1.5-.8 2s-1.1.7-1.9.7c-.8 0-1.4-.2-2-.7-.4-.5-.7-1.2-.7-2v-5.3c0-.8.3-1.5.8-2s1.1-.7 1.9-.7c.8 0 1.4.2 2 .7.4.5.7 1.2.7 2Zm8 8.1c-.7 0-1.4-.2-1.9-.7-.5-.5-.7-1.2-.7-2v-5.3c0-.8.2-1.5.7-2 .5-.5 1.2-.7 2-.7.7 0 1.4.2 1.9.7.5.5.7 1.2.7 2v5.3c0 .8-.2 1.5-.7 2-.5.5-1.2.7-2 .7Zm-8 8v5.5c0 .7-.3 1.4-.8 1.9s-1.1.8-1.9.8c-.8 0-1.4-.3-2-.8-.4-.5-.7-1.2-.7-2v-5.3c0-.8.3-1.4.8-2 .5-.4 1.1-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.1.7 1.9Zm8 8.2c-.7 0-1.4-.3-1.9-.8s-.7-1.2-.7-2v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 1.9v5.4c0 .7-.2 1.4-.7 1.9-.5.5-1.2.8-2 .8Zm-8 8v5.4c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-2v-5.3c0-.8.3-1.4.8-2 .5-.4 1.1-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.1.7 2Zm8 8c-.7 0-1.4-.2-1.9-.7-.5-.5-.7-1.1-.7-2v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7Zm-10.7 5.4c.8 0 1.4.3 2 .8.4.5.7 1.2.7 2v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-1.9V154c0-.7.3-1.4.8-1.9s1.1-.8 1.9-.8ZM32.3 162c-.8 0-1.5-.3-2-.8s-.7-1.1-.7-1.9V154c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8.7 0 1.4.3 1.9.8s.7 1.2.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7ZM59 97.5c-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-1.9v-5.4c0-.7.3-1.4.8-1.9s1.1-.8 2-.8c.7 0 1.4.3 1.9.8s.7 1.2.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7Zm10.8 0c-.8 0-1.5-.3-2-.8s-.7-1.1-.7-1.9v-5.4c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8s1.4.3 2 .8c.4.5.7 1.2.7 2v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-2 .7Zm-13.5 13.4v-5.3c0-.8.3-1.5.8-2s1.1-.7 2-.7c.7 0 1.4.2 1.9.7.5.5.7 1.2.7 2v5.3c0 .8-.2 1.5-.7 2-.5.5-1.2.7-2 .7s-1.4-.2-2-.7c-.4-.5-.7-1.2-.7-2Zm10.8 0v-5.3c0-.8.2-1.5.7-2 .5-.5 1.2-.7 2-.7s1.4.2 2 .7c.4.5.7 1.2.7 2v5.3c0 .8-.3 1.5-.8 2s-1.1.7-2 .7c-.7 0-1.4-.2-1.9-.7-.5-.5-.7-1.2-.7-2Zm-10.8 16.2v-5.4c0-.8.3-1.4.8-2 .5-.4 1.1-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 1.9v5.4c0 .7-.2 1.4-.7 1.9-.5.5-1.2.8-2 .8s-1.4-.3-2-.8c-.4-.5-.7-1.2-.7-2Zm10.8 0v-5.4c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7s1.4.3 2 .8c.4.5.7 1.1.7 1.9v5.4c0 .7-.3 1.4-.8 1.9s-1.1.8-2 .8c-.7 0-1.4-.3-1.9-.8s-.7-1.2-.7-2Zm-10.8 16v-5.3c0-.8.3-1.4.8-2 .5-.4 1.1-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7s-1.4-.3-2-.8c-.4-.5-.7-1.1-.7-2Zm10.8 0v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7s1.4.3 2 .8c.4.5.7 1.1.7 2v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-2 .7-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-2Zm-10.8 16.2V154c0-.7.3-1.4.8-1.9s1.1-.8 2-.8c.7 0 1.4.3 1.9.8s.7 1.2.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7s-1.4-.3-2-.8c-.4-.5-.7-1.1-.7-1.9Zm10.8 0V154c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8s1.4.3 2 .8c.4.5.7 1.2.7 2v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-2 .7-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-1.9Zm32.2-53.7v5.3c0 .8-.2 1.5-.7 2-.5.5-1.2.7-2 .7-.7 0-1.4-.2-1.9-.7-.5-.5-.7-1.2-.7-2v-5.3c0-.8.2-1.5.7-2 .5-.5 1.2-.7 2-.7.7 0 1.4.2 1.9.7.5.5.7 1.2.7 2Zm8.1 8c-.8 0-1.4-.2-2-.7-.4-.5-.7-1.2-.7-2v-5.3c0-.8.3-1.5.8-2s1.1-.7 1.9-.7c.8 0 1.4.2 2 .7.4.5.7 1.2.7 2v5.3c0 .8-.3 1.5-.8 2s-1.1.7-1.9.7Zm-8 8v5.5c0 .7-.3 1.4-.8 1.9s-1.2.8-2 .8c-.7 0-1.4-.3-1.9-.8s-.7-1.2-.7-2v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 1.9Zm5.3 5.5v-5.4c0-.8.3-1.4.8-2 .5-.4 1.1-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.1.7 1.9v5.4c0 .7-.3 1.4-.8 1.9s-1.1.8-1.9.8c-.8 0-1.4-.3-2-.8-.4-.5-.7-1.2-.7-2Zm-5.4 10.7v5.4c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-2v-5.3c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 2Zm5.4 5.4v-5.4c0-.8.3-1.4.8-2 .5-.4 1.1-.7 1.9-.7.8 0 1.4.3 2 .8.4.5.7 1.1.7 2v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-2Zm-8 8c.7 0 1.4.3 1.9.8s.7 1.2.7 2v5.3c0 .8-.2 1.4-.7 2-.5.4-1.2.7-2 .7-.7 0-1.4-.3-1.9-.8s-.7-1.1-.7-1.9V154c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8Zm8 8.1V154c0-.7.3-1.4.8-1.9s1.1-.8 1.9-.8c.8 0 1.4.3 2 .8.4.5.7 1.2.7 2v5.3c0 .8-.3 1.4-.8 2-.5.4-1.1.7-1.9.7-.8 0-1.4-.3-2-.8-.4-.5-.7-1.1-.7-1.9Zm21.5 8c.8 0 1.4.3 2 .8.4.5.7 1.2.7 2 0 .7-.3 1.4-.8 1.9s-1.1.8-1.9.8H2.7c-.8 0-1.4-.3-2-.8-.4-.5-.7-1.2-.7-2 0-.7.3-1.4.8-1.9s1.1-.7 1.9-.7h2.7V3.4c0-.7.2-1.4.7-1.9.5-.5 1.2-.8 2-.8h13.4c.8 0 1.4.3 2 .8.4.5.7 1.2.7 2 0 .7-.3 1.4-.8 1.9s-1.1.7-1.9.7H10.7v161.3H43V58.5c0-.8.3-1.4.8-1.9s1.1-.8 1.9-.8c.8 0 1.4.3 2 .8.4.5.7 1.1.7 2v108.8h32.2v-86c0-.8.3-1.5.8-2s1.1-.7 2-.7H94c.7 0 1.4.2 1.9.7.5.5.8 1.2.8 2s-.3 1.4-.8 2c-.5.4-1.2.7-2 .7h-8v83.3h32.3V97.5c0-.8.2-1.4.7-2 .5-.4 1.2-.7 2-.7.7 0 1.4.3 1.9.8s.7 1.1.7 1.9v69.9h2.7Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-construction-update { background-image: url("data:image/svg+xml,%3Csvg width='480' height='514' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M156.52 150.96c-.393333 0-.59.196667-.59.59l-.01 263.43c0 .6.223333 1.106667.67 1.52 25.88 24.166667 53.966667 50.263333 84.26 78.29 3.44 3.19 4.71 7.59 2.73 12.2-1.88 4.37-6.09 6.08-10.6 6.08-57.926667-.053333-116.1-.093333-174.52-.12-8.86 0-13.9-8.22-9.36-15.87 15.7333333-26.493333 31.5433333-53.073333 47.43-79.74.1441403-.248751.2200324-.531621.22-.82V151.28c0-.186667-.0933333-.283333-.28-.29-29.1-.066667-56.7466667-.053333-82.94.04-5.39.02-10.07-1.1-12.25-6.55-1.68-4.186667-.72-8.09 2.88-11.71 30.3466667-30.52 61.0733333-61.43 92.18-92.73.2266667-.2266667.3433333-.5.35-.82.12-7.4866667.12-15.44 0-23.86-.06-3.84.3233333-6.6633333 1.15-8.47 2.21-4.85 6.95-6 12.01-5.94 10.24.1333333 20.556667.1233333 30.95-.03 4.166667-.06 7.21.3333333 9.13 1.18 5.44 2.41 6.1 7.61 6.05 13.03-.066667 7.2333333-.08 14.0933333-.04 20.58.006667.3733333.186667.6133333.54.72 103.88 31.3266667 207.886667 62.6966667 312.02 94.11 2.57.78 5.16 2.01 6.68 4.31 2.266667 3.42 2.506667 6.903333.72 10.45-2.33 4.62-6.5 5.69-11.23 5.68-104.486667-.026667-207.203333-.033333-308.15-.02ZM135.5 21.73c0-.0795649-.031607-.1558711-.087868-.212132-.056261-.0562609-.132567-.087868-.212132-.087868h-17.78c-.165685 0-.3.1343146-.3.3v11.6c0 .1656854.134315.3.3.3h17.78c.079565 0 .155871-.0316071.212132-.087868.056261-.0562609.087868-.1325671.087868-.212132v-11.6Zm0 32.66c0-.2098682-.170132-.38-.38-.38H117.5c-.209868 0-.38.1701318-.38.38v75.74c0 .209868.170132.38.38.38h17.62c.209868 0 .38-.170132.38-.38V54.39Zm64.2 16.9c.082393-.0823215.11529-.2019796.086559-.3148513-.028731-.1128718-.114834-.2022392-.226559-.2351487L156.37 57.7c-.099571-.0316722-.208258-.014318-.293015.0467859-.084757.0611038-.135568.1587372-.136985.2632141l-.02 56.28c-.001362.133229.077526.254207.199989.306691.122464.052485.264474.026177.360011-.066691l43.22-43.24ZM96.76 69.34c-.0026206-.1314131-.0829773-.2487409-.2045612-.2986771-.1215839-.0499363-.261209-.0229582-.3554388.0686771l-60.47 60.85c-.0916353.09423-.1186134.233855-.0686771.355439.0499362.121584.167264.20194.2986771.204561l60.45-.01c.182254 0 .33-.147746.33-.33l.02-60.84Zm73.14 60.61c-.092868.095537-.119176.237547-.066691.360011.052484.122463.173462.201351.306691.199989h93.92c.133229.001362.254207-.077526.306691-.199989.052485-.122464.026177-.264474-.066691-.360011l-46.97-46.97c-.128071-.1244757-.331929-.1244757-.46 0l-46.97 46.97Zm138.59-26.36-58.61-17.7c-.753333-.2266667-.85-.06-.29.5l38.1 38.14c.144113.142335.375887.142335.52 0l20.41-20.4c.079866-.082902.112408-.200901.08584-.31126-.026568-.110358-.108393-.197074-.21584-.22874Zm87.43 26.36L331.7 110.6c-.353333-.106667-.66-.03-.92.23l-19.23 19.23c-.076029.0729-.098497.184257-.057005.282528s.138848.164279.247005.167472h84.1c1.293333 0 1.32-.186667.08-.56Zm-260.42 21.4c0-.215391-.174609-.39-.39-.39h-17.6c-.215391 0-.39.174609-.39.39v340.84c0 .215391.174609.39.39.39h17.6c.215391 0 .39-.174609.39-.39V151.35Zm72.14 341.22c.128135-.004906.240967-.085828.286706-.205621.04574-.119794.015552-.255323-.076706-.344379l-51.38-47.79c-.092518-.087596-.228186-.111963-.345405-.062037-.117218.049926-.193651.164633-.194595.292037l.01 47.79c0 .176731.143269.32.32.32h51.38Zm-131.9-.38c-.0484629.075089-.0511895.170887-.0070759.248611.0441135.077724.1277599.124499.2170759.121389l20.26.01c.36 0 .54-.18.54-.54v-34.1c0-.686667-.1733333-.733333-.52-.14l-20.49 34.4Z' stroke='%237C7C7C'/%3E%3Cpath d='M453.71 187.61c5.732716 0 10.38-5.233791 10.38-11.69 0-6.456209-4.647284-11.69-10.38-11.69-5.732716 0-10.38 5.233791-10.38 11.69 0 6.456209 4.647284 11.69 10.38 11.69m8.82 105.06c-.433333-.026667-.65.176667-.65.61v7.94c0 .346667.156667.593333.47.74 8.273333 3.806667 13.623333 9.813333 16.05 18.02 5.21 17.66-8.13 35.04-26.05 35.49-14.06.35-25.92-7.51-28.28-21.85-.46-2.82-.226667-5.32.7-7.5 2.03-4.79 7.48-7.23 12.47-5.53 2.84.97 5.76 3.64 6.4 6.79.26 1.246667.533333 2.51.82 3.79.62 2.74 3.27 3.75 5.8 3.96 10.47.89 11.99-13.45 2.17-14.78-2.01-.27-4.19-.56-5.92-1.67-3.286667-2.113333-4.95-5.193333-4.99-9.24-.053333-5.28-.056667-10.66-.01-16.14.006667-.433333-.206667-.64-.64-.62-5.36.3-10.39-.56-12.91-5.64-.953333-1.926667-1.39-4.723333-1.31-8.39.206667-9.84.203333-19.446667-.01-28.82-.08-3.846667.383333-6.756667 1.39-8.73 2.98-5.8 9-5.71 14.84-5.51.446667.02.67-.196667.67-.65-.093333-8.9-.076667-17.556667.05-25.97.11-7.15 7.43-11.86 13.79-9.25 4.24 1.746667 6.396667 5.06 6.47 9.94.126667 8.06.143333 16.493333.05 25.3-.006667.433333.206667.64.64.62 9.8-.37 13.46 4.87 13.24 14.1-.233333 9.8-.236667 19.53-.01 29.19.08 3.413333-.373333 6.133333-1.36 8.16-2.66 5.43-8.19 5.97-13.88 5.64Zm-5.28-36.41c0-.149117-.120883-.27-.27-.27h-9.58c-.149117 0-.27.120883-.27.27v15.76c0 .149117.120883.27.27.27h9.58c.149117 0 .27-.120883.27-.27v-15.76Z'/%3E%3C/g%3E%3C/svg%3E"); }

.icon-360 { background-image: url("data:image/svg+xml,%3Csvg width='185' height='98' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.6 74.8A3 3 0 0 1 39 73c-.4-.8-.4-1.6-.1-2.4v-.5c.2 0 .2-.2.3-.3l.3-.4c.1-.3.3-.5.6-.7l.9-.3a4.1 4.1 0 0 1 2 0l.2.1.6.2c.2 0 .4 0 .5.2l.3.1.3.1c.2 0 .4 0 .7.2l.8.2h.1l.2.1c.3 0 .5 0 .8.2h1.2c.3.2.5.2.8.2h1.1c1.7 0 3.2-.2 4.5-.7a8.7 8.7 0 0 0 3.4-2c.7-.8 1.3-1.7 1.7-2.7.3-1 .5-2 .5-3.1 0-3.3-1.3-5.7-3.9-7a17 17 0 0 0-7.8-2h-1.1a3 3 0 0 1-2.3-.9 3 3 0 0 1-.9-2.2c0-.9.3-1.6.9-2.1a3 3 0 0 1 2.3-1h1c2 0 4.2-.5 6.6-1.6 2.3-1.1 3.5-3 3.5-5.8a6 6 0 0 0-2-4.8 8.5 8.5 0 0 0-5.6-1.7h-1.7l-.2.1a3.5 3.5 0 0 0-1.4.3h-.4a2.9 2.9 0 0 0-1.1.3l-.3.1-.2.2-.5.1-.5.3h-.2l-1.2.3c-.4 0-.8 0-1.2-.2a2 2 0 0 1-1-.6c-.4-.3-.6-.6-.8-1V32c-.3-.7-.3-1.5 0-2.2.3-.8.8-1.4 1.5-1.8a14.7 14.7 0 0 1 3.4-1.2h.1l.6-.2.5-.2h.3a2 2 0 0 0 1-.3h.8l.7-.2h.1a19.5 19.5 0 0 1 2.9-.3c5 0 8.5 1.3 10.9 3.9a12 12 0 0 1 3 11.7 12.4 12.4 0 0 1-4 5.8c-1 .8-2 1.4-3.2 2 3 1 5.3 2.5 7 4.7 1.7 2.2 2.5 4.8 2.5 7.8 0 3.8-1.4 7.2-4.3 10.3-3 3.2-7.5 4.7-13.8 4.7H50l-.8-.1H48l-.2-.1h-.2a2 2 0 0 1-.5 0 2 2 0 0 0-.5-.2h-.4a2.4 2.4 0 0 0-1-.2H45l-.5-.1c-.2 0-.3 0-.4-.2h-.3a2.4 2.4 0 0 0-1-.2v-.1l-1.2-.3-.9-.3Zm25.8-33.3-1.5 3 1.5-3Zm25.8 35.1c-5.3 0-9.5-1.9-12.7-5.7-3.2-3.9-4.8-9-4.9-15.3 0-4.4.8-8.5 2.2-12.4 1.5-3.8 3.5-7 6.2-9.7a26 26 0 0 1 15.6-7.1l.7-.1c.2 0 .4 0 .7-.2h1l.3.1v.2h.3l.3.2.3.2.3.2.8 1 .2 1.3v.3c0 .8-.3 1.4-.8 2-.6.6-1.2 1-2 1a6.6 6.6 0 0 0-2 .3l-2.5.5-.2.1a14.5 14.5 0 0 0-2.1.8 17.8 17.8 0 0 0-9.4 8.6c0 .3-.2.6-.4 1-.1.2-.3.6-.3 1h-.2v.1l-.3 1-.3 1.3c1.3-1.5 3-2.5 4.8-3.2 1.9-.7 3.9-1.1 6-1.1 4.5 0 8.1 1.5 10.9 4.4 2.8 3 4.2 6.9 4.2 11.7 0 4.3-1.4 8.3-4.3 12-2.8 3.7-7 5.5-12.3 5.5Zm8-50.5h.3-.4Zm-17 28.6-.6 1.2a3 3 0 0 0-.1 1.4c0 4 1 7.1 2.8 9.5a8.4 8.4 0 0 0 7 3.6c2.7 0 4.7-1 6.3-3 1.6-2 2.4-4.6 2.4-7.9a11 11 0 0 0-2.5-7.6 8.6 8.6 0 0 0-6.8-2.8 9 9 0 0 0-5 1.6c-1.5 1-2.7 2.4-3.6 4Zm46 22c-5 0-9-2.3-12-6.9-3-4.5-4.5-10.7-4.6-18.4 0-8 1.6-14.2 4.7-18.8 3-4.6 7.2-6.9 12.6-6.9a14 14 0 0 1 12.3 6.6 33.1 33.1 0 0 1 4.3 18.3c0 8.3-1.5 14.7-4.6 19.2-3 4.6-7.3 6.8-12.8 6.8Zm.4-44.6c-2.8 0-5 1.8-6.7 5.2a31.8 31.8 0 0 0-2.4 14c0 6 .8 10.5 2.4 13.9 1.7 3.4 3.8 5 6.6 5 4 0 6.5-2.3 7.6-6.9 1-4.6 1.5-8.7 1.5-12.3 0-3.5-.5-7.5-1.5-12-1-4.6-3.6-6.9-7.5-6.9Zm38.7 9.5a45 45 0 0 1 12.4 9.7c3.6 4 5 8.6 4 14a21 21 0 0 1-8.4 13.7 71.4 71.4 0 0 1-29.8 13.4 232.8 232.8 0 0 1-37 4.8 293.2 293.2 0 0 1-41.9-.6C60.7 96 53.8 95.1 47 94c-5.5-1-11-2.2-16.4-3.9-5.4-1.7-10.5-4-15.4-7a43.2 43.2 0 0 1-10.3-9.5c-3.1-4-4.3-8.3-3.7-13.1.5-3 1.7-5.7 3.5-8.1 1.8-2.5 4-4.6 6.5-6.5a64 64 0 0 1 16.4-8.3c2.5-.8 4.1 0 4.8 2.7.7 2.6-.2 4.3-2.7 5.2-1.9.6-4.2 1.5-7 2.7a37 37 0 0 0-7.4 4.6c-2.2 1.8-4 3.8-5.2 6a8.5 8.5 0 0 0-.3 7.3c2 5 5.7 8.7 11.3 11.4a92.3 92.3 0 0 0 27.4 8.5 258.1 258.1 0 0 0 66.3 3 264.7 264.7 0 0 0 30.7-4.5c4.2-1 8.3-2.2 12.3-3.8 3.6-1.5 7.8-3.8 12.7-7 5-3.1 7.1-7.1 6.5-12-.4-2.7-1.7-5.2-4-7.3-2.4-2.1-5-3.9-7.8-5.3a101.3 101.3 0 0 1 3.9 5c1.6 2 1.2 3.8-1.1 5.2-2.4 1.4-4.3 1-5.9-1a775.5 775.5 0 0 0-10.6-14c-1-1.2-1-2.4-.3-3.6.7-1.2 1.6-2 2.7-2.5a1037.2 1037.2 0 0 1 16.8-5.9c2.4-.8 4 0 4.7 2.7.7 2.6-.1 4.3-2.6 5.1l-2.2.9-2.3.7ZM153 26c-3.5 0-6.5-1.3-9-3.8a12.4 12.4 0 0 1-3.7-9.1c0-3.5 1.2-6.5 3.7-9s5.5-3.8 9-3.8c3.6 0 6.6 1.3 9.2 3.8 2.5 2.5 3.7 5.5 3.7 9 0 3.6-1.2 6.6-3.8 9.1a12.4 12.4 0 0 1-9 3.8Zm0-17.5c-1.2 0-2.3.4-3.2 1.3-1 1-1.4 2-1.4 3.3 0 1.3.5 2.5 1.4 3.4a4.6 4.6 0 0 0 6.6 0c1-1 1.4-2 1.4-3.4 0-1.3-.5-2.3-1.4-3.3-1-.9-2-1.3-3.4-1.3Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-menu { background-image: url("data:image/svg+xml,%3Csvg width='151' height='128' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.2 0h150.6v22.6H.2V0Zm0 52.8h150.6v22.5H.2V52.8Zm0 52.6h150.6V128H.2v-22.6Z' fill='%231e3a8a' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-payment-plan { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%%3Cpath fill='%23FFF' d='M64 0A64 64 0 0 0 0 64v384a64 64 0 0 0 64 64h256a64 64 0 0 0 64-64V64a64 64 0 0 0-64-64H64zm32 64h192a32 32 0 0 1 32 32v32a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zM64 224a32 32 0 1 1 64 0 32 32 0 0 1-64 0zm32 64a32 32 0 1 1 0 64 32 32 0 0 1 0-64zM64 416a32 32 0 0 1 32-32h96a32 32 0 1 1 0 64H96a32 32 0 0 1-32-32zm128-224a32 32 0 1 1 0 64 32 32 0 0 1 0-64zm-32 128a32 32 0 1 1 64 0 32 32 0 0 1-64 0zm128-128a32 32 0 1 1 0 64 32 32 0 0 1 0-64zm-32 128a32 32 0 1 1 64 0 32 32 0 0 1-64 0zm32 64a32 32 0 1 1 0 64 32 32 0 0 1 0-64z'/%3E%3C/svg%3E"); }

.icon-calendar { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M184 24a24 24 0 1 0-48 0v40H96a64 64 0 0 0-64 64v320a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V128a64 64 0 0 0-64-64h-40V24a24 24 0 1 0-48 0v40H184V24zM80 192h352v256a16 16 0 0 1-16 16H96a16 16 0 0 1-16-16V192zm48 96a32 32 0 1 0 64 0 32 32 0 1 0-64 0zm224 64a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm-128-64a24 24 0 0 0 24 24h112a24 24 0 1 0 0-48H248a24 24 0 0 0-24 24zm40 72H152a24 24 0 1 0 0 48h112a24 24 0 1 0 0-48z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-completion-date { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFF' d='M32 0a32 32 0 0 1 30.5 22.3h.1l-.1.1.1.3v-.4A294.2 294.2 0 0 1 168 0c38.8 0 74.6 9.1 105.7 17 32.3 8.2 59.2 15 86.3 15 26.8 0 52.9-6.8 73-14.1 9.9-3.6 17.9-7.2 23.4-9.8l6.2-3.1 1.4-.8.2-.1A31.9 31.9 0 0 1 512 32v288c0 12.1-6.8 23.2-17.7 28.6L480 320l14.3 28.6h-.1l-.2.1-.7.4-2.5 1.2-9 4c-7.7 3.3-18.5 7.6-31.5 11.9A316.7 316.7 0 0 1 352 384c-37 0-65.2-9.4-89-17.3l-1-.3c-24-8-43.7-14.4-70-14.4-27.9 0-64.7 7.2-96.2 15-12.1 3-23 6-31.8 8.6V480a32 32 0 1 1-64 0V32A32 32 0 0 1 32 0zm32 158.4a798.7 798.7 0 0 1 64-15.2V68.8a292 292 0 0 0-64 22.6v67zm0 80v70.8a743.7 743.7 0 0 1 64-14.6v-71.5c21.9-4.2 44.4-7.1 64-7.1 5.6 0 10.9.2 16 .7v71.9c29.5 2.2 53 10 73.3 16.8l.9.3 5.8 1.9v-70.4a207.2 207.2 0 0 0 80 10.2v71.9c22-2 43.9-7.6 61.9-13.6 6.8-2.3 12.9-4.6 18.1-6.6v-69.9a315.5 315.5 0 0 1-80 18.1v-80a315.5 315.5 0 0 0 80-18.1V80.5a284.8 284.8 0 0 1-80 15.4v71.5a207.2 207.2 0 0 1-80-10.2V86.5c-9.3-2.1-18.3-4.4-27-6.7l-3.1-.8A685 685 0 0 0 208 67.7v69c-5.1-.4-10.4-.7-16-.7a362 362 0 0 0-64 7.1v80a798.7 798.7 0 0 0-64 15.2zm144-101.7v80c24.4 2.1 44.3 8.7 64.2 15.3l15.8 5.2v-80l-15.8-5.2c-19.9-6.6-39.8-13.2-64.2-15.3z'/%3E%3C/svg%3E"); }

.icon-total-unit { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 384 512' fill='%23fff'%3E%3Cpath d='M384 0H0v512h144V384h96v128h144V0zM64 224h64v64H64v-64zm160 0v64h-64v-64h64zm32 0h64v64h-64v-64zM128 96v64H64V96h64zm32 0h64v64h-64V96zm160 0v64h-64V96h64z'/%3E%3C/svg%3E"); }

.icon-remaining-percent { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 384 512' fill='%23fff'%3E%3Cpath d='M374.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-320 320c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l320-320zM128 128a64 64 0 1 0-128 0 64 64 0 1 0 128 0zm256 256a64 64 0 1 0-128 0 64 64 0 1 0 128 0z'/%3E%3C/svg%3E"); }

.icon-start-date { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='m462.4 373.5-.1-.2-.3-.8c-.3-.7-.7-1.8-1.3-3.3-1.2-2.9-3-7.2-5.5-12.7-5-11-12.6-26.7-23.1-45.3-21-37.3-53.6-86-99.5-132s-94.7-78.5-132-99.5c-18.6-10.5-34.3-18.1-45.3-23.1-5.5-2.5-9.8-4.3-12.7-5.5-1.4-.6-2.5-1-3.3-1.3l-.8-.3-.2-.1c-6.2-2.3-10.4-8.2-10.5-14.8s3.9-12.6 10-15.1C169.5 7 204 0 240 0c59.6 0 114.7 19.2 159.5 51.6l9.4-9.8c6-6.2 14.2-9.7 22.8-9.8s16.9 3.3 22.9 9.4l16 16c6.1 6.1 9.5 14.3 9.4 22.9s-3.6 16.8-9.8 22.8l-9.8 9.4C492.8 157.3 512 212.4 512 272c0 36-7 70.5-19.8 102-2.5 6.1-8.5 10.1-15.1 10s-12.5-4.3-14.8-10.5zM9.4 502.6c-12.4-12.3-12.5-32.2-.5-44.8l272-282.9c9.7 8.4 19.5 17.4 29.1 27s18.6 19.4 27 29.1L54.2 503.1c-12.6 12.1-32.5 11.9-44.8-.4z'/%3E%3C/svg%3E"); }

.icon-[data-projectisnew="true"] .badge-cont { background-image: url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8a7 7 0 0 0-7 7v170a7 7 0 0 0 7 7h170a7 7 0 0 0 7-7V15a7 7 0 0 0-7-7H15Zm0-8h170a15 15 0 0 1 15 15v170a15 15 0 0 1-15 15H15a15 15 0 0 1-15-15V15A15 15 0 0 1 15 0Zm8 18h22a5 5 0 0 1 5 5v26a5 5 0 0 1-5 5H23a5 5 0 0 1-5-5V23a5 5 0 0 1 5-5Zm42 0h22a5 5 0 0 1 5 5v26a5 5 0 0 1-5 5H65a5 5 0 0 1-5-5V23a5 5 0 0 1 5-5ZM23 64h22a5 5 0 0 1 5 5v26a5 5 0 0 1-5 5H23a5 5 0 0 1-5-5V69a5 5 0 0 1 5-5Zm42 0h22a5 5 0 0 1 5 5v26a5 5 0 0 1-5 5H65a5 5 0 0 1-5-5V69a5 5 0 0 1 5-5Zm-42 90h22a5 5 0 0 1 5 5v18a5 5 0 0 1-5 5H23a5 5 0 0 1-5-5v-18a5 5 0 0 1 5-5Zm42 0h22a5 5 0 0 1 5 5v18a5 5 0 0 1-5 5H65a5 5 0 0 1-5-5v-18a5 5 0 0 1 5-5Zm98.4-118 16.4 11.4a5 5 0 0 1 1.2 7l-11.4 16.4a5 5 0 0 1-7 1.2l-16.4-11.4a5 5 0 0 1-1.2-7l11.4-16.4a5 5 0 0 1 7-1.2Zm0 41.9 16.4 11.4a5 5 0 0 1 1.2 7l-11.4 16.4a5 5 0 0 1-7 1.2l-16.4-11.5a5 5 0 0 1-1.2-7l11.4-16.3a5 5 0 0 1 7-1.2ZM110 154h18a5 5 0 0 1 5 5v18a5 5 0 0 1-5 5h-18a5 5 0 0 1-5-5v-18a5 5 0 0 1 5-5Zm53.4-34.1 16.4 11.4a5 5 0 0 1 1.2 7l-11.4 16.4a5 5 0 0 1-7 1.2l-16.4-11.5a5 5 0 0 1-1.2-7l11.4-16.3a5 5 0 0 1 7-1.2ZM23 110h22a5 5 0 0 1 5 5v24a5 5 0 0 1-5 5H23a5 5 0 0 1-5-5v-24a5 5 0 0 1 5-5Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-siteplan { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M17.4 2.6H2.6V5H.9V1.7c0-.5.4-.8.9-.8h16.5c.5 0 .9.4.9.8v16.5c0 .5-.4.9-.9.9H1.8c-.5 0-.9-.4-.9-.9V5h1.7v12.4h14.8V2.6Z'/%3E%3Cg transform='translate(4 4.5)' fill-rule='nonzero'%3E%3Crect width='2' height='2' rx='.35'/%3E%3Crect y='3' width='2' height='2' rx='.35'/%3E%3Crect y='6' width='2' height='2' rx='.35'/%3E%3Crect y='9' width='2' height='2' rx='.35'/%3E%3Crect x='3' width='2' height='2' rx='.35'/%3E%3Crect x='3' y='3' width='2' height='2' rx='.35'/%3E%3Crect x='3' y='9' width='2' height='2' rx='.35'/%3E%3Crect x='6' y='9' width='2' height='2' rx='.35'/%3E%3C/g%3E%3Cg transform='translate(13 5)' fill-rule='nonzero'%3E%3Crect transform='rotate(35 2 2)' x='1' y='1' width='2' height='2' rx='.35'/%3E%3Crect transform='rotate(35 2 5)' x='1' y='4' width='2' height='2' rx='.35'/%3E%3Crect transform='rotate(35 2 8)' x='1' y='7' width='2' height='2' rx='.35'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.icon-location { background-image: url("data:image/svg+xml,%3Csvg width='74' height='57' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M71 .1a2 2 0 0 1 2.1 2v44a4 4 0 0 1-2.5 3.8l-19.3 6.7-1.2.3a8.5 8.5 0 0 1-3.9-.3l-21.8-7.7-21.6 8a2.5 2.5 0 0 1-.8.1 2 2 0 0 1-2-2V11a4 4 0 0 1 2.5-3.8L21.8.5a9.4 9.4 0 0 1 2.6-.4l1.3.1c.4 0 .8.2 1.2.4l21.9 7.7 21.5-8a2.5 2.5 0 0 1 .8-.2ZM4 11.1 4 52l18.2-6.8V4.6L4 11Zm22.5 34.2 20.3 7.1V12L26.4 4.7v40.6Zm24.4 7.2L69.3 46 69 5l-18.3 6.7v40.7Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-facilities { background-image: url("data:image/svg+xml,%3Csvg width='63' height='62' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M34.4965784 13.875H38.5c.2320644 0 .4546241-.0921872.6187184-.2562816l.5391277-.5391277 1.0228659 2.7276423c.2737154.7299077 1.293282.7645132 1.6158587.0548446l1.6406351-3.6093974 2.7472901 7.0644603c.2855667.7343144 1.3201629.7466783 1.6231964.019398L50.5833333 13.875H53.5c.4832492 0 .875-.3917508.875-.875s-.3917508-.875-.875-.875H50c-.3532382 0-.6718314.2123955-.8076923.5384615l-1.6643176 3.9943622-2.712486-6.9749642c-.2806924-.7217803-1.2916098-.74996-1.6120748-.044937l-1.6258674 3.5769082-.7582739-2.0220637c-.223447-.595859-.9880195-.7614724-1.4380064-.3114854L38.137563 12.125h-4.3988155c-.0773201-.257957-.1406203-.539983-.1968612-.8863083-.4844118-2.9843307.7208215-5.8981947 3.1878803-7.649361 2.7716532-1.9677688 6.2713388-1.9209433 9.0611562-.0095843.139929.0957506.2747465.1994422.4053651.3073327.4854159.4003448 1.261643 1.3196045 1.7102739 1.5864097l.1858418.1101725.1417545-.1630224c1.1197972-1.2874746 2.5744929-2.4248884 4.2213286-2.932576 3.8687221-1.193002 7.6675254.6215111 9.4456187 4.2056288.8815618 1.776998.8959837 4.1563387.2183367 6.005355-.6874138 1.8758519-1.7736207 2.7512068-3.1217039 4.0979208l-9.2758417 9.2668053c-.5683875.5676572-1.1130426 1.1702739-1.7076268 1.7118256-.5803449-.4435193-1.9928702-1.9944219-2.4362982-2.4373935-1.3007099-1.2996146-2.6125558-2.5889148-3.9152738-3.8865213-.8750812-.8711562-1.7493408-1.7435903-2.6163895-2.6228702-.2352231-.2385091-.6649594-.6405882-.9837018-.9839757-.2789205-.254838-.634741-.6243935-.9945412-1.0147667l-1.6976924-1.9267748-.8621275-.9995639a4.0260284 4.0260284 0 0 0-.011667-.0287323Z'/%3E%3Cpath d='M.0101563 48.4464844C.005078 48.6292969 0 48.8121094 0 49c0 7.1804687 5.8195312 13 13 13 .1878906 0 .3707031-.0050781.5535156-.0101562-.1929687-.5433594-.3351562-1.1070313-.4265625-1.6808594-.2234375-1.38125-.1472656-2.7929688.2234375-4.14375.3707031-1.3507813 1.0257813-2.6 1.9246094-3.6765625s2.0160156-1.9398438 3.2753906-2.5441406c1.259375-.6042969 2.640625-.9242188 4.0371094-.9496094 1.1578125-.0203125 2.3105469.1675781 3.4023438.5535156C26 49.365625 26 49.1828125 26 48.9949219 26 41.8195312 20.1804688 36 13 36c-.1878906 0-.3707031.0050781-.5535156.0101563.5433594 1.548828.6957031 3.2195312.4164062 4.8546875-.3605468 2.153125-1.4371094 4.1234374-3.046875 5.5910156-1.6097656 1.4675781-3.6765625 2.35625-5.85 2.51875-1.3507812.1015625-2.6964843-.0863282-3.9558593-.528125Zm10.4914062-12.2078125C5.3269531 37.2492187 1.2492188 41.326953.2386719 46.5015625c1.1273437.4671875 2.35625.6703125 3.5851562.5789062 1.7519532-.1269531 3.4125-.8429687 4.7125-2.0261718 1.3-1.1832031 2.1632813-2.7675781 2.4578125-4.5042969.24375-1.4574219.0710938-2.9554687-.4925781-4.3113281Zm12.1164063 14.6605468c-1.1273438.0203125-2.234375.2792969-3.25.7667969s-1.9144532 1.1832032-2.640625 2.0464844c-.7261719.8632812-1.2492188 1.8738281-1.5488282 2.9605469-.2996093 1.0867187-.3605468 2.2242187-.1777343 3.3363281.0964843.6042969.2640625 1.1933594.4976562 1.7570312 5.1746094-1.0054687 9.2523438-5.0882812 10.2628906-10.2628906-.9953125-.4113281-2.0617187-.6144531-3.1433593-.5992187v-.0050782Z' fill-rule='nonzero'/%3E%3Cg fill-rule='nonzero'%3E%3Cpath d='M37.7540002 40.5010214c1.666.1949389 2.842.807604 4.046 2.005086l1.4 1.392421-4.55 4.5253679c.434.1670905.784.3759536 1.078.5430441.518.3202568.826.5012715 1.61.5012715.784 0 1.092-.1810147 1.61-.5012715.644-.3759536 1.512-.8911494 3.066-.8911494 1.554 0 2.422.5151958 3.052.8911494.518.3063326.84.5012715 1.61.5012715.77 0 1.092-.1810147 1.61-.5012715.168-.0974695.364-.2088631.574-.3202568l-8.988-8.925418c-1.764-1.7544503-3.416-2.5063576-5.852-2.7152207-.98-.0835452-1.82.7101347-1.82 1.6848293v.1253179c0 .8772251.686 1.5734356 1.554 1.6848293Zm21.336 18.5888189c-.238-.0835452-.448-.2088631-.7-.3759536-.63-.3759537-1.498-.8911494-3.052-.8911494s-2.422.5151957-3.052.8911494c-.518.3202568-.84.5012715-1.61.5012715-.77 0-1.092-.1949389-1.61-.5012715-.63-.3759537-1.498-.8911494-3.052-.8911494s-2.422.5151957-3.066.8911494c-.518.3202568-.826.5012715-1.61.5012715-.784 0-1.092-.1810147-1.61-.5012715-.63-.3759537-1.498-.8911494-3.052-.8911494s-2.422.5151957-3.066.8911494c-.252.1531663-.462.2784842-.7.3759536-.532.1810147-.91.6265894-.91 1.1835578v.1670905c0 .932922.924 1.5734356 1.82 1.267103.518-.1810147.91-.4177263 1.246-.6126652.518-.3063326.84-.4873473 1.61-.4873473.77 0 1.092.1810147 1.61.5012715.63.3759537 1.498.8911494 3.052.8911494s2.422-.5151957 3.066-.8911494c.518-.3202568.826-.5012715 1.61-.5012715.77 0 1.092.1949389 1.61.5012715.63.3759537 1.498.8911494 3.052.8911494s2.408-.5151957 3.052-.8911494c.518-.3202568.826-.5012715 1.61-.5012715.77 0 1.092.1949389 1.61.5012715.322.194939.714.4316505 1.232.6126652.882.3063326 1.82-.334181 1.82-1.267103v-.1670905c0-.5708926-.378-1.0164673-.91-1.197482Zm-25.536-3.5645975c.658-.1810147 1.134-.4594989 1.526-.6822862.518-.3202568.84-.5012715 1.61-.5012715.77 0 1.092.1949389 1.61.5012715.63.3759536 1.498.8911494 3.052.8911494s2.422-.5151958 3.052-.8911494c.518-.3202568.826-.5012715 1.61-.5012715.77 0 1.092.1949389 1.61.5012715.63.3759536 1.498.8911494 3.052.8911494s2.422-.5151958 3.052-.8911494c.518-.3202568.826-.5012715 1.61-.5012715.77 0 1.092.1949389 1.61.5012715.322.1949389.7.4177263 1.19.598741.882.3202568 1.834-.334181 1.834-1.267103v-.1670905c0-.5569684-.378-1.0025431-.896-1.197482-.238-.0835453-.448-.2088632-.714-.3620294-.63-.3759537-1.498-.8911494-3.052-.8911494s-2.422.5151957-3.052.8911494c-.518.3202568-.84.5012715-1.61.5012715-.77 0-1.092-.194939-1.61-.5012715-.63-.3759537-1.498-.8911494-3.052-.8911494s-2.422.5151957-3.052.8911494c-.518.3202568-.826.5012715-1.61.5012715-.77 0-1.092-.194939-1.61-.5012715-.63-.3759537-1.498-.8911494-3.052-.8911494s-2.422.5151957-3.052.8911494c-.252.1531662-.462.2784841-.7.3759536-.532.1810147-.91.6265894-.91 1.1835578v.3202568c0 .8076041.77 1.4202693 1.554 1.1974819ZM51.5000002 44c1.93298 0 3.5-1.567006 3.5-3.5s-1.56702-3.5-3.5-3.5-3.5 1.567006-3.5 3.5 1.56702 3.5 3.5 3.5Z'/%3E%3C/g%3E%3Cg fill-rule='nonzero'%3E%3Cpath d='M8.3835883 4.8293825c-.6128346-.5515641-.8837494-.8220287-.883642-1.4545147-.0001074-.6322442.2709148-.9027089.8839106-1.4545147.488173-.4392693.488173-1.1514686.0001074-1.5908346C7.8958987-.109896 7.1043162-.109751 6.6161433.3294218 5.934076.9432484 4.9997314 1.7839848 5 3.3748195c-.0002686 1.5910763.9339148 2.4317645 1.6160894 3.0454944C7.2289778 6.9720229 7.5 7.2426326 7.5 7.8749735 7.5 8.4963412 8.0596614 9 8.75 9S10 8.4963896 10 7.8749736c-.0001074-1.591028-.934237-2.4317645-1.6164117-3.045591ZM15.3835883 4.8293825c-.6128346-.5515641-.8837494-.8220287-.883642-1.4545147-.0001074-.6322442.2709148-.9027089.8839105-1.4545147.488173-.4392693.488173-1.1514686.0001075-1.5908346-.4880656-.4394144-1.2796481-.4392694-1.7678211-.0000967-.6820672.6138266-1.6164117 1.4546597-1.6161431 3.0453977-.0002686 1.5910763.9339148 2.4317645 1.6160894 3.0454944.6128883.551709.8839105.8223187.8839105 1.4546597C14.5 8.4963412 15.0596614 9 15.75 9S17 8.4963896 17 7.8749736c-.0000537-1.591028-.9342371-2.4317645-1.6164117-3.045591ZM20.0047996 20.7778096h1.2285114c.0012289 0 .0021785-.0001719.0034074-.0001719C23.8633856 20.7758617 26 18.5834915 26 15.8889048 26 13.1931723 23.8616539 11 21.233311 11H2.1666667c-.7179583 0-1.3000112.597091-1.3000112 1.3333429v4.4444381c0 2.9902103 1.258396 5.6845105 3.2605015 7.5555332H1.3000112C.5820529 24.3333142 0 24.9301761 0 25.6666571 0 26.402909.5820529 27 1.3000112 27h19.0666443c.7179583 0 1.3000112-.597091 1.3000112-1.3333429 0-.7364237-.5820529-1.3333429-1.3000112-1.3333429h-2.8271459c1.0522198-.9833496 1.8986543-2.1939743 2.46529-3.5555046Zm.7952116-3.9999713v-3.1110952h.4333556c1.1947166 0 2.1666667.9968704 2.1666667 2.222219 0 1.2253486-.9719501 2.222219-2.1666667 2.222219h-.5181499c.0556358-.4365032.0847943-.8815428.0847943-1.3333428Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.icon-play { background-image: url("data:image/svg+xml,%3Csvg width='65' height='66' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.5 65a31.6 31.6 0 0 1-23-9.4 32.5 32.5 0 1 1 23 9.5ZM4.2 32.7a27.5 27.5 0 0 0 8.3 20 29 29 0 0 0 20 8.3 27.5 27.5 0 0 0 20-8.3 29 29 0 0 0 8.3-20 27.5 27.5 0 0 0-8.3-20 29 29 0 0 0-20-8.3 27.5 27.5 0 0 0-20 8.3 29 29 0 0 0-8.3 20Zm43.5-2.4a3 3 0 0 1 1.6 2.7 3 3 0 0 1-1.6 2.8L24.7 49a3 3 0 0 1-3.2 0 3 3 0 0 1-1.6-2.7V19c0-1.2.6-2 1.6-2.7 1-.6 2-.6 3.1 0l23 14Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-print { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M96 0h285.3l9.4 9.4 48 48 9.4 9.4V160H384V93.3L354.7 64H128v96H64V0h32zM64 384H0V192h512v192h-64v128H64V384zm64 0v64h256v-96H128v32zm280-136v48h48v-48h-48z' fill='%231e3a8a' fill-rule='nonzero'/%3E%3C/svg%3E"); mask-size: cover; mask-repeat: no-repeat; background: #1e3a8a; }

:hover > .icon-print { filter: brightness(0) invert(1); }

.icon-user { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%23fff'%3E%3Cpath d='M399 384.2c-22.1-38.4-63.6-64.2-111-64.2h-64c-47.4 0-88.9 25.8-111 64.2 35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8zM0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0zm256 16a72 72 0 1 0 0-144 72 72 0 1 0 0 144z'/%3E%3C/svg%3E"); }

.icon-adduser { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 640 512'%3E%3Cpath d='M96 128a128 128 0 1 1 256 0 128 128 0 1 1-256 0zM0 482.3C0 383.8 79.8 304 178.3 304h91.4c98.5 0 178.3 79.8 178.3 178.3a29.7 29.7 0 0 1-29.7 29.7H29.7A29.7 29.7 0 0 1 0 482.3zM504 312v-64h-64a24 24 0 1 1 0-48h64v-64a24 24 0 1 1 48 0v64h64a24 24 0 1 1 0 48h-64v64a24 24 0 1 1-48 0z' fill='%231e3a8a' fill-rule='nonzero'/%3E%3C/svg%3E"); }

:hover > .icon-adduser { filter: brightness(0) invert(1); }

.icon-balance { background-image: url("data:image/svg+xml,%3Csvg width='300' height='244' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='m143.4 178.5-26.6 46c-4.9 8.4 1.2 19 11 19h42.8c9.7 0 15.8-10.5 11-19l-26.6-46a6.7 6.7 0 0 0-11.6 0Z' fill='%232D6073'/%3E%3Cpath d='M291 176.5 9.5 200.3A9.3 9.3 0 0 1 8 181.8L289.5 158a9.3 9.3 0 0 1 10 8.5c.3 5-3.4 9.5-8.5 10ZM145.7 53.7a5 5 0 0 0-7.3 1c-1.5 2.1-.9 5.1 1.1 6.8l9.3 7.9-29.2 2.5c-2.6.2-4.8 2.3-4.8 4.9a5 5 0 0 0 5.4 5.1l29.5-2.5-7.9 9.3c-1.8 2.2-1.7 5.6.6 7.3 1 .8 2.3 1.2 3.5 1 1.3-.1 2.5-.7 3.4-1.8L163.8 78a7 7 0 0 0-.8-9.9l-17.3-14.4Z' fill='%232D6073'/%3E%3Cpath d='M134.6 99.5a5 5 0 0 1 7.4-.3c1.8 2 1.8 5 .1 6.9l-7.9 9.3 29.2-2.5c2.6-.3 5 1.5 5.6 4.1a5 5 0 0 1-4.5 5.9l-29.5 2.5 9.3 7.9c2.2 1.8 2.6 5.2.7 7.3a5 5 0 0 1-6.9.4l-17.2-14.5a7 7 0 0 1-.8-9.9l14.5-17.1Zm145 33.2-8.1-99.1c-.1-1.7-1-3.2-2.4-4.1L229.4 2.6c-5-3.4-11.7-2.8-16.1 1.4l-34.6 33.2a5.6 5.6 0 0 0-1.7 4.4l8.1 99a9 9 0 0 0 9.8 8.3l76.4-6.5a9 9 0 0 0 8.3-9.7Z' fill='%2372AACB'/%3E%3Ccircle fill='%23DAE2ED' cx='224' cy='33.5' r='10.3'/%3E%3Cpath d='M228.8 69.4a2.7 2.7 0 0 0-3.7.3l-26.2 30.5c-.9 1.2-.7 2.8.5 3.8 1.1.8 2.6.7 3.6-.3l3.5-4.1 1.6 19.3a6.6 6.6 0 0 0 7.2 6.1l32.4-2.7a6.6 6.6 0 0 0 6.1-7.2l-1.6-19.3 4.1 3.5c1.2.9 2.9.7 3.7-.5.8-1.1.7-2.6-.3-3.6l-30.9-25.8Zm19.5 46.2c.1.7-.5 1.4-1.2 1.4l-32.4 2.7c-.7.1-1.4-.5-1.4-1.2l-2-24.6 16.1-18.7L246.3 91l2 24.6Z' fill='%23DAE2ED'/%3E%3Cpath d='m107.3 147.8-8.1-99.1c-.1-1.7-1-3.2-2.4-4.1L57.1 17.7c-5-3.4-11.7-2.8-16.1 1.4L6.4 52.3a5.6 5.6 0 0 0-1.7 4.4l8.1 99a9 9 0 0 0 9.8 8.3l76.4-6.5a9 9 0 0 0 8.3-9.7Z' fill='%232D6073'/%3E%3Ccircle fill='%23DAE2ED' cx='53.9' cy='48.7' r='10.3'/%3E%3Cpath d='m41.8 140.2-.3-4.2c5.3-3.3 8.8-9.1 8.3-15.3-.2-2-.4-3.7-.9-5.8l-8.6.7-.4-5.2 7.7-.6c-.6-2.5-1.4-5.7-1.6-8.9-.8-9.8 5.4-16.8 14.6-17.5 4.3-.4 7.4.4 9.2 1.3l-1.1 5.6c-1.6-.7-4.1-1.3-7.6-1.1-6.5.5-8.7 5.2-8.2 11.1.3 3.6.9 6.2 1.6 8.8l12-1 .4 5.2-11.3.9c.5 3.1.9 6.3.4 9.3-.6 3.7-2.4 6.8-5 9.5v.2l24.8-2 .5 6.1-34.5 2.9Z' fill='%23DAE2ED'/%3E%3C/g%3E%3C/svg%3E"); }

.icon-star { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512' fill='%23e1ff00'%3E%3Cpath d='M316.9 18a32 32 0 0 0-57.6 0L195 150.3 51.4 171.5a32 32 0 0 0-17.8 54.4L137.8 329l-24.6 145.7a32.1 32.1 0 0 0 46.7 33.6l128.3-68.5 128.3 68.5a32 32 0 0 0 46.7-33.6L438.5 329l104.2-103.1a32 32 0 0 0-17.8-54.4l-143.7-21.2L316.9 18z'/%3E%3C/svg%3E"); }

.icon-download { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23FFF' d='M64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V160H256c-17.7 0-32-14.3-32-32V0H64zm192 0v128h128L256 0zm-40 232v102.1l31-31c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-72 72c-9.4 9.4-24.6 9.4-33.9 0l-72-72c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l31 31V232c0-13.3 10.7-24 24-24s24 10.7 24 24z'/%3E%3C/svg%3E"); }

.icon-download-menu { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%231e3a8a'%3E%3Cpath d='M64 464h32v48H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0h165.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V288h-48V160h-80c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16v384c0 8.8 7.2 16 16 16zm112-112h32c30.9 0 56 25.1 56 56s-25.1 56-56 56h-16v32c0 8.8-7.2 16-16 16s-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-16v48h16zm96-80h32c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48h-32c-8.8 0-16-7.2-16-16V368c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16v-64c0-8.8-7.2-16-16-16h-16v96h16zm80-112c0-8.8 7.2-16 16-16h48c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32v32h32c8.8 0 16 7.2 16 16s-7.2 16-16 16h-32v48c0 8.8-7.2 16-16 16s-16-7.2-16-16V368z'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; background: #1e3a8a; }

.icon-download-file { mask-image: url("data:image/svg+xml,%3Csvg width='512' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M280 24c0-13.3-10.7-24-24-24s-24 10.7-24 24v270.1l-95-95c-9.4-9.4-24.6-9.4-33.9 0-9.3 9.4-9.4 24.6 0 33.9L239 369c9.4 9.4 24.6 9.4 33.9 0L409 233c9.4-9.4 9.4-24.6 0-33.9-9.4-9.3-24.6-9.4-33.9 0l-95 95V24h-.1ZM128.8 304H64c-35.3 0-64 28.7-64 64v80c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64v-80c0-35.3-28.7-64-64-64h-64.8l-48 48H448c8.8 0 16 7.2 16 16v80c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16v-80c0-8.8 7.2-16 16-16h112.8l-48-48ZM432 408c0-13.254834-10.745166-24-24-24s-24 10.745166-24 24 10.745166 24 24 24 24-10.745166 24-24Z' fill='%23D60000' fill-rule='nonzero'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: contain; background: #1e3a8a; }

.icon-arrow-down { background-image: url("data:image/svg+xml,%3Csvg width='44' height='51' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.8114795 26.2407403V3.0096296C9.8114795 1.8980764 10.716235 1 11.8286178 1h20.3427661c1.1123829 0 2.0171383.8980764 2.0171383 2.0096296v23.2311107h6.7943395c1.1123829 0 2.0171383.8980764 2.0171383 2.0096296 0 .5183498-.2010129 1.0163535-.5605908 1.3902732L23.4565484 49.3806419c-.768741.7994024-2.0415519.8287842-2.8466514.0659534-.0337311-.0324599-.0337311-.0324599-.0664437-.0659534L1.5605925 29.6406431c-.772749-.8035704-.742851-2.0796939.0664437-2.8464998.3751464-.3554508.8728889-.553403 1.3901038-.553403h6.7943395Z' stroke='%23FFF' stroke-width='2' fill='%23EB0000' fill-rule='nonzero'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; }

.icon-rental-income { background-image: url("data:image/svg+xml,%3Csvg width='576' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m303.5 5.7 264 224c10.1 8.5 11.3 23.7 2.8 33.8-8.5 10.1-23.7 11.4-33.8 2.8L512 245.5V432c0 44.2-35.8 80-80 80H144c-44.2 0-80-35.8-80-80V245.5l-24.6 20.8c-10.1 8.5-25.3 7.3-33.8-2.8-8.5-10.1-7.3-25.2 2.8-33.8l264-224c9-7.6 22.1-7.6 31.1 0ZM464 204.8 288 55.5 112 204.8V432c0 17.7 14.3 32 32 32h288c17.7 0 32-14.3 32-32V204.8ZM263.384615 256c0 5.2.653125 10.25 1.808654 15.05.954568 4.05-.251202 8.35-3.215384 11.3L183 360.95V400h32.153846v-20c0-6.65 5.375721-12 12.057692-12h20.096154v-20c0-6.65 5.375721-12 12.057693-12h27.180048l14.670192-14.6c2.964183-3 7.284856-4.2 11.354327-3.2 4.823077 1.2 9.897356 1.8 15.122356 1.8C363.21226 320 392 291.35 392 256s-28.78774-64-64.307692-64-64.307693 28.65-64.307693 64Zm64.238701-88C376.403632 168 416 207.4 416 256s-39.546182 88-88.326499 88c-4.767623 0-9.434876-.4-14.001757-1.1l-13.650459 13.6c-2.258348 2.25-5.319664 3.5-8.531537 3.5h-20.074204v20c0 6.65-5.36985 12-12.044523 12h-20.074204v20c0 6.65-5.36985 12-12.044523 12h-56.207771C164.36985 424 159 418.65 159 412v-56c0-3.2 1.254638-6.25 3.512986-8.5l77.887912-77.55c-.752782-4.55-1.104081-9.2-1.104081-13.95 0-48.6 39.546182-88 88.326499-88ZM344 256c-8.836556 0-16-7.163444-16-16s7.163444-16 16-16 16 7.163444 16 16-7.163444 16-16 16Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-documents { background-image: url("data:image/svg+xml,%3Csvg width='384' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M320 464c8.8 0 16-7.2 16-16V160h-80c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16v384c0 8.8 7.2 16 16 16h256ZM0 64C0 28.7 28.7 0 64 0h165.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-linechart { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512' fill='%23fff'%3E%3C!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc.--%3E%3Cpath d='M48 56c0-13.3-10.7-24-24-24S0 42.7 0 56v352c0 39.8 32.2 72 72 72h416c13.3 0 24-10.7 24-24s-10.7-24-24-24H72c-13.3 0-24-10.7-24-24V56zm272 96c0 13.3 10.7 24 24 24h54.1L304 270.1l-79-79c-9.4-9.4-24.6-9.4-33.9 0l-80 80c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l63-63 79 79c9.4 9.4 24.6 9.4 33.9 0l111-111v54c0 13.3 10.7 24 24 24s24-10.7 24-24V152c0-13.3-10.7-24-24-24H344c-13.3 0-24 10.7-24 24z'/%3E%3C/svg%3E"); }

.icon-feedback { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' viewBox='0 0 512 512'%3E%3Cpath fill='%231e3a8a' d='M0 64C0 28.7 28.7 0 64 0h384c35.3 0 64 28.7 64 64v288c0 35.3-28.7 64-64 64H309.3l-123.7 92.8c-4.8 3.6-11.3 4.2-16.8 1.5s-8.8-8.2-8.8-14.3v-80H64c-35.3 0-64-28.7-64-64V64zm152 80c-13.3 0-24 10.7-24 24s10.7 24 24 24h208c13.3 0 24-10.7 24-24s-10.7-24-24-24H152zm0 96c-13.3 0-24 10.7-24 24s10.7 24 24 24h112c13.3 0 24-10.7 24-24s-10.7-24-24-24H152z'/%3E%3C/svg%3E"); }

.icon-info-alt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23bcb6c2' d='M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm-40-176h24v-64h-24c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E"); }

.icon-beach { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 576 512' fill='%231e3a8a'%3E%3Cpath d='m346.3 271.8-60.1-21.9L214 448H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h512c17.7 0 32-14.3 32-32s-14.3-32-32-32H282.1l64.1-176.2zm121.1-.2-3.3 9.1 67.7 24.6c18.1 6.6 38-4.2 39.6-23.4 6.5-78.5-23.9-155.5-80.8-208.5 2 8 3.2 16.3 3.4 24.8l.2 6c1.8 57-7.3 113.8-26.8 167.4zM462 99.1c-1.1-34.4-22.5-64.8-54.4-77.4-.9-.4-1.9-.7-2.8-1.1-33-11.7-69.8-2.4-93.1 23.8l-4 4.5C272.4 88.3 245 134.2 226.8 184l-3.3 9.1L434 269.7l3.3-9.1c18.1-49.8 26.6-102.5 24.9-155.5l-.2-6zm-354.8 13.8c-11.1 15.7-2.8 36.8 15.3 43.4l71 25.8 3.3-9.1c19.5-53.6 49.1-103 87.1-145.5l4-4.5c6.2-6.9 13.1-13 20.5-18.2-79.6 2.5-154.7 42.2-201.2 108z'/%3E%3C/svg%3E"); }

.icon-casino { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='20' viewBox='0 0 640 512'%3E%3Cpath fill='%231e3a8a' d='M7.5 194.9c-15.4-26.6-6.3-60.7 20.4-76.1L220.7 7.5c26.6-15.4 60.7-6.3 76.1 20.4l167 289.3c15.4 26.6 6.2 60.7-20.4 76.1L250.5 504.5c-26.6 15.4-60.7 6.2-76.1-20.4L7.5 194.9zM197 159.6c-11.1-3-22.6 3.6-25.6 14.8l-7.2 26.9-20.4 76.1c-7 26 8.5 52.7 34.4 59.7s52.7-8.5 59.7-34.4l2.4-8.8c.1-.4.2-.8.3-1.1l17.7 30.7-12.1 7c-6.7 3.8-8.9 12.4-5.1 19s12.4 8.9 19 5.1l48.2-27.8c6.7-3.8 8.9-12.4 5.1-19s-12.4-8.9-19-5.1l-12.1 7-17.7-30.7c.4.1.8.2 1.1.3l8.8 2.4c26 7 52.7-8.5 59.7-34.4s-8.5-52.7-34.4-59.7l-76.1-20.4-26.7-7.6zm262.4 261.3c41.9-24.2 56.3-77.8 32.1-119.8L354.7 64.2c1.7-.2 3.5-.2 5.3-.2h224c30.9 0 56 25.1 56 56v336c0 30.9-25.1 56-56 56H360c-13.7 0-26.2-4.9-35.9-13l135.3-78.1zm74.5-183.3 48.1-50c14-14.5 13.2-38.5-2.2-51.9-14-11.7-34.5-9.5-46.9 3.2l-4.7 5.2-5-5.2c-12.5-12.7-33.2-15-46.7-3.2-15.7 13.5-16.5 37.5-2.5 51.9l48.4 49.9c3 3.2 8.2 3.2 11.5 0z'/%3E%3C/svg%3E"); }

.icon-golf { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%231e3a8a' d='M384 192c0 66.8-34.1 125.6-85.8 160H85.8C34.1 317.6 0 258.8 0 192 0 86 86 0 192 0s192 86 192 192zm-141.9 64.6c0 18.5-15 33.5-33.5 33.5-4.9 0-9.1 5.1-5.4 8.4 5.9 5.2 13.7 8.4 22.1 8.4 18.5 0 33.5-15 33.5-33.5 0-8.5-3.2-16.2-8.4-22.1-3.3-3.7-8.4.5-8.4 5.4zm-52.3-49.3c-4.9 0-9.1 5.1-5.4 8.4 5.9 5.2 13.7 8.4 22.1 8.4 18.5 0 33.5-15 33.5-33.5 0-8.5-3.2-16.2-8.4-22.1-3.3-3.7-8.4.5-8.4 5.4 0 18.5-15 33.5-33.5 33.5zm113.5-17.5c0 18.5-15 33.5-33.5 33.5-4.9 0-9.1 5.1-5.4 8.4 5.9 5.2 13.7 8.4 22.1 8.4 18.5 0 33.5-15 33.5-33.5 0-8.5-3.2-16.2-8.4-22.1-3.3-3.7-8.4.5-8.4 5.4zM96 416c0-17.7 14.3-32 32-32h128c17.7 0 32 14.3 32 32s-14.3 32-32 32h-16c-8.8 0-16 7.2-16 16v16c0 17.7-14.3 32-32 32s-32-14.3-32-32v-16c0-8.8-7.2-16-16-16h-16c-17.7 0-32-14.3-32-32z'/%3E%3C/svg%3E"); }

.icon-university { mask-image: url("data:image/svg+xml,%3Csvg width='20' height='13' viewBox='0 0 20 13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.453125 3.046875c.1562508.0390627.2864578.1236973.390625.2539063.1041672.130209.15625.279947.15625.4492187 0 .1692717-.0520828.3190098-.15625.4492188-.1041672.130209-.2343742.2213539-.390625.2734375l-8.7304688 2.6757812h.0195313c-.1171881.0260418-.2376296.048828-.3613281.0683594-.1236986.0195313-.2506504.0292968-.3808594.0292968-.130209 0-.2571608-.0097655-.3808594-.0292968-.1236985-.0195314-.24414-.0423176-.3613281-.0683594l-6.09375-1.875h-.0195313c-.1822925.117188-.3320306.2766917-.4492187.4785156-.117188.201824-.1822916.4199207-.1953125.6542969l.0195313.0195313c.1432298.0781253.257161.1920565.3417968.3417968.0846359.1497404.1269531.309244.1269531.4785157 0 .1692716-.039062.32552-.1171874.46875-.0781254.1432298-.182291.2539058-.3125.3320312l.8007812 3.59375c.0130209.0130209.0195313.0292968.0195313.0488281v.0683594c0 .130209-.0488277.2441401-.1464844.3417969-.0976568.0976567-.2180983.1464844-.3613281.1464844H1.1132811c-.130209 0-.24414-.0488277-.3417968-.1464844C.6738276 12.0019526.625 11.8880215.625 11.7578125v-.1171875l.8007813-3.59375c-.130209-.0781254-.2343747-.1888014-.3125-.3320313-.0781254-.1432298-.1171875-.2994783-.1171875-.46875 0-.1822925.0488276-.3483065.1464843-.4980468.0976568-.1497404.2180983-.2701819.3613282-.3613282.0130208-.2734388.0683588-.5338529.1660156-.78125.0976567-.247397.231119-.4752593.4003906-.6835937L.546875 4.4726562V4.453125C.3906242 4.4140623.2604172 4.3294277.15625 4.1992187.0520828 4.0690098 0 3.9192718 0 3.75c0-.1692717.0520828-.3190098.15625-.4492188.1041672-.130209.2343742-.2148435.390625-.2539062L9.2773438.3515625l-.0195313.0195313c.117188-.0390627.2376296-.0683593.3613281-.0878907C9.7428392.2636718 9.869791.2539063 10 .2539063c.130209 0 .2571608.0097655.3808594.0292968.1236985.0195314.2376297.0423176.3417968.0683594L19.453125 3.046875Zm-8.4375 5.0585938 4.53125-1.40625.4492188 3.5546874c0 .2734389-.1562485.533853-.46875.78125-.3125016.2343762-.7421848.4427075-1.2890626.625-.5468777.1822926-1.1848921.3255204-1.9140624.4296876-.7291704.1041671-1.5039022.15625-2.3242188.15625-.8333375 0-1.6145797-.0520829-2.34375-.15625-.7291703-.1041672-1.3639296-.247395-1.9042969-.4296876-.5403673-.1822925-.9667953-.3906238-1.2792968-.625-.3125016-.247397-.46875-.5078111-.46875-.78125l.4296875-3.5546874 4.5507812 1.40625-.0390625-.0195313c.1692717.0520836.341796.0911457.5175781.1171875.1757821.0260418.3548168.0390625.5371094.0390625.1822926 0 .3613272-.0130207.5371094-.0390625.1757821-.0260418.3352857-.0585935.4785156-.0976563Z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-add { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32v144H48c-17.7 0-32 14.3-32 32s14.3 32 32 32h144v144c0 17.7 14.3 32 32 32s32-14.3 32-32V288h144c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z' fill='%231e3a8a' fill-rule='nonzero'/%3E%3C/svg%3E");}

.icon-sqm-info { width: 20px; height: 20px; display: inline-block; cursor: help; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm-40-176c-13.3 0-24 10.7-24 24s10.7 24 24 24h80c13.3 0 24-10.7 24-24s-10.7-24-24-24h-8v-88c0-13.3-10.7-24-24-24h-48c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v64h-24zm40-144a32 32 0 1 0 0-64 32 32 0 1 0 0 64z' fill='%231e3a8a' fill-rule='evenodd'/%3E%3C/svg%3E"); mask-size: 20px auto; mask-position: center; transform: translate(8px, 2px); background: #1e3a8a; }

html[dir="rtl"] .icon-sqm-info { transform: translate(-8px, 2px); }

@media (min-width: 992px) {
  .icon-sqm-info { transform: translate(8px, 1px); }

  html[dir="rtl"] .icon-sqm-info { transform: translate(-8px, 1px); }
}

.icon-laptop { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M128 32c-35.3 0-64 28.7-64 64v256h64V96h384v256h64V96c0-35.3-28.7-64-64-64H128zM19.2 384C8.6 384 0 392.6 0 403.2 0 445.6 34.4 480 76.8 480h486.4c42.4 0 76.8-34.4 76.8-76.8 0-10.6-8.6-19.2-19.2-19.2H19.2z' fill='%2373A9CA' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.icon-mobile { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M16 64C16 28.7 44.7 0 80 0h224c35.3 0 64 28.7 64 64v384c0 35.3-28.7 64-64 64H80c-35.3 0-64-28.7-64-64V64zm208 384a32 32 0 1 0-64 0 32 32 0 1 0 64 0zm80-384H80v320h224V64z' fill='%23286276' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.icon-list { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M40 48c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h48c13.3 0 24-10.7 24-24V72c0-13.3-10.7-24-24-24H40zm152 16c-17.7 0-32 14.3-32 32s14.3 32 32 32h288c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32h288c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32h288c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zM16 232v48c0 13.3 10.7 24 24 24h48c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24H40c-13.3 0-24 10.7-24 24zm24 136c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h48c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24H40z' fill='%23333333'/%3E%3C/svg%3E"); }

.icon-list-alt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M40 48c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h48c13.3 0 24-10.7 24-24V72c0-13.3-10.7-24-24-24H40zm152 16c-17.7 0-32 14.3-32 32s14.3 32 32 32h288c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32h288c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32h288c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zM16 232v48c0 13.3 10.7 24 24 24h48c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24H40c-13.3 0-24 10.7-24 24zm24 136c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h48c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24H40z' fill='%231e3a8a'/%3E%3C/svg%3E"); }

.icon-route { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M576 160c0 50.2-59.1 125.1-84.6 155-3.8 4.4-9.4 6.1-14.5 5H384c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c53 0 96 43 96 96s-43 96-96 96H203.6c8.7-9.9 19.3-22.6 30-36.8 6.3-8.4 12.8-17.6 19-27.2H480c17.7 0 32-14.3 32-32s-14.3-32-32-32h-96c-53 0-96-43-96-96s43-96 96-96h39.8c-21-31.5-39.8-67.7-39.8-96 0-53 43-96 96-96s96 43 96 96M181.1 553.1c-3.8 4.3-7.2 8.1-10.1 11.3l-1.8 2-.2-.2c-6 4.6-14.6 4-20-1.8C123.8 537 64 466.5 64 416c0-53 43-96 96-96s96 43 96 96c0 30-21.1 67-43.5 97.9-10.7 14.7-21.7 28-30.8 38.5zM192 416c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32m288-224c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32' fill='%231e3a8a' /%3E%3C/svg%3E"); }

.icon-updates { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M322.3 268c9.4 2.6 19.3 4 29.7 4 60.5 0 109.8-48 111.9-108l-25.3 25.3c-12 12-28.3 18.7-45.3 18.7H368c-35.3 0-64-28.7-64-64v-25.4c0-17 6.7-33.3 18.7-45.3L348 48.1c-60 2-108 51.4-108 111.9 0 10.3 1.4 20.3 4 29.7 4.6 16.6-.2 34.4-12.4 46.6L57.1 410.7c-5.9 5.8-9.1 13.8-9.1 22.1C48 450 62 464 79.2 464c8.3 0 16.2-3.3 22.1-9.1l174.4-174.5c12.2-12.2 30-16.9 46.6-12.4zM424.6 39.4l-67.9 67.9c-3 3-4.7 7.1-4.7 11.3V144c0 8.8 7.2 16 16 16h25.4c4.2 0 8.3-1.7 11.3-4.7l67.9-67.9c7.2-7.2 19.3-5.9 23.7 3.3 10.1 21 15.7 44.5 15.7 69.3 0 88.4-71.6 160-160 160-14.7 0-28.9-2-42.3-5.7L135.2 488.8c-14.9 14.9-35 23.2-56 23.2C35.5 512 0 476.5 0 432.8c0-21 8.3-41.1 23.2-56l174.5-174.5c-3.7-13.4-5.7-27.6-5.7-42.3C192 71.6 263.6 0 352 0c24.8 0 48.3 5.7 69.3 15.7 9.2 4.4 10.5 16.5 3.3 23.7zM88 408a16 16 0 1 1 0 32 16 16 0 1 1 0-32z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); transform: translateY(2px); }

.icon-resale { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 224c0 17.7 14.3 32 32 32s32-14.3 32-32c0-53 43-96 96-96h160v32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9S320 19.1 320 32v32H160C71.6 64 0 135.6 0 224zm512 64c0-17.7-14.3-32-32-32s-32 14.3-32 32c0 53-43 96-96 96H192v-32c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V448h160c88.4 0 160-71.6 160-160z'/%3E%3C/svg%3E"); }

.icon-developers { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M384 112c79.5 0 144 64.5 144 144s-64.5 144-144 144H192c-79.5 0-144-64.5-144-144s64.5-144 144-144h192zm192 144c0-106-86-192-192-192H192C86 64 0 150 0 256s86 192 192 192h192c106 0 192-86 192-192zm-384 96a96 96 0 1 0 0-192 96 96 0 1 0 0 192z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-agreements { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M64 464h256c8.8 0 16-7.2 16-16v-6.7l39.8-9.9c2.8-.7 5.6-1.6 8.2-2.7V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64C0 28.7 28.7 0 64 0h165.5c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3v49.1l-48 48V160h-80c-17.7 0-32-14.3-32-32V48H64c-8.8 0-16 7.2-16 16v384c0 8.8 7.2 16 16 16zm96-115-9.8 32.8c-6.1 20.3-24.8 34.2-46 34.2H96c-8.8 0-16-7.2-16-16s7.2-16 16-16h8.2c7.1 0 13.3-4.6 15.3-11.4l14.9-49.5c3.4-11.3 13.8-19.1 25.6-19.1s22.2 7.7 25.6 19.1l11.6 38.6c7.4-6.2 16.8-9.7 26.8-9.7 15.9 0 30.4 9 37.5 23.2l4.4 8.8h25.6l12-48.2c1.4-5.6 4.3-10.8 8.4-14.9l129.2-129.1 71 71-129.2 129.1c-4.1 4.1-9.2 7-14.9 8.4l-60.1 15c-1.1.3-2.1.4-3.2.5-.8.1-1.5.2-2.3.2H256c-6.1 0-11.6-3.4-14.3-8.8l-8.8-17.7c-1.7-3.4-5.1-5.5-8.8-5.5s-7.2 2.1-8.8 5.5l-8.8 17.7c-2.9 5.9-9.2 9.4-15.7 8.8s-12.1-5.1-13.9-11.3L160 349zm389.8-209.3 14.4 14.4c15.6 15.6 15.6 40.9 0 56.6l-29.4 29.4-71-71 29.4-29.4c15.6-15.6 40.9-15.6 56.6 0z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-logoff { background-image: url("data:image/svg+xml,%3Csvg width='87' height='66' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3 0h14.2c.5 0 1 .3 1.4.7.4.4.6.8.6 1.4v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2c-2.2 0-4.1.8-5.7 2.4a7.8 7.8 0 0 0-2.4 5.7v32.5c0 2.3.8 4.2 2.4 5.8a7.8 7.8 0 0 0 5.8 2.3h14.2c.5 0 1 .2 1.4.6.4.4.6 1 .6 1.5v4c0 .6-.2 1-.6 1.5a2 2 0 0 1-1.4.6H16.2a16 16 0 0 1-15-10A16 16 0 0 1 0 48.9V16.3a16 16 0 0 1 9.9-15A16 16 0 0 1 16.2.1Zm39 3.4L56 3c.3-.2.5-.2.8-.2.3 0 .6 0 .8.2l.7.4L86 31l.4.6a2.1 2.1 0 0 1 0 1.6 2 2 0 0 1-.4.7L58.3 61.8l-.7.4-.8.1-.8-.1-.6-.4-3.3-3.4a1.9 1.9 0 0 1-.6-1.4l.1-.8.5-.7L71.2 37h-42a2 2 0 0 1-1.5-.5 2 2 0 0 1-.6-1.5v-4.7a2 2 0 0 1 2-2h42.1l-19-18.6c-.3-.2-.5-.4-.6-.7a2.1 2.1 0 0 1 0-1.6l.5-.6 3.3-3.3Z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-settings { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 0c17 0 33.6 1.7 49.8 4.8 7.9 1.5 21.8 6.1 29.4 20.1 2 3.7 3.6 7.6 4.6 11.8l9.3 38.5c1.4 5.8 11.2 11.5 16.9 9.8l38-11.2c4-1.2 8.1-1.8 12.2-1.9 16.1-.5 27 9.4 32.3 15.4 22.1 25.1 39.1 54.6 49.9 86.3 2.6 7.6 5.6 21.8-2.7 35.4-2.2 3.6-4.9 7-8 10L459 246.3c-4.2 4-4.2 15.5 0 19.5l28.7 27.3c3.1 3 5.8 6.4 8 10 8.2 13.6 5.2 27.8 2.7 35.4-10.8 31.7-27.8 61.1-49.9 86.3-5.3 6-16.3 15.9-32.3 15.4-4.1-.1-8.2-.8-12.2-1.9L366 427c-5.7-1.7-15.5 4-16.9 9.8l-9.3 38.5c-1 4.2-2.6 8.2-4.6 11.8-7.7 14-21.6 18.5-29.4 20.1-16.2 3.1-32.8 4.8-49.8 4.8s-33.6-1.7-49.8-4.8c-7.9-1.5-21.8-6.1-29.4-20.1-2-3.7-3.6-7.6-4.6-11.8l-9.3-38.5c-1.4-5.8-11.2-11.5-16.9-9.8l-38 11.2c-4 1.2-8.1 1.8-12.2 1.9-16.1.5-27-9.4-32.3-15.4-22-25.1-39.1-54.6-49.9-86.3-2.6-7.6-5.6-21.8 2.7-35.4 2.2-3.6 4.9-7 8-10L53 265.7c4.2-4 4.2-15.5 0-19.5l-28.8-27.3c-3.1-3-5.8-6.4-8-10-8.2-13.6-5.2-27.8-2.6-35.3 10.8-31.7 27.8-61.1 49.9-86.3 5.3-6 16.3-15.9 32.3-15.4 4.1.1 8.2.8 12.2 1.9L146 85c5.7 1.7 15.5-4 16.9-9.8l9.3-38.5c1-4.2 2.6-8.2 4.6-11.8 7.7-14 21.6-18.5 29.4-20.1C222.4 1.7 239 0 256 0zm-37.9 51.4-8.5 35.1c-7.8 32.3-45.3 53.9-77.2 44.6l-34.5-10.2c-16.5 19.3-29.5 41.7-38 65.7l26.2 24.9c24 22.8 24 66.2 0 89l-26.2 24.9c8.5 24 21.5 46.4 38 65.7l34.6-10.2c31.8-9.4 69.4 12.3 77.2 44.6l8.5 35.1c24.6 4.5 51.3 4.5 75.9 0l8.5-35.1c7.8-32.3 45.3-53.9 77.2-44.6l34.6 10.2c16.5-19.3 29.5-41.7 38-65.7l-26.2-24.9c-24-22.8-24-66.2 0-89l26.2-24.9c-8.5-24-21.5-46.4-38-65.7l-34.6 10.2c-31.8 9.4-69.4-12.3-77.2-44.6l-8.5-35.1c-24.6-4.5-51.3-4.5-75.9 0zM208 256a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm48 96a96 96 0 1 1 0-192 96 96 0 1 1 0 192z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-users { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 256a128 128 0 1 0 0-256 128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3 0 498.7 13.3 512 29.7 512h388.6c16.4 0 29.7-13.3 29.7-29.7 0-98.5-79.8-178.3-178.3-178.3h-91.4z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-brands { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M144 0a80 80 0 1 1 0 160 80 80 0 1 1 0-160zm368 0a80 80 0 1 1 0 160 80 80 0 1 1 0-160zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7-1.3 7.2-1.9 14.7-1.9 22.3 0 38.2 16.8 72.5 43.3 96H21.3C9.6 320 0 310.4 0 298.7zM405.3 320h-.7c26.6-23.5 43.3-57.8 43.3-96 0-7.6-.7-15-1.9-22.3 13.6-6.3 28.7-9.7 44.6-9.7h42.7c58.9 0 106.7 47.8 106.7 106.7 0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1-192 0zm-96 261.3c0-73.6 59.7-133.3 133.3-133.3h117.4c73.6 0 133.3 59.7 133.3 133.3 0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-brands-colored { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath d='M144 0a80 80 0 1 1 0 160 80 80 0 1 1 0-160zm368 0a80 80 0 1 1 0 160 80 80 0 1 1 0-160zM0 298.7C0 239.8 47.8 192 106.7 192h42.7c15.9 0 31 3.5 44.6 9.7-1.3 7.2-1.9 14.7-1.9 22.3 0 38.2 16.8 72.5 43.3 96H21.3C9.6 320 0 310.4 0 298.7zM405.3 320h-.7c26.6-23.5 43.3-57.8 43.3-96 0-7.6-.7-15-1.9-22.3 13.6-6.3 28.7-9.7 44.6-9.7h42.7c58.9 0 106.7 47.8 106.7 106.7 0 11.8-9.6 21.3-21.3 21.3H405.3zM224 224a96 96 0 1 1 192 0 96 96 0 1 1-192 0zm-96 261.3c0-73.6 59.7-133.3 133.3-133.3h117.4c73.6 0 133.3 59.7 133.3 133.3 0 14.7-11.9 26.7-26.7 26.7H154.7c-14.7 0-26.7-11.9-26.7-26.7z' fill='%231E3A8A' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-accounting { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 256a208 208 0 1 0-416 0 208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0zm261.5-96c-16.8 0-30.4 13.7-30.3 30.5l.2 33.5H272c8.8 0 16 7.2 16 16s-7.2 16-16 16h-40.3l.1 9.7c.1 18.6-3.1 37-9.6 54.3H328c13.3 0 24 10.7 24 24s-10.7 24-24 24H184c-8.4 0-16.1-4.4-20.5-11.5s-4.7-16-.8-23.5l9.6-18.6c7.7-14.9 11.6-31.5 11.5-48.3l-.1-10.1H176c-8.8 0-16-7.2-16-16s7.2-16 16-16h7.5l-.2-33.1c-.3-43.5 34.8-78.9 78.3-78.9 10 0 19.8 1.9 29.1 5.6l30.3 12.1c12.3 4.9 18.3 18.9 13.4 31.2s-18.9 18.3-31.2 13.4l-30.3-12.1c-3.6-1.4-7.4-2.2-11.3-2.2z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-permissions { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M64 464c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h160v80c0 17.7 14.3 32 32 32h80v288c0 8.8-7.2 16-16 16H64zM64 0C28.7 0 0 28.7 0 64v384c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V154.5c0-17-6.7-33.3-18.7-45.3l-90.6-90.5C262.7 6.7 246.5 0 229.5 0H64zm225 267.6c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-89.7 89.7L129 287c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l53.3 53.3c9.4 9.4 24.6 9.4 33.9 0L289 267.6z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z'/%3E%3C/svg%3E"); }

.icon-blocked { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M367.2 412.5 99.5 144.8C77.1 176.1 64 214.5 64 256c0 106 86 192 192 192 41.5 0 79.9-13.1 111.2-35.5zm45.3-45.3C434.9 335.9 448 297.5 448 256c0-106-86-192-192-192-41.5 0-79.9 13.1-111.2 35.5l267.7 267.7zM0 256a256 256 0 1 1 512 0 256 256 0 1 1-512 0z' fill='%23FE0100' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.icon-pound { background-image: url("data:image/svg+xml,%3Csvg width='28' height='39' viewBox='0 0 28 39' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.46875 27.5h-3.91016c-.28646 0-.52994.10026-.73047.30078-.20052.20052-.30078.44401-.30078.73047v4.382812H11V22h7.21875c.28646 0 .52995-.10026.73047-.30078.20052-.20052.30078-.44401.30078-.73047v-3.4375c0-.28646-.10026-.52995-.30078-.73047-.20052-.20052-.44401-.30078-.73047-.30078H11v-5.45703c0-1.40365.48697-2.57096 1.46094-3.50195.97396-.931 2.26301-1.39649 3.86718-1.39649 1.00261 0 1.94792.1862 2.83594.55859.88803.3724 1.58984.71615 2.10547 1.03126.22917.14322.47266.19335.73047.15039.25781-.04297.45833-.16472.60156-.36524l2.44922-3.05078c.20052-.22917.2793-.48698.23633-.77344-.04297-.28646-.17904-.51562-.4082-.6875-.71615-.54427-1.82617-1.18163-3.33008-1.91211C20.04491.36523 18.24741 0 16.15625 0c-1.77605 0-3.39452.27213-4.85547.81641-1.460944.54427-2.728509 1.29622-3.802733 2.25586-1.074224.95964-1.897784 2.0983-2.470703 3.41601C4.425778 7.806 4.125 9.2526 4.125 10.82812V16.5H1.71875c-.28646 0-.529947.10026-.7304688.30078-.2005218.20052-.3007812.44401-.3007812.73047v3.4375c0 .28646.1002594.52995.3007812.73047C1.188803 21.89974 1.43229 22 1.71875 22H4.125v11H1.03125c-.2864598 0-.5299469.100259-.7304688.300781C.1002594 33.501303 0 33.74479 0 34.03125v3.4375c0 .2864598.1002594.5299469.3007812.7304688C.5013031 38.3997406.7447902 38.5 1.03125 38.5h25.4375c.28646 0 .52995-.1002594.73047-.3007812.20052-.2005219.30078-.444009.30078-.7304688v-8.9375c0-.28646-.10026-.52995-.30078-.73047-.20052-.20052-.44401-.30078-.73047-.30078Z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: auto 60%!important; }

.icon-lira { background-image: url("data:image/svg+xml,%3Csvg width='38' height='44' viewBox='0 0 38 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.52344 22h-4.72656c-.31511 0-.58008.10742-.79493.32227-.21484.21484-.33659.47981-.36523.79492 0 2.46355-.45833 4.61197-1.375 6.44531-.91667 1.83334-2.14127 3.35156-3.67383 4.554688-1.53256 1.203131-3.30142 2.105465-5.30664 2.707031-1.97657.601565-4.02473.902343-6.14453.902343V22.08594l13.23437-2.96485c.25782-.05729.47266-.19335.64453-.4082.17188-.21484.25782-.45117.25782-.70898v-4.03907c0-.3151-.11458-.58723-.34375-.8164-.22917-.22917-.5013-.34375-.81641-.34375h-.25781l-12.71875 2.83593v-3.00781l13.23437-2.92187c.25782-.05729.47266-.19336.64453-.40821.17188-.21484.25782-.46549.25782-.75195V4.51172c0-.31511-.11458-.58724-.34375-.81641-.22917-.22917-.5013-.34375-.81641-.34375h-.15039c-.04297 0-.07878.01433-.10742.04297L14.13672 6.1875V1.16016c0-.31511-.11458-.58724-.34375-.81641C13.5638.11458 13.29167 0 12.97656 0H7.476562c-.343751 0-.630207.11458-.859374.34375-.229168.22917-.34375.5013-.34375.81641v6.78906L.9453125 9.15234c-.2864598.0573-.5156241.19336-.6875.40821C.0859366 9.77539 0 10.02604 0 10.3125v3.99609c0 .34376.1145822.63021.34375.85938.2291678.22917.5013005.34375.816406.34375.057292 0 .107422-.00716.150391-.02149.042969-.01432.093099-.02148.150391-.02148h-.042969l4.855469-1.07422v3.00781L.9453125 18.5625c-.2864598.05729-.5156241.19336-.6875.4082C.0859366 19.18555 0 19.4362 0 19.72266v4.03906c0 .3151.1145822.58724.34375.8164.2291678.22917.5013005.34376.816406.34376h.150391c.042969 0 .093099-.01433.150391-.04297l-.042969.04297 4.855469-1.11719v19.035154c0 .3151055.114582.5872382.34375.816406.229167.2291678.515623.34375.859374.34375h7.820318c3.29428 0 6.28774-.4726515 8.98046-1.417969 2.69273-.916671 5.01301-2.263012 6.96094-4.039062 1.94793-1.776051 3.48046-3.953112 4.59766-6.531249 1.11719-2.57814 1.74739-5.51431 1.89062-8.8086v-.04296c0-.31511-.11458-.58724-.34375-.81641-.22917-.22917-.51562-.34375-.85937-.34375Z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: auto 55%!important; }

.icon-euro { background-image: url("data:image/svg+xml,%3Csvg width='32' height='44' viewBox='0 0 32 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.50781 37.511719c-.05729-.28646-.19336-.515624-.4082-.6875-.21485-.171876-.46549-.257813-.75195-.257813h-.25782c-.65885.171876-1.36783.300781-2.12695.386719-.75912.085938-1.52539.143229-2.29883.171875h-.04297c-1.375 0-2.67838-.214842-3.91015-.644531-1.23178-.401044-2.37044-.966793-3.41602-1.697266-1.04558-.730472-1.95507-1.611323-2.72851-2.642583-.77345-1.0026-1.38932-2.11978-1.84766-3.35156v-.08594h11.17187c.25782 0 .49414-.08593.70899-.25781.21484-.17187.35091-.38671.4082-.64453l.64453-2.79297c0-.02864.00717-.06445.02149-.10742.01432-.04297.02148-.0931.02148-.15039 0-.31511-.11458-.58724-.34375-.81641-.22917-.22916-.51562-.34375-.85937-.34375H11.30078c-.02864-.3151-.05013-.64453-.06445-.98828-.01432-.34375-.02149-.6875-.02149-1.03125 0-.3724.01433-.74479.04297-1.11719.02865-.37239.05729-.74478.08594-1.11718v.08594h14.39453c.28646 0 .53711-.08594.75195-.25782.21485-.17187.35092-.38671.40821-.64453v-.04297l.64453-2.92187v-.25781c0-.31511-.11458-.58724-.34375-.81641-.22917-.22917-.5013-.34375-.81641-.34375H12.80469c.48698-1.08855 1.10286-2.09114 1.84765-3.00781.77345-.88803 1.64713-1.66146 2.6211-2.32032.97396-.65885 2.03385-1.16015 3.17968-1.5039 1.17449-.3724 2.3776-.5586 3.60938-.5586h.30078-.04297c.68751.02865 1.34635.07878 1.97657.15039.63021.07162 1.26041.16472 1.89062.2793h-.12891.25782c.25781 0 .49414-.07877.70898-.23633.21485-.15755.35091-.36523.4082-.62304l1.16016-4.33985c.02865-.05729.04297-.11458.04297-.17187v-.12891c0-.28646-.08594-.54427-.25781-.77344-.17188-.22916-.40104-.35807-.6875-.38672-.77345-.17187-1.597-.30078-2.47071-.38671C26.347.04297 25.45183 0 24.53516 0h-.25782c-2.29167 0-4.46874.34375-6.53125 1.03125-2.09115.6875-3.99608 1.65429-5.71484 2.90039-1.71876 1.2461-3.236973 2.72851-4.554688 4.44727-1.289068 1.71875-2.291663 3.59504-3.007812 5.6289l-.042969.12891H1.160156c-.3151055 0-.5872382.11458-.816406.34375C.1145822 14.70964 0 14.99609 0 15.33984v2.92188c0 .3151.1145822.58724.34375.8164.2291678.22917.5013005.34376.816406.34376h2.148438c-.028646.34375-.05013.70182-.064453 1.07421-.014323.3724-.021485.74479-.021485 1.11719 0 .34375.007162.6875.021485 1.03125s.021484.6875.021484 1.03125v-.08594H1.160156c-.3151055 0-.5872382.11459-.816406.34375C.1145822 24.16276 0 24.43489 0 24.75v2.79297c0 .3151.1145822.58724.34375.81641.2291678.22916.5013005.34374.816406.34374H4.125c.601566 2.23439 1.532546 4.28255 2.792969 6.144536 1.260423 1.861989 2.764314 3.473301 4.511721 4.833985 1.7474 1.360684 3.6953 2.42773 5.84375 3.201171C19.39324 43.6276079 21.64192 44 24.01953 44h.51563c1.0599 0 2.10546-.0716139 3.13672-.2148438 1.03125-.1432298 2.03384-.3437487 3.00781-.6015624l-.17188.0429687c.25782-.057292.47266-.1933583.64453-.4082035.17188-.214844.25782-.45117.25782-.708984v-.150391c0-.042969-.01433-.078776-.04297-.107422l-.85938-4.339843Z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: auto 55%!important; background-position: 44% 50%; }

.icon-dollar { background-image: url("data:image/svg+xml,%3Csvg width='25' height='44' viewBox='0 0 25 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m17.96094 20.06641-9.281252-2.70703c-.515628-.17188-.945311-.47982-1.289063-.92383-.343752-.44402-.515625-.95247-.515625-1.52539 0-.68751.243487-1.2819.730469-1.78321.486981-.5013 1.088538-.75195 1.804687-.75195H15.125c.54427 0 1.06705.07878 1.56836.23633.5013.15755.95247.37955 1.35352.66601.08593.0573.19335.10743.32226.15039.12891.04297.26497.06446.4082.06446.17188 0 .34375-.03581.51563-.10742.17187-.07162.3151-.16472.42969-.2793l2.96484-2.92188c.14323-.14323.25065-.30078.32227-.47265.07161-.17188.10742-.34375.10742-.51563 0-.22917-.05013-.44401-.15039-.64453-.10026-.20052-.23633-.35807-.40821-.47266-1.00261-.80208-2.14127-1.43228-3.41601-1.89062C17.86783 5.72916 16.52865 5.5 15.125 5.5V1.375c0-.3724-.13607-.69466-.4082-.9668C14.44466.13607 14.1224 0 13.75 0H11c-.3724 0-.69466.13607-.9668.4082-.272134.27214-.4082.5944-.4082.9668V5.5h-.214844c-1.289069 0-2.506504.24349-3.652344.73047C4.611973 6.7461 3.609379 7.42643 2.75 8.27148c-.859379.84506-1.53255 1.84049-2.0195312 2.98633C.2434871 12.40365 0 13.62109 0 14.91016c0 .14323.0071614.29362.0214844.45117.014323.15755.0214843.30794.0214843.45117v-.04297c.2578138 2.00522 1.0384053 3.75976 2.3417973 5.26367 1.303392 1.50392 2.900381 2.51367 4.791015 3.0293h.085938l8.765621 2.57812c.54428.17188.98828.47982 1.33204.92383.34375.44402.51562.95247.51562 1.52539 0 .68751-.25065 1.2819-.75195 1.78321-.50131.5013-1.0957.75195-1.78321.75195H9.625c-.544274 0-1.067055-.07878-1.568359-.23633-.501305-.15755-.952472-.37955-1.353516-.66601-.114584-.0573-.229166-.10743-.34375-.15039-.114584-.04297-.243489-.06446-.386719-.06446-.171876 0-.343749.03581-.515625.10742-.171876.07162-.315103.16472-.429687.2793L2.0625 33.81641c-.14323.14323-.250651.300777-.322266.472652-.071615.171876-.107422.34375-.107422.515626 0 .229167.05013.444009.150391.644531.100261.200522.236327.358072.408203.472656 1.002609.802087 2.14127 1.432289 3.416016 1.890625 1.274746.458336 2.613925.6875 4.017578.6875v4.125c0 .372398.136066.6946601.4082.9667969C10.30534 43.8639337 10.6276 44 11 44h2.75c.3724 0 .69466-.1360663.9668-.4082031.27213-.2721368.4082-.5943989.4082-.9667969V38.5c2.06251 0 3.91015-.580072 5.54297-1.740234 1.63282-1.160162 2.80729-2.642569 3.52344-4.447266v-.08594c.17187-.45833.30794-.95247.4082-1.48242.10026-.52995.15039-1.08138.15039-1.6543 0-2.1198-.6302-4.00324-1.89062-5.65039-1.26043-1.64714-2.86458-2.77148-4.8125-3.37304h-.08594Z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.icon-btc { background-image: url("data:image/svg+xml,%3Csvg width='34' height='44' viewBox='0 0 34 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.08594 17.66015c.34375-2.32032-.24348-4.15364-1.76172-5.5-1.51824-1.34636-3.48046-2.43489-5.88672-3.26562l1.54688-6.23047-3.78126-.94531-1.5039 6.05859c-.51563-.11458-1.02409-.22917-1.52539-.34375-.50131-.11458-1.00976-.22917-1.52539-.34375l1.5039-6.14453L16.37109 0l-1.54687 6.27343c-.42969-.11458-.84505-.21484-1.2461-.30078-.40104-.08594-.80208-.18619-1.20312-.30078L7.132812 4.33984l-.988281 4.08203s.46549.10742 1.396485.32227c.930994.21484 1.382161.33659 1.353515.36523.773442.20052 1.267579.51562 1.482419.94531.21485.42969.30795.84505.2793 1.2461l-1.761719 7.13281c.057292 0 .121745.01432.19336.04297.071615.02864.136067.05729.193359.08594-.057292-.02865-.121744-.05013-.193359-.06446-.071615-.01432-.136068-.0358-.19336-.06445l-2.492187 9.96875c-.085938.25781-.264973.50846-.53711.75195-.272136.24349-.680335.29362-1.224609.15039.028646.02865-.422521-.07877-1.353516-.32226-.930994-.24349-1.396484-.36524-1.396484-.36524L0 33l4.941406 1.203121c.458336.114584.916665.236328 1.375.365235.458336.128907.902342.25065 1.332032.365234l-1.546876 6.316406 3.78125.945313 1.546878-6.273438c.51563.14323 1.02408.279296 1.52539.408203.5013.128907 1.00976.250651 1.52539.365235l-1.54688 6.2304685 3.78125.9453125 1.58985-6.273438c1.60417.28646 3.12239.458334 4.55469.515626 1.40365.057291 2.67121-.093098 3.80273-.451172 1.13152-.358075 2.12695-.95247 2.98633-1.783204.85938-.830733 1.54687-1.976555 2.0625-3.437502.83073-2.34897.88086-4.24674.15039-5.69336-.73047-1.44662-1.94075-2.61392-3.63086-3.50195 1.23178-.28646 2.2845-.86653 3.1582-1.74023.8737-.87371 1.43945-2.15559 1.69727-3.84571Zm-8.72266 12.16016c-.28646 1.17448-.93098 1.94791-1.93359 2.32031-1.03126.3724-2.1556.52995-3.37305.47266-1.21745-.05729-2.42773-.24349-3.63086-.5586-1.17448-.3151-2.09114-.54427-2.75-.6875l2.10547-8.3789c.63021.17187 1.54687.38671 2.75.64453 1.20313.28646 2.36328.68033 3.48047 1.18164 1.11719.5013 2.03385 1.15299 2.75 1.95508.71615.80208.91667 1.819.60156 3.05078Zm1.20313-12.2461c-.28646 1.08855-.84505 1.80469-1.67579 2.14844-.85937.34375-1.80468.49414-2.83593.45117-1.03126-.04296-2.04817-.19335-3.05078-.45117-.97397-.22917-1.73307-.41536-2.27735-.55859l1.89063-7.60547c.54427.14323 1.3177.32943 2.32031.55859.97396.22917 1.92643.5586 2.85742.98829.931.42968 1.69726 1.0026 2.29883 1.71874.60157.71615.75912 1.63281.47266 2.75Z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.icon-ruble { background-image: url("data:image/svg+xml,%3Csvg width='384' height='448' viewBox='0 0 384 448' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M96 0C78.3 0 64 14.3 64 32v192H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h32v32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h32v32c0 17.7 14.3 32 32 32s32-14.3 32-32v-32h160c17.7 0 32-14.3 32-32s-14.3-32-32-32H128v-32h112c79.5 0 144-64.5 144-144S319.5 0 240 0H96Zm144 224H128V64h112c44.2 0 80 35.8 80 80s-35.8 80-80 80Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); background-size: 50% auto; }

.bank-garanti { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 386.9 67.6'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='25.6' y1='18.3' x2='14.5' y2='4.1' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.1' stop-color='%2373ab2b'/%3E%3Cstop offset='.7' stop-color='%23007f43'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='21.5' y1='30.6' x2='3' y2='14' xlink:href='%23a'/%3E%3ClinearGradient id='c' x1='21.6' y1='38.4' x2='1.8' y2='53.2' xlink:href='%23a'/%3E%3ClinearGradient id='d' x1='25' y1='48.5' x2='14.8' y2='63.3' xlink:href='%23a'/%3E%3ClinearGradient id='e' x1='31.1' y1='23.8' x2='36.8' y2='10.9' xlink:href='%23a'/%3E%3ClinearGradient id='f' x1='31.3' y1='22.4' x2='44.2' y2='22.4' xlink:href='%23a'/%3E%3ClinearGradient id='g' x1='33.7' y1='33.2' x2='44.7' y2='49.3' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.1' stop-color='%2373ab2b'/%3E%3Cstop offset='.8' stop-color='%23007f43'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='31.4' y1='38.9' x2='36.4' y2='54.5' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2373ab2b'/%3E%3Cstop offset='.7' stop-color='%23007f43'/%3E%3C/linearGradient%3E%3Cstyle%3E.a%7Bfill:%23004481%7D.b%7Bfill:%23121212%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M305 32.5h-.3c2.7-1.4 4.3-4.3 4.3-7.9 0-6.1-4.7-10.2-11.5-10.2h-19.3a.7.7 0 00-.7.7v37.7a.7.7 0 00.7.7h18.5c9.2 0 14.1-3.9 14.1-11.7 0-4.5-2.2-7.9-5.8-9.3zM284.7 20h11.5c4.1 0 6.3 1.1 6.3 4.5s-2.1 5.7-6.3 5.7h-11.5a.8.8 0 01-.8-.7v-8.8a.8.8 0 01.8-.7zm11.6 27.8h-11.6a.8.8 0 01-.8-.7V36.7a.9.9 0 01.8-.8h11.7c5.6.1 7.9 1.6 7.9 6s-2.4 5.9-8 5.9zM345.8 14.7l-12.9 24.5a.7.7 0 01-1.3 0l-12.9-24.5a.8.8 0 00-.7-.4h-6.2a.5.5 0 00-.5.8l20.3 38a.7.7 0 001.3 0l20.3-38a.5.5 0 00-.5-.8h-6.2a.7.7 0 00-.7.4zM264.4 32.5h-.3c2.7-1.4 4.3-4.3 4.3-7.9 0-6.1-4.7-10.2-11.5-10.2h-19.3a.7.7 0 00-.7.7v37.7a.7.7 0 00.7.7h18.5c9.2 0 14.1-3.9 14.1-11.7 0-4.5-2.2-7.9-5.8-9.3zM244.1 20h11.5c4.1 0 6.4 1.1 6.4 4.5s-2.2 5.7-6.4 5.7h-11.5a.7.7 0 01-.7-.7v-8.8a.7.7 0 01.7-.7zm11.6 27.8h-11.6a.8.8 0 01-.8-.7V36.7a.9.9 0 01.8-.8h11.7c5.6.1 7.9 1.6 7.9 6s-2.4 5.9-8 5.9zM352.3 47.4l12.9-24.5a.7.7 0 011.3 0l12.9 24.5a.7.7 0 00.7.4h6.2a.5.5 0 00.5-.8L366.5 9a.8.8 0 00-1.4 0l-20.3 38a.5.5 0 00.5.8h6.3a.8.8 0 00.7-.4z'/%3E%3Cpath class='b' d='M220.1 18.1a3.3 3.3 0 00-1.1-2.7 3.3 3.3 0 00-2.6-1.1 3.7 3.7 0 00-2.7 1.1 3.9 3.9 0 00-1 1.6 4.1 4.1 0 00-.1 1.1 3.6 3.6 0 001.1 2.6 3.3 3.3 0 002.7 1.1 3.3 3.3 0 002.6-1.1 3.3 3.3 0 001.1-2.6zM220.4 53.6a29 29 0 01-.5-7.3V30.7c0-3.3.3-6.2-2.8-6.2a14.4 14.4 0 00-5.2 1.9c1.2.8 1.6 2.4 1.6 5.8v14.1c0 4.1 0 6.3-.5 7.3zM202.4 54.2c-3 0-5.1-.9-6.4-2.7s-1.4-3.5-1.4-6.7V29h-4.4v-3.5l4.4-.5.5-6.9 5.9-.5V25h7.2v4H201v16c0 3.1 1.2 4.6 3.7 4.6a9.6 9.6 0 004.7-1.3l.6 3.8a16.5 16.5 0 01-7.6 2.1zM107.3 47.6a8.8 8.8 0 01-5.6 2.1c-2.9 0-4.7-1.2-4.7-4.2s4.2-7.5 10.3-5.9zm6.9 6a32.2 32.2 0 01-.5-6.6V34.8c0-8-3.6-10.5-11.3-10.5a19.2 19.2 0 00-8.2 1.8l-.8 4a19.8 19.8 0 018.7-1.9c5.5 0 5.2 4.2 5.2 8.3-7.5-2.2-17 .6-16.8 9.8.1 5.1 3.9 7.9 8.7 8a11.4 11.4 0 008.2-3.5l.5 2.8zM179.9 53.6a10.3 10.3 0 00.3-3.5V34.6c0-3.8-1.2-5.6-4-5.6s-4.7 1.6-6.8 3.4v14.1l.1 4.3c0 1.2.2 2.2.3 2.8h-7a38 38 0 00.3-6.9V32.1c0-3.6-.5-5-1.6-5.7 2.5-1.2 4-1.9 5.1-1.9s2.6 1.9 2.6 4.2c2.5-2.6 6-4.5 9.2-4.5s5.6 1.1 7 3.4a10.2 10.2 0 01.8 2.1 21.5 21.5 0 01.4 4.8v11.9c0 4.7.2 6.7.4 7.2zM133.9 29.3h-1.6c-2 0-4.1 1.1-6 3.4v14.2c0 4.2.1 6.2.3 6.7h-7a7 7 0 00.2-1.6l.1-5V32.1c0-3.2-.5-5-1.6-5.7 2-1 3.9-1.9 5.1-1.9s2.6 2 2.6 4.2q3-4.5 7.2-4.5l1.6.2zM157.5 53.6a29.4 29.4 0 01-.5-6.6V34.8c0-8-3.6-10.5-11.2-10.5a20.1 20.1 0 00-8.4 1.8l-.7 4.1a12 12 0 013.1-1.3 21 21 0 015.6-.7c5.5 0 5.2 4.2 5.2 8.4-7.5-2.3-17 .5-16.8 9.7.1 5.2 3.9 7.9 8.7 8a11 11 0 008.2-3.5 20.9 20.9 0 00.5 2.8zm-6.9-6a8.8 8.8 0 01-5.6 2.1c-2.9 0-4.7-1.2-4.7-4.2s4.2-7.5 10.3-5.9zM84.2 18.7a26.2 26.2 0 00-10-1.9 14.2 14.2 0 00-10.7 4.5A16.9 16.9 0 0059.2 33c0 5.1 1.3 9.2 3.9 12.2s6 4.5 10.6 4.5a17.6 17.6 0 006-.9v-12h-5.4a27.1 27.1 0 00-.6-4.8l13.1.5c-.5 1.5-.5 3.4-.5 6.7v5.2a37.1 37.1 0 00.5 7.3 37.3 37.3 0 01-13.7 2.8c-6.8 0-12-1.9-15.8-5.6s-5.9-8.7-5.9-15.2a21.3 21.3 0 016.5-15.8c4.1-4.1 9.6-6.1 16.3-6.1s7.9.7 11 1.8l-1 5.1'/%3E%3Cpath d='M26.4 27.1s1.7-8.3-2.4-19c0 0-3.1-8.2-9.4-8.1 0 0-3.8-.7-5.9 5.8 0 0 12.4 7.8 17.7 21.3z' style='isolation:isolate' fill='url(%23a)'/%3E%3Cpath d='M6.6 8.1s12.2 5.8 18.3 21.5c0 0-3 1.7-8.6 1.3S.6 25.4 0 17.9s6.6-9.8 6.6-9.8z' style='isolation:isolate' fill='url(%23b)'/%3E%3Cpath d='M25.2 35.3s-6-2.9-18.2 4.8-4.7 16.8.1 18.4a50.7 50.7 0 0018.1-23.2z' style='isolation:isolate' fill='url(%23c)'/%3E%3Cpath d='M9.2 61.2S20 54.1 26.6 37.8a38.2 38.2 0 01-5.1 26.1s-7.3 9.8-12.3-2.7z' style='isolation:isolate' fill='url(%23d)'/%3E%3Cpath d='M30 29.4S28.2 9.1 36 5.9c0 0 4.2-.5 4.7 6 0 0-.5 7.6-10.7 17.5z' style='isolation:isolate' fill='url(%23e)'/%3E%3Cpath d='M31.3 30.9s8.9-7.3 11.1-17.1c0 0 3.9 3.7.3 9.8s-7.2 7.7-11.4 7.3z' style='isolation:isolate' fill='url(%23f)'/%3E%3Cpath d='M32.1 34.3s5.5-.2 10.5 5.9c0 0 4.1 5.1-.5 11.3 0 0-2.6-10.2-10-17.2z' style='isolation:isolate' fill='url(%23g)'/%3E%3Cpath d='M30.5 35.5s6.3 4.7 9.9 17.9c0 0-.3 4.6-4.1 4.3s-5.2-3.3-5.9-11.3l.1-10.9z' style='isolation:isolate' fill='url(%23h)'/%3E%3C/svg%3E"); }

.bank-isbank { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 114.1 30.1'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2300428a%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M0 11.8v1.5h2.4v5.8H4v-5.8h2.5v-1.5H0zM10.6 10.4a1 1 0 11-1-1 1 1 0 011 1zM13.2 10.4a1 1 0 11-1-1 1 1 0 011 1zM23.9 11.8v7.3h1.6V17l1.4-1.3 2.3 3.5h2L28 14.3l2.4-2.5h-2l-3 3.1v-3.1H24zM32.1 11.8h1.7v7.3h-1.7zM33.9 10.4a1 1 0 11-1-.9 1 1 0 011 1zM55 4.2v.4s1 0 1 1v6.8l2.8 1.6V5.6a1 1 0 011.1-1v-.4z'/%3E%3Cpath class='cls-1' d='M59.2 6.6v.7a4.7 4.7 0 012.7 4h.4V6.6h-.4a1 1 0 01-1 .6 5.2 5.2 0 01-1.7-.6zM55.7 6.3V7s-2.5.4-2.5 2.7c0 0-.2 1.8 2.8 3.3l3.8 2.1s2.8 1.2 3.6 3.5A5.2 5.2 0 0161 25a7 7 0 01-2.5.7 1.8 1.8 0 011 1.6c0 1-1.3 2.8-1.9 2.8h-.3l.1-.2c.1-.2 1-1.1.8-1.7a2.5 2.5 0 01-1 .2 1.4 1.4 0 01-.2-2.8 9.2 9.2 0 01-1.8-.5c-1.3-.5-2.4-1-3 .2h-.4v-5h.4a6.1 6.1 0 006 4.8 3.5 3.5 0 003.8-3.4c0-.5 0-2-2.6-3.5l-5-2.8a5.2 5.2 0 01-2.8-4.5 4.7 4.7 0 014.2-4.6z'/%3E%3Cpath class='cls-1' d='M56 16.8l2.8 1.5v3.3a1 1 0 001 1v.4h-5v-.5s1.2 0 1.2-1zM34.5 11.8h2l2 3 2-3h2l-3.2 4.4v3h-1.7v-3l-3.1-4.4zM43 11.8h6v1.5h-4.2v1.2h2.4V16h-2.4v1.8H49V19h-6v-7.3zM59 1.6A1.6 1.6 0 1057.4 3 1.6 1.6 0 0059 1.5zM71.6 15.2a1.6 1.6 0 001-1.5c0-1.2-1.2-1.9-2.7-1.9H66v7.3h4s2.8 0 2.8-2.3a1.6 1.6 0 00-1.2-1.6zm-4-2h2.5c.8 0 .7.6.7.6a.7.7 0 01-.7.7h-2.4zm2.5 4.5h-2.4v-1.9H70s1 .1 1 1a1 1 0 01-1 1zM78 11.8h-1.8L73 19.1h1.8l.7-1.6h3l.7 1.6H81zm-2 4.3l1-2.5 1 2.5zM81.8 11.8v7.3h1.6v-4.7l3.7 4.7h1.5v-7.3h-1.7v4.7l-3.6-4.7h-1.5zM101.5 11.8H100L97 18.4l-2.6-4 2.5-2.6h-2.1l-3 3.2v-3.2h-1.7v7.3h1.7V17l1.3-1.4 2.3 3.5h3l.7-1.6h3l.7 1.6h1.9zm-1.8 4.3l1-2.5 1 2.5zM109.7 14l1.3-1.2a4.6 4.6 0 00-3-1.1c-1.8 0-3 .9-3 2.2s1 1.8 2.6 2.1 2 .6 1.9 1.2-1.3.6-1.6.6a2.7 2.7 0 01-2-.9l-1.2 1a4.6 4.6 0 003.2 1.3c2 0 3.3-.8 3.3-2.3s-1.2-1.9-2.5-2.2l-1.4-.3s-.6-.1-.6-.6.5-.7 1.3-.7a2.5 2.5 0 011.7.8zM112.4 11.8h1.7v7.3h-1.7zM7.5 11.8h1.7v4.3a1.7 1.7 0 001.7 1.7 1.8 1.8 0 001.8-1.7v-4.3h1.7V16a3.1 3.1 0 01-3.4 3.3A3.1 3.1 0 017.5 16zM21 16.3a2.2 2.2 0 001.6-2.1 2.4 2.4 0 00-2.6-2.4h-4.2v7.3h1.7v-2.6h1.7l1.5 2.6h2zM19.9 15h-2.4v-1.9h2.4a1 1 0 011 1 1 1 0 01-1 1z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }

.icon-lang-hu { background-image: url("data:image/svg+xml,%3Csvg width='900' height='600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath fill='%23477050' d='M0 0h900v600H0z'/%3E%3Cpath fill='%23FFF' d='M0 0h900v400H0z'/%3E%3Cpath fill='%23CE2939' d='M0 0h900v200H0z'/%3E%3C/g%3E%3C/svg%3E"); background-size: cover; border-radius: 13px; }

.icon-lang-sk { background-image: url("data:image/svg+xml,%3Csvg width='900' height='600' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M244.3 0s4.7 46.8 4.7 140.3c-.7 95.4-72 143.8-124.5 169.2C72.1 284.1.7 235.7 0 140.2 0 46.8 4.7 0 4.7 0h239.6Z' id='a'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill-rule='nonzero'%3E%3Cpath fill='%23FFF' d='M0 0h900v600H0z'/%3E%3Cpath fill='%230B4EA2' d='M0 200h900v400H0z'/%3E%3Cpath fill='%23EE1C25' d='M0 400h900v200H0z'/%3E%3C/g%3E%3Cpath d='M389.8 145.5s4.7 46.8 4.7 140.3c-.7 95.4-72 143.8-124.5 169.2-52.4-25.4-123.8-73.8-124.5-169.3 0-93.4 4.7-140.2 4.7-140.2h239.6Z' fill='%23EE1C25' fill-rule='nonzero'/%3E%3Cpath d='M259.4 400V283c-39.6 0-50.8 3.6-62.6 7.2 1-12 1-24 0-36 11.8 3.6 23 7.1 62.6 7.1v-32.5c-12.5 0-29.7.5-49.6 7.3 1.2-12 1.2-24 0-36 19.9 6.7 37.1 7.2 49.6 7.2 0-9.5-2.9-29.7-6.6-46.5 11.5 1 23 1 34.4 0-3.7 16.8-6.6 37-6.6 46.4 12.5 0 29.7-.4 49.6-7.1-1.2 12-1.2 24 0 36-19.9-6.8-37.1-7.3-49.6-7.3v32.5c39.6 0 50.8-3.5 62.6-7-1 11.9-1 24 0 35.9-11.8-3.6-23-7.1-62.6-7.1V400h-21.2Z' fill='%23FFF' fill-rule='nonzero'/%3E%3Cg transform='translate(145.5 145.5)'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cpath d='M59.8 346.4c-18.6 0-35-20.7-40.4-51.1-5.5-30.4 1.3-63.3 16.7-81C51.5 196.5 72 198 86.3 218c9.3-21.7 23.3-34.3 38.2-34.3 14.9 0 29 12.6 38.2 34.3 14.4-20 34.8-21.5 50.2-3.7 15.4 17.7 22.2 50.6 16.7 81-5.4 30.4-21.8 51.1-40.3 51.1H59.7Z' fill='%230B4EA2' fill-rule='nonzero' mask='url(%23b)'/%3E%3C/g%3E%3Cpath d='M389.8 145.5s4.7 46.8 4.7 140.3c-.7 95.4-72 143.8-124.5 169.2-52.4-25.4-123.8-73.8-124.5-169.3 0-93.4 4.7-140.2 4.7-140.2h239.6Z' stroke='%23FFF' stroke-width='9'/%3E%3C/g%3E%3C/svg%3E"); background-size: cover; border-radius: 13px; }

.icon-lang-cs { background-image: url("data:image/svg+xml,%3Csvg width='600' height='600' viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Ccircle id='a' cx='300' cy='300' r='300'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cuse fill='%23000' fill-rule='nonzero' xlink:href='%23a'/%3E%3Cpath fill='%23D7141A' fill-rule='nonzero' mask='url(%23b)' d='M-148 0h900v600h-900z'/%3E%3Cpath fill='%23FFF' fill-rule='nonzero' mask='url(%23b)' d='M-148 0h900v300h-900z'/%3E%3Cpath fill='%2311457E' fill-rule='nonzero' mask='url(%23b)' d='M302 300-148 0v600z'/%3E%3C/g%3E%3C/svg%3E"); background-size: cover; border-radius: 13px; }

.icon-lang-nl { background-image: url("data:image/svg+xml,%3Csvg width='900' height='600' viewBox='0 0 900 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath fill='%2321468B' d='M0 0h900v600H0z'/%3E%3Cpath fill='%23FFF' d='M0 0h900v400H0z'/%3E%3Cpath fill='%23AE1C28' d='M0 0h900v200H0z'/%3E%3C/g%3E%3C/svg%3E"); background-size: cover; border-radius: 13px; }

.icon-lang-ar { background-image: url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath fill='%23225233' d='M120 0H0v120h120z'/%3E%3Cpath d='M81.5 100.31s-.3-.48-.6-.48-.55.18-.6.48h-2.72c0-.36 0-.72.1-1.09h5.64l.15.3c.15.3.3.54.55.79H81.5Zm3.68-3.26h-6.6c.4-.42.6-1.03.5-1.57-.0289969-.2387736-.151751-.4562169-.3412075-.6044057-.1894564-.1481887-.4300638-.2149588-.6687925-.1855943-.5 0-.91.48-.86 1.03v.36c.1.36.05.67 0 1.03H27.16c.76 1.33 2.11 2.12 3.58 2.12h45.67c-.5.42-.81 1.09-.7 1.75.05.48.5.85 1.01.79.5 0 .91-.48.86-1.03v-.18h2.67c0 .3.3.54.65.54.35 0 .6-.24.65-.54h2.72c.55.48 1.31.79 2.06.79.7 0 1.31-.6 1.31-1.33v-.36c0-1.39-1.06-2.48-2.42-2.48l-.04-.13Zm12.59-41.11c0-2.54-.76-9.25-.96-11.55-.2-2.24-.4-4.35-.35-4.84 0-.48.6.67.91.73.15 0 .1-.73-.2-1.33-.2-.42-.81-1.94-1.21-2.84-.2-.42-.2-.67-.3-.73-.1 0-.81 1.75-.71 2 .2.36.3.54.35 1.21 0 .67.3 5.32.6 8.89.25 2.66.81 8.46.81 12.03 0 1.15-.1 2.3-.2 2.78-.3.73-.81 1.39-2.57 2.78-2.01 1.51-4.68 2.78-5.84 3.69-.71.54-.5.6.15.36.6-.24 3.83-.97 5.39-1.81 1.46-.79 2.42-2.18 3.12-4.11.91-2.42.96-4.54.96-7.2l.05-.06Zm-6.19-19.11s1.46-.18 1.76-.06c-.2.42-1.76 1.39-1.76 1.51 0 .12 1.06-.24 1.41-.42.2-.18.35-.42.5-.6.35-.54.81-1.57.71-1.69-.2-.18-1.91-.06-2.17 0-.15 0-.55.97-.6 1.21-.05.24 0 .18.2.12l-.05-.07Z' fill='%23FFF'/%3E%3Cpath d='M94.2 51.7c.25-1.21.35-2.6 0-4.11-.35-1.57-1.31-2.48-1.96-2.96l-.1 1.51s.96.6 1.56 2.12c.4.97.55 2.36.25 3.87-.05.36.15.18.3-.42l-.05-.01Zm-9.98 7.5c.25-1.09.3-2.36 0-3.69-.35-1.39-1.16-2.24-1.76-2.66l-.1 1.33s.86.54 1.41 1.94c.35.85.5 2.12.25 3.51 0 .36.15.18.25-.36l-.05-.07ZM49.68 38.83c.4.91.55 2.24.25 3.69-.05.36.15.18.25-.36.25-1.15.3-2.48 0-3.93-.35-1.45-1.26-2.36-1.86-2.84l-.1 1.45s.91.6 1.51 2.05l-.05-.06Zm-23.32.48c.3.97.35 2.36-.2 3.75-.1.36.15.18.35-.36.4-1.09.65-2.42.45-3.93-.2-1.57-1.11-2.6-1.76-3.14l-.3 1.39s.96.73 1.46 2.3v-.01Z' fill='%23FFF'/%3E%3Cpath d='M24.6 66.21c-3.22 1.15-6.34-.6-6.55-4.17-.15-2.66.6-4.72 1.11-5.86.45-.3.91-.6 1.26-.85-.86 1.75-1.36 4.11-1.01 6.17.35 2.3 1.91 3.63 4.48 3.2 2.57-.42 5.99-3.57 6.95-4.78.3-.42.5-.85.76-1.63.1-.3.25-.73.3-1.21 0-.3.05-.67.05-.97.3-.12.6-.24.91-.36.1 1.45.2 2.84.2 4.11-1.61 2.42-5.24 5.26-8.46 6.41v-.06Zm5.24-11.67c-1.71 0-1.76-.42-1.76-.67 0-.25.55-.97 1.26-.48.3.18.6.6.91 1.15h-.41Zm-7.7-3.63s-.15-.24 0-.36c.1-.12.25-.24.45-.3.35-.06.5.48.35 1.33-.3-.24-.55-.48-.81-.67h.01Zm10.68 10.64c.4-1.03.6-1.69.76-2.84.15-1.03.15-2.24.1-3.45 1.26-.67 2.72-1.75 3.22-1.81-.35 1.51.45 3.14 2.11 2.96.1 1.69.25 3.2.3 4.11.15 1.81.1 4.11.1 4.53 0 .42.2.3.45-.54.3-1.21.4-4.35.3-6.41 0-.54-.05-1.21-.15-2 1.06-.67 1.26-1.88 1.61-2.42.35 1.63 2.32 1.87 2.92 1.51.76-.42 1.01-1.21 1.21-3.02.2-1.81-.35-2.54-.55-2.72 0 .24-.5 2.36-.5 2.36s.45.67.5.97c-.4.42-1.16.48-1.86.18-.65-.3-.91-.79-.86-1.15 0-.36.3-.67.3-1.09 0-.42-.15-.3-.4.06s-.45.73-.81 1.57c-.3.67-.81 1.51-1.66 1.69-.15-2-.3-4.05-.4-5.38-.05-.67-.65-6.71-.65-7.38 0-.6-.1-1.27-.1-1.57 0-.24.15-.18.35.12.2.24.55.72.6.72.2-.12 0-.91-.25-1.63-.25-.72-1.11-3.45-1.31-3.57-.1 0-.71 1.63-.71 2 .1.18.35.54.35 1.45 0 .24.15 2.72.3 5.08.15 2.06.35 3.99.4 4.23.15 1.57.3 3.81.5 5.99-.96-.24-1.21-1.03-1.16-1.51 0-.54.2-1.09.1-1.27-.2-.12-1.26.67-2.77 1.51-.4.24-.91.48-1.41.72-.15-1.51-.3-2.9-.35-3.99v-.12c1.01-.06 1.81-.73 2.17-1.39.45-.79.81-2.36.81-3.63s-.76-3.51-.91-4.17c-.2-.73-.3-1.21-.3-1.45s.4.3.71.36c.2 0 .1-.48-.1-.85-.2-.36-1.41-2.72-1.51-2.54-.05.12-.55 1.81-.55 2.12.2.18.4.6.4 1.03 0 .43.3 2.3.55 3.39.3 1.03.91 3.08.96 3.63-.45.42-1.46 1.09-2.47 1.09-.15-1.81-.4-3.99-.5-5.5v-1.51c0-.24.15-.24.35 0 .2.24.5.67.55.6.15 0 0-.67-.25-1.33S32 35.66 31.8 35.54c-.1 0-.55 1.57-.6 1.93.1.18.35.54.35 1.45 0 .73.3 4.41.55 7.62-1.01-.67-1.36-1.63-1.46-3.26-.1-1.15-.1-3.2-.4-4.9-.15-.97-.55-2-.96-2.48-.1.3-.55 2.3-.55 2.3.15.54.6 2.48.6 4.17s-.1 3.33-1.56 4.41c-1.46 1.15-3.58.67-4.13-1.09-.55-1.75.65-6.17.65-7.19 0-1.02-.15-1.21-.5-1.03-.35.18-1.01 1.15-1.61 2.78-.6 1.63-.86 3.63-1.16 5.02-.35 1.39-.86 2.78-1.71 2.72-.81-.06-1.26-1.09-1.51-2.48-.25-1.45-.1-3.32 0-3.75.15-1.21-.25-.97-.45.91-.15 1.15-.3 3.02.25 4.96.55 1.93 1.46 2.66 2.22 2.42.81-.24 1.51-2.66 1.76-3.75.25-1.09 1.36-5.92 1.96-6.17.1.54-.5 2.3-.65 4.35-.2 2.06.25 4.84 2.27 5.26 2.01.48 3.37-1.21 3.83-2.36.5-1.15.71-2.42.76-3.02.05 1.57.91 4.05 2.47 4.72.05 0 .1 0 .15.06.1 1.27.25 2.96.4 4.72-.3.12-.6.24-.96.36 0-.18-.1-.36-.15-.48-.5-1.39-1.31-2.66-2.42-2.54-1.16.06-2.42 2.06-2.37 3.51 0 .97.45 1.75 1.96 2 .71.12 1.41 0 2.17-.24.1.42.15.79.2 1.15-.45.73-4.43 4.59-7.35 4.96-2.97.36-3.88-1.63-3.88-3.69 0-1.51.71-3.08 1.21-4.11.7-.67 1.31-1.51 1.66-2.18.1.06.2.18.3.24.35.24.5.66.5.66.05-.12.35-.85.25-1.21-.05-.06-.3-.3-.65-.54.35-1.09.35-2.18-.1-2.42-.5-.24-1.11.48-1.41.97-.15.24-.2.48-.2.72 0 .3.1.54.35.79.25.24.5.42.71.6-.65.91-2.17 2.18-3.12 2.96 0-.12-.15 0-.35.3-.1.06-.2.12-.25.18-.76.6-2.52 1.87-2.87 2.24-.35.3-.15.24 0 .18.25-.18.55-.36.96-.6.5-.3 1.11-.73 1.71-1.09-.15.36-.35.85-.5 1.33-.71 2.18-1.81 6.65.6 9.31 2.37 2.6 6.4 1.57 9.72-1.09 3.37-2.66 4.08-3.63 4.58-4.59l-.25.01Zm47.88-4.53c-.1-2.36-.35-6.59-.5-8.77-.15-1.93-.4-4.53-.55-6.89 0-.6-.05-1.15 0-1.45 0-.24.2-.18.4.12.2.24.5.6.55.54.2-.12 0-.79-.3-1.45-.25-.67-1.36-3.57-1.51-3.69-.1 0-.6 1.69-.6 2 .1.18.35.54.35 1.45 0 .97.4 5.26.65 8.77.2 2.42.4 6.41.6 9.37 0 0 .15 2.84.2 3.14.1 1.81.05 4.11 0 4.53 0 .42.2.3.45-.54.25-.91.4-2.96.4-4.78v-2.36l-.14.01Zm-9.12-8.22c-.35.12-.86-.3-.81-1.27 0-.85.3-1.69.45-2.18.15-.73.15-1.39 0-.97-.3.85-.81 2.54-.91 3.63-.1 1.15.15 1.87.55 2.12.45.3.81-.18 1.06-.91.2-.67.2-1.51 0-1.33-.15.18-.2.85-.35.91h.01Zm-4.78 3.45c.15-.6.2-1.21.1-.85-.3.73-.86 2.12-1.06 3.14-.15.97 0 1.63.35 1.87.4.3.71-.06.96-.73.25-.6.25-1.33.1-1.15-.1.18-.2.73-.35.79-.3.06-.7-.36-.65-1.21.1-.72.4-1.45.5-1.87l.05.01ZM53 65.07c.3-.6.45-1.27.25-.91-.45.73-1.31 2.12-1.66 3.14-.35 1.03-.25 1.81.05 2.18.4.42.81.06 1.21-.54.35-.6.5-1.39.3-1.21-.15.12-.35.79-.5.79-.35 0-.76-.54-.5-1.45.2-.79.65-1.45.86-1.93l-.01-.07Zm24.22-18.08c-.35.12-.86-.36-.76-1.33.1-.85.4-1.63.5-2.12.2-.67.2-1.39.05-.97-.3.85-.96 2.48-1.11 3.57-.15 1.09.1 1.87.45 2.12.45.36.81-.12 1.11-.85.25-.67.25-1.51.1-1.33-.15.18-.2.85-.4.91h.06Zm-.09 11.67c.45.36.81-.12 1.11-.85.25-.66.25-1.51.1-1.33-.15.18-.2.85-.4.91-.35.12-.86-.36-.76-1.33.1-.85.4-1.63.5-2.11.2-.67.2-1.39.05-.97-.3.85-.96 2.48-1.11 3.57-.15 1.09.1 1.87.45 2.12l.06-.01Zm5.89-14.94c.2-.85.25-1.63.1-1.21-.4 1.03-1.11 2.96-1.31 4.35-.2 1.33.1 2.24.55 2.6.55.42 1.01-.18 1.31-1.03.3-.85.3-1.81.1-1.57-.15.24-.25 1.03-.45 1.09-.4.12-1.01-.48-.91-1.63.1-1.03.5-2 .65-2.6h-.04Z' fill='%23FFF'/%3E%3Cpath d='M36.03 58.23c.35-1.03.5-2.06.25-1.51-.6 1.21-1.71 3.57-2.11 5.26-.4 1.69-.1 2.84.45 3.32.65.6 1.26 0 1.76-1.09.45-.97.55-2.24.3-2-.25.24-.45 1.27-.71 1.33-.5.12-1.21-.73-.96-2.18.2-1.27.81-2.42 1.06-3.14m50.67 10.17c.3-.3 2.67-1.99 3.12-2.36 0 0 .45-.97.3-1.09-.15-.12-1.01.97-1.56.97s-1.31-.48-1.31-.91c.05-.3.76-.79.96-.85.25 0 .2.67.3.79.1.06.4-.48.45-.73 0-.24 0-1.21-.45-1.09-.71.24-1.71 1.88-1.86 2.42-.1.54.5.97 1.01 1.21 0 0-.4.24-.6.54 0 0-.25.36-.35 1.03m-8.22 2.13c.3-.3 2.67-2 3.12-2.36 0 0 .45-.97.3-1.09-.15-.12-1.01.97-1.56.97s-1.31-.48-1.31-.91c.05-.3.76-.79.96-.85.25 0 .2.67.3.79.1.06.4-.48.45-.73.05-.24 0-1.21-.45-1.09-.71.24-1.71 1.87-1.86 2.42-.1.54.5.97 1.01 1.21 0 0-.4.24-.6.54 0 0-.25.36-.35 1.03M60 40.1c.2.3 1.61 2.66 2.72 4.17 1.11 1.45 3.02 3.87 4.43 5.5l.86 1.03c.35 3.51.76 7.98.91 9.85.15 1.81.2 4.11.2 4.53 0 .42.2.3.45-.6.3-1.21.3-4.35.15-6.41-.1-1.27-.3-3.69-.5-5.86.81 1.09 1.61 2.12 2.11 2.9.96 1.45 1.76 2.54 2.27 4.11.35 1.09.3 2 .45 2.18.1.12.25-1.15.1-2.42-.25-2.06-.6-2.96-2.62-5.92-.76-1.15-1.71-2.3-2.62-3.45 0-.36-.05-.67-.1-.91-.05-.67-.76-6.71-.81-7.38 0-.6-.15-1.27-.1-1.57 0-.24.15-.18.35.12.2.24.55.73.6.67.2-.12 0-.91-.3-1.57-.25-.67-1.21-3.45-1.41-3.57-.1 0-.65 1.69-.7 1.99.1.18.35.54.35 1.45 0 .24.2 2.72.4 5.08.2 2.06.45 3.99.45 4.23-.91-1.09-1.76-2.06-2.22-2.6-1.16-1.39-3.73-4.59-3.83-5.08 0-.18.15 0 .55 0 .35.06.71.24.65 0 0-.12-.15-.36-.5-.67-.35-.3-1.26-1.03-1.91-1.51-.65-.54-1.01-.97-1.16-.85-.05.06 0 1.81 0 2.06.15 0 .45.3.65.6' fill='%23FFF'/%3E%3Cpath d='M61.82 36.95c.25-.06 1.56 0 2.06.12-.2.18-1.51 1.03-1.76 1.27-.25.18-.35.3-.2.3.4-.12 1.26-.3 1.66-.6.4-.24 1.06-1.39 1.31-1.81.25-.42.25-.66.2-.79-.25-.18-1.96-.36-2.77-.12-.2.18-.65 1.27-.76 1.51-.05.24 0 .18.3.12m7.16-.12s1.26 0 1.66.06c-.15.12-1.21.85-1.46 1.03-.2.18-.25.24-.15.24.3-.12 1.01-.24 1.31-.48.3-.18.86-1.15 1.06-1.45.2-.36.2-.54.15-.6-.2-.12-1.56-.3-2.22-.06-.2.18-.55 1.03-.6 1.21-.05.18 0 .18.25.12m5.89-.19s1.26 0 1.66.06c-.15.12-1.21.85-1.46 1.03-.2.18-.25.24-.15.24.3-.12 1.06-.24 1.36-.48.3-.18.7-1.15.91-1.45.2-.36.2-.54.15-.6-.2-.12-1.46-.3-2.12-.06-.2.18-.55 1.03-.6 1.21-.05.18 0 .18.25.12m-3.68 3.68c-.35.73.1 1.27.25 1.88-.2.24-.55 0-.65-.18-.25-.48-.15-1.39-.45-1.51-.05.24-.1.54-.1.54s.2.67.15 1.09c0 .24-.2.54-.45.54-.6 0-.3-1.15-.55-1.81 0 .18-.1.36-.15.48 0 .18.05.42.05.54v.85c0 .36.2.54.4.6.45 0 .65-.42.76-.85.1.42.71.85.96.36.4-.67.1-1.21-.1-1.81-.15-.42-.1-.73-.2-.6m-17.04-2.06s.15.48.35.54c.4.06.6-.36.65-.67.05.36.55.79.81.36.35-.54.1-1.03 0-1.57-.1-.42-.05-.67-.15-.54-.3.6 0 1.09.15 1.63-.2.18-.45 0-.55-.18-.2-.42-.1-1.21-.3-1.33-.05.24-.1.42-.1.42s.15.54.1.91c0 .24-.2.48-.4.48-.5 0-.2-1.03-.4-1.57 0 .12-.1.3-.15.42v1.21m11.67 26.25s.35.42.4.6c-.25 0-.76-.18-.96-.3.1-.3.35-.42.55-.36m.76 1.33s.2-.48.15-.67c0-.24-.25-1.15-.65-1.39s-.7.24-.91.97c-.05 0-.1-.06-.15 0 0 .12-.05.24-.1.54 0 .42-.15.67-.65 1.27-.45.54-1.86 1.75-2.82 2.36-.91.6-1.61 1.09-1.86 1.27-.25.18-.15.18.05.12.25-.12 1.46-.6 1.96-.91.5-.24 1.11-.73 1.81-1.33.81-.67 1.31-1.39 1.46-1.93.1-.42.15-.6.15-.6s.3.24.81.36c.5.18.65.12.7 0' fill='%23FFF'/%3E%3Cpath d='M60.71 51.89c.55-.79 1.71-.3 2.57.73-.45.12-1.06.36-1.71.67-.4-.6-.86-1.21-.86-1.39v-.01Zm.4 14.93c-.71-.12-2.52-.48-2.97-1.88.35-.73 2.06-1.57 4.18-2.42 2.12-.85 4.38-1.93 4.93-2.42h.4c.1-.42.65-1.81.65-2.12-.6 0-4.28.42-5.89.48-1.61.12-4.78.06-5.84.06.65-.6 2.17-1.75 4.33-2.78.3-.12.55-.24.81-.36.2.42.3.85.35 1.21.15-.18.25-.79.2-1.45 1.26-.54 1.91-.73 2.22-.79.2-.3.5-1.51.55-2.42-.2-.42-.81-1.03-1.31-1.51-.71-.66-1.51-1.27-2.32-.97-1.06.36-1.31 2.9-1.06 3.45.1.18.25.48.5.85-.81.42-1.61.85-2.32 1.39-1.61 1.09-3.42 2.3-3.93 3.45-.1 0-.15 0-.15.12s-.35 1.94-.4 2.12c.35 0 2.82 0 4.58-.06 1.76-.06 3.27-.12 3.88-.12-.91.3-3.17 1.39-3.88 2.05-.65.67-1.06 1.63-1.11 3.39-.6-.3-1.76-1.03-2.77-2.78-1.11-1.94-.86-3.93-1.31-6.53-.65-3.75-2.01-6.95-2.82-7.92-.3 1.33-.3 2.36-.3 2.36s1.06 3.02 1.61 5.02c.55 1.93 1.01 3.87.96 4.29-.45 1.27-3.07 3.93-5.24 5.44-2.06 1.45-3.88 1.63-4.53.6-.15-.18-.2-.42-.25-.73.3-.18.55-.36.86-.48 1.86-1.09 5.14-3.45 5.94-4.66.86-1.45.81-3.57.35-4.72-.5-1.21-1.26-2.54-1.31-3.02 0-.24.5.12.81.12.15 0 .1-.3-.25-.73-.25-.36-1.31-1.45-1.71-1.87-.1-.12-.15-.06-.2 0-.1.42-.25 1.39-.3 1.87v.24c.1.06.25.18.3.42.1.36.4 1.33.91 2.54s1.26 2.6 1.31 3.26c-.6 1.03-3.63 3.14-6.6 4.9.2-.73.45-1.57.86-2.48l.3-.54c.3-.73.3-1.57.15-1.39-.15.18-.25.91-.45.91-.35.12-.86-.42-.76-1.45.1-.91.5-1.69.65-2.24.2-.73.3-1.45.1-1.03-.35.85-1.11 2.54-1.31 3.69-.2 1.15 0 2 .4 2.3.15.12.3.18.4.12-.25.67-.6 1.45-.81 2.36-1.21.67-2.37 1.33-3.32 1.75-3.42 1.63-5.89 2.54-7.6 3.26h-.05c.1-.54.1-.97 0-.85-.15.18-.25.91-.45.91-.35.12-.86-.42-.76-1.45.1-.91.5-1.69.65-2.24.2-.73.3-1.45.1-1.03-.35.85-1.11 2.54-1.31 3.69-.2 1.15 0 2 .4 2.3.45.36.86-.06 1.16-.85 0-.12.1-.18.1-.3.1 0 .3 0 .55-.12.81-.24 2.77-.6 5.44-1.09 2.01-.36 3.37-1.03 4.73-1.87v.6c.05 2.42 1.26 3.08 2.92 2.6 1.56-.42 3.78-2.3 5.14-3.63 1.36-1.33 2.17-2.54 2.37-2.96.35-1.03.45-2.11.5-2.66.1 1.45.2 3.51 1.26 5.2.96 1.57 2.97 3.81 6.75 3.87 0-.6-.15-2.42-.15-2.42l.18.15ZM43.03 36.65s.15-.36.4-.48.4.24.4.73c0 0 0 .12-.1.18-.1 0-.15-.06-.25-.12-.25-.12-.45-.18-.5-.36l.05.05Zm1.01.01v-.3c.35.48.6 1.09.55 1.21-.15 0-.35-.18-.71-.36 0-.12.05-.3.1-.54l.06-.01Zm-4.34 4.6s1.01-.6 1.81-1.21c.81-.6 1.56-1.33 1.91-1.81.15-.18.25-.36.35-.48.25.12.4.24.5.3.15.06.35.18.5-.36.15-.6 0-.97-.3-1.39-.2-.36-.55-.91-.86-1.09-.25-.12-.35.6-.3.54h.15c-.35.24-.6.91-.6 1.15 0 .24 0 .48.5.6.05 0 .15 0 .2.06-.4.6-1.16 1.27-1.66 1.69-.71.66-1.76 1.45-2.06 1.69-.3.24-.25.3-.15.24l.01.07Z' fill='%23FFF'/%3E%3Cpath d='M60.56 45.11c.25-.54.71-.6.86-.3.1.24.15.66 0 1.15-.45-.36-.81-.73-.81-.85m-2.87 5.56c.4-.36 1.51-1.39 2.11-2.06.45-.48.96-1.15 1.26-1.75.2.18.4.36.6.48.35.24.5.67.5.67.05-.12.35-.85.25-1.21-.05-.12-.5-.42-.96-.79.2-.67.55-1.81.1-2.18-.4-.36-1.01.24-1.31.97-.25.6-.25 1.09.2 1.51.15.12.25.24.4.36-.45.67-1.36 1.63-1.96 2.36-.76.85-1.51 1.63-1.61 1.87v.06c-.15-.6-.1-.97-.25-.79-.55 1.09.15 2 .4 2.84-.35.36-.86 0-1.01-.3-.35-.73-.25-2.12-.65-2.36-.1.36-.2.85-.2.85s.3.97.25 1.63c-.05.42-.3.85-.65.85-.96 0-.45-1.75-.86-2.78-.05.24-.1.54-.2.73.05.24.1.67.1.85 0 .42 0 .91.05 1.27.1.54.3.85.65.91.7.06 1.01-.67 1.11-1.27.1.6 1.06 1.27 1.51.54.6-1.03.1-1.87-.2-2.78v-.12s.2-.06.45-.3' fill='%23FFF'/%3E%3Cpath d='M42.43 47.11c-.81-.06-1.26-1.09-1.51-2.48-.25-1.45-.1-3.33 0-3.75.05-.48-.3-.24-.45.91-.15 1.15-.3 3.02.25 4.96s1.46 2.66 2.22 2.42c.81-.24 1.51-2.66 1.76-3.75.25-1.09 1.36-5.5 1.96-5.74.1.54-.5 1.93-.65 3.99-.2 2.06.15 4.72 2.11 5.2 2.01.48 3.37-1.21 3.83-2.36.5-1.15.71-2.42.76-3.02.05 1.57.91 4.05 2.47 4.72 1.56.67 2.72 0 3.27-.85.45-.79.86-2.36.86-3.63s-.81-3.51-.96-4.17c-.2-.73-.3-1.21-.3-1.45s.4.3.71.36c.2 0 .1-.48-.1-.85-.2-.36-1.41-2.72-1.51-2.54-.05.12-.55 1.81-.55 2.12.2.18.4.6.4 1.03 0 .43.35 2.3.6 3.39.3 1.03.86 3.08.91 3.63-.55.54-1.86 1.21-3.07.54-1.21-.67-1.61-1.63-1.76-3.45-.1-1.15-.1-3.21-.4-4.9-.15-.97-.55-2-.96-2.48-.1.3-.55 2.3-.55 2.3.15.54.6 2.48.6 4.17s-.1 3.33-1.56 4.41c-1.46 1.15-3.47.67-4.03-1.09-.55-1.75.65-5.68.65-6.77 0-1.03-.15-1.21-.5-1.03-.35.18-1.01 1.15-1.61 2.78-.6 1.63-.86 3.27-1.16 4.65-.35 1.39-.86 2.78-1.71 2.72l-.02.01ZM19.21 36.89s0-.48.2-.66c.25-.18.45 0 .55.48 0 .18-.1.3-.2.42-.2-.06-.5-.24-.55-.3v.06Zm1.01 0v-.48c.3.3.86.91.81 1.21-.2 0-.6-.18-.96-.3 0-.12.1-.3.1-.48l.05.05Zm-1.76 4.12c1.01-.12 1.86-1.09 2.11-1.39.2-.24.35-.67.2-.54-1.16 1.39-2.77 1.39-2.82 1.15 0-.24.45-.6 1.06-1.15.35-.3.71-.6.96-1.03h.05c.45.12.96.36 1.11.18.25-.3.3-.85 0-1.45-.25-.48-.81-.97-1.26-1.27-.45-.3-.55.18-.65.36-.05.18 0 .3.05.3-.15.3-.25.6-.3.91 0 .18 0 .36.05.48 0 0 .1.18.25.24.05 0 .15 0 .2.06-.35.42-.76.79-.96.91-.4.3-.86.85-1.01 1.39-.15.54-.1.73.91.67l.05.18Zm3.07 14.93c-.3.3-.4 1.39-.35 1.45.05.06.96.48 1.11.54v-.3c.5.48.96 3.02 1.11 3.02.1 0 .25-.3.35-.97.1-.6.2-1.57.3-2.3.1-.73.25-1.09.55-1.15.3-.06.55.48.65.85 0 0 .2-.73.25-1.15-.05-.24-.55-1.09-.96-.79-.4.3-.65 1.51-.76 2.24-.1.79-.15 1.69-.25 1.87-.1-.67-.45-1.81-.86-2.48-.45-.73-1.01-1.03-1.16-.85l.02.02Zm-3.93-1.27c.4-.12 1.26-.3 1.66-.6.4-.24 1.06-1.39 1.31-1.81.25-.42.25-.67.2-.79-.25-.18-1.96-.36-2.77-.12-.2.18-.65 1.27-.76 1.51-.05.24 0 .18.3.12.25-.06 1.56 0 2.06.12-.2.18-1.51 1.03-1.76 1.27-.25.18-.35.3-.2.3h-.04Zm78.66 6.16c0-1.27-.5-3.27-2.37-6.29-.65-1.03-1.51-2.42-2.47-3.81 0-.48-.05-.91-.1-1.27-.1-1.94-.55-5.86-.7-8.16v-1.51c0-.24.15-.24.35 0 .2.24.5.67.55.6.15 0 0-.67-.25-1.33s-1.26-3.51-1.46-3.63c-.1 0-.55 1.57-.6 1.94.1.18.35.54.35 1.45 0 .97.45 6.47.71 9.98v.18c-1.41-2.06-2.72-3.93-3.27-4.66-.1-.12-.2-.3-.3-.42-.1-.91-.15-1.81-.25-2.54v-1.51c0-.24.15-.24.35 0 .2.24.5.67.55.6.15 0 0-.67-.25-1.33-.25-.67-1.31-3.57-1.51-3.69-.1 0-.6 1.75-.6 2.05.1.18.35.55.35 1.45 0 .42.1 1.63.2 3.14-.96-1.45-1.86-2.96-1.91-3.27 0-.18.15 0 .55 0 .35.06.71.24.65 0 0-.12-.15-.36-.5-.67-.35-.3-1.26-1.03-1.91-1.51-.65-.54-1.01-.97-1.16-.85-.05.06 0 1.81 0 2.06.15 0 .45.18.65.54.2.36 1.46 2.66 2.47 4.23.3.42.76 1.15 1.26 2 .1 1.45.2 2.96.3 4.23.2 2.84.96 10.4.96 12.82-.55.67-1.66 1.57-2.82 1.63-1.16 0-1.76-.36-2.22-1.45-.15-.36-.25-.67-.4-1.03-.3-.73-1.01-1.15-1.66-.97h-.1c-.05 0-.15.06-.2.12-.45.3-.91.85-1.36 1.63-.81 1.39-1.31 2.9-1.86 4.23-.6 1.39-1.06 2.3-2.17 2.06-.76-.18-1.31-1.03-1.66-2.06 1.01-.91 1.71-2.05 2.27-3.69.71-2.12.96-4.47.86-7.13-.05-2.54-.96-8.4-1.16-10.7-.25-2.24-.55-4.11-.5-4.59 0-.48.6.6.91.73.15 0 .05-.73-.2-1.33-.2-.42-.81-2.24-1.21-3.08-.2-.42-.25-.67-.3-.73-.1 0-.76 1.81-.65 2 .2.36.35.54.35 1.21 0 .67.5 5.44.91 9.01.3 2.66.96 7.5 1.06 11.12 0 1.15-.1 2-.2 2.48-.3.73-.76 1.51-2.37 3.02-.25-2.12 0-3.87-.2-4.05-.25 0-.3 1.03-.35 2.3 0 .54 0 1.33.1 2.18-2.01 1.75-4.68 3.33-5.89 4.17-.76.48-.45.6.15.36s4.03-1.39 5.84-2.66c.05 0 .15-.12.2-.12.1.42.2.85.35 1.21.6 1.63 1.46 2.66 2.42 2.54.81-.06 1.36-1.21 1.86-2.48.5-1.33 1.36-3.87 2.22-4.84.3-.36.65-.66 1.01-.85 0 0 .55-.24 1.11.18.2.18.35.42.4.66.2.6.45 1.33.96 2 .91 1.09 2.32.91 3.37.24 1.06-.67 1.61-1.63 1.86-2.84.4-2.06.35-4.17.25-6.05-.1-2.12-.35-4.35-.5-6.65 0-.73-.15-1.75-.25-2.9 1.06 1.57 2.11 3.14 2.77 4.05.25.3.45.67.7.97.2 3.51.4 7.92.5 9.73.1 1.81 0 4.11 0 4.53 0 .42.15.3.4-.54.35-1.21.55-4.35.45-6.41 0-1.21-.15-3.51-.25-5.62.81 1.27 1.56 2.54 2.06 3.38.91 1.51 1.71 3.33 2.01 4.47.3 1.15.3 1.45.35 1.63.05.18.3-.6.25-1.93l-.11.04Z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); background-size: cover; border-radius: 13px; }

.icon-lang-it { background-image: url("data:image/svg+xml,%3Csvg width='900' height='600' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath fill='%23009246' d='M0 0h300v600H0z'/%3E%3Cpath fill='%23FFF' d='M300 0h300v600H300z'/%3E%3Cpath fill='%23CE2B37' d='M600 0h300v600H600z'/%3E%3C/g%3E%3C/svg%3E"); background-size: cover; border-radius: 13px; }

.icon-lang-uk { background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='1200' height='800'%3E%3Crect width='1200' height='800' fill='%230057B7'/%3E%3Crect width='1200' height='400' y='400' fill='%23FFD700'/%3E%3C/svg%3E"); background-size: cover; border-radius: 13px; }

.icon-lang-da { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Cpath fill='%23c8102e' d='M0 0h72v72H0z'/%3E%3Cpath fill='%23fff' d='M30 31h42v10H30v31H20V41H0V31h20V0h10z'/%3E%3C/g%3E%3C/svg%3E"); background-size: cover; border-radius: 13px; }

.icon-lang-fr { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='600'%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Cpath fill='%23ce1126' d='M0 0h900v600H0z'/%3E%3Cpath fill='%23fff' d='M0 0h600v600H0z'/%3E%3Cpath fill='%23002654' d='M0 0h300v600H0z'/%3E%3C/g%3E%3C/svg%3E"); background-size: cover; border-radius: 13px; }


.icon-stop { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' xml:space='preserve'%3E%3Ccircle cx='256' cy='256' r='256' fill='%23ffca28'/%3E%3Cg fill='%236d4c41'%3E%3Ccircle cx='160' cy='192' r='32'/%3E%3Ccircle cx='352' cy='192' r='32'/%3E%3Cpath d='M256 416c-42.752 0-82.912-16.672-113.152-46.88-6.24-6.24-6.24-16.384 0-22.624s16.384-6.24 22.624 0c48.352 48.384 132.64 48.384 181.024 0 6.24-6.24 16.384-6.24 22.624 0s6.24 16.384 0 22.624C338.912 399.328 298.752 416 256 416z'/%3E%3C/g%3E%3C/svg%3E"); }

.icon-expired { background-image: url("data:image/svg+xml,%3Csvg height='512' viewBox='0 0 24 24' width='512' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' fill='%23ffd54f' r='12'/%3E%3Cg fill='%236d4c41'%3E%3Ccircle cx='7' cy='9' r='2'/%3E%3Ccircle cx='17' cy='9' r='2'/%3E%3Cpath d='M14.75 19.639c-.192 0-.384-.073-.53-.22-1.186-1.186-3.254-1.186-4.439 0-.293.293-.768.293-1.061 0-.293-.292-.293-.768 0-1.061C9.596 17.482 10.761 17 12 17s2.404.482 3.28 1.359c.293.293.293.768 0 1.061-.146.146-.338.219-.53.219z'/%3E%3C/g%3E%3Cpath d='M18.617 12.074c-.28-.405-.954-.405-1.234 0C16.967 12.676 16 14.166 16 15c0 1.103.897 2 2 2s2-.897 2-2c0-.834-.967-2.324-1.383-2.926z' fill='%2300bcd4'/%3E%3C/svg%3E"); }

.icon-call { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231e3a8a' d='m497.4 361.8-112-48a24 24 0 0 0-28 6.9l-49.6 60.6a370.7 370.7 0 0 1-177.2-177.2l60.6-49.6a24 24 0 0 0 6.9-28l-48-112A24.2 24.2 0 0 0 122.6.6l-104 24A24 24 0 0 0 0 48a464 464 0 0 0 464 464 24 24 0 0 0 23.4-18.6l24-104a24.3 24.3 0 0 0-14-27.6z'/%3E%3C/svg%3E"); }

.icon-arr { background-image: url("data:image/svg+xml,%3Csvg width='395' height='383' viewBox='0 0 395 383' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231E3A8A' fill-rule='nonzero'%3E%3Cpath d='M177.078952 147.442857c0-13.946428 11.334588-25.3 25.345398-25.3 2.715578 0 5.431156.432143 8.028666 1.296429l31.95724 10.646428c6.611843 2.2 13.735317-1.375 15.939264-7.935714 2.203948-6.560714-1.377467-13.710714-7.949954-15.910714L218.40297 99.5928571C213.247307 97.8642857 207.855506 97 202.42435 97c-27.903551 0-50.53337 22.589286-50.53337 50.442857v24.985714h-6.296994C138.627938 172.428571 133 178.046429 133 185s5.627938 12.571429 12.593986 12.571429h6.296994v17.482142c0 6.835715-1.849742 13.553572-5.391801 19.407143l-11.688793 19.485715c-2.322017 3.889285-2.400729 8.721428-.157425 12.65C136.896265 270.525 141.068022 273 145.593986 273h100.751891c6.966049 0 12.593986-5.617857 12.593986-12.571429 0-6.953571-5.627937-12.571428-12.593986-12.571428h-78.515634l.275494-.432143c5.864075-9.782143 8.973215-20.978571 8.973215-32.371429v-17.482142h44.078952c6.966049 0 12.593987-5.617858 12.593987-12.571429s-5.627938-12.571429-12.593987-12.571429h-44.078952v-24.985714Z'/%3E%3Cpath d='M389.834 69.858c-4.055-3.244-9.664-3.726-14.215-1.221l-27.025 14.882C314.969 31.853 257.531.327 195.217.327c-100.906 0-183 82.093-183 183 0 11.046 8.955 20 20 20 11.047 0 20-8.954 20-20 0-78.851 64.15-143 143-143 47.693 0 91.748 23.629 118.234 62.543l-25.314 13.939c-4.549 2.505-7.141 7.503-6.564 12.665.571 5.161 4.199 9.469 9.188 10.914l67.828 19.655c1.172.34 2.373.507 3.572.507 2.146 0 4.279-.538 6.192-1.592 2.981-1.643 5.19-4.403 6.14-7.673l19.654-67.828c1.443-4.988-.258-10.355-4.313-13.599ZM362.436 179.327c-11.047 0-20 8.954-20 20 0 78.852-64.149 143-143.001 143-47.692 0-91.748-23.629-118.233-62.543l25.314-13.939c4.549-2.504 7.141-7.502 6.566-12.664-.572-5.161-4.199-9.47-9.188-10.913l-67.827-19.655c-1.172-.341-2.373-.507-3.572-.507-2.146 0-4.279.537-6.193 1.592-2.982 1.643-5.191 4.402-6.139 7.673L.508 299.198c-1.445 4.987.256 10.354 4.311 13.599 4.055 3.244 9.664 3.728 14.215 1.222l27.025-14.882c33.624 51.664 91.062 83.19 153.375 83.19 100.906 0 183.001-82.093 183.001-183 .001-11.046-8.955-20-19.999-20Z'/%3E%3C/g%3E%3C/svg%3E"); }

.icon-ghost { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23333' d='m40.1 467.1-11.2 9c-3.2 2.5-7.1 3.9-11.1 3.9C8 480 0 472 0 462.2V192C0 86 86 0 192 0s192 86 192 192v270.2c0 9.8-8 17.8-17.8 17.8-4 0-7.9-1.4-11.1-3.9l-11.2-9c-13.4-10.7-32.8-9-44.1 3.9l-30.5 35c-3.3 3.8-8.2 6-13.3 6s-9.9-2.2-13.3-6l-26.6-30.5c-12.7-14.6-35.4-14.6-48.2 0L141.3 506c-3.3 3.8-8.2 6-13.3 6s-9.9-2.2-13.3-6l-30.5-35c-11.3-12.9-30.7-14.6-44.1-3.9zM160 192a32 32 0 1 0-64 0 32 32 0 1 0 64 0zm96 32a32 32 0 1 0 0-64 32 32 0 1 0 0 64z'/%3E%3C/svg%3E"); }

.icon-maybe { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Ccircle fill='%23AAA' cx='8' cy='8' r='8'/%3E%3Crect fill='%23FFF' x='3' y='7' width='10' height='2' rx='1'/%3E%3C/g%3E%3C/svg%3E"); }

.icon-none { background-image: url("data:image/svg+xml,%3Csvg width='63' height='64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.5 0a30.5 30.5 0 0 1 22.2 9.3A32 32 0 0 1 63 31.6a30.5 30.5 0 0 1-9.3 22.2A32 32 0 0 1 31.5 63a30.5 30.5 0 0 1-22.2-9.2A32 32 0 0 1 0 31.6 30.5 30.5 0 0 1 9.3 9.3 32 32 0 0 1 31.5.1Zm15.4 39.8-8.3-8.2 8.3-8.3c.3-.3.5-.6.5-1 0-.5-.2-.9-.5-1.1l-5-5c-.3-.4-.6-.5-1-.5-.5 0-.9.1-1.1.4l-8.3 8.4-8.3-8.4c-.2-.3-.6-.4-1-.4-.5 0-.8.1-1.1.4l-5 5c-.3.3-.5.7-.5 1.1 0 .5.2.8.5 1.1l8.3 8.3-8.3 8.2c-.3.3-.5.7-.5 1 0 .5.2.9.5 1.2l5 5c.3.3.6.4 1 .4.5 0 .9-.1 1.1-.4l8.3-8.3 8.3 8.3c.2.3.6.4 1 .4.5 0 .8-.1 1.1-.4l5-5c.3-.3.5-.7.5-1.1 0-.4-.2-.8-.5-1Z' fill='%23D60000' fill-rule='nonzero'/%3E%3C/svg%3E"); }

.icon-calendar-alt { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3Cpath d='M184 24a24 24 0 1 0-48 0v40H96a64 64 0 0 0-64 64v320a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V128a64 64 0 0 0-64-64h-40V24a24 24 0 1 0-48 0v40H184V24zM80 192h352v256a16 16 0 0 1-16 16H96a16 16 0 0 1-16-16V192zm48 96a32 32 0 1 0 64 0 32 32 0 1 0-64 0zm224 64a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm-128-64a24 24 0 0 0 24 24h112a24 24 0 1 0 0-48H248a24 24 0 0 0-24 24zm40 72H152a24 24 0 1 0 0 48h112a24 24 0 1 0 0-48z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }


.icon-pro { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='191' height='82'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' x2='100%25' y1='50%25' y2='50%25'%3E%3Cstop offset='0%25' stop-color='%2300008B'/%3E%3Cstop offset='100%25' stop-color='%239731CB'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Cpath fill='url(%23a)' d='M9 0h173a9 9 0 0 1 9 9v64a9 9 0 0 1-9 9H9a9 9 0 0 1-9-9V9a9 9 0 0 1 9-9Z'/%3E%3Cpath fill='%23FFF' d='M72.894 60.266V22.808H88.77c1.654-.016 3.29.355 4.775 1.082 1.428.696 2.71 1.66 3.772 2.841a13.443 13.443 0 0 1 2.48 4.01c.587 1.432.892 2.964.9 4.511a13 13 0 0 1-.844 4.616 12.816 12.816 0 0 1-2.374 3.983 11.663 11.663 0 0 1-3.693 2.8 10.683 10.683 0 0 1-4.748 1.055H80.17v12.56h-7.276Zm7.276-18.94h8.441a4.17 4.17 0 0 0 3.359-1.635 6.767 6.767 0 0 0 1.345-4.432 7.3 7.3 0 0 0-.422-2.559 6.217 6.217 0 0 0-1.108-1.926 4.409 4.409 0 0 0-1.615-1.186 4.716 4.716 0 0 0-1.873-.4h-8.114l-.013 12.138Zm25.587 18.94V22.808h16.57a10.63 10.63 0 0 1 4.775 1.082 12.351 12.351 0 0 1 3.768 2.841 13.443 13.443 0 0 1 2.48 4.01c.587 1.432.892 2.964.9 4.511a12.457 12.457 0 0 1-1.826 6.62 10.448 10.448 0 0 1-4.933 4.3l8.553 14.094h-8.174l-7.653-12.556h-7.175v12.556h-7.285Zm7.285-18.94h9.128c.655.003 1.3-.16 1.873-.475a4.791 4.791 0 0 0 1.5-1.293c.44-.58.778-1.232 1-1.926.25-.766.375-1.568.369-2.374a6.763 6.763 0 0 0-.422-2.435 6.333 6.333 0 0 0-1.12-1.925 5.13 5.13 0 0 0-1.64-1.261 4.247 4.247 0 0 0-1.873-.448h-8.815v12.137Zm43.788 19.2a17.02 17.02 0 0 1-7.46-1.605 18.335 18.335 0 0 1-5.751-4.273 19.443 19.443 0 0 1-3.719-6.087 19.4 19.4 0 0 1-1.323-7.018 18.826 18.826 0 0 1 1.393-7.175 19.8 19.8 0 0 1 3.855-6.067 18.374 18.374 0 0 1 5.83-4.194 17.3 17.3 0 0 1 7.333-1.556 16.448 16.448 0 0 1 7.412 1.662 18.516 18.516 0 0 1 5.724 4.352 20.04 20.04 0 0 1 3.693 6.12 19.256 19.256 0 0 1 1.324 6.964 18.942 18.942 0 0 1-1.371 7.148 19.408 19.408 0 0 1-3.8 6.015 18.262 18.262 0 0 1-5.815 4.162 17.3 17.3 0 0 1-7.325 1.556v-.004Zm-10.867-18.989a15.071 15.071 0 0 0 .743 4.7 12.534 12.534 0 0 0 2.133 4.01 10.625 10.625 0 0 0 3.431 2.79 9.866 9.866 0 0 0 4.616 1.055 9.782 9.782 0 0 0 4.667-1.082 10.631 10.631 0 0 0 3.427-2.873 12.818 12.818 0 0 0 2.11-4.036c.474-1.475.716-3.015.718-4.564a14.6 14.6 0 0 0-.765-4.7 12.946 12.946 0 0 0-2.163-4c-.93-1.16-2.1-2.104-3.429-2.77a9.955 9.955 0 0 0-4.564-1.03 9.943 9.943 0 0 0-4.7 1.082 10.41 10.41 0 0 0-3.429 2.841 12.8 12.8 0 0 0-2.088 4.006 14.99 14.99 0 0 0-.707 4.571ZM30.102 26.834l7.2 7.654 7.2-7.654h-14.4Zm17.728 2.232-5.96 6.329h10.618l-4.658-6.329Zm4.119 10.279H22.662l14.642 16.156 14.645-16.156Zm-29.831-3.95h10.618l-5.957-6.331-4.661 6.331Zm35.745 3.307L38.769 59.764a1.976 1.976 0 0 1-2.93 0l-19.09-21.062a1.974 1.974 0 0 1-.124-2.5l9.214-12.515c.371-.507.96-.808 1.589-.812h19.753c.63 0 1.22.302 1.589.812l9.218 12.51a1.984 1.984 0 0 1-.125 2.505Z'/%3E%3C/g%3E%3C/svg%3E"); }

.icon-pro-user { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='57' height='31'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' x2='100%25' y1='50%25' y2='50%25'%3E%3Cstop offset='0%25' stop-color='%2300008B'/%3E%3Cstop offset='100%25' stop-color='%239731CB'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' fill-rule='nonzero' transform='translate(2 2)'%3E%3Crect width='53' height='27' fill='url(%23a)' stroke='%23EEE' stroke-width='3' rx='9'/%3E%3Cpath fill='%23FFF' d='M6.589 21.226V6.154h6.39a4.277 4.277 0 0 1 1.921.435 4.97 4.97 0 0 1 1.518 1.143c.426.475.764 1.02 1 1.613.236.576.358 1.192.361 1.815a5.23 5.23 0 0 1-.34 1.857 5.157 5.157 0 0 1-.955 1.6 4.693 4.693 0 0 1-1.489 1.128 4.3 4.3 0 0 1-1.911.425H9.518v5.056H6.589Zm2.929-7.621h3.4a1.678 1.678 0 0 0 1.347-.658 2.723 2.723 0 0 0 .541-1.783c.005-.35-.052-.7-.17-1.03a2.5 2.5 0 0 0-.446-.775 1.774 1.774 0 0 0-.647-.478 1.9 1.9 0 0 0-.754-.159H9.522l-.004 4.883Zm10.3 7.621V6.154h6.666a4.277 4.277 0 0 1 1.921.435 4.97 4.97 0 0 1 1.518 1.143c.426.475.764 1.02 1 1.613a5.012 5.012 0 0 1-.374 4.479 4.2 4.2 0 0 1-1.985 1.73l3.441 5.671h-3.29l-3.084-5.052h-2.887v5.052l-2.926.001Zm2.929-7.621h3.674c.263.001.523-.064.754-.191.236-.13.442-.306.605-.52.176-.234.311-.496.4-.775a3 3 0 0 0 .149-.955 2.721 2.721 0 0 0-.17-.98 2.548 2.548 0 0 0-.456-.775 2.064 2.064 0 0 0-.658-.509 1.709 1.709 0 0 0-.754-.18h-3.547l.003 4.885Zm17.618 7.727a6.849 6.849 0 0 1-3-.647c-.88-.415-1.668-1-2.32-1.72a7.824 7.824 0 0 1-1.5-2.449 7.8 7.8 0 0 1-.531-2.823c-.003-.99.189-1.97.563-2.887a7.967 7.967 0 0 1 1.551-2.441 7.393 7.393 0 0 1 2.346-1.688 6.963 6.963 0 0 1 2.951-.626 6.618 6.618 0 0 1 2.983.669 7.45 7.45 0 0 1 2.3 1.751 8.063 8.063 0 0 1 1.492 2.466c.349.892.529 1.842.531 2.8a7.81 7.81 0 0 1-2.08 5.296 7.348 7.348 0 0 1-2.34 1.675 6.963 6.963 0 0 1-2.947.626l.001-.002Zm-4.373-7.642c0 .642.1 1.28.3 1.889.185.585.476 1.132.858 1.613.376.468.846.851 1.38 1.125a3.97 3.97 0 0 0 1.857.425 3.936 3.936 0 0 0 1.878-.435 4.278 4.278 0 0 0 1.38-1.157 5.158 5.158 0 0 0 .849-1.624c.19-.593.288-1.213.289-1.836a5.873 5.873 0 0 0-.308-1.889 5.209 5.209 0 0 0-.87-1.613 4.155 4.155 0 0 0-1.38-1.114 4.006 4.006 0 0 0-1.836-.414 4 4 0 0 0-1.893.435 4.188 4.188 0 0 0-1.38 1.143 5.149 5.149 0 0 0-.839 1.613 6.031 6.031 0 0 0-.285 1.84v-.001Z'/%3E%3C/g%3E%3C/svg%3E"); }

.icon-socialmedia { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cpath fill='%23FFF' fill-rule='nonzero' d='M119.967 260.402c-12.561 9.591-28.256 15.287-45.28 15.287C33.438 275.69 0 242.251 0 201.003c0-41.249 33.438-74.687 74.687-74.687 20.917 0 39.825 8.598 53.384 22.454L250.18 83.843c-.367-3-.556-6.056-.556-9.156C249.624 33.438 283.062 0 324.311 0c41.248 0 74.686 33.438 74.686 74.687 0 41.248-33.438 74.686-74.686 74.686-18.807 0-35.99-6.95-49.121-18.424L149.31 197.88c.042 1.036.063 2.077.063 3.123 0 4.709-.435 9.316-1.269 13.784l122.46 59.727c13.638-14.693 33.12-23.887 54.75-23.887 41.248 0 74.686 33.438 74.686 74.686C400 366.562 366.562 400 325.313 400c-41.248 0-74.686-33.438-74.686-74.687 0-.394.003-.787.009-1.18l-130.669-63.73Z'/%3E%3C/svg%3E"); }

.icon-instagram {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E");
  background-size: auto 22px!important;
}

.icon-magnifier {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M272 112c88.4 0 160 71.6 160 160s-71.6 160-160 160-160-71.6-160-160 71.6-160 160-160zm0 368c48.8 0 93.7-16.8 129.1-44.9L535 569c9.4 9.4 24.6 9.4 33.9 0 9.3-9.4 9.4-24.6 0-33.9l-133.8-134C463.2 365.7 480 320.8 480 272c0-114.9-93.1-208-208-208S64 157.1 64 272s93.1 208 208 208zM168 280v48c0 13.3 10.7 24 24 24s24-10.7 24-24v-48c0-13.3-10.7-24-24-24s-24 10.7-24 24zm80-96v144c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24s-24 10.7-24 24zm80 64v80c0 13.3 10.7 24 24 24s24-10.7 24-24v-80c0-13.3-10.7-24-24-24s-24 10.7-24 24z'/%3E%3C/svg%3E");
}

.icon-detective {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath d='M135.2 144h-30.7c-13.3 0-24 10.7-24 24s10.7 24 24 24h24v16c0 70.7 57.3 128 128 128 7.3 0 14.5-.6 21.5-1.8 21.7-26.8 51.5-46.7 85.7-56.2 13.2-20.1 20.9-44.2 20.9-70.1v-16h24c13.3 0 24-10.7 24-24s-10.7-24-24-24h-30.7c-10.4-53.7-31.9-112-68.3-112-9.6 0-19 3.9-27.5 8.2-8.2 4.1-18.4 7.8-25.5 7.8-7.1 0-17.3-3.7-25.5-7.8-8.5-4.3-17.9-8.2-27.5-8.2-36.4 0-57.8 58.3-68.3 112zM226 368c-9.7 0-17.5 7.8-17.5 17.5 0 4.2 1.5 8.2 4.2 11.4l27.4 32-31 115.1h-.6l-34.6-138.5c-2.2-8.7-11.1-14-19.5-10.8-61.9 23.6-105.9 83.6-105.9 153.8 0 15.1 12.3 27.4 27.4 27.4h233.9c-42-30.5-69.3-80.1-69.3-136 0-25.8 5.8-50.2 16.2-72l-30.7.1zm110.5-176v16c0 44.2-35.8 80-80 80s-80-35.8-80-80v-16h160zm72 176.1c39.8 0 72 32.2 72 72s-32.2 72-72 72-72-32.2-72-72 32.2-72 72-72zm0 192c24.5 0 47.2-7.3 66.2-19.9l60.8 60.9c9.4 9.4 24.6 9.4 33.9 0 9.3-9.4 9.4-24.6 0-33.9l-60.8-60.9c12.6-19 19.9-41.7 19.9-66.2 0-66.3-53.7-120-120-120s-120 53.7-120 120 53.7 120 120 120z'/%3E%3C/svg%3E");
}

.icon-matterport {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='301' height='298'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M125.631 1.691c1.666-1.198 4.374-1.255 6.065-.123l51.591 34.713a3.772 3.772 0 0 1 .952 5.244l-36.428 50.136c-1.194 1.65-3.759 2.532-5.754 1.997L42.393 66.064c-1.97-.577-2.245-2.068-.587-3.307L125.63 1.69ZM56.065 92.326l36.276 50.272c1.19 1.643 1.243 4.382.103 6.082l-56.955 86.6c-1.165 1.725-2.646 1.519-3.307-.428L.223 135.969c-.64-1.96.148-4.575 1.736-5.823l48.858-38.53c1.65-1.255 3.992-.922 5.248.71ZM204.943 20.395l4.65 103.647c.066 2.059 1.719 4.217 3.644 4.867l58.805 19.264c1.983.588 4.062-.549 4.67-2.504l16.956-59.989c.542-1.956-.345-4.55-2.003-5.748l-83.77-61.125c-1.687-1.2-3.012-.487-2.952 1.588ZM298.411 161.371l-96.813 36.473c-1.908.709-3.463 2.953-3.463 4.992l-.078 62.053c.045 2.07 1.743 3.73 3.816 3.673l62.076-2.356c2.035-.078 4.198-1.725 4.829-3.668l32.054-98.824c.608-1.994-.493-3.047-2.421-2.343ZM193.68 294.222l-64.464-81.121c-1.26-1.601-3.883-2.413-5.812-1.783l-58.841 19.083a3.764 3.764 0 0 0-2.306 4.801l21.392 58.518c.722 1.903 2.955 3.463 4.994 3.463l103.579.062c2.061-.033 2.73-1.375 1.458-3.023Z'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-copy {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Cpath fill='%231E3A8A' fill-rule='evenodd' d='m25.867 33.902-6.789 6.832a10.8 10.8 0 0 1-3.695 2.45 11.4 11.4 0 0 1-4.211.816 11.4 11.4 0 0 1-4.211-.816 10.8 10.8 0 0 1-3.695-2.45 10.8 10.8 0 0 1-2.45-3.695A11.4 11.4 0 0 1 0 32.83q0-2.15.816-4.212a10.8 10.8 0 0 1 2.45-3.695l6.832-6.79a.4.4 0 0 1 .129-.15.4.4 0 0 0 .128-.15h.043q.474-.473 1.075-.215t.644.903q0 .344.043.644l.086.602q0 .258-.064.472a.9.9 0 0 1-.237.387l-1.632 1.633-2.149 2.148-2.707 2.707q-2.363 2.363-2.363 5.715t2.363 5.715 5.715 2.363 5.715-2.363l6.832-6.832q2.363-2.363 2.342-5.715-.023-3.351-2.385-5.672a6.4 6.4 0 0 0-1.117-.967 9 9 0 0 0-1.247-.709 1.05 1.05 0 0 1-.472-.386.86.86 0 0 1-.13-.602q0-.343.065-.687t.194-.645v.043a.97.97 0 0 1 .537-.623.91.91 0 0 1 .795-.021 10 10 0 0 1 1.89.988q.902.601 1.676 1.418a10.8 10.8 0 0 1 2.45 3.695q.816 2.063.816 4.19t-.817 4.189a10.8 10.8 0 0 1-2.449 3.695m-7.734-8.035a9.8 9.8 0 0 0 1.676 1.418q.902.601 1.89.988a.91.91 0 0 0 .795-.021.97.97 0 0 0 .537-.623q.128-.258.194-.602.064-.343.064-.687a.86.86 0 0 0-.129-.602 1.05 1.05 0 0 0-.473-.386 9 9 0 0 1-1.246-.71 6.4 6.4 0 0 1-1.117-.966q-2.363-2.32-2.385-5.672-.02-3.352 2.342-5.715l6.832-6.832q2.363-2.363 5.715-2.363t5.715 2.363 2.363 5.715-2.363 5.715l-.816.816-1.891 1.89-2.149 2.15-1.632 1.632a.9.9 0 0 0-.237.387 1.6 1.6 0 0 0-.064.472q.043.258.086.559.042.3.043.645v.042q.042.644.644.903.602.258 1.075-.215.086-.085.171-.15a.4.4 0 0 0 .13-.15l6.831-6.79a10.8 10.8 0 0 0 2.45-3.695A11.4 11.4 0 0 0 44 11.172a11.4 11.4 0 0 0-.816-4.211 10.8 10.8 0 0 0-2.45-3.695A10.8 10.8 0 0 0 37.04.816 11.4 11.4 0 0 0 32.83 0a11.4 11.4 0 0 0-4.212.816 10.8 10.8 0 0 0-3.695 2.45l-6.79 6.832a10.8 10.8 0 0 0-2.448 3.695 11.3 11.3 0 0 0-.817 4.19q0 2.126.817 4.189a10.8 10.8 0 0 0 2.449 3.695'/%3E%3C/svg%3E");
}


.icon-fav {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='39'%3E%3Cpath fill='%23333' fill-rule='evenodd' d='M39.402 2.786A11.7 11.7 0 0 0 35.234.51a13.3 13.3 0 0 0-4.619-.473A13.2 13.2 0 0 0 26.04 1.24 12.3 12.3 0 0 0 22 4.075a12.3 12.3 0 0 0-4.04-2.836A13.2 13.2 0 0 0 13.386.036q-2.341-.171-4.62.473a11.7 11.7 0 0 0-4.167 2.277Q2.19 4.806 1.074 7.384 0 9.919 0 12.54t.988 5.07q.989 2.407 2.707 4.168l15.082 15.34q.645.688 1.483 1.031.837.345 1.74.344a4.54 4.54 0 0 0 3.223-1.332l15.082-15.383q1.719-1.76 2.707-4.168.988-2.448.988-5.048t-1.074-5.178q-1.118-2.578-3.524-4.598M37.382 18.9 22.302 34.24q-.172.172-.301.172t-.3-.172L6.616 18.9q-1.16-1.203-1.847-2.878a9.2 9.2 0 0 1-.645-3.416q0-1.784.73-3.545.774-1.72 2.407-3.137 2.491-2.105 5.908-1.826 3.416.279 5.822 2.728L22 9.92l3.008-3.094q2.449-2.492 5.844-2.75t5.886 1.848q1.633 1.375 2.407 3.137.73 1.761.73 3.545 0 1.782-.687 3.416-.645 1.675-1.805 2.878'/%3E%3C/svg%3E");
}

.active > .icon-fav {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='39'%3E%3Cpath fill='%23d60000' fill-rule='evenodd' d='M39.402 2.786A11.7 11.7 0 0 0 35.234.51a13.3 13.3 0 0 0-4.619-.473A13.2 13.2 0 0 0 26.04 1.24 12.3 12.3 0 0 0 22 4.075a12.3 12.3 0 0 0-4.04-2.836A13.2 13.2 0 0 0 13.386.036q-2.341-.171-4.62.473a11.7 11.7 0 0 0-4.167 2.277Q2.19 4.806 1.074 7.384 0 9.919 0 12.54t.988 5.07q.989 2.407 2.707 4.168l15.082 15.34q.645.688 1.483 1.031.837.345 1.74.344a4.54 4.54 0 0 0 3.223-1.332l15.082-15.383q1.719-1.76 2.707-4.168.988-2.448.988-5.048t-1.074-5.178q-1.118-2.578-3.524-4.598'/%3E%3C/svg%3E");
}


.icon-polygon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%231e3a8a' d='M128 64c23.7 0 44.4 12.9 55.4 32h273.1c11.1-19.1 31.7-32 55.4-32 35.3 0 64 28.7 64 64 0 34-26.5 61.8-60 63.9l-2.1 2.9-71.5 99.1c3.6 8 5.6 16.9 5.6 26.2s-2 18.2-5.6 26.2l2.2 3.1 69.3 96 2.1 2.9c33.5 2.1 60 29.9 60 63.9 0 35.3-28.7 64-64 64-23.7 0-44.4-12.9-55.4-32H183.4c-11.1 19.1-31.7 32-55.4 32-35.3 0-64-28.7-64-64 0-23.7 12.9-44.4 32-55.4V183.7c-19.1-11.3-32-32-32-55.7 0-35.3 28.7-64 64-64m330.2 413.4-65.5-90.6-2.2-3.1c-2.1.2-4.3.3-6.5.3-35.3 0-64-28.7-64-64s28.7-64 64-64c2.2 0 4.4.1 6.5.3l67.7-93.7c-.6-.9-1.1-1.7-1.6-2.6H183.4c-5.6 9.7-13.7 17.8-23.4 23.4v273.1c9.7 5.6 17.8 13.7 23.4 23.4h273.1c.5-.9 1.1-1.8 1.6-2.6z'/%3E%3C/svg%3E");
}


/*--- CUSTOM BRANDING ---*/
html[data-wl="true"] .col-12:not(.dmg-proje) .big-photos::after,
html[data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .drone-box::after,
html[data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .img-cont::after,
html[data-wl="true"] .col-12:not(.dmg-proje) #photoModal .modal-body::after,
html[data-wl="true"] .col-12:not(.dmg-proje) #photoModal .modal-body::after
{ position: absolute; right: 10px; top: 10px; width: 100px; aspect-ratio: 2 / 1; z-index: 1; content: ''; background-image: var(--bg-image); background-color: var(--bg-color); background-repeat: no-repeat; background-size: contain; background-position: center; border-radius: 5px; border: 7px solid var(--bg-color); }
html[data-wl="true"] div:not(.dmg-proje) .constVisualCont .img-cont::after { width: 80px; }

.proto-paymentplan #photoModal .modal-body::after { display: none; }
.proto-paymentplan #photoModal .modal-body img { margin: 0 auto; display: block; }

html[dir="rtl"][data-wl="true"] .col-12:not(.dmg-proje) .big-photos::after,
html[dir="rtl"][data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .drone-box::after,
html[dir="rtl"][data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .img-cont::after,
html[dir="rtl"][data-wl="true"] .col-12:not(.dmg-proje) #photoModal .modal-body::after,
html[dir="rtl"][data-wl="true"] .col-12:not(.dmg-proje) #photoModal .modal-body::after { right: unset; left: 10px; }

@media (min-width: 768px) {
  html[data-wl="true"] .col-12:not(.dmg-proje) .big-photos::after,
  html[data-wl="true"] .col-12:not(.dmg-proje) #photoModal .modal-body::after { position: absolute; margin: 0; right: 15px; top: 15px; width: 80px; }

  html[data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .drone-box::after,
  html[data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .img-cont::after { width: 80px; right: 10px; top: 10px; }

  html[data-wl="true"][dir="rtl"] .col-12:not(.dmg-proje) .big-photos::after,
  html[data-wl="true"][dir="rtl"] .col-12:not(.dmg-proje) #photoModal .modal-body::after { right: unset; left: 15px; }

  html[dir="rtl"][data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .drone-box::after,
  html[dir="rtl"][data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .img-cont::after { right: unset; left: 10px; }
}

@media (min-width: 992px) {
  html[data-wl="true"] .col-12:not(.dmg-proje) .big-photos::after,
  html[data-wl="true"] .col-12:not(.dmg-proje) #photoModal .modal-body::after { width: 100px; }

  html[data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .drone-box::after,
  html[data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .img-cont::after { width: 80px; }
}

@media (min-width: 1180px) {
  html[data-wl="true"] .col-12:not(.dmg-proje) .big-photos::after,
  html[data-wl="true"] .col-12:not(.dmg-proje) #photoModal .modal-body::after { width: 150px; }
  html[data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .drone-box::after,
  html[data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .img-cont::after { width: 60px; right: 5px; top: 5px; }

  html[dir="rtl"][data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .drone-box::after,
  html[dir="rtl"][data-wl="true"] .col-12:not(.dmg-proje) .constVisualCont .img-cont::after { right: unset; left: 5px; }
}


/*!
*
* ColorPick jQuery plugin
* https://github.com/philzet/ColorPick.js
*
* Copyright (c) 2017-2019 Phil Zet (a.k.a. Phil Zakharchenko)
* Licensed under the MIT License
*
*/@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;src:local("Open Sans"),local("OpenSans"),url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3bO3LdcAZYWl9Si6vvxL-qU.woff) format("woff")}@font-face{font-family:"Open Sans";font-style:normal;font-weight:700;src:local("Open Sans Bold"),local("OpenSans-Bold"),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format("woff")}.colorPickWrapper{position:relative;width:0;height:0}#colorPick *{-webkit-transition:all linear .2s;-moz-transition:all linear .2s;-ms-transition:all linear .2s;-o-transition:all linear .2s;transition:all linear .2s}#colorPick{background:rgba(255,255,255,.85);backdrop-filter:blur(15px);position:absolute;border-radius:5px;box-shadow:0 3px 8px rgba(0,0,0,.2);padding:15px;font-family:"Open Sans",sans-serif;width:140px;box-sizing:content-box;z-index:999}#colorPick span{user-select:none;font-size:9pt;text-transform:uppercase;font-weight:700;color:#bbb;margin-bottom:5px;display:block;clear:both}.customColorHash{border-radius:5px;height:23px;width:122px;margin:1px 4px;padding:0 4px;border:1px solid #babbba;outline:0}.customColorHash.error{border-color:#ff424c;color:#ff424c}.colorPickButton{border-radius:5px;width:20px;height:20px;margin:0 3px;cursor:pointer;display:inline-block;border:thin solid #eee}.colorPickButton:hover{transform:scale(1.1)}.colorPickDummy{background:#fff;border:1px dashed #bbb}



                    /*--- NEW INDEX PAGE ---*/
                    body.landing { background-image: none; background-color: #FFF;  }
                    body.landing.fixed::after { z-index: 1051; }
                    body.landing .iti { font-size: 14px; }
                    body.landing .iti.iti--allow-dropdown.iti--separate-dial-code { width: 100%; }
                    body.landing::before { display: none; }

                    body.landing > .container-fluid { max-width: unset!important; padding: 0; margin: 0; width: 100%; max-width: 100%; }
                    body.landing > .container-fluid > .row { margin: 0; display: unset; width: 100%; max-width: 100%; }

                    body.landing .container-fluid { max-width: 1250px; margin-top: 0; color: #101828; letter-spacing: 0; }

                    body.landing h1 { font-size: 42px; font-weight: 700; letter-spacing: -1px; line-height: 1.1; }
                    body.landing h2 { font-size: 32px; font-weight: 700; text-align: center; margin-bottom: 12px; }
                    body.landing h3 { font-size: 26px; font-weight: 700; margin-bottom: 15px; }
                    body.landing p { font-size: 16px; letter-spacing: 0.5px; line-height: 24px; margin-bottom: 20px; }
                    body.landing p.sub-p { color: #475467; font-size: 18px; line-height: 29px; letter-spacing: normal; text-align: center; margin-bottom: 20px; }
                    body.landing p.sub-p span { background: left 1em / 1em 0.25em; background-repeat: repeat-x; background-image: linear-gradient(to bottom, #F9F871, #F9F871); position: relative; display: inline-block; font-weight: 700; }

                    html[lang="ru"] body.landing h1 { font-size: 38px; }
                    html[lang="ru"] body.landing h2 { font-size: 29px; }
                    html[lang="ru"] body.landing h3 { font-size: 24px; }

                    body.landing .btn-demo { color: #FFFFFF; font-size: 18px; font-weight: 700; letter-spacing: -0.5px; line-height: 1.2225; background: #1E3A8A; border-radius: 6px; border-radius: 2rem; padding: 13px 22px; padding-right: 48px; background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9843811 7.8236366c.4555512-.4555512.4555512-1.1953664 0-1.6509176L10.1533255.3416634c-.4555512-.4555512-1.1953664-.4555512-1.6509176 0-.4555512.4555512-.4555512 1.1953664 0 1.6509176l3.8448523 3.8412079H1.1662112C.5211505 5.8337889 0 6.3549395 0 7c0 .6450605.5211506 1.1662111 1.1662111 1.1662111h11.1774047L8.5060523 12.007419c-.4555512.4555512-.4555512 1.1953664 0 1.6509176.4555512.4555512 1.1953664.4555512 1.6509176 0l5.8310556-5.8310556-.0036444-.0036444Z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: calc(100% - 23px) center; background-size: auto 13px; transition: ease all .2s; }
                    body.landing .btn-demo:hover { background-position: calc(100% - 13px) center; background-color: #3f44d9; }

                    body.landing .header { background-color: #FFF; padding: 0 15px; }
                    body.landing .header-cont { width: 100%; max-width: 1230px; margin: 0 auto; padding: 12px 0; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
                    body.landing .header-cont .logo { cursor: pointer; max-width: 200px; }
                    body.landing .header-cont .logo img { max-width: 100%; height: auto; }

                    body.landing .header-cont .btn-menu { outline: 1px solid #1e3a8a; margin-left: 15px; order: 3; }
                    body.landing .header-cont .dropdown-lang { order: 2; margin-left: auto; }

                    body.landing .header-cont .menu { background-color: #FFF; margin: 0 auto; display: flex; align-items: center; gap: 12px 0; flex-direction: column; pointer-events: all; padding: 15px; pointer-events: all; border-top: 1px solid #dadada; border-radius: 0; text-decoration: none; }
                    body.landing .header-cont .menu a { color: #000000; font-size: 18px; font-weight: 600; transition: ease all .2s; padding: 10px 0; width: 100%; text-align: center; position: relative; height: 48px; border: 0; }
                    body.landing .header-cont .menu a.active,
                    body.landing .header-cont .menu a:hover,
                    body.landing .header-cont .menu a:active { color: #1E3A8A; text-decoration: none; background-color: unset; }

                    body.landing .header-cont .menu .btn { width: 100%; }
                    body.landing .header-cont .btn:not(.btn-menu) { background-image: none; font-size: 18px; line-height: 1.33; padding: 11px 16px; border: 1px solid #1E3A8A; }
                    body.landing .header-cont .btn-login { background-color: #FFF; color: #1E3A8A; font-weight: 700; border-radius: 6px; border-radius: 2rem; }
                    body.landing .header-cont .btn:hover:not(.btn-menu) { background-color: #3f44d9; color: #FFF; border-color: #3f44d9; }
                    body.landing .header-cont .btn:not(body.landing .header-cont .menu .btn, .btn-menu) { display: none; }

                    body.landing:has(#mobile-menu.show) .header { z-index: 1041; }
                    body.landing #mobile-menu { padding-right: 0!important; }
                    body.landing #mobile-menu .modal-dialog { margin: 0; }
                    body.landing #mobile-menu.fade .modal-dialog { transition: transform .2s ease-out,-webkit-transform .2s ease-out; transform: translateY(-110%); }
                    body.landing #mobile-menu.show { top: 60px; }
                    body.landing #mobile-menu.show .modal-dialog { -webkit-transform: none; transform: none; max-width: 100%; }

                    body.landing:has(.modal-backdrop.fade.show) { overflow: hidden; }

                    body.landing .hero { background-image: url(/img/home/hero-pattern.png); display: flex; align-items: center; margin-bottom: 40px; }
                    body.landing .hero-cont { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 100%; max-width: 1230px; margin: 0 auto; padding: 30px 15px; }
                    body.landing .hero-content { max-width: 600px; }
                    body.landing .hero-content h1 { color: #FFFFFF; margin-bottom: 20px; text-align: center; }
                    body.landing .hero-content p { color: #FFFFFF; font-size: 21px; letter-spacing: -.0025em; line-height: 29px; margin-bottom: 20px; text-align: center; }
                    html[lang="ru"] body.landing .hero-content p { font-size: 18px; line-height: 25px; }

                    body.landing .hero-content .btn-demo { font-size: 21px; letter-spacing: 0.5px; line-height: normal; padding: 13px 30px; padding-right: 68px; background-size: auto 19px; background-position: calc(100% - 30px) center; margin: 0 auto; margin-bottom: 15px; width: 100%; max-width: 340px; display: block; text-align: left; width: 100%; }
                    body.landing .hero-content .btn-demo:hover { background-position: calc(100% - 20px) center; }
                    html[lang="ru"] body.landing .hero-content .btn-demo { font-size: 19px; }

                    body.landing .hero-img { border-radius: 12px; max-width: 520px; max-height: 520px; width: 100%; height: auto; overflow: hidden; position: relative; aspect-ratio: 1/ 1; }
                    body.landing .hero-img video  { height: 100%; width: 100%; object-fit: cover; object-position: center center; opacity: 1; cursor: pointer;  }
                    body.landing .hero-img video[poster] { object-fit: contain; }
                    body.landing .hero-img.play::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='50' height='49' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter x='-51.7%25' y='-48.3%25' width='203.3%25' height='203.3%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dy='1' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='5' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3Cpath d='M5.703125 1.4544689C4.546875.8452016 3.09375.8251159 1.9140625 1.3942117S0 3.0345467 0 4.1995192v23.567261c0 1.1649726.734375 2.2362117 1.9140625 2.8053075 1.1796875.5690958 2.6328125.5423149 3.7890625-.0602572l22.5-11.7836305C29.3203125 18.1457137 30 17.1079508 30 15.9831497s-.6796875-2.1558687-1.796875-2.7450503l-22.5-11.7836305Z' id='b'/%3E%3C/defs%3E%3Cg transform='translate(10 8)' fill-rule='nonzero' fill='none'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FFF' xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E"); background-size: 40% auto; background-position: center; background-repeat: no-repeat; display: inline-block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; z-index: 1; transition: ease-in-out all .2s; }
                    body.landing .hero-img:hover::before { transform: scale(1.1); }

                    body.landing .hero-content .btn-video { display: block; border: 0; background-color: #fff; font-size: 21px; margin: 0 auto; margin-bottom: 30px; border-radius: 2rem; padding: 13px 30px; padding-left: 50px; width: 100%; max-width: 340px; font-weight: 700; outline: 0!important; box-shadow: none!important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80v352c0 17.4 9.4 33.4 24.5 41.9S58.2 482 73 473l288-176c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E"); background-position: 30px 22px; background-repeat: no-repeat; background-size: auto 16px; transition: ease background-color .2s; text-align: left; max-width: 340px; width: 100%; }
                    body.landing .hero-content .btn-video:hover { background-color: #dedede; }
                    html[lang="ru"] body.landing .hero-content .btn-video { font-size: 19px; }

                    body.landing .hero-content .btn-video.pause { background-image: url("data:image/svg+xml,%3Csvg width='17' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 0h1c1.6568543 0 3 1.3431457 3 3v20c0 1.6568542-1.3431457 3-3 3h-1c-1.6568543 0-3-1.3431458-3-3V3c0-1.6568543 1.3431457-3 3-3Zm9 0h1c1.6568542 0 3 1.3431457 3 3v20c0 1.6568542-1.3431458 3-3 3h-1c-1.6568542 0-3-1.3431458-3-3V3c0-1.6568543 1.3431458-3 3-3Z' fill='%23333' fill-rule='nonzero'/%3E%3C/svg%3E"); }

                    body.landing .brands {width: calc(100% - 30px); max-width: 1230px; padding: 0; margin: 0 auto; }
                    body.landing .brands h2 { margin-bottom: 1rem; }
                    body.landing .brands-logos .swiper-wrapper { transition-timing-function: linear!important; z-index: 0; }
                    body.landing .brands-logos .swiper-container::before { content: ""; display: block; width: 30px; height: 66px; background-image: linear-gradient(270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 100%); position: absolute; left: 0; top: 0; z-index: 1; }
                    body.landing .brands-logos .swiper-container::after { content: ""; display: block; width: 30px; height: 66px; background-image: linear-gradient(-270deg, rgba(255,255,255,0.00) 0%, #FFFFFF 100%); position: absolute; right: 0; top: 0; z-index: 1; }
                    body.landing .brands-logos .swiper-slide { max-width: 148px; height: 80px; }
                    body.landing .brands-logos .swiper-slide img { width: 100%; height: 100%; object-fit: contain; background-color: #FFF; padding: .5rem; aspect-ratio: 5 / 3; filter: grayscale(1);  padding: 15px; }
                    body.landing .brands-logos.active img { opacity: 1; }

                    body.landing .boxes { padding: 40px 15px; }
                    body.landing .box { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 1230px; margin: 0 auto; margin-bottom: 70px; flex-direction: column; }
                    body.landing .box-content { width: 100%; text-align: center; margin-bottom: 30px; }

                    body.landing .video-box { background: #FEFEFE; box-shadow: 0 13px 20px 10px rgba(16,24,40,0.08); border-radius: 12px; aspect-ratio: 3 / 2;  max-width: 600px; width: 100%; overflow: hidden; }
                    body.landing .box-icon { margin-bottom: 20px; }

                    body.landing .video-box video { height: 100%; width: 100%; object-fit: cover; object-position: center center; opacity: 1; }

                    body.landing .developers { background: #2B1C50; padding: 50px 15px; }
                    body.landing .developers h2 { color: #FFF; margin-bottom: 30px; }
                    body.landing .developers-cont { width: 100%; max-width: 1230px; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px; }
                    body.landing .developers-cont img { border-radius: 6px; background-color: #FFF; width: calc(33.333% - 20px); object-fit: contain; aspect-ratio: 21 / 13; padding: 15px; }

                    body.landing .plans { padding: 50px 15px 50px 15px; background-color: #F7F9FC; }
                    body.landing .package-cont { width: 100%; max-width: 1230px; margin: 0 auto; display: flex; gap: 20px; flex-wrap: wrap; }
                    body.landing .package { background: #FFFFFF; border: 1px solid #E6E6E6; border-radius: 12px; padding: 25px 20px; padding-top: 35px; flex-shrink: 0; width: 100%; position: relative; }
                    body.landing .package-expert { border-color: #429F46; outline: 2px solid #429F46; padding-top: 57px; }

                    body.landing .most-popular { color: #FFF; font-size: 13px; font-weight: 600; letter-spacing: normal; text-align: center; line-height: 1; padding: 6px 0 9px 0; position: absolute; top: -1px; left: -1px; right: -1px; background-color: #429F46; border-top-left-radius: 9px; border-top-right-radius: 9px; }

                    body.landing .package h5 { color: #101828; font-size: 24px; font-weight: 700; text-align: center; margin-bottom: 17px; }
                    body.landing .price { display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 10px; min-height: 52px; }
                    body.landing .price p { color: #727272; font-size: 24px; font-weight: 700; letter-spacing: 0; text-decoration: line-through; filter: blur(0px); margin: 0; }
                    body.landing .badge-landing { color: #727272; font-size: 12px; font-weight: 700; line-height: 12px; background: #FFFFFF; border: 1px solid #727272; border-radius: 3px; padding: 4px 8px; margin-top: 2px; }
                    body.landing .price-new { margin-bottom: 20px; text-align: center; min-height:74px; }
                    body.landing .package-corp .price-new { display: flex; align-items: center; justify-content: center; }
                    body.landing .price-new p { color: #5357D5; font-size: 36px; font-weight: 800; line-height: 49px; margin-bottom: 0; filter: blur(0px); display: flex; align-items: center; justify-content: center; }
                    body.landing .price-new p small { display: inline-block; font-size: 12px; font-weight: 800; margin: 0; line-height: 1; width: fit-content; margin-left: 3px; transform: translateY(2px); letter-spacing: normal; }
                    body.landing .package-corp .price-new p { font-size: 26px; line-height: 32px; }

                    body.landing .price-new small {  color: #5357D5; font-size: 14px; font-weight: 600; margin-top: -4px; display: block; }

                    body.landing .package-calc { display: flex; align-items: center; justify-content: center; gap: 0 15px; min-height: 38px; }
                    body.landing .package-calc p { margin-bottom: 0; font-size: 14px; line-height: 16px; letter-spacing: normal; }
                    body.landing .package-calc p strong { font-weight: 700; margin-left: 2px; }
                    body.landing .package-calc .btn { border: 1px solid #D7D5DD; border-radius: 50%; font-weight: 700; width: 30px; height: 30px; flex-shrink: 0; background-repeat: no-repeat!important; background-position: center!important; position: relative; }
                    body.landing .package-calc .btn:after { content: ""; position: absolute; left: -5px; top: -4px; width: 38px; height: 38px; }

                    body.landing .package-calc .btn:hover { background-color: #3f44d9; border-color: #3f44d9; }
                    body.landing .package-calc .btn-minus { background-image: url("data:image/svg+xml,%3Csvg width='16' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.2356495 4H0V0h16v4H9.7643505z' fill='%23010128' fill-rule='nonzero'/%3E%3C/svg%3E"); background-size: 16px auto; }
                    body.landing .package-calc .btn-minus:hover { background-image: url("data:image/svg+xml,%3Csvg width='16' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.2356495 4H0V0h16v4H9.7643505z' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/svg%3E"); }
                    body.landing .package-calc .btn-plus { color: #FFF; background: #5357D5; border-color: #5357D5; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.0151057 11.028169H0V7.0623742h7.0151057V0h3.9697886v7.0623742H18v3.9657948h-7.0151057V18H7.0151057z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"); background-size: 16px auto; }
                    body.landing .package-calc input { text-align: center; background: #FFFFFF; border: 1px solid #D7D5DD; border-radius: 6px; font-weight: 700; }

                    body.landing .btn-buy { color: #FFFFFF; font-size: 17px; font-weight: 700; line-height: 24px; text-align: center; background: #1E3A8A; border-radius: 7px; border-radius: 2rem; padding: 10px 0; margin: 25px 0; width: 100%; border: 0; }
                    body.landing .btn-buy:hover { background-color: #3f44d9; }

                    body.landing .features { margin: 0; margin-bottom: 15px; padding: 0; }
                    body.landing .features:last-child { margin-bottom: 0; }
                    body.landing .features li { color: #010128; list-style: none; font-size: 14px; letter-spacing: 0; line-height: 17px; padding-left: 20px; margin-bottom: 15px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.748912.2636307c.334784.3515076.334784.9223559 0 1.2738634L4.8925343 8.7363693c-.334784.3515076-.8784734.3515076-1.2132574 0L.251088 5.1369317c-.334784-.3515075-.334784-.9223559 0-1.2738634.3347841-.3515076.8784734-.3515076 1.2132575 0L4.2872447 6.824168 10.5383328.2636307c.334784-.3515076.8784734-.3515076 1.2132574 0h-.0026782Z' fill='%23008D47' fill-rule='nonzero'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 0 5px; }
                    body.landing .features li:last-child { margin-bottom: 0; }
                    body.landing .features-disabled li { color: #808093; background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.4487632 4.9946926 9.8409895 1.645946c.2120141-.2137498.2120141-.4987495 0-.7124992L9.1342756.1496976C9.0412281.0539539 8.9138715 0 8.7809187 0c-.1329527 0-.2603093.0539539-.3533569.1496976L5.0353357 3.498444 1.7137809.1496976C1.6207334.0539539 1.4933768 0 1.360424 0c-.1329527 0-.2603093.0539539-.3533569.1496976L.3003534.9334468c-.2826856.2137497-.2826856.4987494 0 .7124992l3.180212 3.3487466L.1590106 8.3434392c-.2120141.2137498-.2120141.4987495 0 .7124993l.7773852.7124992c.212014.2849997.4946996.2849997.7067137 0l3.3215548-3.2774966 3.3215548 3.3487466c.2120141.2137497.4946996.2137497.7067138 0l.7773851-.7837492c.2120142-.2137498.2120142-.4987495 0-.7124993L6.5194346 4.9946926h-.0706714Z' fill='%23727272' fill-rule='nonzero'/%3E%3C/svg%3E"); background-position: 0 4px; }
                    body.landing .features .feature-add { font-weight: 700; background-image: none; padding-left: 0; }
                    body.landing .features .new { color: #2142e7; background-color: #2142e714; border-radius: 8px; padding: 3px 4px; font-size: .75rem; font-weight: 700; line-height: .75rem; display: inline-block; margin-left: .15rem; }

                    body.landing .user-cont-desc { text-align: center; font-size: 14px; line-height: 17px; letter-spacing: normal; margin: 1rem auto 0 auto; }
                    body.landing .user-cont-desc strong { margin-right: 2px; }

                    .plans .price-box { border-radius: 12px; background-color: #1E3A8A; color: #FFF; margin-bottom: 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px 20px; background-blend-mode: luminosity; background-image: url(/img/home/hero-pattern.png); aspect-ratio: 2 / 1; }
                    .plans .price-box p { font-size: 42px; line-height: 1; font-weight: 700; margin: .5rem 0; display: flex; align-items: center; gap: 0 .35rem; }
                    .plans .price-box p small { display: inline-block; font-size: 12px; font-weight: 800; margin: 0; line-height: 1; width: fit-content; transform: translateY(2px); letter-spacing: normal; }
                    .plans .price-box span { opacity: .6; font-weight: 600; }
                    .plans dl { overflow: hidden; margin-bottom: 0; }
                    .plans dt { margin-bottom: 10px; display: flex; gap: 0 10px; align-items: center; }
                    .plans dt::before { content: ""; display: block; background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.748912.2636307c.334784.3515076.334784.9223559 0 1.2738634L4.8925343 8.7363693c-.334784.3515076-.8784734.3515076-1.2132574 0L.251088 5.1369317c-.334784-.3515075-.334784-.9223559 0-1.2738634.3347841-.3515076.8784734-.3515076 1.2132575 0L4.2872447 6.824168 10.5383328.2636307c.334784-.3515076.8784734-.3515076 1.2132574 0h-.0026782Z' fill='%23FFFFFF' fill-rule='nonzero'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: 8px auto; width: 18px; height: 18px; border-radius: 50%; background-color: #1E3A8A; }
                    .plans dd { font-size: 14px; line-height: 19px; color: #010128; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #EBEBEC; padding-right: 2rem; }
                    body.landing .plans .btn-demo { display: block; margin-left: auto; margin-right: auto; }

                    body.landing .plans .intro-note { font-size: 14px; line-height: 19px; color: #010128; letter-spacing: normal; }
                    body.landing .plans .intro-note strong { color: #D60000; margin-right: .15rem; }


                    body.landing .footer { background-color: #1A1A42; color: #FFF; padding: 15px; text-align: center; }
                    body.landing .footer h2 { margin-top: 55px; margin-bottom: 20px; line-height: 1; }
                    body.landing .footer .btn-demo { background-image: none; padding: 15px 30px; margin-bottom: 70px; font-size: 21px; }
                    html[lang="ru"] body.landing .footer .btn-demo { font-size: 18px; }
                    body.landing .footer-cont { width: 100%; max-width: 1230px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
                    body.landing .footer-logo { display: flex; flex-direction: column; margin-bottom: 15px; align-items: center; }
                    body.landing .footer-logo .logo { margin-bottom: 10px; width: fit-content; max-width: 246px; }
                    body.landing .footer-logo .logo img { max-width: 100%; height: auto; }
                    body.landing .footer-logo small { font-size: 12px; letter-spacing: 0; display: inline-block; opacity: .5; }
                    body.landing .footer p { font-size: 14px; margin-bottom: 10px; opacity: .5; letter-spacing: normal; }
                    body.landing .footer p:hover, body.landing .footer p:active { opacity: 1; }
                    body.landing .footer-cont .social { display: flex; gap: 0 15px; }
                    body.landing .footer-cont .social a { border-radius: 50%; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; background-color: #EFF0FF; background-color: rgba(255, 255, 255, .25); transition: ease all .2s; background-repeat: no-repeat; background-position: center; }
                    body.landing .footer-cont .social a:hover { background-color: rgba(255, 255, 255, 1); }

                    body.landing .footer-cont .social a.facebook { background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.1914062 9.9376953V17h3.8515626V9.9376953h2.8720703l.5976562-3.2472656H6.0429688V5.5416016c0-1.7166016.6740234-2.3740235 2.4138671-2.3740235.541211 0 .9761719.0132813 1.2285157.0398438V.2623047C9.2105469.1328125 8.0484375 0 7.3777344 0 3.8283203 0 2.1914062 1.6767578 2.1914062 5.2925781v1.3978516H0v3.2472656h2.1914062Z' fill='%23FFF'/%3E%3C/svg%3E"); }

                    body.landing .footer-cont .social a.facebook:hover { background-image: url("data:image/svg+xml,%3Csvg width='10' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.1914062 9.9376953V17h3.8515626V9.9376953h2.8720703l.5976562-3.2472656H6.0429688V5.5416016c0-1.7166016.6740234-2.3740235 2.4138671-2.3740235.541211 0 .9761719.0132813 1.2285157.0398438V.2623047C9.2105469.1328125 8.0484375 0 7.3777344 0 3.8283203 0 2.1914062 1.6767578 2.1914062 5.2925781v1.3978516H0v3.2472656h2.1914062Z' fill='%230865FE'/%3E%3C/svg%3E"); }

                    body.landing .footer-cont .social a.instagram { background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5018963 4.1414147c-2.4120469 0-4.357613 1.9460002-4.357613 4.3585853 0 2.4125851 1.9455661 4.3585853 4.357613 4.3585853 2.4120468 0 4.3576129-1.9460002 4.3576129-4.3585853 0-2.4125851-1.9455661-4.3585853-4.3576129-4.3585853Zm0 7.1922347c-1.5587284 0-2.8330173-1.2707798-2.8330173-2.8336494 0-1.5628696 1.2704963-2.8336494 2.8330173-2.8336494 1.5625209 0 2.8330173 1.2707798 2.8330173 2.8336494 0 1.5628696-1.2742889 2.8336494-2.8330173 2.8336494Zm5.5522587-7.3705232c0 .5652125-.4551031 1.0166239-1.0163971 1.0166239-.5650864 0-1.0163971-.4552047-1.0163971-1.0166239 0-.5614192.4551032-1.0166239 1.0163971-1.0166239.561294 0 1.0163971.4552047 1.0163971 1.0166239Zm2.8861127 1.0317974c-.0644729-1.3618208-.3754601-2.5681134-1.3728946-3.561977-.9936419-.9938637-2.1996653-1.3049203-3.5611824-1.373201-1.4032348-.0796608-5.6091466-.0796608-7.0123814 0-1.3577245.0644874-2.563748.3755439-3.5611824 1.3694076C.4351924 2.4230168.1279978 3.6293094.0597323 4.9911302c-.0796431 1.4035479-.0796431 5.6103983 0 7.0139462.0644729 1.3618208.3754601 2.5681134 1.3728946 3.561977.9974344.9938637 2.1996653 1.3049203 3.5611824 1.373201 1.4032348.0796608 5.6091466.0796608 7.0123814 0 1.3615171-.0644874 2.5675405-.3755439 3.5611824-1.373201.993642-.9938636 1.3046291-2.2001562 1.3728946-3.561977.0796431-1.4035479.0796431-5.6066049 0-7.0101528ZM15.12744 13.5110454c-.295817.7435011-.8684885 1.3163004-1.6156162 1.6159768-1.1187954.4438246-3.7735639.3414036-5.0099275.3414036-1.2363637 0-3.8949247.0986276-5.0099275-.3414036-.7433352-.2958831-1.3160067-.8686824-1.6156163-1.6159768C1.4326269 12.3920004 1.5350251 9.7366395 1.5350251 8.5c0-1.2366395-.0986057-3.8957938.3413274-5.0110454.295817-.7435011.8684885-1.3163004 1.6156163-1.6159768 1.1187953-.4438246 3.7735638-.3414036 5.0099275-.3414036 1.2363636 0 3.8949247-.0986276 5.0099275.3414036.7433352.2958831 1.3160067.8686824 1.6156162 1.6159768.4437256 1.119045.3413274 3.7744059.3413274 5.0110454 0 1.2366395.1023982 3.8957938-.3413274 5.0110454Z' fill='%23FFF'/%3E%3C/svg%3E"); }

                    body.landing .footer-cont .social a.instagram:hover { background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5018963 4.1414147c-2.4120469 0-4.357613 1.9460002-4.357613 4.3585853 0 2.4125851 1.9455661 4.3585853 4.357613 4.3585853 2.4120468 0 4.3576129-1.9460002 4.3576129-4.3585853 0-2.4125851-1.9455661-4.3585853-4.3576129-4.3585853Zm0 7.1922347c-1.5587284 0-2.8330173-1.2707798-2.8330173-2.8336494 0-1.5628696 1.2704963-2.8336494 2.8330173-2.8336494 1.5625209 0 2.8330173 1.2707798 2.8330173 2.8336494 0 1.5628696-1.2742889 2.8336494-2.8330173 2.8336494Zm5.5522587-7.3705232c0 .5652125-.4551031 1.0166239-1.0163971 1.0166239-.5650864 0-1.0163971-.4552047-1.0163971-1.0166239 0-.5614192.4551032-1.0166239 1.0163971-1.0166239.561294 0 1.0163971.4552047 1.0163971 1.0166239Zm2.8861127 1.0317974c-.0644729-1.3618208-.3754601-2.5681134-1.3728946-3.561977-.9936419-.9938637-2.1996653-1.3049203-3.5611824-1.373201-1.4032348-.0796608-5.6091466-.0796608-7.0123814 0-1.3577245.0644874-2.563748.3755439-3.5611824 1.3694076C.4351924 2.4230168.1279978 3.6293094.0597323 4.9911302c-.0796431 1.4035479-.0796431 5.6103983 0 7.0139462.0644729 1.3618208.3754601 2.5681134 1.3728946 3.561977.9974344.9938637 2.1996653 1.3049203 3.5611824 1.373201 1.4032348.0796608 5.6091466.0796608 7.0123814 0 1.3615171-.0644874 2.5675405-.3755439 3.5611824-1.373201.993642-.9938636 1.3046291-2.2001562 1.3728946-3.561977.0796431-1.4035479.0796431-5.6066049 0-7.0101528ZM15.12744 13.5110454c-.295817.7435011-.8684885 1.3163004-1.6156162 1.6159768-1.1187954.4438246-3.7735639.3414036-5.0099275.3414036-1.2363637 0-3.8949247.0986276-5.0099275-.3414036-.7433352-.2958831-1.3160067-.8686824-1.6156163-1.6159768C1.4326269 12.3920004 1.5350251 9.7366395 1.5350251 8.5c0-1.2366395-.0986057-3.8957938.3413274-5.0110454.295817-.7435011.8684885-1.3163004 1.6156163-1.6159768 1.1187953-.4438246 3.7735638-.3414036 5.0099275-.3414036 1.2363636 0 3.8949247-.0986276 5.0099275.3414036.7433352.2958831 1.3160067.8686824 1.6156162 1.6159768.4437256 1.119045.3413274 3.7744059.3413274 5.0110454 0 1.2366395.1023982 3.8957938-.3413274 5.0110454Z' fill='%23405DE6'/%3E%3C/svg%3E"); }


                    body.landing .landing-modal .modal-content { background-color: #1E3A8A; background-image: url(/img/home/hero-pattern.png); }
                    body.landing .landing-modal .modal-body { padding: 0; }
                    body.landing .landing-modal .modal-cont { width: 100%; max-width: 1230px; margin: 0 auto; }

                    body.landing .landing-modal .close { border-radius: 7px; border-radius: 2rem; background-color: #FFF; font-size: 19px; text-shadow: none; opacity: 1; color: #625DF5; display: flex; align-items: center; padding: 13px 20px; margin-top: 10px; margin-right: 10px; }
                    body.landing .landing-modal .close::after { margin-left: 7px; width: 15px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m15.378151 11.9872623 8.089328-8.0369918c.505583-.5129995.505583-1.1969988 0-1.7099983L21.782203.3592742C21.560315.1294892 21.256612 0 20.939564 0s-.620751.1294893-.842638.3592741L12.007597 8.396266 4.0867962.3592741C3.8649089.1294893 3.5612058 0 3.2441578 0c-.3170479 0-.620751.1294893-.8426384.3592741L.7162426 2.2402722c-.6741107.5129995-.6741107 1.1969988 0 1.7099983l7.5837454 8.0369918-7.9208007 8.0369918c-.5055831.5129994-.5055831 1.1969987 0 1.7099982l1.8538045 1.7099983c.505583.6839993 1.1796937.6839993 1.6852768 0l7.9208004-7.865992 7.920801 8.0369918c.505583.5129995 1.179694.5129995 1.685277 0l1.853805-1.8809981c.505583-.5129995.505583-1.1969988 0-1.7099982l-7.752274-8.0369918h-.168527Z' fill='%23625DF5' fill-rule='nonzero'/%3E%3C/svg%3E"); display: block; }

                    body.landing .landing-modal .modal-logo { display: block; margin: 0 auto 30px auto; max-width: 246px; height: auto; }

                    body.landing .landing-modal .form-otp,
                    body.landing .landing-modal .form-demo,
                    body.landing .landing-modal .login-validate { clear: both; margin: 0 auto; padding: 24px; max-width: 420px; position: relative; overflow: hidden; }
                    body.landing .landing-modal .form-title { color: #FFFFFF; font-size: 24px; font-weight: 700; letter-spacing: 0; text-align: center; margin-bottom: 24px; line-height: normal; }

                    body.landing .landing-modal .form-mail-to { color: #FFFFFF; font-size: 18px; font-weight: 700; letter-spacing: 0; text-align: center; margin-bottom: 24px; line-height: normal; }
                    body.landing .landing-modal .form-mail-to span { display: block; margin-top: 6px; font-size: 24px; }

                    body.landing .landing-modal .form-group { margin-bottom: 25px; position: relative; }
                    body.landing .landing-modal form label { font-weight: 700; letter-spacing: 0; color: #FFF; line-height: 1; margin-bottom: 10px; }
                    body.landing .landing-modal form label.hidden { display: none; }
                    body.landing .landing-modal form label.phone-error,
                    body.landing .landing-modal form div.error,
                    body.landing .landing-modal form label.error { margin-bottom: 0; position: absolute; bottom: 0; transform: translateY(calc(100% + 4px)); left: 0; font-size: 14px; font-weight: 600; color: yellow; }
                    body.landing .landing-modal form input { border: 0; background: #FFFFFF; border-radius: 12px; padding: 13px; height: fit-content; }
                    body.landing .landing-modal form input[type="tel"] { padding-left: 82px!important; }
                    body.landing .landing-modal form .btn { font-size: 18px; font-weight: 700; letter-spacing: 0;  border: 0; background: #1E3A8A; border-radius: 12px; border-radius: 2rem; padding: 16px 0; width: 100%; color: #FFF; }
                    body.landing .landing-modal form .btn:hover { background-color: #3f44d9; }


                    body.landing .landing-modal .thank-you { position: absolute; top: 120px; opacity: 0; pointer-events: none; }
                    body.landing .landing-modal .thank-you.active { opacity: 1; pointer-events: all; z-index: 1; }
                    body.landing .landing-modal .form-cont.hidden { opacity: 0; pointer-events: none; }
                    body.landing .landing-modal .thank-you .icon-done { width: 80px; height: 80px; background-repeat: no-repeat; background-size: 100% auto; margin: 0 auto; margin-bottom: 30px; filter: brightness(0) invert(1); }
                    body.landing .landing-modal .thank-you h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin: 0 0 1rem 0; color: #FFF; text-align: center; }
                    body.landing .landing-modal .thank-you p { color: #FFF; text-align: center; }
                    body.landing .landing-modal .counter-cont { min-height: 100px; width: fit-content; margin: 0 auto; }
                    body.landing .landing-modal .counter-box { color: #FFF; }
                    body.landing .landing-modal h5 { color: #FFF; font-size: 42px; font-weight: 700; letter-spacing: -0.075em; width: 90px; height: 90px; margin: 0; line-height: 1; position: absolute; top: 10px; display: flex; align-items: center; justify-content: center; }

                    @media (min-width: 768px) {
                      body.landing h1 { font-size: 52px; }
                      body.landing h2 { font-size: 36px; margin-bottom: 17px; }
                      body.landing h3 { font-size: 28px; }
                      body.landing p { font-size: 17px; line-height: 25px; }
                      body.landing p.sub-p { font-size: 19px; line-height: 32px; margin-bottom: 25px; }

                      html[lang="ru"] body.landing h1 { font-size: 48px; }
                      html[lang="ru"] body.landing h2 { font-size: 32px; }
                      html[lang="ru"] body.landing h3 { font-size: 26px; }
                      html[lang="ru"] body.landing .hero-content p { font-size: 21px; line-height: 32px; }
                      html[lang="ru"] body.landing .hero-content .btn-demo { font-size: 22px; }
                      html[lang="ru"] body.landing .hero-content .btn-video { font-size: 22px; }
                      html[lang="ru"] body.landing .footer .btn-demo { font-size: 21px; }

                      body.landing .header { padding: 0; }
                      body.landing .header-cont { flex-wrap: nowrap; padding: 12px 15px; }
                      body.landing .header-cont .logo { max-width: 222px; }

                      body.landing #mobile-menu.fade .modal-dialog { max-width: 100%; }

                      body.landing .hero { margin-bottom: 50px; }
                      body.landing .hero-content { max-width: unset; }
                      body.landing .hero-cont { padding: 50px 15px; }
                      body.landing .hero-content h1 { margin-bottom: 25px; }
                      body.landing .hero-content p { font-size: 24px; line-height: 36px; margin-bottom: 25px; }
                      body.landing .hero-content .btn-demo { font-size: 24px; padding: 15px 35px; padding-right: 0; background-size: auto 22px; background-position: calc(100% - 24px) center; margin-bottom: 20px; max-width: 370px; }
                      body.landing .hero-content .btn-demo:hover { background-position: calc(100% - 16px) center; }

                      body.landing .hero-content .btn-video { font-size: 24px; margin-bottom: 30px; padding: 15px 35px; padding-left: 56px; background-position: 35px 26px; background-size: auto 16px; max-width: 370px; }

                      body.landing .boxes { padding: 50px 0; }
                      body.landing .box-content { padding: 0 30px; }

                      body.landing .developers { padding: 60px 15px; }
                      body.landing .developers-cont img { width: calc(25% - 23px); }

                      body.landing .plans { padding: 60px 15px 60px 15px; }
                      body.landing .plans p.sub-p { margin-bottom: 50px; }
                      body.landing .package { width: calc(50% - 10px); }
                      body.landing .package-expert { margin-top: -22px; padding-top: 57px; }
                      

                      .plans .price-box { margin-bottom: 1.5rem; aspect-ratio: 3 / 1; max-width: 600px; margin-left: auto; margin-right: auto; }
                      .plans .price-box p { font-size: 48px; margin: .5rem 0; }
                      .plans .price-box p small { font-size: 14px; }
                      .plans dl { display: flex; flex-direction: row; flex-wrap: wrap; max-width: 600px; margin-left: auto; margin-right: auto; }
                      .plans dt { margin: 0; width: 50%; align-items: flex-start; border-bottom: 1px solid #EBEBEC; padding-bottom: 15px; margin-bottom: 15px; }
                      .plans dt::before { transform: translateY(4px);}
                      .plans dd { width: 50%; padding-right: 0; }

                      body.landing .plans .intro-note { max-width: 600px; margin-left: auto; margin-right: auto; text-align: center;}

                      body.landing .footer { padding: 15px 15px 50px 15px; }
                      body.landing .footer h2 { margin-bottom: 20px; margin-top: 65px; }
                      body.landing .footer .btn-demo { margin-bottom: 80px; font-size: 24px; }
                      body.landing .footer-logo { margin-bottom: 25px; }
                    }

                    @media (min-width: 992px) {
                      body.landing h1 { font-size: 64px; }
                      html[lang="en"] body.landing h1 { font-size: 52px; }
                      body.landing h2 { font-size: 42px; margin-bottom: 12px; }
                      body.landing h3 { font-size: 30px; }
                      body.landing p { font-size: 18px; line-height: 28px; }
                      body.landing p.sub-p { font-size: 21px; line-height: 34px; margin-bottom: 40px; }

                      body.landing .header-cont { flex-wrap: nowrap; }

                      body.landing #mobile-menu.fade { opacity: 1; position: relative; top: unset; left: unset; right: unset; width: unset; height: unset; overflow: unset; display: block; transition: unset; margin: 0 auto; }
                      body.landing #mobile-menu.fade .modal-dialog { transition: unset; transform: unset; }
                      body.landing #mobile-menu.show { top: 0; }

                      body.landing .header-cont .menu { gap: 0 25px; flex-direction: row; padding: 0; border-top: 0; }
                      body.landing .header-cont .menu a { font-size: 15px; width: fit-content; padding: 0; height: unset; }

                      body.landing .header-cont .btn { display: block; }
                      body.landing .header-cont .menu .btn { display: none; }
                      body.landing .header-cont .btn:not(body.landing .header-cont .menu .btn) { display: block; }
                      body.landing .header-cont .btn:not(.btn-menu) { font-size: 15px; line-height: 20px; padding: 9px 16px; }
                      body.landing .header-cont .btn-login { margin-right: 15px; }
                      body.landing .header-cont .dropdown-lang { margin-left: 4px; }

                      body.landing .hero { height: 550px; margin-bottom: 60px; }
                      body.landing .hero-cont { flex-direction: row; padding: 0 15px; }
                      body.landing .hero-content h1 { margin-bottom: 30px; text-align: left; }
                      body.landing .hero-content p { font-size: 26px; line-height: 40px; margin-bottom: 30px; text-align: left; }
                      body.landing .hero-content .btn-demo { font-size: 27px; background-position: calc(100% - 28px) center; background-size: auto 24px; margin: 0; margin-bottom: 20px; max-width: 430px; }
                      body.landing .hero-content .btn-demo:hover { background-position: calc(100% - 16px) center; }

                      
                      body.landing .hero-content .btn-video { font-size: 27px; margin: 0; padding-left: 64px; background-position: 40px 28px; max-width: 430px; }
                      
                      html[lang="ru"] body.landing .hero-content .btn-demo { max-width: 550px; }

                      body.landing .hero-img { max-width: 45%; }

                      body.landing .boxes { margin-bottom: 40px; padding: 60px 15px; }
                      body.landing .boxes p.sub-p { margin-bottom: 60px; }
                      body.landing .box { flex-direction: row; margin-bottom: 110px; }
                      body.landing .box-content { width: calc(50% - 20px); padding-right: 80px; transform: translateY(-10px); text-align: left; margin-bottom: 0; }
                      body.landing .video-box { width: 50%; }
                      body.landing .box-map .box-content { order: 1; }
                      body.landing .box-map .video-box { order: 2; }

                      body.landing .box-access .box-content { order: 2; padding-left: 50px; padding-right: 0; }
                      body.landing .box-access .video-box { order: 1; }

                      body.landing .box-drone .box-content { order: 1; }
                      body.landing .box-drone .video-box { order: 2; }

                      body.landing .box-prices .box-content { order: 2; padding-left: 50px; padding-right: 0; }
                      body.landing .box-prices .video-box { order: 1; }

                      body.landing .box-documents .box-content { order: 1; }
                      body.landing .box-documents .video-box { order: 2; }

                      body.landing .box-construction .box-content { order: 2; padding-left: 50px; padding-right: 0; }
                      body.landing .box-construction .video-box { order: 1; }

                      body.landing .box-calc .box-content { order: 1; }
                      body.landing .box-calc .video-box { order: 2; }

                      .plans .price-box { max-width: 720px; aspect-ratio: 5 / 2; margin-bottom: 2rem; }
                      .plans .price-box p { font-size: 56px; }
                      .plans dl { max-width: 720px; }
                      .plans dt,
                      .plans dd { padding-bottom: 20px; margin-bottom: 20px; }
                      

                      body.landing .footer { padding: 15px; }
                      body.landing .footer h2 { margin-bottom: 25px; margin-top: 75px; }
                      body.landing .footer .btn-demo { margin-bottom: 95px; font-size: 24px; }
                      body.landing .footer-cont { flex-direction: row; align-items: flex-start; }
                      body.landing .footer-cont .social { margin-left: auto; }
                      body.landing .footer p { margin-bottom: 0; font-size: 14px; }
                      body.landing .footer-logo { margin-bottom: 0; align-items: flex-start; }

                      html[lang="ru"] body.landing h1 { font-size: 48px; }
                      html[lang="ru"] body.landing h2 { font-size: 38px; }
                      html[lang="ru"] body.landing h3 { font-size: 28px; }
                      html[lang="ru"] body.landing .hero-content p { font-size: 21px; line-height: 32px; }
                      html[lang="ru"] body.landing .hero-content .btn-demo { font-size: 22px; }
                      html[lang="ru"] body.landing .hero-content .btn-video { font-size: 22px; }
                      html[lang="ru"] body.landing .footer .btn-demo { font-size: 21px; }
                    }


                    @media (min-width: 1200px) {
                      body.landing .header-cont .menu { gap: 40px; }

                      html[lang="en"] body.landing h1 { font-size: 60px; }
                      html[lang="ru"] body.landing h1 { font-size: 54px; }

                      body.landing .hero-content { max-width: 600px; }
                      body.landing .header-cont .logo { max-width: 246px; }

                      body.landing .hero { height: 600px; }
                      body.landing .hero-img { max-width: 520px; }

                      body.landing .boxes { margin-bottom: 40px; padding: 60px 15px; padding-bottom: 0; }

                      body.landing .developers { padding: 70px 15px; }
                      body.landing .developers h2 { margin-bottom: 40px; }
                      body.landing .developers-cont { gap: 50px; }
                      body.landing .developers-cont img { width: calc(20% - 40px); padding: 15px 30px; }

                      body.landing .plans { padding: 70px 15px 100px 15px; }
                      body.landing .plans p.sub-p { margin-bottom: 50px; }
                      body.landing .package { width: calc(25% - 15px); }
                      body.landing .price-new p { font-size: 42px; line-height: 57px; }
                      body.landing .package-expert { margin-top: -22px; padding-top: 57px; }
                      body.landing .user-cont-desc { margin-top: 1.5rem; }

                      body.landing .plans { padding-bottom: 70px;}
                      .plans .price-box p { font-size: 62px; }

                      body.landing .landing-modal .close { font-size: 26px; padding: 17px 25px; margin-top: 12px; margin-right: 12px; }
                      body.landing .landing-modal .close::after { margin-right: 9px; width: 20px; height: 20px; }
                      body.landing .landing-modal .modal-logo { margin: 0 auto 40px auto; }
                      body.landing .landing-modal form input { padding: 16px; }
                    }

                    @media (min-width: 1366px) {
                      body.landing .brands { width: 100%; }
                      body.landing .landing-modal .close { margin-right: 0; }
                      .plans .price-box p { font-size: 72px; }
                    }

                    .modal.modal-fullscreen .modal-dialog { width: 100vw; height: 100vh; margin: 0; padding: 0; max-width: none; }
                    .modal.modal-fullscreen .modal-content { height: auto; height: 100vh; border-radius: 0; border: none; }
                    .modal.modal-fullscreen .modal-body { overflow-y: auto; }



                    /*--- BECOME A MEMBER ---*/
                    #getDemo .back { z-index: 1; position: absolute; transition: ease background-color .15s; width: 45px; height: 45px; border-radius: 50%; background-color: #FFF; border: 0; left: 10px; top: calc(50% - 75px); top: 10px; display: flex; align-items: center; justify-content: center; }

                    #getDemo .back:hover { background-color: #BBB; }
                    
                    #getDemo .back span.icon-arrow { background-size: cover; background-position: center 100%; display: block; width: 18px; aspect-ratio: 1 / 1; transform: rotate(90deg); transform-style: preserve-3d; transition: all 280ms cubic-bezier(0.6, 0.6, 0, 1); transform-origin: center center; }
                    
                    #getDemo .back.disabled { pointer-events: none; }

                    body:has([data-step="1"].active) .back { opacity: 0; pointer-events: none; }

                    #getDemo .modal-cont .position-relative { overflow: hidden;}

                    #getDemo .modal-logo { margin: 5rem auto 2rem auto; }

                    #getDemo .close { position: absolute; top: 10px; right: 10px; margin: 0; }

                    #getDemo h3 { font-weight: 700; font-size: 24px; line-height: 32px; margin: 0 0 1rem 0; color: #FFF; text-align: center; }
                    #getDemo select { border: 0; background: #FFFFFF; border-radius: 12px; padding: 13px; height: fit-content; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6.069' viewBox='0 0 10 6.069'%3E%3Cpath id='chevron-right-solid' d='M33.4,43.046l-4.45,4.45a.55.55,0,0,1-.777,0l-.519-.519a.55.55,0,0,1,0-.776l3.527-3.544-3.527-3.544a.55.55,0,0,1,0-.776l.519-.519a.55.55,0,0,1,.777,0l4.45,4.45A.55.55,0,0,1,33.4,43.046Z' transform='translate(47.657 -27.495) rotate(90)' fill='%231e3a8a'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: 92% center; }

                    #getDemo .btn { background-color: #fff; color: #333; }

                    #getDemo .btn.active { color: #FFF; background-color: #4044d9; }

                    #getDemo .btn:focus { background-color: #dedede;}


                    #getDemo .firms-group { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; gap: 1rem; }
                    #getDemo .firms-group .btn { background-color: #FFF; border-radius: .25rem; width: calc(33.333% - .667rem); padding: .5rem; display: flex; align-items: center; justify-content: center; margin: 0; font-size: 15px; line-height: normal; }
                    #getDemo .firms-group .btn img { object-fit: contain; max-width: 100%; max-height: 100%; filter: grayscale(1); }
                    #getDemo .firms-group .btn input { padding: 0; }
                    #getDemo .firms-group .btn:hover, 
                    #getDemo .firms-group .btn.active { background-color: #dedede; }
                    #getDemo .firms-group .btn:hover img,
                    #getDemo .firms-group .btn.active img { filter: grayscale(0);}

                    .find-progress { margin: 25px auto 1rem auto; width: calc(100% - 3rem); max-width: 420px; }
                    .find-progress-step { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; transition: ease all .35s; }
                    .find-progress-step:first-child { width: auto; }
                    .find-progress-step::before { content: ''; height: 2px; width: calc(100% - 10px); background-color: #DDD; }
                    .find-progress-step:first-child::before { display: none; }

                    .find-progress-step .step-dot { display: flex; width: 10px; height: 10px; border-radius: 100%; align-items: flex-end; justify-content: center; background-color: #DDD; }

                    .find-progress-step.completed .step-dot { background-color: #3f44d9; }
                    .find-progress-step.completed::before { background-color: #3f44d9; }


                    .find-progress-step.active .step-dot { background-color: #3f44d9; width: 24px; height: 24px; flex-shrink: 0; }
                    .find-progress-step.active::before { background-color: #3f44d9; }

                    .find-progress-step:has(~ .active)::before { background-color: #3f44d9; }
                    .find-progress-step:has(~ .active) .step-dot { background-color: #3f44d9;}


                    .find-inner-container { position: relative; }

                    .find-inner-step { transition: ease transform .35s; overflow: hidden; height: 0; }
                    .find-inner-step.active { height: auto; }
                    .find-inner-step.completed { height: 0; }

                    .find-inner-step.active[data-step="1"] { transform: none; }
                    .find-inner-step.completed[data-step="1"] { transform: translateX(-100%); }

                    .find-inner-step.active[data-step="2"] { transform: translateX(-100%); }
                    .find-inner-step.completed[data-step="2"] { transform: translateX(-200%); }

                    .find-inner-step.active[data-step="3"] { transform: translateX(-200%); }
                    .find-inner-step.completed[data-step="3"] { transform: translateX(-300%); }

                    .find-inner-step.active[data-step="4"] { transform: translateX(-300%); }
                    .find-inner-step.completed[data-step="4"] { transform: translateX(-400%); }

                    .find-inner-step.active[data-step="5"] { transform: translateX(-400%); }
                    .find-inner-step.completed[data-step="5"] { transform: translateX(-500%); }

                    .find-inner-step .btn-group-toggle label.btn-outline { height: 50px; min-width: 60px; padding: 0 20px; font-size: 18px; font-weight: 500; box-shadow: 0px 0px 7px rgb(0 0 0 / 16%); border: 0; }
                    .find-inner-step .btn-group-toggle label.btn-outline.active { background-color: #3f44d9; color: #FFFFFF; }

                    .find-inner-step .btn-group-toggle label.btn-big { display: block; min-width: 200px; height: unset; padding: 13px 20px; line-height: normal; }
                    .find-inner-step .btn-group-toggle label.btn-big span { font-size: 28px; display: block; }

                    .find-inner-step .continue { font-size: 18px; font-weight: 500; min-height: 50px; line-height: 1; padding: 0 20px; box-shadow: 0px 0px 7px rgb(0 0 0 / 16%); }
                    .find-inner-step pre { max-width: 500px; margin: 0 auto 1rem auto; background: #FFF; padding: 1rem; border-radius: 1rem; }

                    .find-inner-step p { line-height: 1.5; margin-left: auto; margin-right: auto; max-width: 540px; text-align: center; color: #FFF; }
                    .find-inner-step p.small { max-width: 400px; }
                    .find-inner-step .done::after { display: block; content: "\e92f"; font-family: 'hangiev'; font-size: 5rem; line-height: 1; color: #008D47; text-align: center; margin-bottom: 30px; }

                    @media (min-width: 1180px) {
                      #getDemo .firms-group .btn { aspect-ratio: 16 / 8; height: 100%; padding: .75rem; }
                    }

                    @media (min-width: 1200px) {
                      #getDemo .back { top: 12px; }
                    }

                    #plans h4 { font-weight: bold; font-size: 22px; text-align: center; color: #333; margin-bottom: 0; }

                    #plans ul { margin: 0; padding: 0; list-style: none; }
                    #plans ul.pro-list { display: flex; flex-direction: column; flex-wrap: wrap; gap: 0 16px; margin-bottom: 1rem; }
                    #plans ul li { font-size: 16px; line-height: 38px; white-space: nowrap; }
                    #plans ul li::before { content: "• " }

                    #plans p.price { flex-direction: row; font-weight: bold; font-size: 36px; text-align: center; color: #333; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; gap: 0 .35rem; } 
                    #plans p.price small { display: inline-block; font-size: 14px; font-weight: 800; margin: 0; line-height: 1; width: fit-content; transform: translateY(3px); opacity: .5;  }

                    #plans p.specs { font-size: 14px; text-align: center; color: #333; opacity: 0.5; margin-bottom: 15px; margin-top: -6px; }
                    #plans p.freeplus { font-weight: bold; text-decoration: underline; font-size: 21px; text-align: center; margin-bottom: 20px; }

                    #plans .packages-cont { display: flex; flex-direction: column; gap: 1rem 0; justify-content: center; margin: 2rem 0; }
                    #plans .packages-cont div { padding: 20px; border-radius: 10px; background: #fff; border: 1px solid #e6e6ee; flex-shrink: 0; }
                    #plans .packages-cont div .icon-pro { height: 32px; width: auto; border-radius: 9px; display: block; margin: 0 auto 15px auto; }

                    #plans .tooltip-brand,
                    #plans .tooltip-play { position: relative; cursor: pointer; }

                    #plans .tooltip-brand::after,
                    #plans .tooltip-play::after { content: ""; height: 2px; position: absolute; left: 0; right: 0; bottom: -2px; background: url("/img/img-underline.png") repeat-x; background-position: left bottom; }

                    body:has(#plans) .tooltip-inner:has(img),
                    body:has(#plans) .tooltip-inner:has(video) { padding: 0; overflow: hidden; }

                    body:has(#plans) img.brand-img  { width: 300px; height: auto; display: block; padding: .25rem; background-color: #333; }

                    @media screen and (min-width: 768px) {
                      #plans h4 { font-size: 26px; margin-bottom: 15px; }
                      #plans ul { height: 120px; display: flex; flex-direction: column; flex-wrap: wrap; gap: 0 16px; }
                      #plans ul.pro-list { height: 345px; }
                      #plans ul li { font-size: 16px; line-height: 34px; white-space: normal; }
                      #plans p.price { font-size: 38px; }
                      #plans .packages-cont div .icon-pro { height: 44px; }
                    }

                    @media screen and (min-width: 1180px) {
                      #plans h4 { font-size: 26px; height: 44px; }
                      #plans ul { height: auto; }
                      #plans ul.pro-list { height: 345px; margin-bottom: 0; }
                      #plans p.price { font-size: 42px; margin-bottom: 30px; }
                      #plans p.specs { font-size: 15px; margin-bottom: 20px; }
                      #plans .packages-cont { flex-direction: row; gap: 0 30px; }
                      #plans .packages-cont div { padding: 30px; }
                      body:has(#plans) img.brand-img  { width: 500px; }
                    }






/* BANK ACCOUNTS MODAL */
#bankInfo .close { padding: 8px; padding-right: 0; display: flex; align-items: center; outline: 0; color: #FFF; opacity: 1; font-weight: 600; font-size: 18px; text-shadow: none; margin-left: auto; margin-right: 5px; filter: invert(1); }
#bankInfo .close::after { display: block; width: 24px; height: 24px; margin-left: 3px; }
#bankInfo .modal-body { transition: ease all .35s; }
#bankInfo .logo { max-width: 246px; margin: 0 auto; display: block; }

#bankInfo h3 { font-weight: 700; margin: 2rem 0; text-align: center; font-size: 24px; }

#bankInfo .bank-garanti { width: 160px; height: 30px; margin-bottom: 20px; background-position: center; background-size: 100% auto; }
#bankInfo .bank-isbank { width: 170px; height: 44px; margin-bottom: 20px; background-position: center; background-size: contain; background-repeat: no-repeat; }

#bankInfo p { letter-spacing: normal; line-height: 1.5; margin-bottom: 1rem; }

#bankInfo p span { font-weight: 600; }
#bankInfo p > span:not(.copy):not(.icon)::after { content: ':'; }
#bankInfo p.copy-iban { font-size: 15px; font-weight: normal; letter-spacing: normal; line-height: 1.5; margin-bottom: 20px; }
#bankInfo p.copy-iban span.copy { font-size: 16px; color: #d60000; font-weight: 500; cursor: pointer; margin-left: 0; position: relative; width: unset; display: block;}

#bankInfo p.copy-iban span.copy i { color: #008D47; margin: 0; left: 20px; position: absolute; display: inline-block; font-style: normal; white-space: nowrap; }

#bankInfo p.copy-iban span.copy .icon-copy { background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(1 1)' fill='%23FFF' fill-rule='nonzero' stroke='%23D60001'%3E%3Crect y='3' width='12' height='12' rx='1'/%3E%3Crect x='3' width='12' height='12' rx='1'/%3E%3C/g%3E%3C/svg%3E"); width: 16px; height: 16px; display: inline-block; transform: translateY(2px); }

#bankInfo p.copy-iban span.copy:active { color: #333; }

#bankInfo .note { color: #333; line-height: normal; }
#bankInfo .note span { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23999999' d='M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zm-40-176h24v-64h-24c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E"); width: 19px; height: 19px; background-repeat: no-repeat; margin-right: 7px; transform: translateY(4px); }

html[dir="rtl"] #bankInfo .close { padding-right: 8px; padding-left: 0; margin-left: 8px; margin-right: auto; }
html[dir="rtl"] #bankInfo .close::after { margin-left: 0; margin-right: 3px; }
html[dir="rtl"] #bankInfo p.copy-iban span.copy { margin-left: unset; margin-right: 0; }
html[dir="rtl"] #bankInfo p.copy-iban span.copy i { left: unset; right: 20px; }
html[dir="rtl"] #bankInfo .note span { margin-right: unset; margin-left: 7px; }

@media (min-width: 576px) {
  #bankInfo .close { position: absolute; top: -40px; right: 0; text-shadow: 0px 0px 6px #000; filter: invert(0); margin: unset; }
  #bankInfo .modal-dialog { max-width: 550px; margin: 1.75rem auto; padding-top: 2rem; }

  html[dir="rtl"] #bankInfo .close { right: unset; left: 0; }
}

@media (min-width: 768px) {
  #bankInfo .logo { margin-top: 1rem; }
  #bankInfo h3 { margin-top: 1.5rem; margin-bottom: 1rem }
  #bankInfo p { display: flex; font-size: 16px; }
  #bankInfo p > span { width: 130px; }
  #bankInfo p > span::after { display: none; }
  #bankInfo p > span + span { width: fit-content; margin-right: 4px; }
  #bankInfo p.copy-iban { font-size: 16px; }
  #bankInfo p.copy-iban span.copy { margin-left: 15px;  }
  #bankInfo .note span { transform: translateY(1px); }

  html[dir="rtl"] #bankInfo p > span + span { margin-left: 4px; margin-right: unset; }
  html[dir="rtl"] #bankInfo p.copy-iban span.copy { margin-left: unset; margin-right: 15px;  }
}


/*--- UI STYLES ---*/
body { background-color: #f4f5f9; position: relative; }
.container-fluid { max-width: 1580px; }
header { border: 0; padding: .25rem 0; position: relative; margin-bottom: 1rem; min-width: 100vw; }
header > .container-fluid { margin-top: 0!important; }
header > .container-fluid > .row { gap: 1rem 0; }
header::after { position: absolute; content: ''; left: 0; right: 0; bottom: -5px; height: 5px; background: linear-gradient(#d8d8d8 0,rgba(244,244,244,0) 100%); }

.back-to-home { aspect-ratio: 2 / .6; height: 50px; z-index: 1; background-image: var(--bg-image); background-repeat: no-repeat; background-size: contain; background-position: center; display: block; order: 2; margin: 0 auto; position: relative; }
.back-to-home::after { content: ""; position: absolute; top: 0; bottom: 0; left: -50px; right: -50px;  }
.home .back-to-home { pointer-events: none; }
body:has(.show-firms) .back-to-home { pointer-events: all; }
body.show-favorites .back-to-home { pointer-events: all; }

@media (min-width: 390px) {
  .back-to-home { aspect-ratio: 2 / .5; }
}

@media (min-width: 768px) {
  header { min-width: 100%; }
  .back-to-home { order: 1; margin: 0; aspect-ratio: 2 / 1; }
}

@media (min-width: 992px) {
  header { padding: 0; }
  .back-to-home { height: 66px; margin: 2px 0; }
}

@media (min-width: 1200px) {
  .back-to-home { aspect-ratio: 2 / .85; }
}

@media (min-width: 1440px) {
  .back-to-home { margin: 5px 0; height: 60px; aspect-ratio: 4 / 1; background-position: left; } 
}


/*--- MAIN MENU ---*/
.hamburger { margin-left: -10px; margin-right: 0; }
.dropdown-navigation { order: 1; width: 50px; z-index: 1; }
.dropdown-navigation .lang-btn { display: block; }

.dropdown-navigation .lang-list { position: relative; padding: 15px 20px; color: #333; text-decoration: none; display: flex; align-items: center; font-weight: 600; background-color: #FFF; transition: ease all .15s; border:0; border-bottom: 1px solid #f4f4f4; }
.dropdown-navigation .lang-list span { width: 26px; height: 26px; margin-right: 10px; }

.dropdown-navigation .curr-list { position: relative; padding: 15px 20px; color: #333; text-decoration: none; display: flex; align-items: center; font-weight: 600; background-color: #FFF; transition: ease all .15s; border:0; border-bottom: 1px solid #f4f4f4; }
.dropdown-navigation .curr-list span { border-radius: 13px; width: 26px; height: 26px; background-color: #333; background-size: auto 60%; margin-right: 10px; }

.dropdown-navigation .curr-list span.icon-arrow { border-radius: 0; margin-right: 0; background-color: transparent; background-size: cover; height: unset; background-position: center 100%; display: block; width: .8rem; margin-left: .5rem; aspect-ratio: 1 / 1; transform: rotateZ(0deg); transform-style: preserve-3d; transition: all 280ms cubic-bezier(0.6, 0.6, 0, 1); transform-origin: center center; top: 1px; }

.dropdown-navigation .curr-list[aria-expanded="true"] { color: #fff; background-color: #1e3a8a; }
.dropdown-navigation .curr-list[aria-expanded="true"] span.icon-arrow { transform: rotateZ(180deg); filter: brightness(0) invert(1); }

.dropdown-navigation #collapseCurr a { position: relative; padding: 15px 20px; color: #333; text-decoration: none; display: flex; align-items: center; font-weight: 600; background-color: #FFF; transition: ease all .15s; border-bottom: 1px solid #f4f4f4; }
.dropdown-navigation #collapseCurr a span { border-radius: 13px; width: 26px; height: 26px; background-color: #333; background-size: auto 60%; margin-right: 10px; }
.dropdown-navigation #collapseCurr a:hover,
.dropdown-navigation #collapseCurr a:active { color: #fff; background-color: #172554; }

.dropdown-navigation .dropdown-menu { border: 0; border-radius: 0; padding: 0; margin: 0; background: transparent; transform-style: preserve-3d; transition: all 320ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 300ms ease-out; transform-origin: top left; opacity: 0; visibility: visible; transform: translate(-150%, 67px); display: block; top: 0; width: 310px; z-index: -1; pointer-events: none; position: fixed!important; height: calc(100% - 63px); background-color: #FFF; overflow: auto; }
.dropdown-navigation .dropdown-menu.show { opacity: 1; visibility: visible; transform: translate(0%, 63px)!important; pointer-events: auto; z-index: 2000; }

body:has(.dropdown-navigation.show) { position: fixed; }
body:has(.dropdown-navigation.show)::after { opacity: 1; }
body:has(.dropdown-navigation.show) > .container-fluid,
body:has(.dropdown-navigation.show) > .container-fluid * { pointer-events: none!important; }
body:has(.dropdown-navigation.show) .stretched-link::after { display: none; }
.dropdown-navigation.show { z-index: 2000; }

.nav-menu { display: flex; flex-direction: column; }

.nav-menu div.pro,
.nav-menu a { position: relative; padding: 15px 20px; color: #333; text-decoration: none; display: flex; align-items: center; font-weight: 600; background-color: #FFF; transition: ease all .15s; border-bottom: 1px solid #f4f4f4; }

.nav-menu a.active { pointer-events: none; }
.nav-menu div.pro:active,
.nav-menu a:active { color: #fff; background-color: #1e3a8a; }

.nav-menu div.pro > span + span,
.nav-menu a > span + span { display: none; }
.nav-menu .sub-nav { display: none; }
.nav-menu a.new::after { content: attr(data-new); color: #2142e7; background-color: #2142e714; border-radius: 6px; padding: .3rem .35rem; font-size: 11px; font-weight: 700; line-height: 1; display: inline-block; margin-left: .45rem; transform: translateY(-6px); text-transform: uppercase; }
.nav-menu .sub-nav-container a.new { position: relative; }
.nav-menu .sub-nav-container a.new::after { top: .5rem; right: .5rem; transform: none; }

.sub-nav-container div.pro span img,
.sub-nav-container a span img { display: none; }

.nav-menu div.pro .icon-pro { height: 24px; width: auto; margin-left: .5rem; border-radius: .35rem; z-index: 1; }
.sub-nav-container div.pro .icon-pro { height: 24px; width: auto; margin-left: auto; z-index: 1; }

.nav-menu div.pro,
.sub-nav-container div.pro { cursor: pointer; }

.sub-nav-container p { margin: 0; }

.sub-nav-container a.active { color: #111; background-color: #f4f5f9; }
.sub-nav-container a.active span { background-color: #FFF; }

html[dir="rtl"] .dropdown-navigation .dropdown-menu { transform-origin: top left; transform: translate(100%, 66px); left: unset!important; right: 0!important; z-index: 1; }
html[dir="rtl"] .dropdown-navigation .dropdown-menu.show { transform: translate(0%, 66px); }
html[dir="rtl"] .hamburger { margin-right: -10px!important; margin-left: 0!important; }

html[dir="rtl"] .dropdown-navigation .lang-list span { margin-right: unset; margin-left: 10px; }
html[dir="rtl"] .dropdown-navigation .curr-list span { margin-right: unset; margin-left: 10px; }
html[dir="rtl"] .dropdown-navigation #collapseCurr a span { margin-right: unset; margin-left: 10px; }
html[dir="rtl"] .dropdown-navigation .curr-list span.icon-arrow { margin-left: unset; margin-right: .5rem; }

html[dir="rtl"] .nav-menu a.new::after { margin-left: unset; margin-right: .45rem; }
html[dir="rtl"] .nav-menu .sub-nav-container a.new::after { right: unset; left: .5rem; }

html[dir="rtl"] .nav-menu div.pro .icon-pro { margin-right: .5rem; margin-left: 0; }

@media (min-width: 768px) {
  .dropdown-navigation { order: 2; width: unset; margin: 0 auto; }
  .dropdown-navigation .lang-list { display: none; }
  .dropdown-navigation .hamburger { display: none; }
  .dropdown-navigation .curr-list { display: none; }
  .dropdown-navigation .dropdown-curr { display: none; }
  .dropdown-navigation .dropdown-menu { position: unset; top: unset; left: unset; z-index: unset; display: unset; float: unset; min-width: unset; padding: unset; margin: unset; font-size: unset; color: unset; text-align: unset; list-style: unset; background-color: unset; background-clip: unset; border: unset; border-radius: unset; opacity: 1; position: relative!important; transform: unset; transform-origin: unset; transition: unset; transform-style: unset; pointer-events: all;  }

  .nav-menu { flex-direction: row; gap: 0 1.5rem; margin: 0 auto; }
  
  .nav-menu div.pro,
  .nav-menu a { padding: 0; border: 0; background: transparent; }
  .nav-menu a.active { pointer-events: none; color: #1a1a1a; }
  .nav-menu a.active::before { opacity: 1; }

  .nav-menu .sub-nav { display: flex; }
  .show-firms::before,
  .nav-menu > div:before,
  .nav-menu a::before { content: ''; display: block; position: absolute; top: -.5rem; bottom: -.5rem; left: -.75rem; right: -.75rem; transform: none; border-radius: 5px; background-color: #f4f5f9; opacity: 0; z-index: 0; transition: ease opacity .15s; }

  .nav-menu .position-relative { align-content: center;}

  .show-firms::before { opacity: 1!important; }

  .nav-menu div.pro > span,
  .nav-menu a > span { position: relative; z-index: 1; }

  .nav-menu > div.pro > span:has(+ span),
  .nav-menu > a > span:has(+ span) { display: none; }

  .nav-menu > div.pro > span + span,
  .nav-menu > a > span + span { display: block; }

  .nav-menu div.pro:hover, 
  .nav-menu a:hover,
  .nav-menu div a:hover { color: #1a1a1a; }
  .nav-menu a:active { color: #1a1a1a; background-color: transparent; }

  .nav-menu > a:hover::before,
  .nav-menu > div:hover::before { opacity: 1; }

  .nav-menu > div > a span.icon-arrow { background-size: cover; background-position: center 100%; display: block; width: .8rem; margin-left: .5rem; aspect-ratio: 1 / 1; transform: rotateZ(0deg); transform-style: preserve-3d; transition: all 280ms cubic-bezier(0.6, 0.6, 0, 1); transform-origin: center center; top: 1px; opacity: .8; }
  .nav-menu > div > a:hover span.icon-arrow { transform: rotateZ(180deg); }

  .nav-menu div a.sub-nav ~ .sub-nav-container { min-width: 320px; position: absolute; display: flex; opacity: 0; visibility: hidden; pointer-events: none; z-index: 100; transform-style: preserve-3d; transition: all 320ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transform-origin: top left; transform: translate3d(calc(50% - 1.5rem), 0px, 0px) scale3d(0.9, 0.9, 1); margin-top: -3px; right: 0; }

  .nav-menu > div:hover a.sub-nav ~ .sub-nav-container { opacity: 1; visibility: visible; pointer-events: all; transform: translate3d(calc(50% - 1.5rem), 12px, 0px) scale3d(1, 1, 1); }

  .sub-nav-container .menu-drop { border-radius: 5px; justify-content: flex-start; align-items: stretch; width: auto; display: flex; flex-direction: column; position: relative; box-shadow: 0px 0px 20px rgb(0 0 0 / 25%); background-color: #fff; margin-top: 14px; padding: 5px; }

  .sub-nav-container .menu-drop::before { display: inline-block; vertical-align: 0.255em; content: ""; border-bottom: 11px solid #fff; border-right: 11px solid transparent; border-top: 0; border-left: 11px solid transparent; position: absolute; top: -11px; left: calc(50% - 22px); z-index: 1051; transition: ease border-bottom-color .15s; }

  .sub-nav-container div.pro,
  .sub-nav-container a { display: flex; flex-direction: row; align-items: center; gap: 0 .5rem; text-decoration: none; color: #333; padding: .75rem 1rem; line-height: 1.2; border-radius: 5px; transition: ease all .2s; }

  .sub-nav-container div.pro::before,
  .sub-nav-container a::before { display: none; }

  .sub-nav-container div.pro span,
  .sub-nav-container a span { width: 48px; height: 48px; background-color: #F9F9FB; border-radius: 5px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: ease all .2s; }

  .sub-nav-container div.pro span img,
  .sub-nav-container a span img { display: block; width: 32px; height: 32px; object-fit: contain; object-position: center; }
  .sub-nav-container p { margin: 0; }

  .sub-nav-container div.pro:hover, 
  .sub-nav-container a:hover { color: #111; background-color: #f4f5f9; }
  .sub-nav-container a:hover span { background-color: #FFF; }

  html[dir="rtl"] .nav-menu > div > a span.icon-arrow { margin-left: unset; margin-right: .5rem; }
}

@media (min-width: 992px) {
  .nav-menu { gap: 0 2rem; }
}

@media (min-width: 1180px) {
  .dropdown-navigation { z-index: 1021; }
  .nav-menu { font-size: 1rem; gap: 0 2.5rem; }
  .nav-menu > a > span:has(+ span) { display: block; }
  .nav-menu > a > span + span { display: none; }
  .nav-menu a.new::after { position: absolute; transform: translateY(-12px); right: -10px; top: 0; }
  .nav-menu .sub-nav-container a.new::after { position: relative; transform: translateY(-1px); scale: 1.2; top: unset; right: unset; }

  html[dir="rtl"] .nav-menu { gap: 0 1.5rem; }
  html[dir="rtl"] .nav-menu a.new::after { left: -20px; right: unset; }
}

@media (min-width: 1440px) {
  .nav-menu { gap: 0 3rem; }
  html[dir="rtl"] .nav-menu { gap: 0 2rem; }
}


/*--- USER DROPDOWN ---*/
.hello-user {  border: 0; background-color: transparent; padding: 0; cursor: pointer; -webkit-user-select: none!important; user-select: none!important; box-shadow: none!important; outline: 0!important; width: fit-content; overflow: hidden; position: relative; display: flex; align-items: center; font-size: 16px; color: #333; margin-bottom: 0; cursor: default; }
.hello-user .user { width: 50px; height: 50px; border-radius: 50%; object-fit: contain; margin-right: 0; border: 2px solid #eee; }
.hello-user .icon-user { pointer-events: none; z-index: 1; background-size: contain; }
.hello-user .name { display: none; }
.hello-user::after { display: none; }

.hello-user img.pro { position: absolute; bottom: 0; left: 18px; width: 32px; height: auto; }
  
.dropdown-user { max-width: calc(100% - 202px); order: 6; }
.dropdown-user .membership-ending-soon { background: #f4f4f4; font-size: 13px; line-height: 1; padding: .625rem 1rem; text-align: center; cursor: default; pointer-events: none; }

.dropdown-user .dropdown-menu { border: 0; border-radius: 0; padding: 0; margin: 0; background: transparent; transform-style: preserve-3d; transition: all 320ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 300ms ease-out; transform-origin: top left; opacity: 0; visibility: visible; transform: translate(150%, 67px); display: block; top: 0; left: unset; right: 0; width: fit-content; z-index: -1; pointer-events: none; position: fixed!important; height: 100%; background-color: #FFF; }
.dropdown-user .dropdown-menu.show { opacity: 1; visibility: visible; transform: translate(0%, 63px)!important; left: unset!important; right: 0; pointer-events: auto; z-index: 2000; }
.dropdown-user .dropdown-item { padding: 15px 20px; padding-right: 5px; color: #333; display: flex; align-items: center; font-weight: 600; background-color: #FFF; transition: ease all .15s; text-decoration: none; border-bottom: 1px solid #f4f4f4; }
.dropdown-user .dropdown-item .badge { margin-left: .5rem; }
.dropdown-user .dropdown-item .icon { display: inline-block; aspect-ratio: 1 / 1; width: 20px; background-size: contain; background-repeat: no-repeat; margin-right: 12px; }
.dropdown-user .dropdown-item:hover { color: #fff; background-color: #1e3a8a; }
.dropdown-user .dropdown-item:hover .icon { filter: brightness(0) invert(1); }

.dropdown-user .dropdown-item .badge-brand { border-radius: 50%; margin-left: .5rem; padding: .375rem; width: 24px; height: 24px; font-size: 14px; line-height: 1; display: flex; align-items: center; justify-content: center; background-color: #D60000; }
.dropdown-user .dropdown-item:hover .badge-brand { background-color: #FFF; color: #1e3a8a; }

.dropdown-user .dropdown-item.pro { cursor: pointer; }
.dropdown-user .dropdown-item.pro .icon-pro { height: 24px; width: auto; margin-left: .5rem; border-radius: .35rem; }

.dropdown-user .dropdown-item.admin { background-color: #132454; color: #FFF; }
.dropdown-user .dropdown-item.admin .icon { filter: brightness(0) invert(1); }
.dropdown-user .dropdown-item.admin:hover { background-color: #1e3a8a; }

body:has(.dropdown-user.show) { position: fixed; }
body::after { content: ""; position: fixed; background: rgba(0, 0, 0, .8); left: 0; top: 63px; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: ease opacity .2s; z-index: 1021; }
body:has(.dropdown-user.show)::after { opacity: 1; }

body:has(.dropdown-user.show) > .container-fluid,
body:has(.dropdown-user.show) > .container-fluid * { pointer-events: none!important; }
body:has(.dropdown-user.show) .stretched-link::after { display: none; }

html[dir="rtl"] .dropdown-user .dropdown-menu { transform-origin: top right; transform: translate(-150%, 66px); margin-left: unset; margin-right: auto; left: 0!important; right: unset!important; }
html[dir="rtl"] .dropdown-user .dropdown-menu.show { transform: translate(0, 66px); }
html[dir="rtl"] .dropdown-user .dropdown-item { padding-left: 5px; padding-right: 20px; }
html[dir="rtl"] .dropdown-user .dropdown-item .icon { margin-right: 0; margin-left: 12px; }
html[dir="rtl"] .dropdown-user .dropdown-item .badge { margin-left: unset; margin-right: .5rem; }

@media (min-width: 768px) {
  .hello-user .user { width: 50px; height: 50px; }

  .hello-user { overflow: visible; }
  .hello-user::after { display: inline-block; vertical-align: 0.255em; content: ""; border-bottom: 11px solid #fff; border-right: 11px solid transparent; border-top: 0; border-left: 11px solid transparent; position: absolute; bottom: -32px; left: 14px; z-index: 2001; opacity: 0; transition: ease all .15s; }
  .hello-user[aria-expanded="true"]::after { opacity: 1; bottom: -16px; }

  .dropdown-user .dropdown-menu { border-radius: 5px; position: absolute!important; height: unset; background-color: transparent; transform: translate3d(0, 50px, 0px); box-shadow: 0px 0px 20px rgb(0 0 0 / 25%); right: 20px; transition: all 200ms ease-out; }
  .dropdown-user .dropdown-menu.show { visibility: visible; transform: translate3d(0, 66px, 0px)!important; right: 20px;  }
  .dropdown-user .dropdown-item { border-bottom: 0; padding-right: 20px; }

  .dropdown-user .membership-ending-soon { border-top-left-radius: 5px; border-top-right-radius: 5px; }
  .dropdown-user.show:has(.membership-ending-soon) .hello-user::after { border-bottom-color: #f4f4f4; transition-delay: 0; }
  .dropdown-user .dropdown-item:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }

  .dropdown-user:has(.dropdown-item:first-child:hover) .hello-user::after { border-bottom-color: #1e3a8a; transition-delay: 0; }
  .dropdown-user .dropdown-item:last-child { border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; }
  .dropdown-user .dropdown-item:hover { color: #fff; background-color: #1e3a8a; }
  .dropdown-user .dropdown-item.active { pointer-events: none; background-color: #dcdcdc; color: #333; }
  .dropdown-user .dropdown-item.active:first-child::before { border-bottom-color: #dcdcdc; }

  body:has(.dropdown-user.show) { position: unset; }
  body:has(.dropdown-user.show)::after { display: none; }
  body:has(.dropdown-user.show) > .container-fluid,
  body:has(.dropdown-user.show) > .container-fluid * { pointer-events: auto!important; }
  body:has(.dropdown-user.show) .stretched-link::after { display: unset; }

  html[dir="rtl"] .dropdown-user .dropdown-menu { transform-origin: top left; transform: translate3d(0, -44px, 0px); margin-left: unset; margin-right: auto; left: 10px!important; right: unset!important; }
  html[dir="rtl"] .dropdown-user .dropdown-menu.show { transform: translate3d(0, 66px, 0px)!important; }
  html[dir="rtl"] .dropdown-user .dropdown-item:first-child::before { right: unset; left: 24px; }
  html[dir="rtl"] .dropdown-user .dropdown-item .icon { margin-right: 0; margin-left: 12px; }
  html[dir="rtl"] .dropdown-user .dropdown-item .badge { margin-left: unset; margin-right: .5rem; }
}

@media (min-width: 992px) {
  .hello-user { gap: 0 .75rem; }
  .hello-user .user { width: 60px; height: 60px; }
  .hello-user .name { z-index: 1; text-align: left; white-space: normal; line-height: 1.2; display: block; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; }
  .hello-user .name small { display: block; font-size: 85%; opacity: .8; font-weight: normal; }
  
  .hello-user img.pro { left: 38px; bottom: -4px; }
  html[dir="rtl"] .hello-user img.pro { left: unset; right: 0; }

  .dropdown-user .dropdown-menu { transform-origin: top left; }
  .dropdown-user .dropdown-menu.show { transform: translate3d(0px, 80px, 0px)!important; }
  .dropdown-user .dropdown-item:first-child::before { right: calc(50% - 11px); }
  html[dir="rtl"] .dropdown-user .dropdown-menu { transform-origin: top center; }

  html[dir="rtl"] .dropdown-user .dropdown-menu.show { transform: translate3d(0px, 80px, 0px)!important; }
  html[dir="rtl"] .dropdown-user .dropdown-item:first-child::before { left: calc(50% - 11px); }
}

@media (min-width: 1200px) {
  .hello-user.dropdown-toggle { width: 100%; }
  .dropdown-user .dropdown-menu.show { transform: translate3d(0px, 80px, 0px)!important; }
  html[dir="rtl"] .dropdown-user .dropdown-menu.show { transform: translate3d(0, 80px, 0px)!important; }
}


/*--- CURRENCY DROPDOWN ---*/
.dropdown-toggle-currency { width: 26px; height: 26px; display: block; line-height: 1; border: 0; background: transparent!important; padding: 0; margin: 0; -webkit-appearance: none; appearance: none; outline: 0!important; box-shadow: none!important; z-index: 1; position: relative; margin-left: auto; margin: 0 1rem; }
.dropdown-toggle-currency::after { display: none; }
.dropdown-toggle-currency span { width: 26px; height: 26px; display: inline-block; z-index: 1; background-size: auto 60%; background-color: #333; border-radius: 13px; }

.dropdown-curr { order: 3; display: none; }
.dropdown-curr .dropdown-menu { border: 0; border-radius: 5px!important; padding: 0; margin: 0; background: transparent; box-shadow: 0px 0px 20px rgb(0 0 0 / 25%); transform-style: preserve-3d; transition: all 320ms cubic-bezier(0.175, 0.885, 0.32, 1.275); transform-origin: top right; opacity: 0; transform: translate3d(0, -44px, 0px) scale3d(0.9, 0.9, 1); display: block; left: unset; right: 0; width: fit-content; z-index: -1; pointer-events: none; }
.dropdown-curr .dropdown-menu.show { opacity: 1; visibility: visible; transform: translate3d(-10px, 44px, 0px) scale3d(1, 1, 1)!important; left: unset!important; right: 0; pointer-events: auto; z-index: 2000; }
.dropdown-curr .dropdown-item { padding: 15px 20px; color: #333; display: flex; align-items: center; font-weight: 600; background-color: #FFF; transition: ease all .15s; }
.dropdown-curr .dropdown-item span { border-radius: 13px; width: 26px; height: 26px; background-color: #333; background-size: auto 60%; margin-right: 10px; }
.dropdown-curr .dropdown-item:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.dropdown-curr .dropdown-item:first-child::before { display: inline-block; vertical-align: 0.255em; content: ""; border-bottom: 11px solid #fff; border-right: 11px solid transparent; border-top: 0; border-left: 11px solid transparent; position: absolute; top: -11px; right: 14px; z-index: 1051; transition: ease border-bottom-color .15s; }
.dropdown-curr .dropdown-item:first-child:hover::before { border-bottom-color: #1e3a8a; }
.dropdown-curr .dropdown-item:last-child { border-radius: 5px; border-top-left-radius: 0; border-top-right-radius: 0; }
.dropdown-curr .dropdown-item:hover { color: #fff; background-color: #1e3a8a; }
.dropdown-curr .dropdown-item.active { pointer-events: none; background-color: #dcdcdc; color: #333; }
.dropdown-curr .dropdown-item.active:first-child::before { border-bottom-color: #dcdcdc; }

html[dir="rtl"] .dropdown-curr .dropdown-menu { transform: translate3d(calc(100% - 58px), -44px, 0px) scale3d(1, 1, 1)!important }
html[dir="rtl"] .dropdown-curr .dropdown-menu.show { transform: translate3d(calc(100% - 58px), 44px, 0px) scale3d(1, 1, 1)!important }
html[dir="rtl"] .dropdown-curr .dropdown-item span { margin-left: 10px; margin-right: 0; }
html[dir="rtl"] .dropdown-curr .dropdown-item:first-child::before { right: unset; left: 17px; }

@media (min-width: 768px) {
  .dropdown-curr { display: block; }
  .dropdown-curr .dropdown-menu { transform-origin: top center; transform: translate3d(40px, -44px, 0px) scale3d(0.9, 0.9, 1); }
  .dropdown-curr .dropdown-menu.show { transform: translate3d(20px, 44px, 0px) scale3d(1, 1, 1)!important; }
  .dropdown-curr .dropdown-item:first-child::before { left: unset; right: 40px; }
}

@media (min-width: 992px) {
  .dropdown-toggle-currency { margin: 0; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: 5px; }
  .dropdown-toggle-currency span { margin-top: 1px; position: relative; z-index: 1; }
  .dropdown-toggle-currency::after { border: 0; margin: 0; content: ''; width: 48px; height: 48px; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transform: none; border-radius: 5px; background-color: #f4f5f9; opacity: 0; z-index: 0; transition: ease opacity .15s; }
  .dropdown-toggle-currency:hover::after { opacity: 1; }
  .dropdown-curr .dropdown-menu { transform: translate3d(calc(-50% + 29px), 0px, 0px) scale3d(0.9, 0.9, 1); left: 0!important; right: unset!important; }
  .dropdown-curr .dropdown-menu.show { transform: translate3d(calc(-50% + 29px), 54px, 0px) scale3d(1, 1, 1)!important; }
  .dropdown-curr .dropdown-item:first-child::before { right: unset; left: calc(50% - 11px); }

  html[dir="rtl"] .dropdown-toggle-currency { margin: 0; margin-left: 11px; }
  html[dir="rtl"] .dropdown-curr .dropdown-menu { transform-origin: top center; transform: translate3d(48px, -54px, 0px) scale3d(0.9, 0.9, 1)!important; right: 0!important; left: unset!important; }
  html[dir="rtl"] .dropdown-curr .dropdown-menu.show { transform: translate3d(66px, 54px, 0px) scale3d(1, 1, 1)!important; }
  html[dir="rtl"] .dropdown-curr .dropdown-item:first-child::before { left: calc(50% - 11px); }
}

@media (min-width: 1200px) {
  .dropdown-toggle-currency { }
  .dropdown-curr .dropdown-menu.show { transform: translate3d(calc(-50% + 37px), 54px, 0px) scale3d(1, 1, 1)!important; }

  html[dir="rtl"] .dropdown-toggle-currency { margin: 0 .25rem 0 1rem; }
}

/*--- TOP FAVORITES  ---*/
header .favorites { display: none; }
@media (min-width: 992px) {
  header .favorites { order: 5; width: 48px; height: 48px; background-size: 24px auto; background-position: center; margin-right: 1rem; position: relative; transition: ease all .2s; display: block; }
  header .favorites span { font-size: 13px; font-weight: 700; color: #FFFFFF; border: 2px solid #FFFFFF; display: block; position: absolute; width: 22px; height: 22px; text-align: center; line-height: 16px; bottom: 5px; right: 2px; background: #D60000; text-indent: 0; display: none; }

  header .favorites:hover { background-color: #f4f5f9; border-radius: 5px; }
}