import { Box, Typography } from "@mui/material";
import styled from "styled-components";
import selectedTheme from "../../../themes";

export const PrivacyPolicySectionContainer = styled(Box)`
  margin-top: 25px;
`;
export const PrivacyPolicySectionTitle = styled(Typography)`
  font-family: ${selectedTheme.fonts.textFont};
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 33px;
  color: ${selectedTheme.colors.primaryPurple};
  margin-bottom: 18px;

  @media (max-width: 600px) {
    font-size: 18px;
  }
`;
export const PrivacyPolicySectionText = styled(Typography)`
  font-family: ${selectedTheme.fonts.textFont};
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: ${selectedTheme.colors.primaryGrayText};

  @media (max-width: 600px) {
    font-size: 14px;
  }
`;
