/* @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@100&display=swap'); */
 :root {

     /* Colors: */
     ---eef1ae-main-pale-bez-: #EEF1AE;
     ---B07FE1-main-orange-: #B07FE1;
     ---00aeee-light-blue-: #00AEEE;
     ---583a20-brown-: #583A20;
     ---ffffff-white-: #FFFFFF;
     ---0e0f03-soft-black-: #0E0F03;

     /* Font/text values */
     --unnamed-font-family-manrope: 'Manrope', sans-serif;
     --unnamed-font-style-normal: normal;
     --unnamed-font-weight-300: 300px;
     --unnamed-font-weight-800: 800px;
     --unnamed-font-weight-medium: medium;
     --unnamed-font-weight-normal: normal;
     --unnamed-font-size-16: 16px;
     --unnamed-font-size-20: 20px;
     --unnamed-font-size-24: 24px;
     --unnamed-font-size-30: 30px;
     --unnamed-font-size-60: 60px;
     --unnamed-font-size-22-5: 22.5px;
     --unnamed-character-spacing-0: 0px;
     --unnamed-character-spacing-0-3: 0.3px;
     --unnamed-character-spacing-0-23: 0.23px;
     --unnamed-character-spacing-0-6: 0.6px;
     --unnamed-character-spacing-0-2: 0.2px;
     --unnamed-line-spacing-22: 22px;
     --unnamed-line-spacing-27: 27px;
     --unnamed-line-spacing-31: 31px;
     --unnamed-line-spacing-33: 33px;
     --unnamed-line-spacing-41: 41px;
     --unnamed-line-spacing-82: 82px;
     --unnamed-text-transform-uppercase: uppercase;
 }

 /* Character Styles */
 .-h1-—-60pt {
     font-family: var(--unnamed-font-family-manrope);
     font-style: var(--unnamed-font-style-normal);
     font-weight: var(--unnamed-font-weight-800);
     font-size: var(--unnamed-font-size-60);
     line-height: var(--unnamed-line-spacing-82);
     letter-spacing: var(--unnamed-character-spacing-0-6);
     color: var(---0e0f03-soft-black-);
 }

 .-h2-—-30pt {
     font-family: var(--unnamed-font-family-manrope);
     font-style: var(--unnamed-font-style-normal);
     font-weight: var(--unnamed-font-weight-300);
     font-size: var(--unnamed-font-size-30);
     line-height: var(--unnamed-line-spacing-41);
     letter-spacing: var(--unnamed-character-spacing-0-3);
     color: var(---0e0f03-soft-black-);
 }

 .-η3-—-24pt {
     font-family: var(--unnamed-font-family-manrope);
     font-style: var(--unnamed-font-style-normal);
     font-weight: var(--unnamed-font-weight-300);
     font-size: var(--unnamed-font-size-24);
     line-height: var(--unnamed-line-spacing-33);
     letter-spacing: var(--unnamed-character-spacing-0);
     color: var(---0e0f03-soft-black-);
 }

 .-body-—-22-5pt {
     font-family: var(--unnamed-font-family-manrope);
     font-style: var(--unnamed-font-style-normal);
     font-weight: var(--unnamed-font-weight-300);
     font-size: var(--unnamed-font-size-22-5);
     line-height: var(--unnamed-line-spacing-31);
     letter-spacing: var(--unnamed-character-spacing-0-23);
     color: var(---0e0f03-soft-black-);
 }

 .-body-small-—-20pt {
     font-family: var(--unnamed-font-family-manrope);
     font-style: var(--unnamed-font-style-normal);
     font-weight: var(--unnamed-font-weight-medium);
     font-size: var(--unnamed-font-size-20);
     line-height: var(--unnamed-line-spacing-27);
     letter-spacing: var(--unnamed-character-spacing-0-2);
     color: var(---0e0f03-soft-black-);
     text-transform: var(--unnamed-text-transform-uppercase);
 }

 .-acccent-—-16pt {
     font-family: var(--unnamed-font-family-manrope);
     font-style: var(--unnamed-font-style-normal);
     font-weight: var(--unnamed-font-weight-normal);
     font-size: var(--unnamed-font-size-16);
     line-height: var(--unnamed-line-spacing-22);
     letter-spacing: var(--unnamed-character-spacing-0);
     color: var(---0e0f03-soft-black-);
 }

 html {
     scroll-behavior: smooth;
 }

 .center {
     margin: auto;
     width: 50%;
     padding: 10px;
 }

 .zoom {
     transition: transform .2s;
 }

 .zoom:hover {
     transform: scale(1.1);
 }

 .bg-map {
     position: fixed;
     height: 100vh;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     opacity: 0.1;
     background-image: url('/assets/images/topo.jpg');
 }


 .bg-map-body {
     min-height: 100vh;
     display: flex;
     font-family: "Inter", "Inter UI", Arial;
     justify-content: center;
     align-items: center;
     background: rgba(246, 248, 255, 1);
 }

 .new_inputs {
     min-width: 3000px;
     background-color: transparent;
     border: none;
     border-bottom: 2px solid;
     border-radius: 0;
 }

 .sign_in_btn {
     background-color: #212529;
 }

 .sign_in_btn:hover {
     background-color: #383b3e;
 }

 .sign_in_btn_txt {
     color: #fff;
 }
 @media (min-width: 576px) {
    .modal {
      --bs-modal-margin: 1.75rem;
      --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    }
  }
  .modal {
    --bs-modal-zindex: 1055;
    --bs-modal-width: 500px;
    --bs-modal-padding: 1.75rem;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: var(--bs-body-bg);
    --bs-modal-border-color: var(--bs-border-color-translucent);
    --bs-modal-border-width: 0;
    --bs-modal-border-radius: 0.475rem;
    --bs-modal-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    --bs-modal-inner-border-radius: 0.475rem;
    --bs-modal-header-padding-x: 1.75rem;
    --bs-modal-header-padding-y: 1.75rem;
    --bs-modal-header-padding: 1.75rem 1.75rem;
    --bs-modal-header-border-color: var(--bs-border-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: var(--bs-border-color);
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
  }
  .fade {
    transition: opacity 0.15s linear;
  }
  @media (min-width: 992px) {
    main, span, ol, ul, pre, div {
      scrollbar-width: thin;
      scrollbar-color: var(--bs-scrollbar-color) transparent;
    }
  }
  *, ::before, ::after {
    box-sizing: border-box;
  }

/* ===================================================================================================================== */
/* =============================================== File Upload Start ===================================================== */
/* ===================================================================================================================== */

  #drop_zone {
    /* width: 300px; */
    cursor: pointer;
    height: 200px;
    border: 2px dashed #ccc;
    text-align: center;
    /* line-height: 200px; */
    color: #ccc;
}
#drop_zone_files {
    /* width: 300px; */
    cursor: pointer;
    height: 200px;
    border: 2px dashed #ccc;
    text-align: center;
    /* line-height: 200px; */
    color: #ccc;
}
.uploaded-file {
    position: relative;
    display: inline-block;
    margin: 10px;
}
.uploaded-file img {
    max-width: 100px;
    max-height: 100px;
    border-radius: 6px;
}
.delete-btn {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #ccccccfa;
    color: black;
    border: none;
    cursor: pointer;
    height: 30px;
    width: 30px;
    border-radius: 15px;
}
.delete-btn:hover {
    background: #e3ddddfa;
}
#drop_zone.empty::before {
    content: 'Drag and drop files here';
    color: #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#drop_zone.emptyCon::before {
    content: '';
    color: #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#drop_zone_files.empty::before {
    content: 'Drag and drop files here';
    color: #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#drop_zone_files.emptyCon::before {
    content: '';
    color: #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/* ===================================================================================================================== */
/* =============================================== File Upload END ===================================================== */
/* ===================================================================================================================== */