.elementor-4174 .elementor-element.elementor-element-467f045{margin-top:50px;margin-bottom:50px;padding:0px 0px 0px 0px;}.elementor-4174 .elementor-element.elementor-element-ace6511 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);padding:30px 50px 0px 50px;}.elementor-4174 .elementor-element.elementor-element-3af7aff{text-align:left;}.elementor-4174 .elementor-element.elementor-element-3af7aff .elementor-heading-title{color:#262E33;font-family:"Poppins", Sans-serif;font-size:60px;font-weight:600;line-height:60px;}.elementor-4174 .elementor-element.elementor-element-3af7aff > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4174 .elementor-element.elementor-element-f458192{color:var( --e-global-color-76149ac );font-family:"Roboto", Sans-serif;font-weight:500;text-transform:uppercase;}.elementor-4174 .elementor-element.elementor-element-f458192 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-4174 .elementor-element.elementor-element-d0f2dcf{--icon-box-icon-margin:8px;}.elementor-4174 .elementor-element.elementor-element-d0f2dcf .elementor-icon{font-size:100px;}.elementor-4174 .elementor-element.elementor-element-d0f2dcf .elementor-icon-box-title{margin-bottom:5px;}@media(max-width:1024px){.elementor-4174 .elementor-element.elementor-element-3af7aff{text-align:center;}.elementor-4174 .elementor-element.elementor-element-f458192{text-align:center;}.elementor-4174 .elementor-element.elementor-element-f458192 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-4174 .elementor-element.elementor-element-467f045{margin-top:20px;margin-bottom:20px;padding:0px 10px 0px 10px;}.elementor-4174 .elementor-element.elementor-element-ace6511 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:20px 20px 49px 20px;}.elementor-4174 .elementor-element.elementor-element-3af7aff{text-align:center;}.elementor-4174 .elementor-element.elementor-element-3af7aff .elementor-heading-title{font-size:34px;line-height:1.6em;}.elementor-4174 .elementor-element.elementor-element-3af7aff > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4174 .elementor-element.elementor-element-f458192{text-align:center;}.elementor-4174 .elementor-element.elementor-element-f458192 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4174 .elementor-element.elementor-element-d0f2dcf .elementor-icon-box-wrapper{text-align:center;}.elementor-4174 .elementor-element.elementor-element-d0f2dcf{--icon-box-icon-margin:0px;}.elementor-4174 .elementor-element.elementor-element-d0f2dcf .elementor-icon{font-size:89px;}.elementor-4174 .elementor-element.elementor-element-d0f2dcf .elementor-icon-box-title{margin-bottom:0px;}.elementor-4174 .elementor-element.elementor-element-d0f2dcf > .elementor-widget-container{margin:30px 0px 0px 0px;}}/* Start custom CSS */.logo {
  text-align: right;
}

.logo img {
  max-width: 400px;
}

@media (max-width: 600px) {
  h2#tenantInfo {
    font-size: 32px;
  }

  .logo {
    text-align: left;
  }
  .logo img {
    max-width: 100%;
  }
  .elementor-icon-box-wrapper {
    display: flex !important;
    flex-direction: column-reverse !important;
    text-align: center;
  }
  .elementor-icon i,
  .elementor-icon svg {
    width: 1em;
    height: 0.5em;
    position: relative;
    display: block;
  }
}

/* Style the container */
.field-type-upload {
  position: relative;
  width: 300px !important;
  height: 300px;
  border: 2px dashed #aaa;
  border-radius: 10px;
  margin-bottom: 4rem !important;
  overflow: visible;
}

/* Style the upload button */
.upload-field {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/* Style the uploaded image preview */
.upload-field + label + .uploaded-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: none; /* Hide by default */
}

/* Show uploaded image preview when file is selected */
.upload-field:checked + label + .uploaded-image {
  display: block;
}

/* Style the overlay with + symbol */
.field-type-upload:after {
  content: "+";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  color: #aaa;
  cursor: pointer;
  pointer-events: none; /* Prevent click event on overlay */
}

/* Hide the overlay when image is uploaded */
.upload-field:checked
  + label
  + .uploaded-image
  + .elementor-field-group::after {
  display: none;
}

/* Style the label */

img.uploaded-image {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.field-type-upload label {
  position: absolute;
  bottom: -5.5rem;
  z-index: 10;
  font-size: 14px;
  height: 5rem;
}

/* Tooltip icon style */
.tooltip-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  text-align: center;
  cursor: pointer;
  font-weight: bold;
}

.tooltip-question {
  margin-left: 10px;
  position: relative;
  background: #1f2124;
  padding: 0px 6px;
  font-weight: 700;
  border-radius: 50%;
  color: #ffd957;
  transition: all .3s;
}
.tooltip-icon button {
  padding: 5px 10px !important;
}

/* Tooltip container style (hidden by default) */
.tooltip-container {
  z-index: 190;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: none;
  border-radius:10px;
}

.inline-tooltip {
  z-index: 190;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: none;
  position: absolute; /* Position absolutely */
  left: 0; /* Adjust as needed */
  top: -40px;
}
.inline-tooltip:hover {
  pointer-events: none;
  cursor: help;
}

/* Tooltip text style */
.tooltip-text {
  margin-top: 5px;
}

.field {
  position: relative;
}

/* Show tooltip container on hover */
.field-type-upload:hover .tooltip-container {
  display: block;
}

.tooltip-question:hover + .inline-tooltip {
  display: block;
}

.tooltip-container:hover{cursor: pointer;}

.tooltip-question:hover {
  background: #ffd957;
  cursor: help;
  color: #1f2124;
}

.placeholder-img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  opacity: 0.5; /* Placeholder opacity */
  background-color: #fcd555; /* Placeholder color */
}

.upload-field:checked + label + .uploaded-image {
  display: block;
}

.upload-field:checked + label + .placeholder-image {
  display: none;
}

img.placeholder-image {
  width: 100%;
  border-radius:10px;
  box-shadow: 0 0 10px #00000020;
}

/* Disabled click effect */
.disabled-click {
  pointer-events: none;
}

datalist {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  writing-mode: vertical-lr;
  max-height: 1em;
}

datalist option {
  padding: 0;
  transform: rotate(-90deg);
  text-align: center;
}

input[type="range"] {
  width: 200px;
  margin: 0;
}

/* Add loading overlay CSS */
#loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 50% transparent black overlay */
  display: none; /* Initially hidden */
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

#loading-indicator {
  width: 300px;
  background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent black background */
  border-radius: 5px;
  padding: 20px;
  text-align: center;
  color: white;
  z-index: 1000;
}

#progress-bar {
  width: 100%;
  height: 20px;
  background-color: #ddd;
  border-radius: 10px;
  z-index: 1001;
}

#progress-bar div {
  height: 100%;
  background-color: #4caf50;
  border-radius: 10px;
  z-index: 1001;
}

#progress-text {
  margin-top: 10px;
  font-size: 18px;
  z-index: 1001;
}

a.custom-color:hover{color:#000!important;}

.info {
    display: flex;
    flex-direction: row;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

a#tenantWebsite {
    padding: 10px 20px;
    border: 1px solid;
    height: 100%;
    align-self: center;
    font-weight: 500;
    transition: all .3s;
}/* End custom CSS */