@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");

:root {
  --red: #d63a25;
  --white: #fff;
  --dark: #3b3b51;
  --background: #f2f8ff;
  --background2: #d2e7ff;
  --secondary: #3e8eec;
  --orange: #f3ab32;
  --gray: #e8e8e8;
  --background3: #f0f4f7;
  --footer: #256cc1;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
  list-style: none;
  text-decoration: none;
}

.terms-section {
  display: flex;
  justify-content: center;
  align-items: center;

  background-color: var(--background2);
}

.terms-content {
  padding: 68px 24px;
  max-width: calc(1316px + (24px * 2));
}

.terms-title {
  color: var(--dark);
  font-size: 32px;
  font-style: normal;
  font-weight: 600;

  margin: 32px 0px;
}

.terms-text {
  color: var(--dark);
  font-size: 24px;
  font-style: normal;
  text-align: justify;

  margin-bottom: 16px;
}

.terms-underline {
  text-decoration: underline;
}

.terms-sub-text {
  margin-left: 32px;
  margin-bottom: 8px;
}

.left-div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 64px 0px;
}

.terms-footer-text {
  margin-bottom: 8px;
  color: var(--dark);
  font-size: 18px;
  font-style: normal;
}

.svg7{
  margin: -5px;
  padding-top: 10px;
}

.footer-top{
  overflow-x: hidden;
}

.terms-list-margin {
  margin-bottom: 16px;
}
.footer-top-grad{
  padding: 0px 24px;
}

@media (max-width: 480px) {
  .terms-text {
    font-size: 18px;
  }

  .terms-title {
    font-size: 22px;
    margin: 16px 0px;
  }

  .terms-footer-text {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .left-div {
    margin: 32px 0px;
  }
}