@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/* CSS Document */


body {
		--bs-body-font-family: 'Inter', sans-serif;
		font-family: var(--bs-body-font-family); 
		font-size: 15px;
		min-height: 100vh; /* Fallback */
		min-height: 100dvh; /* Dynamic viewport height acts correctly on mobile */
}



a {
	color: #636363; 
	text-decoration-skip-ink: none;
	text-underline-offset: 0.3em; 
	text-decoration-thickness: 1px;
}

a:hover, a:active {
	color: #343434; 
}

.main {
	margin-left: auto;
	margin-right: auto;
}

.custom_navbar {
	background: linear-gradient(#F1F1F1, #F9F9F9);
	min-height: 100px;
}

.our_logo {
	min-width: 220px;
}

.menu_item, .menu_item a, .menu_item a:hover, .menu_item a:active  {
	font-family: "Public Sans", sans-serif;
	font-size: 15;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #343434;
	text-decoration: none;
}

.menu_item.active, .menu_item.active a, .menu_item.active a:hover, .menu_item.active a:active  {
	font-family: 'Public Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	text-decoration-line: underline;
	color: #000000;
	text-decoration-skip-ink: none;
	text-underline-offset: 3px; 
	text-decoration-thickness: 1px;

}

.login_logout {

	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 16px;
	color: #636363;

}

#siteMenu {
	background-color:#e9e7e7;
	font-family: 'Public Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 40px;
	
}

#siteMenu a, #siteMenu a:hover, #siteMenu a:active {
	text-decoration: none;
	color: #000;
}

b, strong {
	font-weight: 600;
}

.custom-list-group {
	font-size: 12px;
}

input[type="radio"], input[type="checkbox"] {
	accent-color: #343434; 
}

.custom-h1 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	font-size: 24px;
	color: #000000;
}

@media (min-width: 768px){ 
	.custom-h1 {
		font-family: 'Inter';
		font-style: normal;
		font-weight: 800;
		font-size: 32px;
		color: #000000;
	}
}

.price-card-h1 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	font-size: 32px;
	color: #fff;

}

#main-status-bar {
	font-family: "Public Sans", sans-serif;
	font-size: 14px;
}

.instruction {
	font-family: "Public Sans", sans-serif;
	font-size: 14px;
}

#main-statistics {

	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;

}

.btn-outline-secondary.no-hover:hover {
	background-color: #fff;
	border-color: var(--bs-secondary);
	color: var(--bs-secondary); 
}

.chart-wrapper {
		--bs-border-color: #979797;
		background-color: #fff !important;
	}

.custom-card-header {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	font-size: 20px;
	color: #000000;
}

.status {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	color: #636363;
	text-align: left;
	padding-left: 50px;
	padding-right: 50px;
}

.custom-h2 {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
}

.country-list {
	font-family: "Public Sans", sans-serif;
	font-size: 16px;
	column-count: 1;
	column-gap: 2rem;
	list-style: none;
	padding: 0;
}

@media (min-width: 768px) {
	.country-list {
			column-count: 2;
	}
}

@media (min-width: 992px) {
	.country-list {
			column-count: 3;
	}
}

.country-list li {
	display: block;
	break-inside: avoid; 
}

.main-text {
	font-family: 'Public Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 150%;
	color: #000000;
}

.btn-onprem {	
	height: 50px;
	min-width: 180px;
	background: linear-gradient(90deg, #9F1926 0%, #D37E30 55%, #FDD239 100%);
	border-radius: 6px;
	border: 0;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	color: #FFFFFF;
}

.btn-onprem:hover {
	background: linear-gradient(90deg, #c80014 0%, #e68932 55%, #FDD239 100%);
}

.references {
	font-family: 'Public Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 21px;
	color: #424242;
}

.references a {
	text-decoration: none;
}

sup a {
	text-decoration: none;
}

.custom-footer {
	font-family: 'Public Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: auto;
	color: #777777;
}

.custom-footer a, .custom-footer a:visited {
	font-family: 'Public Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #a0a0a0; 
}

.custom-footer a:hover, .custom-footer a:active {
	font-family: 'Public Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #777777;
}

.divider {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 20px 0;
	color: #888;
}

.divider-line {
	flex: 1;
	height: 1px;
	background: #ddd;
}

.divider-text {
	margin: 0 10px;
	font-size: 0.85rem;
}

.gsi-material-button {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-appearance: none;
  background-color: WHITE;
  background-image: none;
  border: 1px solid #747775;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
  transition: background-color .218s, border-color .218s, box-shadow .218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}

.gsi-material-button .gsi-material-button-icon {
  height: 20px;
  margin-right: 10px;
  min-width: 20px;
  width: 20px;
}

.gsi-material-button .gsi-material-button-content-wrapper {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.gsi-material-button .gsi-material-button-contents {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.gsi-material-button .gsi-material-button-state {
  -webkit-transition: opacity .218s;
  transition: opacity .218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.gsi-material-button:disabled {
  cursor: default;
  background-color: #ffffff61;
  border-color: #1f1f1f1f;
}

.gsi-material-button:disabled .gsi-material-button-contents {
  opacity: 38%;
}

.gsi-material-button:disabled .gsi-material-button-icon {
  opacity: 38%;
}

.gsi-material-button:not(:disabled):active .gsi-material-button-state, 
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
  background-color: #303030;
  opacity: 12%;
}

.gsi-material-button:not(:disabled):hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}

.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
  background-color: #303030;
  opacity: 8%;
}

.custom-disabled, .list-group.custom-disabled, .list-group-item.custom-disabled {
	color:#c6c6c6 !important;
}

.border-mobile-only {
  border-bottom: 1px solid #dee2e6; /* Standard Bootstrap border color */
}


@media (min-width: 992px) {
  .border-mobile-only {
	border-bottom: 0 !important;
  }
}

.ph-message, .loader {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	color: #a0a0a0; 
	min-height: 200px;
	display: flex;
	align-items: center;
	justify-content: center
}

.aspect_map {
	aspect-ratio: 4 / 3;
}

.aspect_map_wide {
	aspect-ratio: 25 / 10;
}

.fts_field {
	width:100%;
	border-radius: 4px;
	border: 1px #aaaaaa solid;
	height: 33.4px;
}

.address {
	color:#656565 !important;
}

.placement-table {
	font-family: 'Inter', sans-serif;
	font-style: normal;
	min-width: 800px;
}

.brooklyn {
	aspect-ratio: 46 / 48;
	color: #fff;
	line-height: 150%;
	background-color: #333;
	background-size: cover;
	background-position: center;
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/static/brooklyn.jpg');
	container-type: inline-size;
	padding: 12%;
}

.brooklyn p {
	width: 100%;
	font-size: 6.8cqi;
	line-height: 150%;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	color: #FFFFFF;

}

.brooklyn .large {
	font-size: 18.1cqi;
	line-height: 150%;
}

.freiburg {
	aspect-ratio: 460 / 705;
	color: #fff;
	line-height: 150%;
	background-color: #333;
	background-size: cover;
	background-position: center;
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/static/freiburg.png');
	container-type: inline-size;
	padding: 13%;
}

.freiburg p {
	width: 100%;
	font-size: 7cqi;
	line-height: 10.5cqi;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	color: #FFFFFF;
	margin: 9cqi 0;

}

.freiburg .large {
	font-size: 18.6cqi;
}

.photo_credit {
	font-family: 'Public Sans';
	font-style: italic;
	font-weight: 300;
	font-size: 12px;
	text-align: center;
	color: #636363;
}

.use_case_header {
	margin-bottom:10px; 
	font-family: 'Public Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	color: #000000;

}

.applicable_for {
	margin-bottom: 5px;
	color: #636363;
}

.price-results {
	font-family: 'Public Sans';
	font-style: normal;
	font-weight: 400;
	aspect-ratio: 16 / 9;
	color: #fff;
	background-color: #333;
	background-size: cover;
	background-position: center;
	background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)), url('/static/US.jpg');
	container-type: inline-size;
	padding-top: 5%;
}

.stats-card-default {
	font-size: clamp(10px, 2.8cqi, 17px);
	line-height: 150%;
	color: #CCCCCC;
}

.stats-card-header {
	font-size: clamp(9px, 2.3cqi, 15px);
	color: #CCCCCC;
	line-height: 150%;
}

.version {
	font-family: 'Public Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 10px;
	color: #989797;
}

.stats-card-value {
	font-family: 'Public Sans';
	font-style: normal;
	font-weight: 800;
	font-size: clamp(14px, 3.4cqi, 25px);
	line-height: 120%;
	color: #FFFFFF;
}

.stats-card-price {
	font-family: 'Public Sans';
	font-style: normal;
	font-weight: 800;
	font-size: clamp(35px, 7.5cqi, 60px);
	line-height: 120%;
	text-align: center;
	color: #FFFFFF;
}

.instruction {
	font-size: 13px;
	color: #363636;
}

.results-US {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/static/US.jpg');
}

.results-GB {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/static/GB.jpg');
}

.results-ES {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/static/ES.jpg');
}

.results-CH {
	background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/static/CH.jpg');
}

.results-ZA {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/static/ZA.jpg');
}

.results-IT {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/static/IT.jpg');
}

.results-PT {
	background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/static/PT.jpg');
}

.results-CA {
	background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/static/CA.jpg');
}

.results-AU {
	background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/static/AU.jpg');
}

.results-DE {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/static/DE.jpg');
}

.results-IE {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/static/IE.jpg');
}

.results-FR {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/static/FR.jpg');
}

.results-AT {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/static/AT.jpg');
}

.results-BE {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/static/BE.jpg');
}

.results-NZ {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/static/NZ.jpg');
}

.results-NL {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/static/NL.jpg');
}

.chart-container canvas {
	image-rendering: pixelated;
}