
#pop-up-terms-conditions > div > div,
#pop-up-privacy-policies > div > div {
  max-width: min(90vw, 900px);
  height: 90vh;
  /* overflow: hidden; */

  display: flex;
  flex-direction: column;
  flex-shrink: 1;
}

#pop-up-terms-conditions .pop-up-header,
#pop-up-privacy-policies .pop-up-header {
  background-color: #3E4095;
  border-radius: 16px 16px 0 0;
  padding: 32px 16px 42px;

  background-image: url(./assets/pop-up-header-background.png) ;
  background-size: cover;

  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

 #pop-up-terms-conditions .pop-up-header h4,
 #pop-up-privacy-policies .pop-up-header h4 {
  text-align: left;
  font-weight: 700;
  font-size: 48px;
  color: #F2F2F2;
  line-height: 36.47px;
  margin-bottom: 14px;
}

#pop-up-terms-conditions .pop-up-header span,
#pop-up-privacy-policies .pop-up-header span {
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  color: #F2F2F2;
  line-height: 19.45px;
}

#pop-up-terms-conditions .pop-up-header button,
#pop-up-privacy-policies .pop-up-header button {
  cursor: pointer;
}


#pop-up-terms-conditions .pop-up-body,
#pop-up-privacy-policies .pop-up-body {
  padding: 0 16px ;
  overflow-y: scroll;
  max-width: 90%;
  margin: 32px 16px 32px ;
}

#pop-up-terms-conditions .pop-up-body::-webkit-scrollbar,
#pop-up-privacy-policies .pop-up-body::-webkit-scrollbar {
  width: 12px;
  border-radius: 20px;
}

#pop-up-terms-conditions .pop-up-body::-webkit-scrollbar-track,
#pop-up-privacy-policies .pop-up-body::-webkit-scrollbar-track {
  background: #F2F2F2; /* Cor de fundo da barra */
  border-radius: 8px;
}

#pop-up-terms-conditions .pop-up-body::-webkit-scrollbar-thumb,
#pop-up-privacy-policies .pop-up-body::-webkit-scrollbar-thumb {
  background-color: #3E4095; /* Cor da barra */
  border-radius: 6px; /* Bordas arredondadas */
  border: 3px solid #F2F2F2; /* Cria espaço ao redor da barra */
}

#pop-up-terms-conditions .pop-up-body div,
#pop-up-privacy-policies .pop-up-body div {
  margin-bottom: 30px;
}

#pop-up-terms-conditions .pop-up-body h6,
#pop-up-privacy-policies .pop-up-body h6 {
  font-size: 24.31px;
  font-weight: 600;
  line-height: 36.47px;
  text-align: left;
  color: #494949;
}

#pop-up-terms-conditions .pop-up-body p,
#pop-up-privacy-policies .pop-up-body p {
  font-size: 16.21px;
  font-weight: 500;
  line-height: 24.31px;
  text-align: left;
  color: #494949;
  margin: 16px 0;
}

@media (max-width: 750px) {

  #pop-up-terms-conditions .pop-up-header h4,
  #pop-up-privacy-policies .pop-up-header h4 {
   font-size: 20px;
   color: #F2F2F2;
   line-height: 20px;
   margin-bottom: 16px;
 }
  
}