/* .modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff; 
  width: 600px;
  max-width: 90%;
  height: 900px;
  max-height: 90%;
  padding: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 15px;
  z-index: 1014;
  background-image: url("/hubfs/images/popup-cta-squiggle.png");
  background-repeat: no-repeat;
  background-position: right 0px;
  background-size: auto;
  background-blend-mode: overlay;
 }

.modal-h1 {
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 1.3rem;
}

.modal-h2 {
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 1.3rem;
}

.modal-guts {
  width: 100%;
  height: 100%;
  overflow: scroll;
}

.modal-guts::-webkit-scrollbar {
  width: 0;  /* Remove scrollbar space */
  background: transparent;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
.modal-guts::-webkit-scrollbar-thumb {
  background: #FF0000;
}

.survey-popup-content {
 margin-right: 0;
 margin-left: 0;
 height: 100%;
}

.c-icon.c-icon--small {
    color: #0d2032;
  }

.modal strong {
  font-weight: 700;
}

.modal-mask {
  display: none;
  z-index: 1013;
  height: 100%;
  width: 100%;
  position: fixed;
  background-color: rgba(0,0,0,.6);
  top: 0;
  left: 0;
}

.modal-close-outer {
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 999;
}

.modal-close {
  text-decoration: none;
  color: #0d2032;
  position: relative;
  cursor: pointer;
  font-size: 30px;
}

.modal-hero-image {
  width: 100%;
  height: auto;
}

.close-textbutton_wrapper {
 width: 100%; 
}

.close-modal-text-button {
  font-size: 1.3rem;
  text-decoration: none;
  color: #0d2032;
  font-weight: 600;
}

/* SMALL ONLY */
@media (max-width: 767px) {
/* .modal {
    max-width: 85%; 
  } */
  
  .close-modal-text-button {
    font-size: 1.3rem;
  }
}

/* MEDIUM AND UP */
@media (min-width: 768px) {
 .modal {
/*     top: 5%; */
/*     width: 650px;
    max-width: 100%; */
  }
  
  li.hs-form-booleancheckbox >label > span {
    margin: -5px 16px 0 40px;
    font-size: 1.4rem;
  }

  .c-icon.c-icon--small {
    color: #fff;
  }
  
  .modal-close-outer {
    right: 45px;
    top: 20px;
  }
  
  .modal-h1 {
    font-size: 2.6rem;
  }

  .modal-h2 {
    font-size: 1.6rem;
  }
}

/* LARGE AND UP */
@media (min-width: 1200px) {
  .modal {
/*       top: 5%; */
/*       width: 990px; */
      max-width: 100%;
    }
}
 */