/*--------------------------------------------------------------
#title Section
--------------------------------------------------------------*/
.card-content-title {
  font-size: 3rem;
  color: #00AAFF;
  line-height: 4rem !important;
  margin: 5vh; 
}
/*--------------------------------------------------------------
#terms Section
--------------------------------------------------------------*/
.terms-wrapper {
  padding: 5vw;
}
.terms-wrapper .terms-section {
  text-align: left;
}
.terms-desc {
  color: #696969;
  font-size: 1.4rem;
  padding-bottom: 50px;
}
.set {
  position: relative;
  width: 100%;
  height: auto;
}
.set .trigger {
  cursor: pointer;
  padding: 10px 0;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  transition: all 0.2s linear;
  padding-right: 30px;
  color: #696969;
  font-size: 1.4rem;
  font-weight: 500;
  position: relative;
}
.set .trigger p {
  margin: 0; 
}
.set .trigger::after {
  content: "+";
  position: absolute;
  right: 10px;
  top: 50%;
  color: #B3D9FF;
  transform: translateY(-50%);
  font-size: 35px;
}
.set .trigger:hover::after {
  color: #00AAFF;
}
.set .trigger.active::after {
  content: "–"; 
  color: #00AAFF;
}
.set .content {
  padding: 10px 0;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  color: #696969;
  font-size: 1.2rem;
  display: none;
}
@media (max-width: 575.98px) {
  .terms-desc, .set .content {
    text-align: justify;
  }
}