/* Compass-Initial-Popup-Overlay */
    .Compass-Initial-Popup-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.6);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    /* Compass-Initial-Popup-Container */
    .Compass-Initial-Popup-container {
        font-family: 'Poppins';
      display: flex;
      width: 60vw;
      /* max-width: 90vw; */
      background: white;
      border-radius: 1vw;
      overflow: hidden;
      box-shadow: 0 0 1vw rgba(0, 0, 0, 0.3);
    }

    /* Compass-Initial-Popup-Image */
    .Compass-Initial-Popup-image {
      width: 30vw;
      background: url('../SeperatePages/IndividualProp/PropertyResources/Unity/herobannerimage1.png') center/cover no-repeat;
    }

        .Compass-Initial-Popup-form {
        width: 30vw;
        padding: 3vw;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.5vw;
        position: relative;
        }
        .Compass-Initial-Popup-form-h1{
            font-size: 1.5vw;
            font-weight: 300;
            text-align: center;
        }

        .Compass-Initial-Popup-form input,
        .Compass-Initial-Popup-form textarea {
        font-family: 'Poppins';
        width: 100%;
        padding: 0.7vw;
        font-size: 0.8vw;
        border-radius: 0.5vw;
        border: 1px solid #eaeaea;
        box-sizing: border-box; /* ✅ Ensures equal padding on both sides */
        }
        .Compass-Initial-Popup-form-p{
            font-size: 0.8vw;
        }



    .Compass-Initial-Popup-form-btn {
      background-color: #0E323D;
      color: white;
      padding: 0.5vw 2vw;
      border: none;
      width: fit-content;
      border-radius: 0.5vw;
      font-size: 1vw;
      cursor: pointer;
    }

    .Compass-Initial-Popup-close {
      position: absolute;
      top: 1vw;
      right: 1vw;
      background: none;
      border: none;
      font-size: 2vw;
      cursor: pointer;
            background-color: #0E323D;
      color: white;
      padding: 0.2vw 0.5vw;
      border: none;
      border-radius: 0.5vw;
      font-size: 1vw;
      cursor: pointer;
    }
    .Compass-Initial-Popup-form-checkbox {
  font-size: 0.8vw;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  margin-top: 0.5vw;
  margin-bottom: 0.5vw;
}

.Compass-Initial-Popup-form-checkbox input[type="checkbox"] {
  transform: scale(1.2);
}



    @media(max-width:1024px) and (orientation:portrait){
        .Compass-Initial-Popup-container {
            width: 70vw;
        }
        .Compass-Initial-Popup-image {
            width: 30vw;
        }
        .Compass-Initial-Popup-form {
            width: 40vw;
        }
        .Compass-Initial-Popup-form-h1{
            font-size: 2vw;
        }
                .Compass-Initial-Popup-form input,
        .Compass-Initial-Popup-form textarea {
            font-size: 1.2vw;
            padding: 1vw 2vw;
        }
        .Compass-Initial-Popup-form-btn{
            font-size: 1.5vw;
        }
    }

    @media(max-width:500px){
        .Compass-Initial-Popup-container {
            width: 90%;
            border-radius: 3vw;
            padding: 4vw 2vw;
        }
        .Compass-Initial-Popup-image {
            display: none;
        }
                .Compass-Initial-Popup-form {
            width:100%;
        }
        .Compass-Initial-Popup-form-h1{
            font-size: 5vw;
        }
                .Compass-Initial-Popup-form input,
        .Compass-Initial-Popup-form textarea {
            font-size: 3.5vw;
            padding: 2vw 2vw;
            border-radius: 2vw;
        }

        .Compass-Initial-Popup-form {
            gap: 3vw;
        }
        .Compass-Initial-Popup-close{
            font-size: 3vw;
            font-family: 'Poppins';
            font-weight: 300;
            padding: 1vw 2.5vw; 
            border-radius: 2vw;
            top: -2vw;
            right: -0.5vw;
        }
         .Compass-Initial-Popup-form-p{
            font-size: 3vw;
        }
        .Compass-Initial-Popup-form-btn{
            font-size: 3.5vw;
            padding: 2vw 3vw;
            border-radius: 2vw;
        }
    }