@import url(./nav.css);
@import url(./footer.css);

/* TERMS AND CONDITIONS */
.terms-and-conditions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.terms-and-conditions, .terms-and-conditions .container {
  width: 100%;
  flex-direction: column;
}

.terms-and-conditions .container {
  gap: var(--size60-13);
  padding: var(--size80-13) 10px
}

.terms-and-conditions .container h2 { color: var(--text-primary) }
.terms-and-conditions .container .content {
  width: 100%;
  color: var(--secondary)
}

.terms-and-conditions .container .content .item {
  width: 100%;
  display: flex;
  padding: 10px 20px;
  align-items: center;
  box-sizing: border-box;
  color: var(--secondary);
  font-size: var(--size20-5);
  transition: var(--transition);
  border-bottom: 1px solid var(--secondary)
}

.terms-and-conditions .container .content .item p {
  font-weight: 500;
  color: var(--secondary);
  transition: var(--transition)
}

.desktop .terms-and-conditions .container .content .item:hover,
.desktop .terms-and-conditions .container .content .item:hover p {
  color: var(--bg-paper);
  text-shadow: 0 0 8px var(--secondary),
                0 0 12px var(--secondary),
                0 0 16px var(--secondary)
}