1  /* termsPage.module.scss */
 2  .termsPage {
 3    font-family: Arial, sans-serif;
 4    padding: 40px;
 5    text-align: left;
 6    display: flex;
 7    flex-direction: column;
 8    align-items: center;
 9    color: #222;
10  }
11  
12  .markdownContainer {
13    background-color: #ffffff;
14    padding: 20px;
15    border-radius: 5px;
16    color: #222;
17  }
18  
19  .markdownContainer h2 {
20    font-size: 38px;
21    line-height: 1.5;
22    font-weight: 400;
23    margin: 40px auto;
24    color: #1e87f0;
25  }
26  
27  .markdownContainer p {
28    font-size: 18px;
29    font-weight: 300;
30    color: #222;
31  }
32  
33  /* Style for bold text within paragraphs */
34  .markdownContainer p strong {
35    font-weight: bold;
36    color: #1e87f0;
37  }
38  
39  .checkboxLabel {
40    display: flex;
41    align-items: center;
42    margin-top: 20px;
43  }
44  
45  .checkboxLabel input {
46    margin-right: 10px;
47  }
48  
49  .agreeButton {
50    background: #1e87f0;
51    color: #ffffff;
52    border: none;
53    padding: 15px 30px;
54    border-radius: 30px;
55    cursor: pointer;
56    font-size: 16px;
57    margin-top: 20px;
58  }
59  
60  .agreeButton:disabled {
61    background-color: #ccc;
62    cursor: not-allowed;
63  }
64  
65  /* termsPage.module.scss */
66  .markdownContainer p {
67    font-size: 18px;
68    font-weight: 300;
69    color: #222;
70    line-height: 1.6;
71  }
72  
73  .markdownContainer p strong {
74    font-weight: bold;
75    color: #1e87f0;
76  }