#termsModal, #privacyModal {
  display: none;
  position: fixed;
  top: 0; left: 0;
  width: 100%;  height: 100%;
  background: rgba(0,0,0,0.5);
  z-index: 1000;
  align-items: center;
  justify-content: center;
}

#termsModal.active, #privacyModal.active, .privacy-modal.active {
  display: flex;
  flex-direction: column;
}

#termsModal .scrollable-content, 
#privacyModal .scrollable-content, 
.privacy-modal .scrollable-content {
  background: linear-gradient(
    to bottom ,
    #ffffff -90%,
    #23CE6B 700%
  );  
  border-radius: 12px;
  max-width: 38%;
  width: 90%;
  max-height: 95vh;
  padding: 0 5vh 7vh 5vh;
  position: relative;
  border: solid 1px #969696;
  display: flex;
  flex-direction: column;
  overflow-y: auto;   
}

#termsModal .back-icon, #privacyModal .back-icon, .privacy-modal .back-icon {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 4.3vh;
  color: #000;
  text-decoration: none;
  z-index: 10;
}


.texto {
    color: black;
    font-size: 1.8vh;
    font-weight: 400;
}

.titulo {
    font-weight: 400;
}

.subtitulo {
    display: flex;
    align-items: center;
}

#termsModal .terms-div, #privacyModal .privacy-div {
    width: 100%;
    padding: 8vh 0;
    display: flex;
    flex-direction: column;
    gap: 4vh;
    flex: 1 1 auto;          
    align-self: center;
    margin-bottom: 6px;
}

#termsModal .terms-div::-webkit-scrollbar, 
#privacyModal .privacy-div::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}

.green-circle {
    width: 9px;               
    height: 9px;               
    background-color: #23CE6B;
    border-radius: 50%;
    display: inline-block;      
    vertical-align: middle;   
    margin-right: 1vw;  
}