@font-face{font-family:'Misto';src:url('../assets/62f10a066a17d546e54a78aa/62f4e72eb5f1515bc51ad1cc_Misto.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Abstract it';src:url('../assets/62f10a066a17d546e54a78aa/6303d540c45c762ea214613e_Abstract_Regular_It.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Abstract';src:url('../assets/62f10a066a17d546e54a78aa/6303d557ce8ccc0ba4dd0bbd_Abstract_Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Blatant';src:url('../assets/62f10a066a17d546e54a78aa/6303d57d0d3da7808c08ee5f_Blatant.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Blatant';src:url('../assets/62f10a066a17d546e54a78aa/6303d57d626a102b578173b3_Blatant-BoldItalic.otf') format('opentype');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:'Blatant';src:url('../assets/62f10a066a17d546e54a78aa/6303d57dab194d92ad24253a_Blatant-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Blatant';src:url('../assets/62f10a066a17d546e54a78aa/6303d57d9c2867303bcf383b_Blatant-Italic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:sans-serif}body{margin:0;min-height:100%;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}
img{max-width:100%;vertical-align:middle;display:inline-block;border:0}a{background-color:transparent}
.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after,.w-row:before,.w-row:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-container:after,.w-row:after{clear:both}
.w-inline-block{max-width:100%;display:inline-block}.w-embed:before,.w-embed:after{content:" ";display:table;grid-area:1/1/2/2}.w-embed:after{clear:both}
.w-row{margin-left:-10px;margin-right:-10px}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:0;padding-right:0}
.w-col-3{width:25%}.w-col-6{width:50%}.w-col-9{width:75%}.w-col-12{width:100%}.w-col-4{width:33.33%}.w-col-8{width:66.66%}
.w-dyn-list{}.w-dyn-items{}.w-dyn-item{}
.w-input{margin-bottom:10px;display:block;width:100%;height:38px;padding:8px 12px;font-size:14px;line-height:1.42857143;color:#333;vertical-align:middle;background-color:#fff;border:1px solid #ccc}
.w-checkbox{display:block;margin-bottom:5px;padding-left:20px}.w-checkbox:before,.w-checkbox:after{content:" ";display:table}.w-checkbox:after{clear:both}
.w-checkbox-input{float:left;margin:4px 0 0 -20px;line-height:normal;width:12px;height:12px;border:1px solid #ccc;cursor:pointer}
.w-checkbox-input--inputType-custom{border-radius:2px}.w-checkbox-input.w--redirected-checked{background:#3898ec center/cover no-repeat;border-color:#3898ec}
.w-form-label{display:inline-block;cursor:pointer;font-weight:400;margin-bottom:0}
.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}
.w-dropdown-toggle{position:relative;vertical-align:top;text-decoration:none;color:#222;padding:20px;padding-right:40px;margin-left:auto;margin-right:auto;text-align:left;white-space:nowrap;cursor:pointer;display:inline-block;user-select:none}
.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto 20px auto auto;width:1em;height:1em;font-family:inherit}.w-icon-dropdown-toggle{line-height:14px;font-family:inherit}.w-icon-dropdown-toggle:before{content:"";display:block;width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 5.5l4 4 4-4' fill='none' stroke='%23333' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
.w-dropdown-list{position:absolute;background:#ddd;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}
.w-dropdown-link{padding:10px 20px;display:block;color:#222;text-decoration:none}
.w-iframe iframe{border:0}
@media(max-width:991px){.w-container{max-width:728px}}
@media(max-width:767px){.w-container{max-width:none}.w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-tiny-3{width:25%}.w-col-tiny-9{width:75%}}
@media(max-width:479px){.w-container{max-width:none}.w-col{width:100%}.w-col-tiny-3{width:25%}.w-col-tiny-9{width:75%}}
.w-layout-grid{display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-row-gap:16px;grid-column-gap:16px}
.w-button{display:inline-block;padding:9px 15px;background-color:#3898ec;color:#fff;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}

body{background-color:#fff}
h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}
h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}
h4{font-size:18px;line-height:24px;margin-top:10px}h5{font-size:14px;line-height:20px;margin-top:10px}h6{font-size:12px;line-height:18px;margin-top:10px}
p{margin-top:0;margin-bottom:10px}ul,ol{margin-top:0;margin-bottom:10px;padding-left:40px}
label{display:block;margin-bottom:5px;font-weight:bold}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
input[type=checkbox]{padding:0;box-sizing:border-box;line-height:normal;margin:0}
.w-form{margin:0 0 15px}
.w-row{margin-left:0;margin-right:0}
.w-dropdown-toggle{}
.w-layout-blockcontainer{max-width:940px;margin-left:auto;margin-right:auto;display:block}
.w-layout-layout{display:grid;grid-auto-columns:1fr;justify-content:center;grid-row-gap:20px;grid-column-gap:20px;padding:20px}
.w-layout-cell{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.body-5 .w-col{padding-left:10px;padding-right:10px}
.w-background-video{position:relative;overflow:hidden;height:500px;color:#fff}
.w-background-video>video{background-size:cover;background-position:50% 50%;position:absolute;margin:auto;width:100%;height:100%;right:-100%;bottom:-100%;top:-100%;left:-100%;object-fit:cover;z-index:-100}
.w-background-video>video::-webkit-media-controls-start-playback-button{display:none!important}
.w-background-video--control{position:absolute;bottom:1em;right:1em;background-color:transparent;padding:0;border:0;cursor:pointer;color:inherit}
.w-background-video--control>[hidden]{display:none!important}
:where(.hb-agency) .w-row{margin-left:-10px;margin-right:-10px}
:where(.hb-agency) .w-col{padding-left:10px;padding-right:10px}
@media(max-width:767px){:where(.hb-agency) .w-row{margin-left:0;margin-right:0}}
:where(.body-2,.hb-reg) .w-col{padding-left:10px;padding-right:10px}

/* Histori.ae styles exported from Webflow (generated) */
.body-4 {overflow: hidden; background-color: hsla(0, 0.00%, 0.00%, 1.00)}
.div-block-55 {position: relative; left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100px; height: 100px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-color: hsla(0, 0.00%, 21.33%, 1.00); object-fit: contain}
.text_century {display: none; overflow: hidden; padding-right: 30px; padding-bottom: 0px; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 19.33%, 1.00); font-size: 13px; font-weight: 400; white-space: pre}
.thumb_img_selected {width: 100px; height: 80px; opacity: 1; outline-color: hsla(240, 0.00%, 100.00%, 1.00); outline-offset: 0px; outline-style: solid; outline-width: 3px; background-clip: border-box; object-fit: cover}
.collection-item-10 {padding-right: 6px; padding-left: 6px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(327, 12.01%, 76.51%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00)}
.collection-list-wrapper-2-copy {display: flex; height: 100%; padding-top: 10px; flex-direction: row; flex-grow: 0; flex-shrink: 0; flex-basis: auto; object-fit: none}
.map_old {overflow: hidden; width: 100vw; height: 100svh; background-color: hsla(0, 0.00%, 4.67%, 1.00)}
.box {display: flex; width: 100px; height: 100px; margin-right: 10px; margin-bottom: 10px; padding-right: 5px; padding-bottom: 5px; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: hsla(73, 32.53%, 70.36%, 1.00)}
.full {position: fixed; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 100; width: 100vw; height: auto}
.header.home {border-top-style: none; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 100.00%, 1.00); border-right-style: none; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 100.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 100.00%, 1.00); border-left-style: none; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 100.00%, 1.00); background-color: hsla(0, 0.00%, 0.00%, 0.00)}
.text-field {display: none; background-color: hsla(0, 0.00%, 0.00%, 1.00)}
.text-block-104 {display: inline-block; margin-top: 0px; color: hsla(0, 0.00%, 36.00%, 1.00); font-size: 11px; line-height: 16px}
.image-37 {position: absolute; left: auto; top: auto; right: 0%; bottom: -2%; max-height: 400px; max-width: 30%}
.link-block-9 {display: flex; padding-top: 2px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(40.00000000000009, 0.00%, 56.67%, 0.20); text-decoration: none}
.link-block-9:hover {background-color: hsla(40.00000000000009, 100.00%, 97.99%, 0.18)}
.link-block-88 {position: relative; display: flex; overflow: hidden; margin-top: 15px; margin-bottom: 16px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; justify-content: flex-start; align-items: center; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; object-fit: cover}
.image-28 {padding-top: 10px; padding-left: 16px}
.utility-page-form {display: flex; flex-direction: column; align-items: stretch}
.link_next {padding-top: 40px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px}
.btn_chapter {position: relative; z-index: 200; margin-bottom: 50px; margin-left: 20px; border-top-style: solid; border-top-width: 2px; border-top-color: #FFCD17; border-right-style: solid; border-right-width: 2px; border-right-color: #FFCD17; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #FFCD17; border-left-style: solid; border-left-width: 2px; border-left-color: #FFCD17; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: hsla(208.00000000000003, 82.57%, 57.25%, 0.00); font-family: Blatant, sans-serif; color: #FFCD17; font-weight: 400}
.btn_chapter:hover {background-color: #FFCD17; color: hsla(47.06896551724139, 0.00%, 0.00%, 1.00); font-weight: 700}
.rotate-btn {display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #141414}
.div-block-33 {display: flex; width: 30px; height: 80%; padding-top: 42px; padding-bottom: 42px; flex-direction: column; justify-content: space-between; align-items: center; align-self: center}
.form_map {display: flex; overflow: scroll; width: auto; height: 300px; margin-bottom: 20px; margin-left: 20px; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(27.00000000000001, 7.60%, 57.43%, 0.75); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(27.00000000000001, 7.60%, 57.43%, 0.75); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(27.00000000000001, 7.60%, 57.43%, 0.75); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(27.00000000000001, 7.60%, 57.43%, 0.75); border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; background-color: hsla(27.00000000000001, 18.52%, 78.82%, 1.00)}
.search-field-cautare {display: block; height: auto; margin-top: 20px; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-grow: 0; flex-shrink: 1; flex-basis: auto; border-top-style: none; border-top-width: 0px; border-top-color: black; border-right-style: none; border-right-width: 0px; border-right-color: black; border-bottom-style: none; border-bottom-width: 0px; border-bottom-color: black; border-left-style: none; border-left-width: 0px; border-left-color: black; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.collection-list-6 {display: flex; width: 100%; margin-right: 0px; margin-left: 0px; padding-top: 32px; padding-right: 16px; padding-left: 16px; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: center}
.fs_fill {position: absolute; width: 20%; height: 100%; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; background-color: #FFCD17}
.link_previous {padding-top: 10px; padding-right: 0px; padding-bottom: 10px}
.hotstuff {position: relative; z-index: 999}
.columns-11 {height: 100svh}
.paragraph {margin-bottom: 10px; padding-right: 100px; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 21px; line-height: 32px}
.text-span {font-weight: 700}
.checkbox {width: 100%; margin-bottom: 4px; padding-right: 8px}
.text-block-9 {overflow: hidden; padding-right: 30px; padding-bottom: 0px; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 19.33%, 1.00); font-size: 13px; font-weight: 400; white-space: pre}
.div-block-62 {position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; display: flex; width: 300px; height: 80px; margin-right: auto; margin-bottom: 30px; margin-left: auto; padding-right: 10px; padding-left: 10px; justify-content: flex-start; align-items: center; border-top-left-radius: 32px; border-top-right-radius: 32px; border-bottom-left-radius: 32px; border-bottom-right-radius: 32px; background-color: hsla(0, 0.00%, 0.00%, 1.00)}
.image-27 {width: 600px}
.text-block-105 {overflow: hidden; height: 1px}
.scrollcontainer {display: flex; overflow: scroll; width: 400px; height: 200px; max-height: none; flex-direction: row; align-items: flex-start; flex-grow: 0; flex-shrink: 0; flex-basis: auto; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 100.00%, 50.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 100.00%, 50.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 100.00%, 50.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 100.00%, 50.00%, 1.00); transform: rotate(0deg); object-fit: none}
.text-block-100 {color: hsla(0, 0.00%, 100.00%, 0.66); font-size: 9px}
.hero_h1 {font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 80px; line-height: 80px; font-weight: 700; text-align: left}
.btn_start {position: absolute; left: auto; top: auto; right: 0%; bottom: 0%; display: flex; width: 200px; height: 200px; margin-right: 80px; margin-bottom: 80px; justify-content: center; align-items: center; border-top-left-radius: 1000px; border-top-right-radius: 1000px; border-bottom-left-radius: 1000px; border-bottom-right-radius: 1000px; background-color: #FFCD17; font-family: Blatant, sans-serif; color: hsla(18.947368421052627, 28.36%, 13.14%, 1.00); font-size: 40px; text-align: center}
.btn_start:hover {border-top-style: solid; border-top-width: 5px; border-top-color: hsla(47.01298701298701, 0.00%, 100.00%, 1.00); border-right-style: solid; border-right-width: 5px; border-right-color: hsla(47.01298701298701, 0.00%, 100.00%, 1.00); border-bottom-style: solid; border-bottom-width: 5px; border-bottom-color: hsla(47.01298701298701, 0.00%, 100.00%, 1.00); border-left-style: solid; border-left-width: 5px; border-left-color: hsla(47.01298701298701, 0.00%, 100.00%, 1.00); background-color: hsla(24.545454545454554, 0.00%, 100.00%, 1.00); color: hsla(47.01298701298701, 0.00%, 0.00%, 1.00)}
.fs-cmsfilter-field-copy-copy-copy {height: auto; margin-top: 20px; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-grow: 0; flex-shrink: 1; flex-basis: auto; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.15); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.div-block-3 {display: flex; width: 80vw; justify-content: flex-end}
.div-block-46 {background-color: hsla(27.00000000000001, 18.52%, 78.82%, 1.00)}
.featured {position: sticky; top: 0px; height: 100vh; background-color: hsla(0, 0.45%, 0.00%, 1.00); background-image: url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/62f1233038e3e4f7ac1c9cfb_back_01.jpg'); background-size: cover; background-repeat: no-repeat; background-attachment: scroll}
.fs_wrapper_select-copy-copy {display: flex; width: 100%; height: auto; margin-top: 0px; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; justify-content: center; align-items: flex-start; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px}
.column-20 {display: flex; padding-right: 40px; justify-content: flex-end; align-items: center}
.text-block-99 {overflow: hidden; padding-right: 0px; padding-bottom: 0px; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 19.33%, 1.00); font-size: 13px; line-height: 15px; font-weight: 400; white-space: pre}
.tag-pill {display: flex; padding-right: 6px; padding-left: 6px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(335, 18.73%, 24.14%, 0.59); font-family: Blatant, sans-serif; color: hsla(0, 0.00%, 100.00%, 0.68); font-size: 9px}
.tag-pill:hover {background-color: hsla(316, 35.54%, 18.20%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00)}
.current_thumb {padding-right: 10px; padding-left: 10px; text-decoration: none}
.column-6.img_center {align-items: center}
.button {margin-top: 40px; padding-top: 16px; padding-right: 32px; padding-bottom: 16px; padding-left: 32px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 21px; font-weight: 400}
.iframe {padding-right: 0px; padding-bottom: 0px}
.txt_year {padding-bottom: 5px; font-family: Space Grotesk, sans-serif; color: hsla(27.00000000000001, 0.00%, 0.00%, 1.00); font-size: 24px; line-height: 24px; font-weight: 700}
.button_hero {margin-top: 40px; padding-top: 16px; padding-right: 32px; padding-bottom: 16px; padding-left: 32px; background-color: #FFCD17; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 21px; font-weight: 600}
.the-height-400vh-section {position: relative; display: flex; height: 250vh; margin-left: 0px; justify-content: center; align-items: center; border-top-style: none; border-top-width: 60px; border-top-color: rgba(36, 36, 36, 0.09); background-color: #f0efea}
.the-height-400vh-section:focus {box-shadow: inset 0 0 0 85px rgba(255,0,0,0.29)}
.grid-4 {width: 100%}
.subtitle {font-family: Blatant, sans-serif; color: hsla(47.06896551724139, 0.00%, 100.00%, 1.00); font-size: 120px; line-height: 120px; font-weight: 400; white-space: normal}
.form-block-5-copy {position: fixed; left: 0%; top: auto; right: auto; bottom: 0%; z-index: 99999999; margin-bottom: 0px}
.hero_h3 {padding-top: 10px; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 42px; line-height: 42px; font-weight: 700; text-align: center}
.about_content {position: relative; display: flex; height: 100%; max-width: 80vw; align-items: center}
.filter_container {display: flex; margin-left: 0px; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: flex-start; align-content: center; grid-auto-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto}
.text-block-16 {display: flex; padding-right: 6px; padding-left: 6px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(335, 18.73%, 24.14%, 0.79); font-family: Blatant, sans-serif; color: hsla(0, 0.00%, 100.00%, 0.34); font-size: 9px}
.text-block-16:hover {background-color: hsla(316, 35.54%, 18.20%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00)}
.hero_content {position: relative; display: flex; height: 100%; max-width: 80vw; align-items: center}
.link-block-91 {pointer-events: auto}
.collection-item-6 {display: flex; padding-bottom: 30px; flex-direction: row; align-items: flex-start}
.div-block-59 {margin-right: 40px; margin-left: 40px}
.the-overflow-hidden-mask {position: relative; z-index: 200; overflow: hidden; width: 100%; height: 100%}
.collection-list-4 {display: flex; flex-direction: row}
.body-2 {background-color: #f0efea}
.full_back_03 {position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 10; display: flex; width: 100vw; height: 100vh; background-image: url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/6304dafbac503142c4c73675_Desktop---12.jpg'); background-position: 0% 100%; background-size: cover; background-repeat: no-repeat}
.div-block-54 {position: absolute; z-index: 100; width: 100vw; height: 296px; background-image: url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/68dd709fabbc12b40edd954e_black_overlay.png'); background-position: 0px 0px; background-size: auto}
.fs-cmsfilter-field-copy {display: flex; width: 100%; height: auto; margin-top: 20px; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.15); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.filters-wrapper {height: 200px}
.collection-list-10 {display: grid; grid-auto-columns: 1fr; grid-column-gap: 4px; grid-row-gap: 4px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto}
.link-block {display: flex; text-decoration: none}
.button-2 {background-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); font-family: Blatant, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 700}
.link-block-2 {display: flex; padding-top: 20px; align-items: center; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 400; text-decoration: none}
.image-41 {margin-top: 16px; margin-bottom: 20px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px}
.the-width-400vh-scrollable-div {display: flex; width: 300vh; height: 100%; flex-wrap: wrap; align-items: center}
.heading-2 {margin-top: 0px; margin-bottom: 5px; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 60px; line-height: 60px; font-weight: 700}
.column-22 {display: flex; height: 100%; flex-direction: column; justify-content: flex-end; flex-wrap: nowrap; align-items: flex-start; background-image: url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/68db7982c5a490db1ccbaa05_images.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat}
.dropdown-toggle {position: static; width: 100%; padding-right: 20px; padding-left: 20px; flex-direction: row; flex-wrap: wrap; border-top-style: solid; border-top-width: 1px; border-top-color: #333; border-right-style: solid; border-right-width: 1px; border-right-color: #333; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #333; border-left-style: solid; border-left-width: 1px; border-left-color: #333; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; vertical-align: baseline}
.empty-state-2 {display: none}
.maps_side {display: flex; width: 5vw; height: 90vh; padding-bottom: 0px; flex-direction: column-reverse; justify-content: center; align-items: center; border-right-style: none; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 100.00%, 1.00); background-color: #d3c9bf}
.utility-page-wrap {display: flex; width: 100vw; height: 100vh; max-height: 100%; max-width: 100%; justify-content: center; align-items: center}
.button_menu {position: static; height: 40px; margin-top: 0px; margin-right: 10px; margin-left: 10px; background-color: hsla(208.00000000000003, 0.00%, 100.00%, 1.00); font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 16px; font-weight: 500}
.hero_img {position: absolute; left: 0%; top: 0%; right: auto; bottom: 0%; display: flex; width: 50vw; height: auto; align-items: center; object-fit: fill}
.container-2 {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; grid-auto-columns: 1fr; grid-column-gap: 4px; grid-row-gap: 4px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto}
.usecase_txt {font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 60px; line-height: 65px; font-weight: 700}
.section-2 {width: 100%; height: 10%}
.header {position: static; width: 100%; height: 70px; border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 100.00%, 1.00); background-color: hsla(0, 0.00%, 0.00%, 1.00); pointer-events: auto}
.heading-9 {font-size: 21px; font-weight: 400}
.fs_handle {position: absolute; z-index: 9; width: 8px; height: 24px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(47, 0.00%, 0.00%, 1.00); box-shadow: 0 1px 3px 0 hsla(0, 0.00%, 0.00%, 0.15)}
.thumb_title.selected {opacity: 1; font-weight: 700}
.blog-count {transform: rotate(-90deg); font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 700}
.fs_wrapper_select-copy {display: flex; width: 100%; height: auto; margin-top: 20px; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; justify-content: center; align-items: flex-start; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px}
.columns-3 {display: flex; width: 100%; height: 100%; align-items: flex-end}
.checkbox_box {width: 13px; height: 13px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-color: hsla(0, 0.00%, 0.00%, 1.00); background-color: hsla(27.00000000000001, 18.52%, 78.82%, 1.00)}
.paragraph-2 {font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 18px; line-height: 36px; font-weight: 300}
.text-block-13 {color: hsla(0, 0.00%, 0.00%, 1.00)}
.page {background-color: hsla(0, 0.00%, 0.00%, 1.00)}
.heading-15 {font-family: Blatant, sans-serif; color: hsla(59, 0.00%, 100.00%, 1.00); font-size: 60px; font-weight: 400}
.link-block-7 {text-decoration: none}
.full_back_02 {position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 12; display: flex; width: 100vw; height: 100vh; background-image: url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/6304dafb742b11d0746a9000_Desktop---11.jpg'); background-position: 100% 50%; background-size: cover; background-repeat: no-repeat}
.body-3 {display: flex; flex-direction: column; justify-content: flex-start; align-items: center}
.body-5 {display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: center; background-color: hsla(0, 0.00%, 0.00%, 1.00)}
.div-block-58 {padding-top: 2px; padding-bottom: 2px}
.filter {display: none}
.div-block-43 {display: flex; width: 100%; padding-top: 5px; justify-content: space-between; align-items: center}
.paragraph-3.linkweb {text-decoration: underline}
.image-42 {margin-top: 20px; margin-bottom: 20px; padding-top: 0px; padding-bottom: 0px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px}
.collection-list-5 {display: flex}
.columns-7 {height: 100%}
.text-block-102 {display: none}
.text-block-14-copy {padding-top: 14px; font-family: Abstract, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; text-decoration: none}
.fs-cmsfilter-field-copy-copy-copy {display: flex; width: 100%; height: auto; margin-top: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.15); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.collection-list-8 {display: flex; grid-column-gap: 3px; grid-row-gap: 3px; background-color: hsla(316, 0.00%, 0.00%, 0.00)}
.div-block-29 {position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; align-self: stretch}
.div-block-26 {width: 100%; height: 80%; background-color: #f0efea}
.collection-list-7 {margin-top: 4px}
.blog-current {transform: rotate(-90deg); font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 700; text-align: left}
.total_results {display: flex; align-items: flex-start; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 11.33%, 1.00); font-size: 18px; line-height: 24px; font-weight: 500; text-align: right}
.maps_slide {width: 95vw; height: 100%; background-color: hsla(0, 10.07%, 46.64%, 1.00)}
.grid-2 {display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 1fr; grid-template-rows: auto auto auto}
.column-18 {overflow: hidden; height: auto; padding-top: 24px; padding-right: 30px; padding-left: 30px; background-color: #d3c9bf}
.form-block-3 {position: absolute; left: 0%; top: auto; right: auto; bottom: 0%; z-index: 999; display: flex; margin-bottom: 50px; margin-left: 50px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; color: hsla(30, 0.00%, 0.00%, 1.00); font-size: 12px; line-height: 16px}
.fs-cmsfilter-field-copy-copy {display: flex; width: 100%; height: auto; margin-top: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.15); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.div_menu {display: flex; width: 60%; justify-content: flex-end; align-items: center}
.quick-stack {position: relative; z-index: 200}
.iframewrap {width: 100vw; height: 100vh; background-color: hsla(0, 0.00%, 0.00%, 1.00); object-fit: fill}
.section {display: flex; width: 100vw; height: 90vh; flex-direction: row; align-items: flex-start}
.column-5 {display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: flex-start}
.columns-2 {width: 100%; height: 80vh; padding-top: 40px; padding-bottom: 40px}
.image-38 {height: 20px; margin-right: 20px}
.empty-state-3 {padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
.form {display: flex; width: 100%; flex-direction: column; flex-wrap: nowrap; align-items: stretch; background-color: hsla(27.00000000000001, 18.52%, 78.82%, 1.00)}
.collection-list-9 {display: flex; flex-direction: row; flex-wrap: wrap}
.logo {display: flex; width: 60%; justify-content: flex-end; align-items: center}
.div-block-57 {display: flex; padding-top: 2px; padding-bottom: 2px}
.filter_notification {display: block; margin-right: 4px; margin-bottom: 4px; padding-right: 4px; padding-left: 4px; align-items: flex-start; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(344.99999999999994, 5.41%, 56.47%, 1.00); font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 14px; line-height: 20px; font-weight: 500; text-align: right}
.div-block-48 {display: flex; margin-bottom: 6px}
.collection-list-wrapper-3 {position: absolute; display: block; overflow: hidden}
.link-block-92 {text-decoration: none}
.collection-item-8 {width: 30%; margin-top: 8px; margin-right: 8px; margin-bottom: 8px; margin-left: 8px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 0.02); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 0.02); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.02); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 0.02); background-color: hsla(36.000000000000135, 21.74%, 95.49%, 0.77)}
.column-6 {display: flex; height: 100%; justify-content: center; align-items: center}
.text-block-101 {display: none; overflow: visible}
.the-content {position: relative; display: flex; width: 100%; height: 100%; padding-bottom: 5vh; padding-left: 10vh; justify-content: flex-start; align-items: center}
.column_solutions_txt {display: flex; height: 100%; flex-direction: column; justify-content: space-between}
.port_txt {margin-top: 0px; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 60px; line-height: 60px; font-weight: 300}
.grid-3 {width: 100%; padding-left: 0px; justify-items: start; align-items: start; grid-column-gap: 6px; grid-row-gap: 6px; grid-template-columns: 1fr 0.5fr; grid-template-rows: auto}
.div-block-41 {height: auto; margin-right: 10px; margin-bottom: 20px; margin-left: 10px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 0.02); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 0.02); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.02); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 0.02); border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; background-color: hsla(36.000000000000135, 0.00%, 100.00%, 0.62)}
.line {width: 100%; height: 1px; background-color: hsla(0, 0.00%, 0.00%, 1.00)}
.text-field-2 {display: none; background-color: hsla(0, 0.00%, 0.00%, 1.00)}
.fs_track {position: relative; display: flex; width: 100%; height: 12px; padding-right: 10px; padding-left: 10px; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 0.00)}
.hero {position: relative; display: flex; height: 90vh; align-items: center; background-color: black}
.collection-item-7 {display: flex; margin-bottom: 30px}
.div-block-13 {position: absolute; top: 50px; z-index: 101; display: flex; justify-content: center; align-items: flex-start}
.the-sticky-div {position: sticky; top: 0px; bottom: 0px; display: flex; overflow: hidden; width: 100%; height: 100vh; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; flex-direction: column; justify-content: center; align-items: center; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: #f0efea}
.results-count-3 {display: flex; align-items: flex-start; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 11.33%, 1.00); font-size: 18px; line-height: 24px; font-weight: 500; text-align: right}
.grid {width: 100%; margin-top: 10px; grid-column-gap: 8px; grid-row-gap: 8px; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto}
.code-embed {overflow: hidden; height: 80vh}
.collection-item-13 {overflow: hidden; height: 1px}
.text-block-14 {padding-top: 4px; font-family: Abstract, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 11px; text-decoration: none}
.heading {margin-top: 0px; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 80px; line-height: 70px}
.heading-14 {margin-top: 0px; margin-bottom: 0px; font-family: system-ui, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 12px; line-height: 30px; font-weight: 300}
.paragraph_h3_map {width: 60%; margin-top: 0px; margin-bottom: 0px; padding-left: 0px; font-family: Abstract, sans-serif; color: hsla(47.06896551724139, 0.00%, 100.00%, 1.00); font-size: 24px; line-height: 30px; font-weight: 400; text-decoration: none; white-space: normal}
.port_txt_clients {margin-top: 10px; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 18px; line-height: 30px; font-weight: 300; text-decoration: none}
.hero_h2 {padding-top: 0px; font-family: Space Grotesk, sans-serif; color: hsla(46.90355329949239, 0.00%, 100.00%, 1.00); font-size: 120px; line-height: 120px; font-weight: 700; text-align: right}
.image-22 {position: static; top: 40px}
.link-block-90 {width: 100%; text-decoration: none}
.image-36 {opacity: 0.65}
.results-count-2 {display: none; align-items: flex-start; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 11.33%, 1.00); font-size: 18px; line-height: 24px; font-weight: 500; text-align: right}
.fs-cmsfilter-field-copy {height: auto; margin-top: 20px; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-grow: 0; flex-shrink: 1; flex-basis: auto; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.15); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.thumb_img {width: 100px; height: 80px; opacity: 0.7; transition-property: opacity; transition-duration: 200ms; transition-timing-function: cubic-bezier(.165, .84, .44, 1); object-fit: cover}
.thumb_img:hover {opacity: 1}
.div-block-56 {position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; aspect-ratio: auto; background-color: #23221e; text-align: center; object-fit: fill}
.column-17 {overflow: scroll; min-height: 140vh; padding-top: 20px; padding-right: 40px; padding-bottom: 30px; padding-left: 40px; background-color: #f6f4f1; color: hsla(0, 0.00%, 0.00%, 1.00); -webkit-text-stroke-color: hsla(0, 0.00%, 0.00%, 1.00)}
.div-block-5 {position: absolute; left: 0%; top: auto; right: 0%; bottom: 0%}
.dropdown {display: block; width: 100%}
.fs_wrapper_select {display: flex; height: auto; margin-top: 20px; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; justify-content: center; align-items: flex-start; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px}
.columns-9 {display: flex; width: 100%; height: 100%; flex-direction: row; flex-wrap: nowrap; flex-grow: 0; flex-shrink: 1; flex-basis: auto}
.map_view_banner {display: flex; overflow: hidden; height: 200px; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 0.02); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 0.02); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.02); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 0.02); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-image: linear-gradient(to bottom, hsla(0, 0.00%, 0.00%, 0.18),hsla(0, 0.00%, 0.00%, 0.18)), url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/6971eea0aaee7fc4567ae529_Screenshot%202026-01-19%20at%2012.39.46.png'); background-position: 0px 0px, 0% 55%; background-size: auto, cover; text-decoration: none}
.map_view_banner:hover {background-image: linear-gradient(to bottom, hsla(0, 0.00%, 0.00%, 0.18),hsla(0, 0.00%, 0.00%, 0.18)), url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/6971eea0aaee7fc4567ae529_Screenshot%202026-01-19%20at%2012.39.46.png'); background-position: 0px 0px, 0% 55%}
.map_view {display: flex; overflow: hidden; height: 200px; margin-top: 50px; margin-right: 10px; margin-bottom: 20px; margin-left: 10px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 0.02); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 0.02); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.02); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 0.02); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-image: linear-gradient(to bottom, hsla(0, 0.00%, 0.00%, 0.18),hsla(0, 0.00%, 0.00%, 0.18)), url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/6971eea0aaee7fc4567ae529_Screenshot%202026-01-19%20at%2012.39.46.png'); background-position: 0px 0px, 0% 55%; background-size: auto, cover; text-decoration: none}
.map_view:hover {background-image: linear-gradient(to bottom, hsla(0, 0.00%, 0.00%, 0.18),hsla(0, 0.00%, 0.00%, 0.18)), url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/6971eea0aaee7fc4567ae529_Screenshot%202026-01-19%20at%2012.39.46.png'); background-position: 0px 0px, 0% 55%}
.fs-cmsfilter-field {display: flex; height: auto; margin-top: 20px; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; justify-content: flex-start; align-items: flex-start; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.15); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.fs-cmsfilter-field-copy-copy {height: auto; margin-top: 20px; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-grow: 0; flex-shrink: 1; flex-basis: auto; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.15); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.info_div {height: 70%; padding-top: 20px}
.link-block-8 {position: relative; display: flex; overflow: visible; height: 300px; margin-top: 10px; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; justify-content: flex-start; align-items: center; grid-auto-columns: 1fr; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; object-fit: cover}
.year_select {margin-bottom: 0px; font-family: PT Sans, sans-serif; color: {'id': 'variable-632d8bc3'}; font-weight: 400}
.section_count_thumbs {display: none}
.goose {display: flex; width: 100px; height: 100px; margin-right: 10px; margin-bottom: 10px; padding-bottom: 5px; justify-content: center; align-items: center; flex-grow: 0; flex-shrink: 0; flex-basis: auto; background-color: hsla(0, 32.53%, 70.36%, 1.00)}
.fs_wrapper_slider {display: flex; height: auto; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; flex-direction: column; justify-content: center; align-items: center; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.15); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.collection-list-wrapper-5 {border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: hsla(292, 0.00%, 0.00%, 0.00); color: hsla(0, 0.00%, 100.00%, 1.00)}
.cta_block {display: flex; padding-top: 10vh; padding-right: 10vh; padding-bottom: 10vw; padding-left: 10vh; flex-direction: column; justify-content: center; align-items: flex-start; background-color: #FFCD17}
.map_h1 {font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 21px; line-height: 24px; font-weight: 700}
.line_small {width: 100%; height: 1px; background-color: hsla(0, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 0.00%, 1.00)}
.code-embed-2 {color: hsla(0, 0.00%, 0.00%, 1.00)}
.div-block-27 {position: relative; z-index: 999; display: flex; overflow: scroll; width: 100%; height: 20%; padding-left: 20px; justify-content: flex-start; align-items: center; background-color: hsla(175, 0.00%, 0.00%, 1.00); object-fit: none}
.solutions {height: 100vh; background-color: #f0efea}
.form-block-4 {position: absolute; left: 0%; top: auto; right: auto; bottom: 0%; z-index: 999; display: flex; margin-bottom: 50px; margin-left: 50px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; color: hsla(30, 0.00%, 0.00%, 1.00); font-size: 12px; line-height: 16px}
.collection-item-9 {display: inline-block; margin-right: 4px; flex-direction: row; justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; grid-auto-columns: 1fr; grid-column-gap: 72px; grid-row-gap: 72px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; vertical-align: baseline}
.div-block-6 {display: flex; flex-direction: column; align-items: flex-end}
.btn_chapter_soon {position: relative; z-index: 200; margin-bottom: 50px; margin-left: 20px; border-top-style: solid; border-top-width: 2px; border-top-color: #505050; border-right-style: solid; border-right-width: 2px; border-right-color: #505050; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #505050; border-left-style: solid; border-left-width: 2px; border-left-color: #505050; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: hsla(208.00000000000003, 82.57%, 57.25%, 0.00); font-family: Blatant, sans-serif; color: hsla(47.06896551724139, 0.00%, 31.33%, 1.00); font-weight: 400}
.btn_chapter_soon:hover {background-color: #505050; color: hsla(47.06896551724139, 0.00%, 73.33%, 1.00); font-weight: 700}
.section4 {background-color: hsla(0, 0.00%, 0.00%, 1.00)}
.fs-cmsfilter-field-copy-copy {height: auto; margin-top: 20px; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-grow: 0; flex-shrink: 1; flex-basis: auto; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.15); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.collection-list-wrapper-2 {display: flex; height: 100%; padding-top: 10px; flex-direction: row; flex-grow: 0; flex-shrink: 0; flex-basis: auto; object-fit: none}
.link-block-10 {text-decoration: none}
.item_total {display: flex; align-items: flex-start; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 11.33%, 1.00); font-size: 18px; line-height: 24px; font-weight: 500; text-align: right}
.columns-8 {overflow: hidden; height: auto; max-width: 100%}
.map {overflow: hidden; width: 100vw; height: 96vh}
.link {padding-left: 10px}
.about {position: relative; height: 100vh; padding-top: 60px; padding-right: 60px; padding-bottom: 60px; padding-left: 60px; background-color: hsla(50.00000000000005, 0.00%, 0.00%, 1.00)}
.solutions_txt {font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 32px; line-height: 32px; font-weight: 700}
.filter_title {display: flex; width: 100%; padding-bottom: 20px; justify-content: space-between; align-items: center}
.img_zoom {background-color: hsla(0, 0.00%, 0.00%, 1.00)}
.paragraph_h3 {margin-top: 0px; margin-bottom: 0px; padding-left: 0px; font-family: Abstract, sans-serif; color: hsla(47.06896551724139, 0.00%, 100.00%, 1.00); font-size: 24px; line-height: 30px; font-weight: 400; text-decoration: none; white-space: normal}
.solutions_txt_label {font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 18px; line-height: 32px; font-weight: 400}
.img_previous {transform: rotate(180deg)}
.hero_para {width: 500px; padding-top: 40px; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 18px; line-height: 28px; font-weight: 300; text-align: right}
.btnsel {margin-right: 6px; margin-left: 6px; padding-top: 7px; padding-bottom: 6px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(46.94117647058822, 0.00%, 100.00%, 1.00); font-family: Blatant, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 700; cursor: default}
.collection-item-11 {width: 50%}
.column-15 {display: flex; height: 100%; padding-left: 30px; flex-direction: column; justify-content: flex-end}
.empty-state {display: none}
.fs-cmsfilter-field-copy-copy {height: auto; margin-top: 20px; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-grow: 0; flex-shrink: 1; flex-basis: auto; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.15); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.form-block {height: 100px; background-color: hsla(0, 0.00%, 56.00%, 1.00)}
.column-21 {display: flex; height: 100%; flex-direction: column; justify-content: flex-end; flex-wrap: nowrap; align-items: flex-start; background-image: url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/68db78e5c125cc5fa92b9293_stories.jpg'); background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: scroll}
.column-21:hover {background-position: 50% 50%; background-size: cover; background-clip: border-box}
.link-block-6 {text-decoration: none}
.scroll_thumb {display: flex; overflow: scroll; justify-content: flex-start; align-items: center; object-fit: none}
.text-field-3 {height: 60px; margin-top: 10px; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(40, 17.65%, 96.67%, 1.00); font-family: Abstract, sans-serif; color: hsla(0, 0.00%, 0.00%, 0.55); font-size: 14px; line-height: 20px; font-weight: 700}
.column-19 {display: flex; margin-bottom: 12px; padding-left: 40px; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 0px; grid-row-gap: 0px}
.reg_thumb {position: relative; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; align-self: stretch}
.logo_img.arad {height: 20px}
.image-40 {aspect-ratio: auto; object-fit: fill}
.code-embed-3 {color: hsla(0, 0.00%, 0.00%, 1.00)}
.column-24 {display: flex; height: 100%; flex-direction: column; justify-content: flex-end; flex-wrap: nowrap; align-items: flex-start; background-image: url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/68dc2cd92e28f9cd2d5064d9_books.jpg'); background-position: 50% 50%; background-size: cover}
.map_title {overflow: hidden; padding-right: 0px; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 21px; line-height: 30px; font-weight: 600; white-space: pre}
.map_title:hover {color: hsla(0, 0.00%, 0.00%, 1.00)}
.cta {position: relative; padding-top: 60px; padding-right: 60px; padding-bottom: 60px; padding-left: 60px; background-color: #f0efea}
.heading-16 {position: absolute; left: 10%; top: auto; right: 0%; bottom: 1%; font-family: Blatant, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00)}
.text-block-106 {font-family: Blatant, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 11px; -webkit-text-stroke-color: hsla(0, 0.00%, 100.00%, 1.00)}
.collection-list-wrapper-4 {position: absolute; display: block}
.select-field {padding-left: 3px; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(30, 18.52%, 78.82%, 1.00); color: hsla(0, 0.00%, 0.00%, 1.00); text-align: left}
.div-block-60 {display: flex; min-height: 0px; flex-direction: column; flex-wrap: nowrap}
.div-block-40 {display: flex; width: 100%; height: 100%; padding-top: 80px; padding-bottom: 40px; padding-left: 80px; flex-direction: column; justify-content: space-between}
.column_solutions_title {height: 100%}
.link-block-93 {text-decoration: none}
.link-block-93:hover {color: hsla(0, 0.00%, 0.00%, 1.00); text-decoration: underline}
.image-39 {position: fixed; left: 0%; top: 20%; right: 0%; bottom: auto; z-index: 300; display: block; width: 60%; margin-right: auto; margin-left: auto; align-self: center; order: 0; text-align: center}
.background-video {position: absolute; z-index: 999; width: 100%; height: 60vh; max-width: 100%}
.div-block-47 {display: flex}
.total_title {margin-top: 0px; margin-bottom: 0px; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 18px}
.columns-4 {width: 100%}
.heading-11 {margin-bottom: 5px; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 16px; line-height: 24px; font-weight: 500}
.heading-3 {font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 60px; line-height: 65px; font-weight: 700}
.blog-slash {transform: rotate(-90deg); font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 700}
.featured.ha {background-image: url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/62f258525a19e1166daa753a_back_03.jpg')}
.dropdown-link-3 {background-color: hsla(36.000000000000135, 21.74%, 95.49%, 0.77)}
.thumb_title {padding-bottom: 5px; opacity: 0.7; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); text-decoration: none}
.search-field {display: block; height: auto; margin-top: 20px; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-grow: 0; flex-shrink: 1; flex-basis: auto; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.15); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.logo.sx {width: 40%; justify-content: flex-start}
.text-block-103 {display: none}
.portfolio_div {position: relative; display: flex; height: 100vh; max-width: 80vw; margin-bottom: 40px; padding-top: 40px; flex-direction: column; justify-content: center; align-items: center}
.collection-item-12 {color: hsla(0, 0.00%, 0.00%, 1.00)}
.text-block-11 {padding-top: 20px; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 600}
.image-33 {height: 100%; box-shadow: 0 5px 50px 0 hsla(0, 0.00%, 0.00%, 0.00); object-fit: scale-down}
.heading-10 {margin-top: 0px; margin-bottom: 0px; padding-bottom: 20px; font-family: Misto, sans-serif; color: #d3c9bf; font-size: 10vw; line-height: 10vw; font-weight: 400}
.column-16 {display: flex; height: 100%; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; justify-content: center; align-items: center; object-fit: contain}
.fs-cmsfilter-field-copy-copy-copy-copy {height: auto; margin-top: 20px; padding-top: 10px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-grow: 0; flex-shrink: 1; flex-basis: auto; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.15); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.heading-17 {padding-right: 20px; padding-left: 20px; border-top-style: solid; border-top-width: 0px; border-top-color: #FFCD17; border-right-style: solid; border-right-width: 0px; border-right-color: #FFCD17; border-bottom-style: solid; border-bottom-width: 0px; border-bottom-color: #FFCD17; border-left-style: solid; border-left-width: 0px; border-left-color: #FFCD17; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #FFCD17; font-family: Blatant, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 18px; text-decoration: none}
.heading-17:hover {border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; background-color: hsla(46.94117647058822, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00)}
.solutions_div {position: relative; display: flex; height: 100vh; max-width: 80vw; margin-bottom: 40px; padding-top: 40px; flex-direction: column; justify-content: center; align-items: center}
.form-2 {line-height: 20px}
.span {font-weight: 700}
.div-block-52 {width: 200px}
.utility-page-content {display: flex; width: 260px; flex-direction: column; text-align: center}
.image-4 {width: 50vh}
.filter_notification-copy {display: block; margin-right: 0px; margin-bottom: 0px; padding-right: 4px; padding-left: 4px; align-items: flex-start; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(344.99999999999994, 5.41%, 56.47%, 1.00); font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 14px; line-height: 20px; font-weight: 500; text-align: left}
.div-block-50 {display: flex; padding-top: 10px; padding-right: 10px; padding-bottom: 30px; padding-left: 10px; justify-content: flex-end; pointer-events: none}
.column-6._01 {align-items: center}
.dropdown-link {border-top-left-radius: 8px; border-top-right-radius: 8px; background-color: hsla(36.000000000000135, 21.74%, 95.49%, 0.77)}
.collection-list-wrapper-6 {position: static; display: block; width: 100%}
.dropdown-link-4 {border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(36.000000000000135, 21.74%, 95.49%, 0.77)}
.paragraph-3 {width: auto; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00)}
.header_content {position: relative; display: flex; height: 100%; max-width: 90vw; align-items: center}
.heading-13 {margin-top: 0px; margin-bottom: 0px; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 18px; font-weight: 700}
.fs-cmsfilter-field-sortare {height: auto; margin-top: 20px; padding-top: 10px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px; flex-direction: column; justify-content: flex-start; align-items: flex-start; flex-grow: 0; flex-shrink: 1; flex-basis: auto; border-bottom-style: solid; border-bottom-color: hsla(0, 0.00%, 0.00%, 0.15); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(0, 0.00%, 15.33%, 0.00)}
.heading-13-copy {margin-top: 0px; margin-bottom: 0px; padding-top: 0px; opacity: 0.65; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 12px; font-weight: 500}
.link-block-89 {text-decoration: none}
.img_02 {max-width: 130vw}
.heading-12 {font-family: Misto, sans-serif; color: #FFCD17; font-size: 250px; line-height: 200px; font-weight: 400; white-space: normal}
.image-35 {max-height: 100%; max-width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px}
.body {background-color: hsla(50.00000000000005, 0.00%, 0.00%, 1.00)}
.text-block-15 {font-family: Abstract, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 16px}
.night-sky-fixed-background {position: absolute; z-index: 100; width: 800vh; height: 100%; background-color: #f0efea; opacity: 1}
.checkbox-label-2 {font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 13px; line-height: 18px; font-weight: 500}
.div-block-51 {overflow: visible}
.recenter-btn {display: flex; width: 50px; height: 50px; justify-content: center; align-items: center; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: #141414}
.div-block-34 {display: flex; height: 20%; padding-bottom: 50px; flex-direction: column; justify-content: center; align-items: flex-end}
.link-block-5 {padding-right: 10px; padding-left: 10px; text-decoration: none}
.maps_side.home {padding-bottom: 44px; justify-content: flex-start; align-items: center; border-top-style: none; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 100.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 100.00%, 1.00); border-bottom-style: none; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 100.00%, 1.00); border-left-style: none; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 100.00%, 1.00); background-color: hsla(30, 18.52%, 78.82%, 0.00)}
.img_01 {max-width: 120%}
.item_count {display: none; padding-top: 10px; padding-right: 10px; padding-bottom: 30px; padding-left: 20px; justify-content: flex-end; align-items: flex-start}
.dropdown-link-2 {background-color: hsla(36.000000000000135, 21.74%, 95.49%, 0.77)}
.featured.ymh {background-image: url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/62f24a51295fa16920e7563d_back_02.jpg')}
.lightbox-link-3 {align-self: stretch; object-fit: scale-down}
.a-block {display: block; overflow: hidden; width: 500px; height: auto; margin-right: 100px; margin-left: 60px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; transition-property: all; transition-duration: 350ms; transition-timing-function: ease}
.column-23 {display: flex; height: 100%; flex-direction: column; justify-content: flex-end; flex-wrap: nowrap; align-items: flex-start; background-image: url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/68dbe36e9a251f10bfcb39eb_maps.jpg'); background-position: 0px 0px; background-size: cover}
.full_back_01 {position: absolute; left: 0%; top: 0%; right: 0%; bottom: 0%; z-index: 13; display: flex; width: 100vw; height: 100vh; background-image: url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/6304dafbff48695c3a16f862_Desktop---13.jpg'); background-position: 0px 0px; background-size: cover}
.form-block-2 {position: absolute; left: 0%; top: auto; right: auto; bottom: 0%; z-index: 999; display: flex; margin-bottom: 50px; margin-left: 50px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; color: hsla(30, 0.00%, 0.00%, 1.00); font-size: 12px; line-height: 16px}
.section-3 {display: flex; padding-top: 16px; padding-bottom: 16px; flex-direction: column; justify-content: center; flex-wrap: nowrap; align-items: flex-start; background-color: hsla(0, 3.45%, 8.38%, 1.00)}
.button_top {position: static; height: 40px; margin-top: 0px; padding-right: 20px; padding-left: 20px; background-color: transparent; font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 17px; font-weight: 400}
.btnunsel {margin-right: 6px; margin-left: 6px; padding-top: 7px; padding-bottom: 6px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 100.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 100.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 100.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 100.00%, 1.00); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(208.00000000000003, 0.00%, 100.00%, 0.00); font-family: Blatant, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-weight: 700}
.btnunsel:hover {border-top-color: #FFCD17; border-right-color: #FFCD17; border-bottom-color: #FFCD17; border-left-color: #FFCD17; background-color: #FFCD17; color: hsla(46.94117647058822, 0.00%, 0.00%, 1.00)}
@media (max-width:991px) {
  .full {height: auto; background-size: cover}
  .paragraph {margin-bottom: 40px; padding-right: 0px; font-size: 18px; line-height: 24px}
  .checkbox {padding-right: 8px}
  .image-27 {width: 500px; padding-bottom: 40px}
  .hero_h1 {padding-top: 20px; font-size: 60px}
  .btn_start {position: relative; width: 180px; height: 180px; margin-top: 20px}
  .featured {height: auto}
  .fs_wrapper_select-copy-copy {padding-top: 20px; justify-content: flex-start; align-items: flex-start}
  .subtitle {margin-top: 0px; margin-bottom: 30px; font-size: 90px; line-height: 90px}
  .hero_h3 {padding-top: 0px; font-size: 32px}
  .hero_content {position: relative; height: auto; max-width: none}
  .full_back_03 {height: auto; background-size: cover}
  .heading-2 {font-size: 48px; line-height: 50px}
  .maps_side {display: none}
  .hero_img {position: relative; width: 90%; height: 500px; background-image: url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/62f137220ae83f327448d9b0_woman-museum-uses-touchscreen-monitor-electronic-guide-concept-modern-life_218872-4121.jpeg'); background-position: 0% 0%; background-size: cover; background-repeat: no-repeat}
  .usecase_txt {margin-top: 10px; font-size: 48px}
  .columns-3 {flex-direction: column; align-items: flex-start}
  .full_back_02 {height: auto; background-size: cover}
  .columns-7 {display: flex; height: auto; flex-direction: column-reverse}
  .div-block-29 {height: auto}
  .div-block-26 {overflow: scroll; height: auto}
  .maps_slide {width: 100vw; height: auto}
  .column-18 {padding-right: 20px; padding-left: 20px}
  .div_menu {position: static; display: none}
  .section {height: auto}
  .column-5 {align-items: flex-start}
  .columns-2 {height: auto; margin-right: 0px; margin-left: 0px}
  .solutions_list {padding-top: 20px; padding-bottom: 10px}
  .column-6 {display: flex; justify-content: center; align-items: center}
  .column_solutions_txt {height: auto}
  .port_txt {font-size: 48px; line-height: 50px}
  .hero {height: auto; flex-direction: column; align-items: flex-start}
  .grid {grid-column-gap: 12px; grid-row-gap: 12px}
  .heading {margin-bottom: 40px; font-size: 60px; line-height: 50px}
  .paragraph_h3_map {max-width: 90%; font-size: 28px}
  .port_txt_clients {font-size: 16px}
  .hero_h2 {font-size: 100px; line-height: 100px}
  .column-17 {padding-right: 20px; padding-left: 20px}
  .div-block-5 {position: static}
  .info_div {padding-bottom: 200px}
  .cta_block {padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px}
  .div-block-27 {position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; height: auto}
  .solutions {height: auto}
  .div-block-6 {padding-bottom: 40px; align-items: flex-start; text-align: left}
  .about {height: auto; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px}
  .paragraph_h3 {max-width: 90%; font-size: 28px}
  .hero_para {width: 100%; font-size: 16px; text-align: left}
  .column-15 {height: auto}
  .reg_thumb {height: auto}
  .cta {padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px}
  .div-block-60 {align-items: flex-start}
  .div-block-40 {padding-right: 40px; padding-left: 40px}
  .column_solutions_title {position: static; height: auto}
  .column-8 {padding-bottom: 40px}
  .heading-3 {margin-top: 10px; font-size: 48px}
  .portfolio_div {height: auto; margin-bottom: 0px; padding-bottom: 0px}
  .image-33 {height: auto}
  .heading-10 {padding-top: 20px; font-size: 100px; line-height: 100px}
  .column-16 {height: auto}
  .solutions_div {height: auto; margin-bottom: 0px; padding-bottom: 40px; flex-direction: column; justify-content: flex-start}
  .div-block-52 {display: flex; height: 200px}
  .img_02 {width: 70%}
  .heading-12 {margin-bottom: 0px; font-size: 180px; line-height: 180px}
  .img_01 {width: 70%}
  .full_back_01 {height: auto; background-size: cover}
}
@media (max-width:767px) {
}
@media (max-width:479px) {
  .body-4 {height: 100%}
  .div-block-53 {height: 200px}
  .header.home {height: 8svh}
  .bold-text {text-decoration: none}
  .image-37 {left: auto; top: auto; right: -3%; bottom: -3%; max-height: 180px; max-width: 40%; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(0, 0.00%, 100.00%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(0, 0.00%, 100.00%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(0, 0.00%, 100.00%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(0, 0.00%, 100.00%, 1.00); border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px}
  .link-block-88 {display: block; width: 99%; justify-content: flex-start}
  .btn_chapter {margin-bottom: 100px}
  .form_map {width: 100%; height: 300px; margin-bottom: 0px; margin-left: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: #d3c8bf}
  .search-field-cautare {width: 100%}
  .columns-11 {height: 100vh}
  .paragraph {margin-top: 20px; margin-bottom: 40px; padding-right: 0px; font-size: 18px; line-height: 24px}
  .div-block-14 {display: block}
  .image-27 {padding-bottom: 40px}
  .hero_h1 {font-size: 42px; line-height: 45px}
  .btn_start {width: 120px; height: 120px; margin-bottom: 40px; font-size: 30px}
  .fs-cmsfilter-field-copy-copy-copy {width: 100%}
  .featured {overflow: hidden; height: auto; background-image: url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/62f1233038e3e4f7ac1c9cfb_back_01.jpg'); background-position: 50% 50%; background-size: auto 100%; background-repeat: no-repeat}
  .fs_wrapper_select-copy-copy {margin-bottom: 0px; padding-bottom: 70px}
  .column-20 {padding-top: 10px; padding-right: 16px; padding-bottom: 10px; padding-left: 0px; justify-content: flex-end; align-items: flex-start}
  .hide {width: 30px; height: 30px; margin-bottom: 10px; padding-right: 0px; padding-bottom: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(51, 83.67%, 45.01%, 1.00)}
  .button_hero {position: relative; margin-top: 20px; padding-top: 12px; padding-right: 24px; padding-bottom: 12px; padding-left: 24px; font-size: 16px}
  .the-height-400vh-section {margin-left: 0px}
  .subtitle {font-size: 42px; line-height: 42px}
  .form-block-5-copy {left: 0%; right: 0px; bottom: 0%; display: none; width: 100%}
  .hero_h3 {padding-top: 0px; font-size: 25px; line-height: 32px}
  .about_content {justify-content: flex-start}
  .filter_container {display: none}
  .div-block-59 {margin-right: 16px; margin-bottom: 8px; margin-left: 16px}
  .fs-cmsfilter-field-copy {width: 100%}
  .link-block-2 {text-decoration: none}
  .heading-2 {font-size: 36px; line-height: 36px}
  .maps_side {display: none}
  .hero_img {position: static; width: 100%; height: auto; background-image: none /* url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/62f137220ae83f327448d9b0_woman-museum-uses-touchscreen-monitor-electronic-guide-concept-modern-life_218872-4121.jpeg') */; background-position: 0px 0px /* 0% 0% */; background-size: auto /* cover */; background-repeat: repeat /* no-repeat */}
  .div-block-61 {position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 99999999; width: 100%; height: 50px; background-color: #ecc721; color: hsla(49, 0.00%, 0.00%, 1.00)}
  .usecase_txt {margin-top: 40px; font-size: 300%; line-height: 120%}
  .header {position: static; display: flex; height: 10svh; justify-content: flex-end; align-items: center; pointer-events: auto}
  .heading-9 {font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 18px; font-weight: 400; text-decoration: none}
  .fs_handle {width: 12px}
  .columns-3 {flex-direction: column}
  .logo_img {width: 150px}
  .paragraph-2 {font-size: 16px; line-height: 24px}
  .text-block-13 {display: none}
  .columns-10 {display: block; width: 100%; flex-direction: row; flex-wrap: nowrap}
  .body-5 {height: 100%}
  .filter {position: fixed; left: auto; top: auto; right: 0%; bottom: 0%; z-index: 999; display: flex; width: auto; height: 40px; margin-right: 20px; margin-bottom: 20px; padding-top: 2px; padding-right: 16px; padding-bottom: 2px; padding-left: 16px; justify-content: center; align-items: center; grid-column-gap: 8px; grid-row-gap: 8px; border-top-style: none; border-top-width: 1.5px; border-top-color: black; border-right-style: none; border-right-width: 1.5px; border-right-color: black; border-bottom-style: none; border-bottom-width: 1.5px; border-bottom-color: black; border-left-style: none; border-left-width: 1.5px; border-left-color: black; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #FFCD17; box-shadow: 2px 6px 12px -4px hsla(0, 0.00%, 0.00%, 0.13)}
  .image-42 {border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px}
  .text-block-14-copy {display: block; font-size: 12px}
  .fs-cmsfilter-field-copy-copy-copy {width: 100%}
  .checkbox-field {width: auto}
  .div-block-29 {height: auto}
  .grid-2 {width: 100%; grid-auto-columns: 0.75fr; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: minmax(0px, 0.75fr) 0.75fr; grid-template-rows: auto auto auto}
  .column-18 {position: fixed; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 99; display: none; overflow: scroll; height: 90%; padding-top: 0px; padding-right: 20px; padding-left: 20px}
  .form-block-3 {width: 100%; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 40px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(32, 3.21%, 10.33%, 1.00)}
  .fs-cmsfilter-field-copy-copy {width: 100%}
  .div_menu {display: flex; width: auto}
  .section {height: auto}
  .column-5 {height: auto; padding-top: 20px; padding-right: 0px; padding-left: 0px}
  .columns-2 {height: auto}
  .collection-list-9 {display: block}
  .logo {display: none}
  .filter_notification {font-size: 17px; font-weight: 700}
  .container {display: flex; height: auto; flex-direction: column; flex-wrap: nowrap}
  .collection-item-8 {padding-right: 8px; padding-left: 8px}
  .column-6 {padding-right: 0px; padding-left: 0px}
  .the-content {padding-bottom: 0vh; padding-left: 60px}
  .column_solutions_txt {position: static; height: auto; justify-content: flex-start; align-items: flex-start}
  .port_txt {font-size: 42px; line-height: 40px}
  .grid-3 {display: flex; justify-content: center; align-items: flex-start}
  .hero {height: 90vh; flex-direction: column}
  .results-count-3 {font-size: 17px; font-weight: 700}
  .code-embed {overflow: visible; height: 75svh}
  .text-block-14 {display: block; font-size: 12px}
  .heading {font-size: 50px; line-height: 45px}
  .heading-14 {font-size: 11px; line-height: 20px}
  .paragraph_h3_map {max-width: 100%; margin-top: 0px; font-size: 14px; line-height: 26px}
  .port_txt_clients {font-size: 16px}
  .hero_h2 {color: hsla(46.90355329949239, 0.00%, 100.00%, 1.00); font-size: 70px; line-height: 70px}
  .image-22 {max-width: 200%}
  .link-block-90 {display: block; margin-bottom: 0px; text-decoration: none}
  .results-count-2 {font-size: 17px; font-weight: 700}
  .fs-cmsfilter-field-copy {width: 100%}
  .portfolio_div.hvvnl {padding-bottom: 0px}
  .form-block-5 {width: 100%}
  .column-17 {padding-right: 10px; padding-bottom: 30px; padding-left: 10px}
  .div-block-5 {position: relative}
  .columns-9 {height: auto; flex-direction: row; flex-wrap: nowrap}
  .map_view_banner {display: flex; overflow: hidden; height: 200px; justify-content: center; align-items: center; background-image: linear-gradient(to bottom, hsla(0, 0.00%, 0.00%, 0.33),hsla(0, 0.00%, 0.00%, 0.33)), url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/6971eea0aaee7fc4567ae529_Screenshot%202026-01-19%20at%2012.39.46.png'); background-position: 0px 0px, 0% 50%; background-size: auto, cover}
  .map_view {display: flex; overflow: hidden; height: 200px; justify-content: center; align-items: center; background-image: linear-gradient(to bottom, hsla(0, 0.00%, 0.00%, 0.33),hsla(0, 0.00%, 0.00%, 0.33)), url('https://s3.amazonaws.com/webflow-prod-assets/62f10a066a17d546e54a78aa/6971eea0aaee7fc4567ae529_Screenshot%202026-01-19%20at%2012.39.46.png'); background-position: 0px 0px, 0% 50%; background-size: auto, cover}
  .fs-cmsfilter-field {width: 100%}
  .fs-cmsfilter-field-copy-copy {width: 100%}
  .link-block-8 {height: 200px; justify-content: center}
  .year_select {color: hsla(34, 0.00%, 69.33%, 1.00); font-weight: 400}
  .cta_block {padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 20px}
  .map_h1 {margin-top: 10px}
  .solutions {height: auto; padding-bottom: 20px}
  .form-block-4 {position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; display: block; width: 100%; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 40px; justify-content: flex-start; align-items: flex-start; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(32, 3.21%, 10.33%, 1.00)}
  .div-block-6 {padding-bottom: 40px; align-items: flex-start}
  .btn_chapter_soon {margin-bottom: 100px}
  .fs-cmsfilter-field-copy-copy {width: 100%}
  .item_total {font-size: 17px; font-weight: 700}
  .columns-8 {overflow: visible}
  .column-7 {text-decoration: none}
  .map {height: 95svh}
  .about {z-index: 9999; height: auto; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px}
  .solutions_txt {margin-top: 20px; margin-bottom: 20px}
  .paragraph_h3 {max-width: 100%; margin-top: 0px; font-size: 14px; line-height: 26px}
  .text-block-12 {font-family: Space Grotesk, sans-serif; color: hsla(0, 0.00%, 0.00%, 1.00); font-weight: 500}
  .hero_para {width: auto; padding-top: 20px; font-size: 13px; line-height: 18px; text-align: left}
  .btnsel {margin-right: 3px; margin-left: 3px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; font-size: 12px}
  .collection-item-11 {display: block; width: 100%}
  .column-15 {flex-direction: column-reverse}
  .fs-cmsfilter-field-copy-copy {width: 100%}
  .column-19 {height: auto; padding-top: 10px; padding-right: 6px; padding-bottom: 10px; padding-left: 16px; justify-content: flex-start; align-items: flex-start}
  .reg_thumb {height: auto}
  .logo_img.arad {width: auto; height: 16px}
  .map_title {overflow: hidden; line-height: 30px}
  .cta {z-index: 9999; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px}
  .text-block-106 {padding-left: 10px; line-height: 12px}
  .collection-list-wrapper-4 {margin-bottom: 200px; padding-bottom: 150px}
  .div-block-60 {width: 100%}
  .div-block-40 {height: auto; padding-top: 40px; padding-right: 20px; padding-left: 20px; justify-content: flex-start}
  .image-39 {width: 90%}
  .background-video {position: relative; height: 30vh}
  .column-8 {padding-bottom: 20px}
  .heading-3 {font-size: 200%; line-height: 120%}
  .search-field {width: 100%}
  .logo.sx {display: block; width: 100vw}
  .portfolio_div {height: auto; max-width: 90vw; margin-bottom: 0px; padding-bottom: 40px}
  .heading-10 {padding-top: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 48px; line-height: 60px}
  .column-16 {padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px}
  .fs-cmsfilter-field-copy-copy-copy-copy {width: 100%}
  .heading-17 {margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-top-style: solid; border-top-width: 3px; border-top-color: #FFCD17; border-right-style: solid; border-right-width: 3px; border-right-color: #FFCD17; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: #FFCD17; border-left-style: solid; border-left-width: 3px; border-left-color: #FFCD17; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; background-color: hsla(0, 0.00%, 0.00%, 1.00); font-family: Blatant, sans-serif; color: hsla(0, 0.00%, 100.00%, 1.00); font-size: 18px; line-height: 40px}
  .solutions_div {height: auto; max-width: 90vw}
  .form-2 {width: 100%}
  .image-4 {width: auto}
  .filter_notification-copy {font-size: 17px; font-weight: 700}
  .div-block-50 {position: fixed; left: 0%; top: auto; right: 0%; bottom: 0%; z-index: 9999; display: none; width: 100vw; height: 10%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; justify-content: center; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; background-color: #FFCD17; pointer-events: auto}
  .header_content {justify-content: flex-start}
  .heading-13 {text-align: left}
  .fs-cmsfilter-field-sortare {width: 100%}
  .img_02 {margin-top: 40px}
  .heading-12 {font-size: 90px; line-height: 90px}
  .body {display: flex}
  .maps_side.home {height: 10vh}
  .img_01 {margin-top: 40px}
  .item_count {display: flex; justify-content: flex-end}
  .a-block {width: 90vw; margin-right: 40px; margin-left: 20px}
  .form-block-2 {width: 100%; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 40px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: hsla(32, 3.21%, 10.33%, 1.00)}
  .section-3 {height: auto; padding-top: 10px; padding-bottom: 10px; font-size: 12px}
  .btnunsel {margin-right: 3px; margin-left: 3px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; font-size: 12px}
}
body:not(.body-4) #map{width:100%;height:420px;min-height:320px}
.custom-thumb-marker{background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:100px;box-shadow:0 0 10px rgba(0,0,0,.3)}

.w--open{display:block}
[hidden]{display:none!important}
.code-embed.w-iframe{width:100%;height:80vh}
.image-35{height:auto}
.body-4 .custom-thumb-marker:hover{box-shadow:0 0 0 2px rgba(255,255,255,.8),0 0 10px rgba(0,0,0,.3)}
.style-switch-btn:hover,.style-switch-btn:active,.style-switch-btn:focus{background:#fff!important}
.mapboxgl-popup-content{padding:0!important;background:transparent!important;box-shadow:none!important}.mapboxgl-popup-tip{display:none!important}

.tag-pill{text-decoration:none}
.section-3 .w-row{margin-left:0;margin-right:0}
.collection-item-9{display:inline-block}
.w-checkbox-input.checkbox_box.w--redirected-checked{background-color:#000;border:1.5px solid #000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'%3E%3Cpath d='M3 6.7l2.4 2.4L10 4.2' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-size:cover;background-repeat:no-repeat}
.w-input::placeholder,.text-field-3::placeholder{opacity:1;color:#999}
.text-field-3:placeholder-shown{background-repeat:no-repeat;background-position:11px center;background-size:16px 16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='6.2' cy='6.2' r='4.4' fill='%23dfe9f2' fill-opacity='.55' stroke='%23333' stroke-width='1.7'/%3E%3Cpath d='M9.6 9.6L14.6 14.6' stroke='%23333' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}
.w-input:focus,.text-field-3:focus,input[type=search]:focus{outline:0!important;border-color:#3898ec!important;box-shadow:none!important}
.chip-x{margin-left:6px;font-size:16px;line-height:20px;opacity:.85;display:inline-block}
.filter_notification:hover .chip-x{opacity:1}
.div-block-58{display:flex;align-items:center}
.filter_notification{pointer-events:auto;cursor:pointer}
.dropdown .w-dropdown-list{background:transparent!important}
.dropdown .w-dropdown-list .dropdown-link{border-radius:0}
.dropdown .w-dropdown-list .dropdown-link:first-child{border-radius:8px 8px 0 0}
.dropdown .w-dropdown-list .dropdown-link:last-child{border-radius:0 0 8px 8px}
.dropdown .w-dropdown-list{border-radius:8px;overflow:hidden}
.dropdown .w-dropdown-list .dropdown-link{background-color:rgb(240,239,236)!important;border-radius:0!important}
.link-block-88{overflow:hidden}
.link-block-88 .image-35{transition:transform .7s cubic-bezier(.22,.61,.36,1);will-change:transform}
@media (hover:hover){.link-block-88:hover .image-35{transform:scale(1.05)}}
@media (prefers-reduced-motion:reduce){.link-block-88 .image-35{transition:none}.link-block-88:hover .image-35{transform:none}}
@media(min-width:992px){.section-3 .column-19{padding-right:10px}.section-3 .column-20{padding-left:10px}}
@media(max-width:767px){.section-3 .column-19{padding-right:6px}.code-embed.w-iframe{height:75vh}}

/* agency home: scroll-in + horizontal use-case scroller */
.js-anim .featured .portfolio_div{opacity:0;transform:translate3d(-50px,0,0)}
.js-anim .featured .portfolio_div.in{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.165,.84,.44,1),transform .8s cubic-bezier(.165,.84,.44,1)}
.the-width-400vh-scrollable-div,.night-sky-fixed-background{will-change:transform}
@media (prefers-reduced-motion:reduce){.js-anim .featured .portfolio_div{opacity:1;transform:none}}

/* city-maps landing: 3-layer background crossfade (Webflow IX loop a-9, period 14.1s) */
.full_back_01{animation:hb-fade1 14.1s infinite}
.full_back_02{animation:hb-fade2 14.1s infinite}
.full_back_03{animation:hb-fade3 14.1s infinite}
@keyframes hb-fade1{0%,24.8%{opacity:1;animation-timing-function:cubic-bezier(.165,.84,.44,1)}35.5%,88.6%{opacity:0}88.7%,100%{opacity:1}}
@keyframes hb-fade2{0%,56.7%{opacity:1;animation-timing-function:cubic-bezier(.165,.84,.44,1)}67.4%,88.6%{opacity:0}88.7%,100%{opacity:1}}
@keyframes hb-fade3{0%,88.7%{opacity:1;animation-timing-function:cubic-bezier(.165,.84,.44,1)}99.3%{opacity:0}99.4%,100%{opacity:1}}
@media (prefers-reduced-motion:reduce){.full_back_01,.full_back_02,.full_back_03{animation:none}}

/* city map detail: load-in (Webflow IX a-8) + lightbox */
@keyframes hb-up{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
@keyframes hb-left{from{opacity:0;transform:translate3d(25px,0,0)}to{opacity:1;transform:none}}
.body-2 #col-info{animation:hb-up 1s cubic-bezier(.165,.84,.44,1) .5s backwards}
.body-2 #col-img{animation:hb-left 1s cubic-bezier(.215,.61,.355,1) .5s backwards}
@media (prefers-reduced-motion:reduce){.body-2 #col-info,.body-2 #col-img{animation:none}}
.hb-lightbox{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;cursor:zoom-out}
.hb-lightbox{animation:hb-fadein .3s}@keyframes hb-fadein{from{opacity:0}}
.hb-lightbox img{max-width:96vw;max-height:96vh;object-fit:contain}
.hb-lb-x{position:absolute;top:21px;right:0;width:68px;height:44px;opacity:.8;background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.section4 [hidden],#list [hidden]{display:none!important}

.filter-done{display:none}
@media(max-width:479px){
#sidebar.column-18{top:0;bottom:0;left:0;right:0;height:100%;z-index:1000;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:90px}
.filter-done{display:flex;position:fixed;left:0;right:0;bottom:0;width:100%;z-index:1001;justify-content:center;align-items:center;padding:20px;margin:0;background-color:#FFCD17;cursor:pointer;font-weight:700}
.filter-done .total_title,.filter-done .results-count-3{margin:0}
}

/* thumbs page: 3 columns on wide screens */
@media(min-width:1600px){
#list > .collection-item-11.w-col-6{width:33.3333%}
}

/* desktop: white results column always as tall as the sidebar */
@media(min-width:992px){
.section4 .columns-8.w-row{display:flex;align-items:stretch}
.section4 .columns-8.w-row::before,.section4 .columns-8.w-row::after{display:none}
.section4 .columns-8.w-row>.column-17{float:none}
.section4 .columns-8.w-row>.column-18{float:none}
}

/* map: while hovering a pin, all other pins fade to 20% (80% transparent) */
.custom-thumb-marker{transition:opacity .2s ease}
.custom-thumb-marker:hover{z-index:5}
.map:has(.custom-thumb-marker:hover) .custom-thumb-marker:not(:hover){opacity:.2!important}

/* postcard detail: the title uses all the free space, the year keeps its own width, with breathing room between them */
.section-3 .columns-9>.column-19{flex:1 1 0;width:auto;min-width:0}
.section-3 .columns-9>.column-20{flex:0 0 auto;width:auto;padding-left:32px}
.section-3 .column-19 .paragraph_h3{max-width:none}

/* overview thumbs hover: smooth zoom + black bottom overlay */
.link-block-88{position:relative;overflow:hidden;border-radius:8px;transform:translateZ(0)}
.link-block-88 .image-35{transition:transform .9s cubic-bezier(.2,.8,.2,1);will-change:transform}
.link-block-88::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,0) 55%);opacity:0;transition:opacity .6s ease}
@media(hover:hover){.link-block-88:hover .image-35{transform:scale(1.07)}.link-block-88:hover::after{opacity:1}}

/* "not AI - original print" holographic badge on the postcard detail pages */
.badge {
    --w: min(760px, 92vw);   
    --px: 0;                 
    --py: 0;                 
    --rx: 0deg;
    --ry: 0deg;
    --gx: 50%;
    --gy: 50%;
    --glare: 0;

    width: var(--w);
    aspect-ratio: 357 / 166;
    perspective: calc(var(--w) * 1.6);
    user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: pan-y;     
  }
.badge__tilt {
    position: relative;
    width: 100%;
    height: 100%;
    transform: rotateX(var(--rx)) rotateY(var(--ry));
    will-change: transform;
    filter: drop-shadow(0 calc(var(--w) * .02) calc(var(--w) * .03) rgba(70, 40, 110, .22));
  }
.badge__face {
    position: absolute;
    inset: 0;
    -webkit-clip-path: url(#badge-shape);
    clip-path: url(#badge-shape);
    background-color: #e8d4f0;
    background-image: var(--fp), var(--holo);
    background-size: 100% 100%, calc(var(--w) * 3.5178) calc(var(--w) * 2.3452);
    background-repeat: no-repeat, repeat;
    background-blend-mode: overlay, normal;
    background-position:
      0 0,
      calc(var(--w) * (-1.3877 + var(--px) * 0.6))
      calc(var(--w) * (-0.6632 + var(--py) * 0.4));
  }
.badge__face::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at var(--gx) var(--gy), rgba(255,255,255,.9), rgba(255,255,255,0) 50%);
    mix-blend-mode: soft-light;
    opacity: var(--glare);
  }
.badge__art {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    fill: var(--ink);
    transform: translate(
      calc(var(--px) * var(--w) * -.006),
      calc(var(--py) * var(--w) * -.006)
    );
  }
@media (prefers-reduced-motion: reduce) {
    .badge__tilt, .badge__art { transform: none; }
  }
#badge{--holo:url("../assets/hologram.avif");--fp:url("../assets/fingerprint.svg");--ink:#000;--w:clamp(68px,8.16vw,112px)}
.holo-corner{position:absolute;right:24px;bottom:48px;z-index:10}
@media(max-width:479px){.holo-corner{right:12px;bottom:24px}}
.code-embed:has(>.holo-corner){position:relative}