diff --git a/src/App.jsx b/src/App.jsx
index 8a44a8c9..9550443e 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -136,7 +136,7 @@ class App extends Component {
       }
 
       // this.fieldSelectionDisplayHandle(this.state.gender);
-    } catch (err) {}
+    } catch (err) { }
 
     /// The following steps is to get clientID from google analytics and save it to cookies
     const { cookies } = this.props;
@@ -340,7 +340,7 @@ class App extends Component {
     });
   };
 
-  
+
 
   changeGetStartedFormID = () => {
     this.setState((prevState) => ({
@@ -634,7 +634,7 @@ class App extends Component {
       fontSize: '14pt',
       lineHeight: '115%',
       fontFamily: 'Calibri Light, sans-serif',
-      fontWeight: 'bold', 
+      fontWeight: 'bold',
       margin: '10px 0',
       color: '#1b55a4'
     };
@@ -688,7 +688,7 @@ class App extends Component {
         if (this.state.instructionIsOpen) {
           //Transgender Instruction modal
           instructionModal = [
-        
+
             <div key="1" className="backdrop" style={backdropStyle}>
               <div
                 className="myModal"
@@ -782,10 +782,10 @@ class App extends Component {
                         <div
                           style={termsOfUseText}
                           dangerouslySetInnerHTML={{
-                          __html: DOMPurify.sanitize(
-                            this.state.lang.websiteSecurityText2
-                          ),
-                        }}></div>
+                            __html: DOMPurify.sanitize(
+                              this.state.lang.websiteSecurityText2
+                            ),
+                          }}></div>
 
                         <div
                           className="underlineTextTermsOfUse"
@@ -793,22 +793,22 @@ class App extends Component {
                         >
                           {this.state.lang.rightsAndOwnershipHeading}
                         </div>
-                        <div 
+                        <div
                           style={termsOfUseText}
                         >
                           <div>{this.state.lang.rightsAndOwnershipText1}</div>
                           <p></p>
-                        <div>{this.state.lang.rightsAndOwnershipText2}</div>
+                          <div>{this.state.lang.rightsAndOwnershipText2}</div>
                           <p></p>
-                        <div>{this.state.lang.rightsAndOwnershipText3}</div>
+                          <div>{this.state.lang.rightsAndOwnershipText3}</div>
                           <p></p>
-                        <div>{this.state.lang.rightsAndOwnershipText4}</div>
+                          <div>{this.state.lang.rightsAndOwnershipText4}</div>
                           <p></p>
                           <div>{this.state.lang.rightsAndOwnershipText5}</div>
                           <p></p>
                           <div>{this.state.lang.rightsAndOwnershipText6}</div>
                           <p></p>
-                        <div>{this.state.lang.rightsAndOwnershipText7}</div>
+                          <div>{this.state.lang.rightsAndOwnershipText7}</div>
                         </div>
                         <div
                           className="underlineTextTermsOfUse"
@@ -868,11 +868,11 @@ class App extends Component {
                           {this.state.lang.noRelianceHeading}
                         </div>
                         <div style={termsOfUseText}>
-                        <div>{this.state.lang.noRelianceText1}</div>
+                          <div>{this.state.lang.noRelianceText1}</div>
                           <p></p>
-                        <div>{this.state.lang.noRelianceText2}</div>
+                          <div>{this.state.lang.noRelianceText2}</div>
                           <p></p>
-                        <div>{this.state.lang.noRelianceText3}</div>
+                          <div>{this.state.lang.noRelianceText3}</div>
                         </div>
                         <div
                           className="underlineTextTermsOfUse"
@@ -924,8 +924,8 @@ class App extends Component {
                           {this.state.lang.entireAgreementHeading}
                         </div>
                         <div style={termsOfUseText}>{this.state.lang.entireAgreementText}</div>
-                          <p></p>
-                        <div style={{ termsOfUseHead, color: "#1b55a4", fontSize:'10pt', fontWeight: 'bold'}}>{this.state.lang.dateofAgreement}</div>
+                        <p></p>
+                        <div style={{ termsOfUseHead, color: "#1b55a4", fontSize: '10pt', fontWeight: 'bold' }}>{this.state.lang.dateofAgreement}</div>
                       </div>
                     </div>
                     <br />
@@ -942,7 +942,7 @@ class App extends Component {
               </div>
             </div>,
           ];
-        
+
         }
       } else if (this.state.getStartedFormID === 1) {
 
@@ -966,36 +966,51 @@ class App extends Component {
                         onClick={this.changeGetStartedFormID}
                       />
                     </div>
-
-                    <div className="col-8 p-0 text-center font-subHeading font-weight-bold" test-id="header">
-                      <strong>{this.state.lang.instruction_modal_header}</strong>
-                    </div>
-
-                    <div className="col-2"></div> 
+                    <div className="col-8 p-0 text-center" style={{ "font-family": "Inter",
+                    "font-size": "24px",
+                    "font-weight": "700",
+                    "line-height": "29px",
+                    "letter-spacing": "0em",
+                    "text-align": "left",
+                    }} test-id="header">
+                    {this.state.lang.instruction_modal_header}
                   </div>
 
+                  <div className="col-2"></div>
+                </div>
 
-                  <div className="content">
-                    
-                    {/*select age*/}
-                    <div>
-                      <form test-id="ageForm">
-                        <div>
-                          {this.state.lang.age_selector}
-                          <select
-                            id="abc"
-                            name="age"
-                            test-id="ageInput"
-                            value={this.state.age}
-                            onChange={this.handleChange}
-                          >
-                            {ages.map((age, i) => (
-                              <option key={i} value={age}>
-                                {age}
-                              </option>
-                            ))}
-                          </select>
-                          {/* <input
+
+                <div className="content">
+                    <div style={{ "font-family": "Inter",
+                    "font-size": "14px",
+                    "font-weight": "400",
+                    "line-height": "20px",
+                    "letter-spacing": "0em",
+                    "text-align": "left",
+                    "margin-bottom": "1rem",
+ }}>
+                    {this.state.lang.header_description}
+                  </div>
+                  
+                  {/*select age*/}
+                  <div>
+                    <form test-id="ageForm">
+                      <div>
+                        {this.state.lang.age_selector}
+                        <select
+                          id="abc"
+                          name="age"
+                          test-id="ageInput"
+                          value={this.state.age}
+                          onChange={this.handleChange}
+                        >
+                          {ages.map((age, i) => (
+                            <option key={i} value={age}>
+                              {age}
+                            </option>
+                          ))}
+                        </select>
+                        {/* <input
                           test-id="ageInput"
                           id="abc"
                           type="text"
@@ -1025,142 +1040,142 @@ class App extends Component {
                               </option>
                             ))}
                           </select>*/}
-                          <label
-                            style={allagescheckboxStyle}
-                            test-id="allAgeCheckboxLabel"
-                          >
-                            <input
-                              id="myCheck"
-                              test-id="allAgeCheckbox"
-                              type="checkbox"
-                              checked={this.state.allAgesSelected}
-                              onChange={this.handleAllAgesSelected}
-                            />
-                            {this.state.lang.all_ages}
-                          </label>
-                        </div>
-                      </form>
-                    </div>
-                    {/*select gender*/}
-                    <div>
-                      <div
-                        id="genderSelector"
-                        className="radio"
-                        test-id="genderSelectRoot"
-                      >
-                        <div>
-                          {this.state.lang.gender_selector}
-                          {/* this is the original button, works fine 
+                        <label
+                          style={allagescheckboxStyle}
+                          test-id="allAgeCheckboxLabel"
+                        >
+                          <input
+                            id="myCheck"
+                            test-id="allAgeCheckbox"
+                            type="checkbox"
+                            checked={this.state.allAgesSelected}
+                            onChange={this.handleAllAgesSelected}
+                          />
+                          {this.state.lang.all_ages}
+                        </label>
+                      </div>
+                    </form>
+                  </div>
+                  {/*select gender*/}
+                  <div>
+                    <div
+                      id="genderSelector"
+                      className="radio"
+                      test-id="genderSelectRoot"
+                    >
+                      <div>
+                        {this.state.lang.gender_selector}
+                        {/* this is the original button, works fine 
                         but i have applied css zindex and positioned it over other div which is trick that doesnt aligns with screen size */}
-                          {/* this button is crack takes me to the landing page */}
-                          <button
-                            test-id="genderSelectHelp"
-                            className="button button23"
-                            onClick={this.helpClicked}
-                          >
-                            ?
-                          </button>
-                        </div>
-                        <div className="radio-flex-container">
-                          <label id="male_radio" test-id="maleRadioLabel">
-                            <input
-                              type="radio"
-                              test-id="maleRadio"
-                              value="male"
-                              checked={this.state.gender === "male"}
-                              onChange={this.handleGenderChange}
-                            />
-                            {this.state.lang.male}
-                          </label>
-
-                          <label id="female_radio" test-id="femaleRadioLabel">
-                            <input
-                              test-id="femaleRadio"
-                              type="radio"
-                              value="female"
-                              checked={this.state.gender === "female"}
-                              onChange={this.handleGenderChange}
-                            />
-                            {this.state.lang.female}
-                          </label>
-
-                          <label id="nb_radio" test-id="nonBinaryRadioLabel">
-                            <input
-                              test-id="nonBinaryRadio"
-                              type="radio"
-                              value="nonbinary"
-                              checked={this.state.gender === "nonbinary"}
-                              onChange={this.handleGenderChange}
-                            />
-                            {this.state.lang.nonbinary}
-                          </label>
-                        </div>
+                        {/* this button is crack takes me to the landing page */}
+                        <button
+                          test-id="genderSelectHelp"
+                          className="button button23"
+                          onClick={this.helpClicked}
+                        >
+                          ?
+                        </button>
+                      </div>
+                      <div className="radio-flex-container">
+                        <label id="male_radio" test-id="maleRadioLabel">
+                          <input
+                            type="radio"
+                            test-id="maleRadio"
+                            value="male"
+                            checked={this.state.gender === "male"}
+                            onChange={this.handleGenderChange}
+                          />
+                          {this.state.lang.male}
+                        </label>
+
+                        <label id="female_radio" test-id="femaleRadioLabel">
+                          <input
+                            test-id="femaleRadio"
+                            type="radio"
+                            value="female"
+                            checked={this.state.gender === "female"}
+                            onChange={this.handleGenderChange}
+                          />
+                          {this.state.lang.female}
+                        </label>
 
-                        {/* <label id="trans_radio">
+                        <label id="nb_radio" test-id="nonBinaryRadioLabel">
+                          <input
+                            test-id="nonBinaryRadio"
+                            type="radio"
+                            value="nonbinary"
+                            checked={this.state.gender === "nonbinary"}
+                            onChange={this.handleGenderChange}
+                          />
+                          {this.state.lang.nonbinary}
+                        </label>
+                      </div>
+
+                      {/* <label id="trans_radio">
                       <input type="radio" value="transgender" checked={this.state.gender == 'transgender'} onChange={this.handleGenderChange} />
                       {this.state.lang.transgender}
                     </label> */}
-                        {/*this.state.user === 'provider' || null ?
+                      {/*this.state.user === 'provider' || null ?
                       (<label>
                         <input type="radio" value="all_genders" checked={this.state.gender == 'all_genders'} onChange={this.handleGenderChange} />
                           {this.state.lang.all_genders}
                       </label>) : (<label></label>)
                       */}
+                    </div>
+                    {/* {Are you a Transgender} */}
+                    {/* {Are you a Transgender} */}
+                    <div
+                      id="TgenderSelector"
+                      className="radio"
+                      test-id="tGenderSelectRoot"
+                    >
+                      <div className="Tgender_mod">
+                        <strong> {this.state.lang.Tgender_selector}</strong>
+                        <button
+                          test-id="tGenderSelectHelp"
+                          className="button button24"
+                          onClick={this.helpClicked2}
+                        >
+                          ?
+                        </button>
                       </div>
-                      {/* {Are you a Transgender} */}
-                      {/* {Are you a Transgender} */}
-                      <div
-                        id="TgenderSelector"
-                        className="radio"
-                        test-id="tGenderSelectRoot"
-                      >
-                        <div className="Tgender_mod">
-                          <strong> {this.state.lang.Tgender_selector}</strong>
-                          <button
-                            test-id="tGenderSelectHelp"
-                            className="button button24"
-                            onClick={this.helpClicked2}
-                          >
-                            ?
-                          </button>
-                        </div>
-                        <div className="radio-flex-container">
-                          <label id="birth_male_mod" test-id="birthMaleLabel">
-                            <input
-                              type="radio"
-                              test-id="birthMale"
-                              value="tf"
-                              checked={this.state.Tgender === "tf"}
-                              onChange={this.handleTransGenderChange}
-                            />
-                            {this.state.lang.tf}
-                          </label>
-
-                          <label id="female_male_mod" test-id="birthfemaleLabel">
-                            <input
-                              test-id="birthFemale"
-                              type="radio"
-                              value="tm"
-                              checked={this.state.Tgender === "tm"}
-                              onChange={this.handleTransGenderChange}
-                            />
-                            {this.state.lang.tm}
-                          </label>
-                        </div>
+                      <div className="radio-flex-container">
+                        <label id="birth_male_mod" test-id="birthMaleLabel">
+                          <input
+                            type="radio"
+                            test-id="birthMale"
+                            value="tf"
+                            checked={this.state.Tgender === "tf"}
+                            onChange={this.handleTransGenderChange}
+                          />
+                          {this.state.lang.tf}
+                        </label>
 
+                        <label id="female_male_mod" test-id="birthfemaleLabel">
+                          <input
+                            test-id="birthFemale"
+                            type="radio"
+                            value="tm"
+                            checked={this.state.Tgender === "tm"}
+                            onChange={this.handleTransGenderChange}
+                          />
+                          {this.state.lang.tm}
+                        </label>
                       </div>
-                      <label
-                        id="help"
-                        className="checkAge"
-                        test-id="noValueError"
-                      >
-                        <h5>{this.state.lang.ageandgender_help}</h5>
-                      </label>
-                      <label id="agehelp" className="checkAge" test-id="ageError">
-                        <h5>{this.state.lang.age_help}</h5>
-                      </label>
-                      {/*Field selection based on gender*/}
-                      {/*select user*/}
+
+                    </div>
+                    <label
+                      id="help"
+                      className="checkAge"
+                      test-id="noValueError"
+                    >
+                      <h5>{this.state.lang.ageandgender_help}</h5>
+                    </label>
+                    <label id="agehelp" className="checkAge" test-id="ageError">
+                      <h5>{this.state.lang.age_help}</h5>
+                    </label>
+                    {/*Field selection based on gender*/}
+                    {/*select user*/}
                       <div className="radio">
                         <form test-id="userForm">
                           <p id="user_mod">{this.state.lang.user_selector}</p>
@@ -1191,22 +1206,22 @@ class App extends Component {
                       </div>
 
 
-                      <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
-                        <Button
-                          variant="secondary"
-                          test-id="okButtonBottom"
-                          id="agree"
-                          onClick={this.toggleIntrutionModal}
-                        >
-                          {this.state.lang.config_modal_agree}
-                        </Button>
-                      </div>
-
+                    <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
+                      <Button
+                        variant="secondary"
+                        test-id="okButtonBottom"
+                        id="agree"
+                        onClick={this.toggleIntrutionModal}
+                      >
+                        {this.state.lang.config_modal_agree}
+                      </Button>
                     </div>
+
                   </div>
                 </div>
               </div>
-            </div>,
+            </div>
+            </div >,
           ];
 
         }
@@ -1551,23 +1566,38 @@ class App extends Component {
                     <FaArrowLeft
                       size={24}
                       className="icon-brand-color"
-                        onClick={() =>
+                      onClick={() =>
                         this.setState({
                           configurationIsOpen: !this.state.configurationIsOpen,
                         })
                       }
                     />
-                    </div>
-                    <div
-                      className="col-8 p-0 text-center font-subHeading font-weight-bold"
-                      test-id="PostConfigUpdateModalHeader"
-                    >
-                      <strong>{this.state.lang.configuration_header}</strong>
-                    </div>
-                    <div className="col-2"></div> 
+                  </div>
+                  <div className="col-8 p-0 text-center" style={{
+                    "font-family": "Inter",
+                    "font-size": "24px",
+                    "font-weight": "700",
+                    "line-height": "29px",
+                    "letter-spacing": "0em",
+                    "text-align": "left",
+                  }} test-id="header">
+                    {this.state.lang.instruction_modal_header}
+                  </div>
+                  <div className="col-2"></div>
                 </div>
-                <div className="myModalBody" style={{padding: "10px"}}>
-                  
+                <div className="myModalBody" style={{ padding: "10px" }}>
+                  <div style={{
+                    "font-family": "Inter",
+                    "font-size": "14px",
+                    "font-weight": "400",
+                    "line-height": "20px",
+                    "letter-spacing": "0em",
+                    "text-align": "left",
+                    "margin-bottom": "1rem",
+                  }}>
+                    {this.state.lang.header_description}
+                  </div>
+
                   {/*select age*/}
                   <div>
                     <form test-id="ageForm">
@@ -1621,37 +1651,37 @@ class App extends Component {
                         </button>
                       </strong>
                       <div className="radio-flex-container">
-                      <label id="male_radio" test-id="maleRadioLabel">
-                        <input
-                          test-id="maleRadio"
-                          type="radio"
-                          value="male"
-                          checked={this.state.gender == "male"}
-                          onChange={this.handleGenderChange}
-                        />
-                        {this.state.lang.male}
-                      </label>
-                      <label id="female_radio" test-id="femaleRadioLabel">
-                        <input
-                          test-id="femaleRadio"
-                          type="radio"
-                          value="female"
-                          checked={this.state.gender == "female"}
-                          onChange={this.handleGenderChange}
-                        />
-                        {this.state.lang.female}
-                      </label>
-                      <label test-id="nonBinaryRadioLabel">
-                        <input
-                          test-id="nonBinaryRadio"
-                          type="radio"
-                          value="nonbinary"
-                          checked={this.state.gender == "nonbinary"}
-                          onChange={this.handleGenderChange}
-                        />
-                        {this.state.lang.nonbinary}
+                        <label id="male_radio" test-id="maleRadioLabel">
+                          <input
+                            test-id="maleRadio"
+                            type="radio"
+                            value="male"
+                            checked={this.state.gender == "male"}
+                            onChange={this.handleGenderChange}
+                          />
+                          {this.state.lang.male}
                         </label>
-                        </div>
+                        <label id="female_radio" test-id="femaleRadioLabel">
+                          <input
+                            test-id="femaleRadio"
+                            type="radio"
+                            value="female"
+                            checked={this.state.gender == "female"}
+                            onChange={this.handleGenderChange}
+                          />
+                          {this.state.lang.female}
+                        </label>
+                        <label test-id="nonBinaryRadioLabel">
+                          <input
+                            test-id="nonBinaryRadio"
+                            type="radio"
+                            value="nonbinary"
+                            checked={this.state.gender == "nonbinary"}
+                            onChange={this.handleGenderChange}
+                          />
+                          {this.state.lang.nonbinary}
+                        </label>
+                      </div>
                       {/* <label>
                       <input type="radio" value="transgender" checked={this.state.gender == 'transgender'} onChange={this.handleGenderChange} />
                       {this.state.lang.transgender}
@@ -1700,7 +1730,7 @@ class App extends Component {
                           />
                           {this.state.lang.tm}
                         </label>
-                        </div>
+                      </div>
                     </div>
                     <label
                       id="config_agehelp"
@@ -1739,7 +1769,7 @@ class App extends Component {
                       </div>
                     </form>
                   </div>
-                  <div  style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
+                  <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
                     <Button
                       variant="secondary"
                       onClick={this.toggleConfigurationModal}
@@ -1927,26 +1957,26 @@ class App extends Component {
                 this.state.gender == "male" && this.state.Tgender == "tf"
                   ? this.state.lang[this.state.gender]
                   : this.state.gender == "female" && this.state.Tgender == "tm"
-                  ? this.state.lang[this.state.gender]
-                  : !this.state.isTransgender &&
-                    (this.state.gender == "male" ||
-                      this.state.gender == "female")
-                  ? this.state.lang[this.state.gender]
-                  : this.state.language == "french" &&
-                    this.state.gender == "male" &&
-                    this.state.Tgender == "tm"
-                  ? "Transmasculin"
-                  : this.state.language == "french" &&
-                    this.state.gender == "female" &&
-                    this.state.Tgender == "tf"
-                  ? "Transféminine"
-                  : this.state.gender == "male" && this.state.Tgender == "tm"
-                  ? "Transmasculine"
-                  : this.state.gender == "female" && this.state.Tgender == "tf"
-                  ? "Transfeminine"
-                  : this.state.gender == "nonbinary"
-                  ? this.state.lang[this.state.gender]
-                  : this.state.Tgender,
+                    ? this.state.lang[this.state.gender]
+                    : !this.state.isTransgender &&
+                      (this.state.gender == "male" ||
+                        this.state.gender == "female")
+                      ? this.state.lang[this.state.gender]
+                      : this.state.language == "french" &&
+                        this.state.gender == "male" &&
+                        this.state.Tgender == "tm"
+                        ? "Transmasculin"
+                        : this.state.language == "french" &&
+                          this.state.gender == "female" &&
+                          this.state.Tgender == "tf"
+                          ? "Transféminine"
+                          : this.state.gender == "male" && this.state.Tgender == "tm"
+                            ? "Transmasculine"
+                            : this.state.gender == "female" && this.state.Tgender == "tf"
+                              ? "Transfeminine"
+                              : this.state.gender == "nonbinary"
+                                ? this.state.lang[this.state.gender]
+                                : this.state.Tgender,
               ]}{" "}
               {this.state.age == "all ages"
                 ? this.state.lang.all_ages
diff --git a/src/Lang/Lang.json b/src/Lang/Lang.json
index 0abf43e0..c259b92e 100644
--- a/src/Lang/Lang.json
+++ b/src/Lang/Lang.json
@@ -1,6 +1,7 @@
 {
   "english":{
-    "instruction_modal_header": "Choose:",
+    "instruction_modal_header": "Patient Details:",
+    "header_description": "Please input the details required below to receive customized preventive health information",
     "config_modal_Gender_help_header": "More Information",
     "config_modal_SexAtBirth_help_header": "More Information",
     "config_modal_Gender_help_body": "Gender identity is a person's internal sense of whether they are female, male, both or neither. Transgender (“trans”) people are people whose gender identity differs from the gender they were assigned at birth. For example, a trans woman may have been assigned male at birth but identifies as, and is, a woman. Non-binary people are people whose gender identity is not solely male or female; they may identify as having multiple genders, having a gender that blends elements of both male and female, not having a gender at all, or shifting between genders. People who are not trans are cisgender (cis).",
@@ -11,9 +12,9 @@
     "patientDisclaimer":"The information and content provided by this application is for information purposes only. Nothing contained within this application is intended to replace the services of a physician or trained health care professional. If you have questions about any medical matter, you should consult your doctor or other health care provider. You hereby agree that you shall not make any health or medical related decision based in whole or in part on anything contained within the application without consulting your health care provider" ,
     "providerDisclaimer":"The medical information in this app is provided as an information resource only for health care professionals, to be used and applied at their own risk. This app and the information in it may supplement, but should not replace, the clinical judgement of a qualified health care professional. Accordingly, it should not be relied upon for diagnostic or treatment.",
     "important":"The application and all content is copyrighted. You are not allowed to copy, share or distribute. No part of the app can be used for sale.",
-    "user_selector": "Who is this for ?",
-    "patient": "Patient",
-    "provider": "Clinician",
+    "user_selector": "I am a",
+    "patient": "Member of the Public",
+    "provider": "Health Professional",
     "gender_selector": "Patient Gender: ",
     "Tgender_selector": "Sex assigned at birth: ",
     "male": "Male",
@@ -85,7 +86,7 @@
     "disagree": "Decline",
     "close_body_modal":"Close",
     "disclaimer_header": "Terms of Use",
-    "configuration_header": "Choose:",
+    "configuration_header": "Patient Details:",
     "config_modal_agree": "OK",
     "display_gender": "Gender",
     "display_age": "Age",
@@ -136,139 +137,140 @@
     "clickOn_Text": "Click on blue button below"
   },
   "french":{
-    "instruction_modal_header": "Choisir:",
-    "config_modal_Gender_help_header": "Plus d'information",
-    "config_modal_SexAtBirth_help_header": "Plus d'information",
-    "config_modal_Gender_help_body": "L'identité de genre est le sentiment interne d'une personne d'être femme, homme, les deux ou aucun des deux. Les personnes transgenres (« trans ») sont des personnes dont l'identité de genre diffère du genre qui leur a été assigné à la naissance. Par exemple, une femme trans peut avoir été assignée « garçon » à la naissance mais s'identifie comme, et est réellement, une femme. Les personnes non binaires sont des personnes dont l'identité de genre n'est pas uniquement masculine ou féminine; elles peuvent s'identifier comme ayant plusieurs genres, ayant un genre qui mélange des éléments masculins et féminins, n'ayant pas de genre du tout, ou passant d'un genre à l'autre à travers le temps. Les personnes qui ne sont pas trans sont dites cisgenres (« cis »).",
-    "config_modal_SexAtBirth_help_body":"Certaines personnes transgenres et non binaires choisissent de commencer une thérapie hormonale et/ou ont recours à une chirurgie affirmative du genre dans le cadre de leur transition. Peu importe la façon dont ils expriment leur genre, les patients trans et non binaires ont besoin de soins préventifs et de dépistage adéquats, tout comme les patients cisgenres. Nous demandons aux patients d'identifier leur genre ainsi que le sexe qui leur a été assigné à la naissance car cela nous permet de nous assurer que les recommandations fournies leur sont pertinentes.",
-    "config_modal_help_header": "Définitions",
-    "config_modal_help_body": "Le non binaire: être non binaire, c'est une personne dont l'identité sexuelle ne correspond pas au sexe féminin ou masculin, qui se définit en dehors de la dualité homme-femme.\nTransgenre: Qui concerne les personnes dont l'identité sexuelle psychique ne correspond pas au sexe biologique.",
-    "privacypolicy":"Aucune information personnellement identifiable n'est recueillie par cette application mobile. L’application recueille seulement des données agrégées sur les appareils, les navigateurs et les régions géographiques qui accèdent à l’application ainsi que sur les éléments qui sont cliqués dans l'application.",
-    "about": "Cette application vous aidera à trouver des informations fiables sur la prévention des problèmes de santé chez les adultes canadiens. Développé par le Département de médecine familiale de l'Université d'Ottawa.",
-    "disclaimer": "Cette application est destinée aux patients et professionnels de la santé au Canada seulement. Cette application affiche des informations sur la prévention des maladies ou le dépistage (détection précoce des maladies) chez les adultes canadiens de 18 ans et plus. Cette application ne tient pas compte des facteurs de risque personnels, des antécédents familiaux, des symptômes ou d’autres caractéristiques individuelles du patient. Les informations contenues dans l’application sont fournies dans le but d’aider les patients et les cliniciens à trouver des recommandations basées sur les preuves pour la prévention de base.",
-    "patientDisclaimer":"Les renseignements et le contenu fournis par cette application servent uniquement à titre d’information. Rien du contenu de cette application n’est destiné à remplacer les services d’un médecin ou d’un professionnel de soins de santé formé. Si vous avez des questions d’ordre médical, il est important que vous consultiez un médecin ou un autre professionnel de la santé. Vous consentez par la présente à ne prendre aucune décision d’ordre médicale ou connexe à la santé, fondée en totalité ou en partie sur le contenu de l’application, sans d’abord avoir consulté un professionnel de la santé." ,
-    "providerDisclaimer":"Les informations médicales contenues dans cette application sont fournies à titre d'information seulement aux professionnels de la santé. Cette application et les informations qu'elle contient peuvent compléter, mais ne doivent pas remplacer, le jugement clinique d'un professionnel de la santé qualifié. Par conséquence, l’application et son contenu ne doivent pas être utilisés pour le diagnostic ou le traitement.",
-    "important":"L'application et tout le contenu sont protégés par les droits d'auteur. Vous n'êtes pas autorisé de copier, partager ou distribuer l’application ou son contenu. Aucune partie de l'application ne peut être utilisée pour la vente.",
-    "user_selector": "C'est pour qui ?",
-    "patient": "Patient",
-    "provider": "Clinicien",
-    "gender_selector": "Genre du patient: ",
-    "Tgender_selector": "Sexe attribué à la naissance: ",
-    "male": "Homme",
-    "female": "Femme",
-    "nonbinary": "Non binaire" ,
-    "transgender": "Transgenres" ,
-    "Top_Surgery" :"Top Surgery",
-    "tf": "Homme",
-    "tm": "Femme",
-    "Bottom_Surgery" :"Bottom Surgery",
-    "Hormone_Therapy": "Hormone Therapy",
-    "all_genders": "Tous les genres",
-    "all_ages": "Tous ages",
-    "age_selector": "Âge du patient: ",
-    "ageandgender_help": "Veuillez sélectionner une valeur pour chacun des éléments suivants : âge, sexe et sexe attribué à la naissance",
-    "age_help": "Veuillez choisir un genre et un âge entre 18 et 150 ans",
-    "age_void": "Please enter details and click Accept",
-    "age_selector_place_holder": "Entrez l'âge du patient",
-    "agree": "J'accepte les conditions d'utilisation",
-    "disclaimerBeforeTermsOfUse":"<b>Le contenu de ce site Web ne vise pas à remplacer l’avis médical, le diagnostic ou le traitement recommandé par un professionnel de la santé. Les informations partagées par le biais du site Web s'appliquent uniquement aux adultes canadiens et ne sont pas valables pour une utilisation ailleurs qu’au Canada.</b>",
-    "accpetanceheading": "Acceptation des conditions d'utilisation du site Web",
-    "acceptanceInitialStatement":"Les modalités et conditions suivantes  (« <b>conditions d'utilisation</b> ») régissent votre accès et votre utilisation de <br /><br /><a href='http://icanbewell.ca'>https://icanbewell.ca</a><br /><br /> (« <b>site Web</b> »), notamment le contenu, les fonctionnalités et les services offerts sur le site Web ou par le biais du site Web.",
-    "acceptanceAgreeStatement":"<b>En utilisant le site web ou en cliquant sur la case d’acceptation des conditions d'utilisation, vous acceptez et convenez d'être lié(e) et de vous conformer à ces conditions d'utilisation et à la politique de confidentialité affichée sur <br /><br /><a href='/politiquedeconfidentialite.htm' target='_blank'>https://canbewell-uottawa.web.app/politiquedeconfidentialite.htm</a><br /><br />intégrée aux présentes par référence. Si vous n'acceptez pas les présentes conditions d'utilisation ou la politique de confidentialité, vous ne devez pas accéder au site web ni l'utiliser.</b>",
-    "acceptanceText":"En utilisant ce site Web, vous déclarez et certifiez que vous avez l'âge légal de la majorité nécessaire à l’établissement d’un lien contractuel avec le site Web et que vous répondez à tous les critères d'admissibilité susmentionnés. Si vous ne répondez pas à tous ces critères, vous ne devez pas accéder au site Web ni l'utiliser.",
-    "modificationHeading":"Modifications des conditions d'utilisation et du site Web",
-    "modificationText1":"Ces modalités et conditions peuvent être révisées et mises à jour à l’occasion. De telles modifications entrent en vigueur dès leur publication et s'appliquent à tout accès au site Web et à son utilisation continue. Vous convenez de revoir périodiquement les modalités et conditions afin de prendre connaissance de telles modifications et votre utilisation continue constitue votre acceptation de celles-ci.",
-    "modificationText2":"Les informations et le matériel figurant sur ce site Web, ainsi que le site Web en soi, peuvent être modifiés, retirés ou résiliés à tout moment sans préavis. Le site Web ne sera pas responsable si, pour une raison quelconque, tout le site Web ou une partie du site Web n’est pas accessible à certains usagers ou non disponible à tout moment ou pour une période quelconque.",
-    "websiteContentSpecificationHeading":"Le site Web ne fait aucune recommandation d’ordre médical",
-    "websiteContentSpecificationText":"Le contenu du site Web, tel que les textes, les graphiques, les images, les logiciels, les codes, les photographies, les vidéos, les fichiers audio et les autres documents contenus sur le site Web (collectivement, le « <b>contenu</b> ») sont uniquement à titre d'information et <b>les informations partagées par le biais du site Web s'appliquent uniquement aux adultes canadiens et ne sont pas valables pour une utilisation ailleurs qu’au Canada. Le contenu ne vise pas à remplacer l’avis médical, le diagnostic ou le traitement recommandé par un professionnel. Pour toute question concernant un problème de santé, demandez toujours l'avis de votre médecin ou d'un professionnel de la santé qualifié. N’ignorez jamais l’avis médical d’un professionnel et ne tardez jamais à l’obtenir en raison d'un élément que vous avez lu sur ce site Web!</b>",
-    "websiteSecurityHeading":"Votre utilisation du site Web et la sécurité",
-    "websiteSecurityText1":"Les usagers sont responsables d’obtenir leur propre accès au site Web ainsi que de la disponibilité et de la performance du site Web. Les usagers sont tenus de s'assurer que toute personne qui accède au site Web par le biais de la connexion Internet d'un usager connait les présentes conditions d'utilisation et s'y conforment. Les usagers sont responsables de toute faille de sécurité ou de tout problème de performance lié à l'accès au site Web.",
-    "websiteSecurityText2":"Il vous est interdit d’essayer de contourner et de violer la sécurité de ce site Web, y compris, mais sans s'y limiter : (a) accéder à un contenu et à des données qui ne vous sont pas destinés ; (b) tenter d'enfreindre ou enfreindre la sécurité et (ou) les mesures d'authentification qui ne sont pas autorisées ; (c) restreindre, interrompre ou désactiver le service aux usagers, hôtes, serveurs ou réseaux ; (d) reproduire illicitement l'en-tête de paquets TCP/IP ; (e) perturber les services réseau et nuire de quelque façon à la capacité de surveiller le site Web ; (f) utiliser un robot, une araignée ou tout autre dispositif, processus ou mode automatique pour accéder au site Web à quelque fin que ce soit, y compris pour surveiller ou copier tout matériel sur le site Web ; (g) introduire des virus, des chevaux de Troie, des vers, des bombes logiques ou tout autre matériel malveillant ou technologiquement nuisible ; (h) attaquer le site Web par une attaque par déni de service, une attaque par déni de service distribuée, une inondation, un bombardement de courrier ou un plantage ; et (i) tenter de toute autre manière d'interférer avec le bon fonctionnement du site Web.",
-    "rightsAndOwnershipHeading":"Droits de propriété intellectuelle",
-    "rightsAndOwnershipText1":"Vous comprenez et acceptez que le site Web, son contenu, ses caractéristiques, ses fonctionnalités, sa conception, sa présentation, sa sélection et sa disposition sont protégés sous toutes les formes par les lois sur la propriété intellectuelle, y compris, sans s’y limiter, les droits d'auteur, les marques de commerce, les brevets, les secrets commerciaux et tout autre droit de propriété.",
-    "rightsAndOwnershipText2":"Le nom et le logo du site Web, ainsi que tous les noms, logos, dessins, images et slogans qui s'y rapportent sont des marques de commerce du site Web. Vous ne devez pas utiliser ces marques sans autorisation écrite préalable. Les autres noms, logos, noms de produits et de services, dessins, images et slogans mentionnés ou qui apparaissent sur ce site Web sont des marques commerciales de leurs propriétaires respectifs. L'utilisation de ces biens, sauf tel qu’expressément autorisé, constitue une violation des droits du propriétaire et peut constituer une violation des lois fédérales ou autres et pourrait entraîner des poursuites judiciaires contre son auteur.",
-    "rightsAndOwnershipText3":"Vous ne pouvez utiliser le site Web que pour votre usage personnel et non commercial. Vous ne devez pas, directement ou indirectement, reproduire, compiler pour une base de données interne, distribuer, modifier, créer des travaux dérivés, afficher publiquement, exécuter publiquement, republier, télécharger, stocker ou transmettre tout matériel sur notre site Web, sous quelque forme ou support que ce soit, sauf :",
-    "rightsAndOwnershipText4":"a) votre ordinateur et votre navigateur peuvent stocker temporairement ou mettre en cache des copies des documents accédés et consultés ; et",
-    "rightsAndOwnershipText5":"b) un nombre raisonnable de copies destinées uniquement à un usage personnel peut être imprimé en y conservant les mentions de droits de propriété. Ces copies ne peuvent être utilisées qu'à des fins personnelles légales et non commerciales, et non à des fins de reproduction, de publication ou de distribution de toute sorte sur tout support, quel qu’il soit.",
-    "rightsAndOwnershipText6":"Les usagers ne sont pas autorisés à modifier les copies de tout matériel issu de ce site Web ni à supprimer ou à modifier les avis de droits d'auteur, de marque de commerce ou d'autres droits de propriété des copies de matériel issu de ce site. Vous ne devez pas accéder ou utiliser à des fins commerciales une quelconque partie du site Web ou des services ou du matériel disponibles sur le site Web.",
-    "rightsAndOwnershipText7":"Si vous imprimez, copiez ou téléchargez une partie du site Web en violation des présentes conditions d'utilisation, votre droit d'utiliser le site Web cessera immédiatement et vous devrez, à notre discrétion, nous remettre ou détruire toute copie faite du matériel. Vous n'avez aucun droit, titre ou intérêt dans ou sur le site Web ou sur tout contenu du site Web. Toute utilisation du site Web non expressément autorisée par les présentes conditions d'utilisation constitue une violation de ces conditions d'utilisation et peut enfreindre les lois sur les droits d'auteur, les marques de commerce et autres lois sur la propriété intellectuelle.",
-    "conditionsHeading":"Conditions d'utilisation ",
-    "conditionsText":"Comme condition de votre accès et de votre utilisation, vous acceptez de n'utiliser le site Web qu'à des fins légales et conformément aux présentes conditions d'utilisation.",
-    "legalActionsHeading":"Exécution, suspension et résiliation",
-    "legalActionsText":"Le site Web peut, sans préavis, prendre les mesures juridiques appropriées, y compris, sans s’y limiter, le renvoi aux autorités compétences, à l'autorité réglementaire ou à la partie lésée pour toute utilisation illégale ou non autorisée du site Web.",
-    "cookiesHeading":"Témoins de connexion (« cookies »)",
-    "cookiesText":"En utilisant ce site Web, vous consentez à l'utilisation de témoins de connexion qui permettent à un serveur de mémoriser les demandes ou enregistrements précédents et (ou) des adresses IP pour analyser les caractéristiques d'utilisation du site Web. Vous pouvez configurer votre navigateur pour qu'il vous avertisse avant de recevoir un témoin de connexion, vous donnant ainsi la possibilité de décider de l'accepter ou non. Vous pouvez également configurer votre navigateur pour qu'il désactive les témoins de connexion. Cependant, si vous optez pour la désactivation, certaines parties du site Web pourraient ne pas fonctionner correctement.",
-    "thirdPartyWebHeading":"Sites Web de tiers",
-    "thirdPartyWebText":"Pour votre commodité, ce site Web peut inclure des liens ou des renvois vers des sites tiers. Le site Web ne fait aucune déclaration concernant tout autre site Web auquel il est possible d'accéder à partir de ce site. Si vous choisissez d'accéder à ces sites, vous le faites à vos propres risques. Le site Web n'a aucun contrôle sur le contenu de ces sites tiers et n'accepte aucune responsabilité pour ces sites ou pour toute perte ou tout dommage susceptible de résulter de votre utilisation de ces sites. Vous êtes assujetti(e) aux modalités et conditions de ces sites tiers.",
-    "geographicRestricationsHeading":"Restrictions géographiques",
-    "geographicRestricationsText":"<b>Ce site Web est destiné à être utilisé uniquement par des personnes qui se trouvent au Canada. Ce site Web n'est pas destiné à être utilisé dans une juridiction où son utilisation n'est pas autorisée.</b> Si vous accédez au site Web depuis l'étranger, vous le faites à vos propres risques et vous êtes responsable du respect des lois locales de votre juridiction.",
-    "noRelianceHeading":"Pas de dépendance",
-    "noRelianceText1":"Le contenu du site Web est fourni à titre d'information générale uniquement. Il n'est pas destiné à constituer un avis médical sur lequel vous devriez vous appuyer. Vous devez obtenir un avis médical plus spécifique ou professionnel avant d'entreprendre ou de vous abstenir d'entreprendre toute action ou inaction sur la base du contenu du site Web.",
-    "noRelianceText2":"Il n'existe aucune déclaration, garantie ou caution, expresse ou implicite, selon laquelle le contenu du site Web est exact, complet ou à jour. Votre usage du site Web est à vos propres risques.",
-    "noRelianceText3":"Ce site Web peut comprendre du contenu fourni par des tiers, notamment par d'autres usagers et des détenteurs de licences tiers. Toutes les déclarations et (ou) opinions exprimées dans le contenu de ces tiers sont uniquement les opinions et la responsabilité de la personne ou de l'entité qui fournit ce matériel.",
-    "disclaimerWarrantiesHeading":"Limitation de garantie",
-    "disclaimerWarrantiesText1":"Vous comprenez et acceptez que votre utilisation du site web, de son contenu et de tout service ou élément trouvé ou obtenu par le biais du site web est à vos propres risques. Le site web, son contenu et tous les services ou éléments trouvés ou obtenus par l'intermédiaire du site web sont fournis « <b>tels quels</b> » et « <b>tels que disponibles</b> », sans aucune garantie d'aucune sorte, expresse ou implicite, y compris, mais sans s'y limiter, les garanties implicites de qualité marchande, d'adéquation à un usage particulier ou de non-contrefaçon. Ce qui précède n'affecte pas les garanties qui ne peuvent être exclues ou limitées en vertu de la loi applicable.",
-    "disclaimerWarrantiesText2":"Il n'y a aucune garantie que les fichiers et les données disponibles pour le téléchargement sur Internet ou sur le site Web seront exempts de virus ou d'autres codes destructeurs. Vous êtes exclusivement et entièrement responsable de votre utilisation du site Web et de la sécurité de votre ordinateur, d'Internet et de vos données.",
-    "limitationHeading":"Limitation de la responsabilité",
-    "limitationText":"En aucun cas, le site web ne sera responsable de négligence, de négligence grave, de déclaration inexacte faite par négligence, de violation fondamentale, de dommages de quelque nature que ce soit, en vertu de toute théorie juridique, y compris les dommages directs, indirects, spéciaux, accessoires, consécutifs ou punitifs, y compris, mais sans s'y limiter, les blessures corporelles, la douleur et la souffrance, la détresse émotionnelle, la perte de revenus, la perte de profits, la perte d'activité ou d'économies anticipées, la perte d'utilisation, la perte de clientèle, la perte de données, et qu'elle soit causée par un délit (y compris la négligence), une rupture de contrat, une violation de la vie privée ou autre, même si la partie a été prétendument informée ou avait des raisons de savoir, découlant de ou en relation avec votre utilisation, ou l'incapacité d'utiliser, la confiance accordée au site web, à tout site web lié ou à tout autre site web tiers, ni tout contenu, matériel, affichage ou information du site web.",
-    "indemnificationHeading":"Indemnisation",
-    "indemnificationText":"Dans la mesure maximale permise par la loi applicable, vous acceptez de défendre, d'indemniser et de dégager de toute responsabilité le site Web contre les réclamations, la responsabilité, les dommages, les jugements, les sentences, les pertes, les coûts, les dépenses ou les honoraires (y compris les honoraires raisonnables d'avocat) découlant de ou liés à votre violation des présentes conditions d'utilisation ou à votre utilisation du site Web, y compris, mais sans s'y limiter, les sites de tiers, toute utilisation du contenu du site Web, des services et des produits autres que ceux expressément autorisés dans les présentes conditions d'utilisation.",
-    "lawAndJurisdictionHeading":"Droit applicable et juridiction",
-    "lawAndJurisdictionText1":"Le site Web et les présentes conditions d'utilisation seront régis par et interprétés conformément aux lois de la province de l'Ontario et aux lois fédérales du Canada qui y sont applicables, sans égard pour le choix ou les conflits de provisions, de principes ou de règles de droit (qu'il s'agisse des lois de la province de l'Ontario ou de toute autre juridiction) et nonobstant votre domicile, votre résidence ou votre emplacement physique.",
-    "lawAndJurisdictionText2":"Toute action ou procédure découlant de ou liée à ce site Web et aux présentes conditions d'utilisation sera engagée devant les tribunaux de la province de l'Ontario et (ou) de la Cour fédérale du Canada, et chaque partie se soumet irrévocablement à la compétence exclusive de ces tribunaux dans le cadre d’une telle action ou de telles procédures. Vous renoncez à toute objection à l'exercice de la compétence à votre égard par ces tribunaux et au lieu de ces tribunaux.",
-    "entireAgreementHeading":"Intégralité de l'accord",
-    "entireAgreementText":"Les conditions d'utilisation et notre politique de confidentialité constituent le seul et unique accord entre vous et le site Web et remplacent tous les accords, ententes, représentations et garanties antérieurs et contemporains, tant écrits qu'oraux, concernant ce sujet. ",
-    "dateofAgreement":"Date de la plus récente mise à jour : 12 janvier 2021",
-    "disagree": "Refusez",
-    "close_body_modal":"Fermer",
-    "disclaimer_header": "Conditions d'utilisation",
-    "configuration_header": "Choisir:",
-    "config_modal_agree": "OK",
-    "display_gender": "Genre",
-    "display_age": "Âge",
-    "top_nav_body": "Corps",
-    "top_nav_topics": "Sujets",
-    "top_nav_tests": "Examens",
-    "side_nav_suggested_apps": "Applications suggérées",
-    "side_nav_calculators": "Calculatrices",
-    "side_nav_disclaimer": "Conditions d'utilisation",
-    "side_nav_about": "Au sujet de l'application",
-    "side_nav_settings": "Réglages",
-    "body_general_instruction": "Cliquez sur une partie du corps ou une icône",
-    "topic_help_header":"Aide",
-    "topic_help_body":"Aide pour la page suject",
-    "test_help_header":"Aide",
-    "test_help_body":"Aide pour la page test",
-    "aorta" :"Aorte",
-    "bone": "Os",
-    "bowel" :"Colon",
-    "breast":"Sein",
-    "eyes" : "Yeux",
-    "genitalia":"Organes sexuels",
-    "heart" : "Cœur",
-    "liver": "Foie",
-    "lungs": "Poumons",
-    "ovary": "Ovaire",
-    "pancreas": "Pancréas",
-    "stomach": "Estomac",
-    "uterus": "Utérus",
-    "brain": "Troubles de la mémoire",
-    "stethoscope":"Examen physique",
-    "hip":"Chutes",
-    "needle_in_arm": "Vaccination",
-    "sun": "Exposition au soleil",
-    "covid": "Covid-19",
-    "trans": "Non-binaire",
-    "money": "Problèmes d'argent",
-    "sleep": "Dormir",
-    "bp":"Tension artérielle",
-    "braingear":"Santé mentale",
-    "figure_outside_body_walking": "Activité physique",
-    "topic_search_bar_placeholder": "Rechercher un sujet...",
-    "test_search_bar_placeholder": "Rechercher un test...",
-    "topic_is_not_applicable": "Prévenir les maladies par des habitudes de vie saines (une alimentation saine de l'activité physique et aucun tabac). Aucune autre recommandation spécifique pour le moment.",
-    "topic_filter_all": "Afficher tous",
-    "topic_filter_top_10": "Dix premiers",
-    "clickOn_Text": "Cliquez sur un bouton bleu ci-dessous"
+      "instruction_modal_header": "Détails du patient:",
+      "header_description": "Veuillez saisir les détails requis ci-dessous pour recevoir des informations personnalisées sur la santé préventive",
+      "config_modal_Gender_help_header": "Plus d'information",
+      "config_modal_SexAtBirth_help_header": "Plus d'information",
+      "config_modal_Gender_help_body": "L'identité de genre est le sentiment interne d'une personne d'être femme, homme, les deux ou aucun des deux. Les personnes transgenres (« trans ») sont des personnes dont l'identité de genre diffère du genre qui leur a été assigné à la naissance. Par exemple, une femme trans peut avoir été assignée « garçon » à la naissance mais s'identifie comme, et est réellement, une femme. Les personnes non binaires sont des personnes dont l'identité de genre n'est pas uniquement masculine ou féminine; elles peuvent s'identifier comme ayant plusieurs genres, ayant un genre qui mélange des éléments masculins et féminins, n'ayant pas de genre du tout, ou passant d'un genre à l'autre à travers le temps. Les personnes qui ne sont pas trans sont dites cisgenres (« cis »).",
+      "config_modal_SexAtBirth_help_body": "Certaines personnes transgenres et non binaires choisissent de commencer une thérapie hormonale et/ou ont recours à une chirurgie affirmative du genre dans le cadre de leur transition. Peu importe la façon dont ils expriment leur genre, les patients trans et non binaires ont besoin de soins préventifs et de dépistage adéquats, tout comme les patients cisgenres. Nous demandons aux patients d'identifier leur genre ainsi que le sexe qui leur a été assigné à la naissance car cela nous permet de nous assurer que les recommandations fournies leur sont pertinentes.",
+      "config_modal_help_header": "Définitions",
+      "config_modal_help_body": "Le non binaire: être non binaire, c'est une personne dont l'identité sexuelle ne correspond pas au sexe féminin ou masculin, qui se définit en dehors de la dualité homme-femme.\nTransgenre: Qui concerne les personnes dont l'identité sexuelle psychique ne correspond pas au sexe biologique.",
+      "privacypolicy": "Aucune information personnellement identifiable n'est recueillie par cette application mobile. L’application recueille seulement des données agrégées sur les appareils, les navigateurs et les régions géographiques qui accèdent à l’application ainsi que sur les éléments qui sont cliqués dans l'application.",
+      "about": "Cette application vous aidera à trouver des informations fiables sur la prévention des problèmes de santé chez les adultes canadiens. Développé par le Département de médecine familiale de l'Université d'Ottawa.",
+      "disclaimer": "Cette application est destinée aux patients et professionnels de la santé au Canada seulement. Cette application affiche des informations sur la prévention des maladies ou le dépistage (détection précoce des maladies) chez les adultes canadiens de 18 ans et plus. Cette application ne tient pas compte des facteurs de risque personnels, des antécédents familiaux, des symptômes ou d’autres caractéristiques individuelles du patient. Les informations contenues dans l’application sont fournies dans le but d’aider les patients et les cliniciens à trouver des recommandations basées sur les preuves pour la prévention de base.",
+      "patientDisclaimer": "Les renseignements et le contenu fournis par cette application servent uniquement à titre d’information. Rien du contenu de cette application n’est destiné à remplacer les services d’un médecin ou d’un professionnel de soins de santé formé. Si vous avez des questions d’ordre médical, il est important que vous consultiez un médecin ou un autre professionnel de la santé. Vous consentez par la présente à ne prendre aucune décision d’ordre médicale ou connexe à la santé, fondée en totalité ou en partie sur le contenu de l’application, sans d’abord avoir consulté un professionnel de la santé.",
+      "providerDisclaimer": "Les informations médicales contenues dans cette application sont fournies à titre d'information seulement aux professionnels de la santé. Cette application et les informations qu'elle contient peuvent compléter, mais ne doivent pas remplacer, le jugement clinique d'un professionnel de la santé qualifié. Par conséquence, l’application et son contenu ne doivent pas être utilisés pour le diagnostic ou le traitement.",
+      "important": "L'application et tout le contenu sont protégés par les droits d'auteur. Vous n'êtes pas autorisé de copier, partager ou distribuer l’application ou son contenu. Aucune partie de l'application ne peut être utilisée pour la vente.",
+      "user_selector": "Je suis un",
+      "patient": "Membre du public",
+      "provider": "Professionnel de la santé",
+      "gender_selector": "Genre du patient: ",
+      "Tgender_selector": "Sexe attribué à la naissance: ",
+      "male": "Homme",
+      "female": "Femme",
+      "nonbinary": "Non binaire",
+      "transgender": "Transgenres",
+      "Top_Surgery": "Top Surgery",
+      "tf": "Homme",
+      "tm": "Femme",
+      "Bottom_Surgery": "Bottom Surgery",
+      "Hormone_Therapy": "Hormone Therapy",
+      "all_genders": "Tous les genres",
+      "all_ages": "Tous ages",
+      "age_selector": "Âge du patient: ",
+      "ageandgender_help": "Veuillez sélectionner une valeur pour chacun des éléments suivants : âge, sexe et sexe attribué à la naissance",
+      "age_help": "Veuillez choisir un genre et un âge entre 18 et 150 ans",
+      "age_void": "Please enter details and click Accept",
+      "age_selector_place_holder": "Entrez l'âge du patient",
+      "agree": "J'accepte les conditions d'utilisation",
+      "disclaimerBeforeTermsOfUse": "<b>Le contenu de ce site Web ne vise pas à remplacer l’avis médical, le diagnostic ou le traitement recommandé par un professionnel de la santé. Les informations partagées par le biais du site Web s'appliquent uniquement aux adultes canadiens et ne sont pas valables pour une utilisation ailleurs qu’au Canada.</b>",
+      "accpetanceheading": "Acceptation des conditions d'utilisation du site Web",
+      "acceptanceInitialStatement": "Les modalités et conditions suivantes  (« <b>conditions d'utilisation</b> ») régissent votre accès et votre utilisation de <br /><br /><a href='http://icanbewell.ca'>https://icanbewell.ca</a><br /><br /> (« <b>site Web</b> »), notamment le contenu, les fonctionnalités et les services offerts sur le site Web ou par le biais du site Web.",
+      "acceptanceAgreeStatement": "<b>En utilisant le site web ou en cliquant sur la case d’acceptation des conditions d'utilisation, vous acceptez et convenez d'être lié(e) et de vous conformer à ces conditions d'utilisation et à la politique de confidentialité affichée sur <br /><br /><a href='/politiquedeconfidentialite.htm' target='_blank'>https://canbewell-uottawa.web.app/politiquedeconfidentialite.htm</a><br /><br />intégrée aux présentes par référence. Si vous n'acceptez pas les présentes conditions d'utilisation ou la politique de confidentialité, vous ne devez pas accéder au site web ni l'utiliser.</b>",
+      "acceptanceText": "En utilisant ce site Web, vous déclarez et certifiez que vous avez l'âge légal de la majorité nécessaire à l’établissement d’un lien contractuel avec le site Web et que vous répondez à tous les critères d'admissibilité susmentionnés. Si vous ne répondez pas à tous ces critères, vous ne devez pas accéder au site Web ni l'utiliser.",
+      "modificationHeading": "Modifications des conditions d'utilisation et du site Web",
+      "modificationText1": "Ces modalités et conditions peuvent être révisées et mises à jour à l’occasion. De telles modifications entrent en vigueur dès leur publication et s'appliquent à tout accès au site Web et à son utilisation continue. Vous convenez de revoir périodiquement les modalités et conditions afin de prendre connaissance de telles modifications et votre utilisation continue constitue votre acceptation de celles-ci.",
+      "modificationText2": "Les informations et le matériel figurant sur ce site Web, ainsi que le site Web en soi, peuvent être modifiés, retirés ou résiliés à tout moment sans préavis. Le site Web ne sera pas responsable si, pour une raison quelconque, tout le site Web ou une partie du site Web n’est pas accessible à certains usagers ou non disponible à tout moment ou pour une période quelconque.",
+      "websiteContentSpecificationHeading": "Le site Web ne fait aucune recommandation d’ordre médical",
+      "websiteContentSpecificationText": "Le contenu du site Web, tel que les textes, les graphiques, les images, les logiciels, les codes, les photographies, les vidéos, les fichiers audio et les autres documents contenus sur le site Web (collectivement, le « <b>contenu</b> ») sont uniquement à titre d'information et <b>les informations partagées par le biais du site Web s'appliquent uniquement aux adultes canadiens et ne sont pas valables pour une utilisation ailleurs qu’au Canada. Le contenu ne vise pas à remplacer l’avis médical, le diagnostic ou le traitement recommandé par un professionnel. Pour toute question concernant un problème de santé, demandez toujours l'avis de votre médecin ou d'un professionnel de la santé qualifié. N’ignorez jamais l’avis médical d’un professionnel et ne tardez jamais à l’obtenir en raison d'un élément que vous avez lu sur ce site Web!</b>",
+      "websiteSecurityHeading": "Votre utilisation du site Web et la sécurité",
+      "websiteSecurityText1": "Les usagers sont responsables d’obtenir leur propre accès au site Web ainsi que de la disponibilité et de la performance du site Web. Les usagers sont tenus de s'assurer que toute personne qui accède au site Web par le biais de la connexion Internet d'un usager connait les présentes conditions d'utilisation et s'y conforment. Les usagers sont responsables de toute faille de sécurité ou de tout problème de performance lié à l'accès au site Web.",
+      "websiteSecurityText2": "Il vous est interdit d’essayer de contourner et de violer la sécurité de ce site Web, y compris, mais sans s'y limiter : (a) accéder à un contenu et à des données qui ne vous sont pas destinés ; (b) tenter d'enfreindre ou enfreindre la sécurité et (ou) les mesures d'authentification qui ne sont pas autorisées ; (c) restreindre, interrompre ou désactiver le service aux usagers, hôtes, serveurs ou réseaux ; (d) reproduire illicitement l'en-tête de paquets TCP/IP ; (e) perturber les services réseau et nuire de quelque façon à la capacité de surveiller le site Web ; (f) utiliser un robot, une araignée ou tout autre dispositif, processus ou mode automatique pour accéder au site Web à quelque fin que ce soit, y compris pour surveiller ou copier tout matériel sur le site Web ; (g) introduire des virus, des chevaux de Troie, des vers, des bombes logiques ou tout autre matériel malveillant ou technologiquement nuisible ; (h) attaquer le site Web par une attaque par déni de service, une attaque par déni de service distribuée, une inondation, un bombardement de courrier ou un plantage ; et (i) tenter de toute autre manière d'interférer avec le bon fonctionnement du site Web.",
+      "rightsAndOwnershipHeading": "Droits de propriété intellectuelle",
+      "rightsAndOwnershipText1": "Vous comprenez et acceptez que le site Web, son contenu, ses caractéristiques, ses fonctionnalités, sa conception, sa présentation, sa sélection et sa disposition sont protégés sous toutes les formes par les lois sur la propriété intellectuelle, y compris, sans s’y limiter, les droits d'auteur, les marques de commerce, les brevets, les secrets commerciaux et tout autre droit de propriété.",
+      "rightsAndOwnershipText2": "Le nom et le logo du site Web, ainsi que tous les noms, logos, dessins, images et slogans qui s'y rapportent sont des marques de commerce du site Web. Vous ne devez pas utiliser ces marques sans autorisation écrite préalable. Les autres noms, logos, noms de produits et de services, dessins, images et slogans mentionnés ou qui apparaissent sur ce site Web sont des marques commerciales de leurs propriétaires respectifs. L'utilisation de ces biens, sauf tel qu’expressément autorisé, constitue une violation des droits du propriétaire et peut constituer une violation des lois fédérales ou autres et pourrait entraîner des poursuites judiciaires contre son auteur.",
+      "rightsAndOwnershipText3": "Vous ne pouvez utiliser le site Web que pour votre usage personnel et non commercial. Vous ne devez pas, directement ou indirectement, reproduire, compiler pour une base de données interne, distribuer, modifier, créer des travaux dérivés, afficher publiquement, exécuter publiquement, republier, télécharger, stocker ou transmettre tout matériel sur notre site Web, sous quelque forme ou support que ce soit, sauf :",
+      "rightsAndOwnershipText4": "a) votre ordinateur et votre navigateur peuvent stocker temporairement ou mettre en cache des copies des documents accédés et consultés ; et",
+      "rightsAndOwnershipText5": "b) un nombre raisonnable de copies destinées uniquement à un usage personnel peut être imprimé en y conservant les mentions de droits de propriété. Ces copies ne peuvent être utilisées qu'à des fins personnelles légales et non commerciales, et non à des fins de reproduction, de publication ou de distribution de toute sorte sur tout support, quel qu’il soit.",
+      "rightsAndOwnershipText6": "Les usagers ne sont pas autorisés à modifier les copies de tout matériel issu de ce site Web ni à supprimer ou à modifier les avis de droits d'auteur, de marque de commerce ou d'autres droits de propriété des copies de matériel issu de ce site. Vous ne devez pas accéder ou utiliser à des fins commerciales une quelconque partie du site Web ou des services ou du matériel disponibles sur le site Web.",
+      "rightsAndOwnershipText7": "Si vous imprimez, copiez ou téléchargez une partie du site Web en violation des présentes conditions d'utilisation, votre droit d'utiliser le site Web cessera immédiatement et vous devrez, à notre discrétion, nous remettre ou détruire toute copie faite du matériel. Vous n'avez aucun droit, titre ou intérêt dans ou sur le site Web ou sur tout contenu du site Web. Toute utilisation du site Web non expressément autorisée par les présentes conditions d'utilisation constitue une violation de ces conditions d'utilisation et peut enfreindre les lois sur les droits d'auteur, les marques de commerce et autres lois sur la propriété intellectuelle.",
+      "conditionsHeading": "Conditions d'utilisation ",
+      "conditionsText": "Comme condition de votre accès et de votre utilisation, vous acceptez de n'utiliser le site Web qu'à des fins légales et conformément aux présentes conditions d'utilisation.",
+      "legalActionsHeading": "Exécution, suspension et résiliation",
+      "legalActionsText": "Le site Web peut, sans préavis, prendre les mesures juridiques appropriées, y compris, sans s’y limiter, le renvoi aux autorités compétences, à l'autorité réglementaire ou à la partie lésée pour toute utilisation illégale ou non autorisée du site Web.",
+      "cookiesHeading": "Témoins de connexion (« cookies »)",
+      "cookiesText": "En utilisant ce site Web, vous consentez à l'utilisation de témoins de connexion qui permettent à un serveur de mémoriser les demandes ou enregistrements précédents et (ou) des adresses IP pour analyser les caractéristiques d'utilisation du site Web. Vous pouvez configurer votre navigateur pour qu'il vous avertisse avant de recevoir un témoin de connexion, vous donnant ainsi la possibilité de décider de l'accepter ou non. Vous pouvez également configurer votre navigateur pour qu'il désactive les témoins de connexion. Cependant, si vous optez pour la désactivation, certaines parties du site Web pourraient ne pas fonctionner correctement.",
+      "thirdPartyWebHeading": "Sites Web de tiers",
+      "thirdPartyWebText": "Pour votre commodité, ce site Web peut inclure des liens ou des renvois vers des sites tiers. Le site Web ne fait aucune déclaration concernant tout autre site Web auquel il est possible d'accéder à partir de ce site. Si vous choisissez d'accéder à ces sites, vous le faites à vos propres risques. Le site Web n'a aucun contrôle sur le contenu de ces sites tiers et n'accepte aucune responsabilité pour ces sites ou pour toute perte ou tout dommage susceptible de résulter de votre utilisation de ces sites. Vous êtes assujetti(e) aux modalités et conditions de ces sites tiers.",
+      "geographicRestricationsHeading": "Restrictions géographiques",
+      "geographicRestricationsText": "<b>Ce site Web est destiné à être utilisé uniquement par des personnes qui se trouvent au Canada. Ce site Web n'est pas destiné à être utilisé dans une juridiction où son utilisation n'est pas autorisée.</b> Si vous accédez au site Web depuis l'étranger, vous le faites à vos propres risques et vous êtes responsable du respect des lois locales de votre juridiction.",
+      "noRelianceHeading": "Pas de dépendance",
+      "noRelianceText1": "Le contenu du site Web est fourni à titre d'information générale uniquement. Il n'est pas destiné à constituer un avis médical sur lequel vous devriez vous appuyer. Vous devez obtenir un avis médical plus spécifique ou professionnel avant d'entreprendre ou de vous abstenir d'entreprendre toute action ou inaction sur la base du contenu du site Web.",
+      "noRelianceText2": "Il n'existe aucune déclaration, garantie ou caution, expresse ou implicite, selon laquelle le contenu du site Web est exact, complet ou à jour. Votre usage du site Web est à vos propres risques.",
+      "noRelianceText3": "Ce site Web peut comprendre du contenu fourni par des tiers, notamment par d'autres usagers et des détenteurs de licences tiers. Toutes les déclarations et (ou) opinions exprimées dans le contenu de ces tiers sont uniquement les opinions et la responsabilité de la personne ou de l'entité qui fournit ce matériel.",
+      "disclaimerWarrantiesHeading": "Limitation de garantie",
+      "disclaimerWarrantiesText1": "Vous comprenez et acceptez que votre utilisation du site web, de son contenu et de tout service ou élément trouvé ou obtenu par le biais du site web est à vos propres risques. Le site web, son contenu et tous les services ou éléments trouvés ou obtenus par l'intermédiaire du site web sont fournis « <b>tels quels</b> » et « <b>tels que disponibles</b> », sans aucune garantie d'aucune sorte, expresse ou implicite, y compris, mais sans s'y limiter, les garanties implicites de qualité marchande, d'adéquation à un usage particulier ou de non-contrefaçon. Ce qui précède n'affecte pas les garanties qui ne peuvent être exclues ou limitées en vertu de la loi applicable.",
+      "disclaimerWarrantiesText2": "Il n'y a aucune garantie que les fichiers et les données disponibles pour le téléchargement sur Internet ou sur le site Web seront exempts de virus ou d'autres codes destructeurs. Vous êtes exclusivement et entièrement responsable de votre utilisation du site Web et de la sécurité de votre ordinateur, d'Internet et de vos données.",
+      "limitationHeading": "Limitation de la responsabilité",
+      "limitationText": "En aucun cas, le site web ne sera responsable de négligence, de négligence grave, de déclaration inexacte faite par négligence, de violation fondamentale, de dommages de quelque nature que ce soit, en vertu de toute théorie juridique, y compris les dommages directs, indirects, spéciaux, accessoires, consécutifs ou punitifs, y compris, mais sans s'y limiter, les blessures corporelles, la douleur et la souffrance, la détresse émotionnelle, la perte de revenus, la perte de profits, la perte d'activité ou d'économies anticipées, la perte d'utilisation, la perte de clientèle, la perte de données, et qu'elle soit causée par un délit (y compris la négligence), une rupture de contrat, une violation de la vie privée ou autre, même si la partie a été prétendument informée ou avait des raisons de savoir, découlant de ou en relation avec votre utilisation, ou l'incapacité d'utiliser, la confiance accordée au site web, à tout site web lié ou à tout autre site web tiers, ni tout contenu, matériel, affichage ou information du site web.",
+      "indemnificationHeading": "Indemnisation",
+      "indemnificationText": "Dans la mesure maximale permise par la loi applicable, vous acceptez de défendre, d'indemniser et de dégager de toute responsabilité le site Web contre les réclamations, la responsabilité, les dommages, les jugements, les sentences, les pertes, les coûts, les dépenses ou les honoraires (y compris les honoraires raisonnables d'avocat) découlant de ou liés à votre violation des présentes conditions d'utilisation ou à votre utilisation du site Web, y compris, mais sans s'y limiter, les sites de tiers, toute utilisation du contenu du site Web, des services et des produits autres que ceux expressément autorisés dans les présentes conditions d'utilisation.",
+      "lawAndJurisdictionHeading": "Droit applicable et juridiction",
+      "lawAndJurisdictionText1": "Le site Web et les présentes conditions d'utilisation seront régis par et interprétés conformément aux lois de la province de l'Ontario et aux lois fédérales du Canada qui y sont applicables, sans égard pour le choix ou les conflits de provisions, de principes ou de règles de droit (qu'il s'agisse des lois de la province de l'Ontario ou de toute autre juridiction) et nonobstant votre domicile, votre résidence ou votre emplacement physique.",
+      "lawAndJurisdictionText2": "Toute action ou procédure découlant de ou liée à ce site Web et aux présentes conditions d'utilisation sera engagée devant les tribunaux de la province de l'Ontario et (ou) de la Cour fédérale du Canada, et chaque partie se soumet irrévocablement à la compétence exclusive de ces tribunaux dans le cadre d’une telle action ou de telles procédures. Vous renoncez à toute objection à l'exercice de la compétence à votre égard par ces tribunaux et au lieu de ces tribunaux.",
+      "entireAgreementHeading": "Intégralité de l'accord",
+      "entireAgreementText": "Les conditions d'utilisation et notre politique de confidentialité constituent le seul et unique accord entre vous et le site Web et remplacent tous les accords, ententes, représentations et garanties antérieurs et contemporains, tant écrits qu'oraux, concernant ce sujet. ",
+      "dateofAgreement": "Date de la plus récente mise à jour : 12 janvier 2021",
+      "disagree": "Refusez",
+      "close_body_modal": "Fermer",
+      "disclaimer_header": "Conditions d'utilisation",
+      "configuration_header": "Détails du patient:",
+      "config_modal_agree": "OK",
+      "display_gender": "Genre",
+      "display_age": "Âge",
+      "top_nav_body": "Corps",
+      "top_nav_topics": "Sujets",
+      "top_nav_tests": "Examens",
+      "side_nav_suggested_apps": "Applications suggérées",
+      "side_nav_calculators": "Calculatrices",
+      "side_nav_disclaimer": "Conditions d'utilisation",
+      "side_nav_about": "Au sujet de l'application",
+      "side_nav_settings": "Réglages",
+      "body_general_instruction": "Cliquez sur une partie du corps ou une icône",
+      "topic_help_header": "Aide",
+      "topic_help_body": "Aide pour la page suject",
+      "test_help_header": "Aide",
+      "test_help_body": "Aide pour la page test",
+      "aorta": "Aorte",
+      "bone": "Os",
+      "bowel": "Colon",
+      "breast": "Sein",
+      "eyes": "Yeux",
+      "genitalia": "Organes sexuels",
+      "heart": "Cœur",
+      "liver": "Foie",
+      "lungs": "Poumons",
+      "ovary": "Ovaire",
+      "pancreas": "Pancréas",
+      "stomach": "Estomac",
+      "uterus": "Utérus",
+      "brain": "Troubles de la mémoire",
+      "stethoscope": "Examen physique",
+      "hip": "Chutes",
+      "needle_in_arm": "Vaccination",
+      "sun": "Exposition au soleil",
+      "covid": "Covid-19",
+      "trans": "Non-binaire",
+      "money": "Problèmes d'argent",
+      "sleep": "Dormir",
+      "bp": "Tension artérielle",
+      "braingear": "Santé mentale",
+      "figure_outside_body_walking": "Activité physique",
+      "topic_search_bar_placeholder": "Rechercher un sujet...",
+      "test_search_bar_placeholder": "Rechercher un test...",
+      "topic_is_not_applicable": "Prévenir les maladies par des habitudes de vie saines (une alimentation saine de l'activité physique et aucun tabac). Aucune autre recommandation spécifique pour le moment.",
+      "topic_filter_all": "Afficher tous",
+      "topic_filter_top_10": "Dix premiers",
+      "clickOn_Text": "Cliquez sur un bouton bleu ci-dessous"
   }
 }
\ No newline at end of file
diff --git a/src/index.css b/src/index.css
index 535b4093..4530e607 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,182 +1,236 @@
 body {
-  margin: 0;
-  padding: 0;
-  /* font-family: sans-serif; */
+    margin: 0;
+    padding: 0;
+    /* font-family: sans-serif; */
 }
 
 a {
-  text-decoration: none;
-  color: #25AAE1;
+    text-decoration: none;
+    color: #25aae1;
 }
 
-a:hover, a:focus, a:active, a:focus-visible {
-  color: #D7DF21;
+a:hover,
+a:focus,
+a:active,
+a:focus-visible {
+    color: #d7df21;
 }
 
 .text-brand-blue {
-  color: #25AAE1;
+    color: #25aae1;
 }
 
 .text-brand-green {
-  color: #D7DF21;
+    color: #d7df21;
 }
 
 .icon-brand-color {
-  color: #25AAE1;
+    color: #25aae1;
 }
 
 #termsButton .icon-brand-color {
-  color: white; 
+    color: white;
 }
 
-#termsButton .icon-brand-color:hover, .icon-brand-color:focus, .icon-brand-color:active {
-  color: #D7DF21;
+#termsButton .icon-brand-color:hover,
+.icon-brand-color:focus,
+.icon-brand-color:active {
+    color: #d7df21;
 }
 
-.icon-brand-color:hover, .icon-brand-color:focus, .icon-brand-color:active {
-  color: #D7DF21;
+.icon-brand-color:hover,
+.icon-brand-color:focus,
+.icon-brand-color:active {
+    color: #d7df21;
 }
 
 .btn {
-  padding: 8px 16px !important;
-  border-radius: 12px !important;
-  font-size: calc( 14px + (24 - 14) * (100vw - 320px) / (1920 - 320) ) !important;
-  line-height: calc(18px + (28 - 18) * (100vw - 320px) / (1920 - 320)) !important;
+    padding: 8px 16px !important;
+    border-radius: 12px !important;
+    font-size: calc(
+        14px + (24 - 14) * (100vw - 320px) / (1920 - 320)
+    ) !important;
+    line-height: calc(
+        18px + (28 - 18) * (100vw - 320px) / (1920 - 320)
+    ) !important;
 }
 
-
 .btn-primary {
-  background: #D7DF21 !important;
-  border-color: #D7DF21 !important;
-  color: #000000 !important;
+    background: #d7df21 !important;
+    border-color: #d7df21 !important;
+    color: #000000 !important;
 }
 
-.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
-  background: rgba(215, 223, 33, 0.5) !important;
-  border-color: #D7DF21 !important;
-  color: #000000 !important;
-  box-shadow: 0 0 !important;
+.btn-primary:hover,
+.btn-primary:active,
+.btn-primary:focus {
+    background: rgba(215, 223, 33, 0.5) !important;
+    border-color: #d7df21 !important;
+    color: #000000 !important;
+    box-shadow: 0 0 !important;
 }
 
 /* secondary button is in blue theme, that transitions to green color when hovered */
 .btn-secondary {
-  background: #25AAE1 !important;
-  border-color: #25AAE1 !important;
-  color: white !important;
+    background: #25aae1 !important;
+    border-color: #25aae1 !important;
+    color: white !important;
 }
 
-.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus {
-  background: #D7DF21 !important;
-  border-color: #D7DF21  !important;
-  color: #000000 !important;
-  box-shadow: 0 0 !important;
+.btn-secondary:hover,
+.btn-secondary:active,
+.btn-secondary:focus {
+    background: #d7df21 !important;
+    border-color: #d7df21 !important;
+    color: #000000 !important;
+    box-shadow: 0 0 !important;
 }
 
 .btn-outline-primary {
-  border: 1.5px solid rgba(215, 223, 33) !important;
-  color: #D7DF21 !important;
+    border: 1.5px solid rgba(215, 223, 33) !important;
+    color: #d7df21 !important;
 }
 
-.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {
-  border: 1.5px solid rgba(215, 223, 33, 0.6) !important;
-  color: rgba(215, 223, 33, 0.6) !important;
+.btn-outline-primary:hover,
+.btn-outline-primary:active,
+.btn-outline-primary:focus {
+    border: 1.5px solid rgba(215, 223, 33, 0.6) !important;
+    color: rgba(215, 223, 33, 0.6) !important;
 }
 
 .btn-link {
-  padding: 0px 5px !important;
-  color: #D7DF21 !important;
-  border-radius: 15px !important;
-  font-weight: 500 !important;
-  border: none !important;
+    padding: 0px 5px !important;
+    color: #d7df21 !important;
+    border-radius: 15px !important;
+    font-weight: 500 !important;
+    border: none !important;
 }
 
-.btn-link:hover .btn-link:active, .btn-link:focus{
-  color: rgba(215, 223, 33) !important;
+.btn-link:hover .btn-link:active,
+.btn-link:focus {
+    color: rgba(215, 223, 33) !important;
 }
 
 .font-icon {
-  font-size: calc( 18px + (26 - 18) * (100vw - 320px) / (1920 - 320) ) !important;
-  line-height: calc(22px + (20 - 22) * (100vw - 320px) / (1920 - 320)) !important;
+    font-size: calc(
+        18px + (26 - 18) * (100vw - 320px) / (1920 - 320)
+    ) !important;
+    line-height: calc(
+        22px + (20 - 22) * (100vw - 320px) / (1920 - 320)
+    ) !important;
 }
 .font-input {
-  font-size: calc( 14px + (24 - 14) * (100vw - 320px) / (1920 - 320) ) !important;
-  line-height: calc(16px + (28 - 16) * (100vw - 320px) / (1920 - 320)) !important;
+    font-size: calc(
+        14px + (24 - 14) * (100vw - 320px) / (1920 - 320)
+    ) !important;
+    line-height: calc(
+        16px + (28 - 16) * (100vw - 320px) / (1920 - 320)
+    ) !important;
 }
 
 .font-input-lg {
-  font-size: calc( 18px + (20 - 18) * (100vw - 320px) / (1920 - 320) ) !important;
-  line-height: calc(24px + (26 - 24) * (100vw - 300px) / (1920 - 320)) !important;
+    font-size: calc(
+        18px + (20 - 18) * (100vw - 320px) / (1920 - 320)
+    ) !important;
+    line-height: calc(
+        24px + (26 - 24) * (100vw - 300px) / (1920 - 320)
+    ) !important;
 }
 
 .font-title {
-  font-size: calc( 36px + (54 - 36) * (100vw - 320px) / (1920 - 320) ) !important;
-  line-height: calc(40px + (58 - 40) * (100vw - 300px) / (1920 - 320)) !important;
+    font-size: calc(
+        36px + (54 - 36) * (100vw - 320px) / (1920 - 320)
+    ) !important;
+    line-height: calc(
+        40px + (58 - 40) * (100vw - 300px) / (1920 - 320)
+    ) !important;
 }
 .font-heading {
-  font-size: calc( 24px + (32 - 24) * (100vw - 320px) / (1920 - 320) ) !important;
-  line-height: calc(24px + (28 - 24) * (100vw - 300px) / (1920 - 320)) !important;
+    font-size: calc(
+        24px + (32 - 24) * (100vw - 320px) / (1920 - 320)
+    ) !important;
+    line-height: calc(
+        24px + (28 - 24) * (100vw - 300px) / (1920 - 320)
+    ) !important;
 }
 .font-subHeading {
-  font-size: calc( 18px + (20 - 18) * (100vw - 320px) / (1920 - 320) ) !important;
-  line-height: calc(24px + (26 - 24) * (100vw - 300px) / (1920 - 320)) !important;
+    font-size: calc( 18px + (20 - 18) * (100vw - 320px) / (1920 - 320) ) !important;
+    line-height: calc(24px + (26 - 24) * (100vw - 300px) / (1920 - 320)) !important;
 }
 .font-description {
-  font-size: calc( 16px + (18 - 16) * (100vw - 320px) / (1920 - 320) ) !important;
-  line-height: calc(20px + (22 - 20) * (100vw - 300px) / (1920 - 320)) !important;
+    font-size: calc(
+        16px + (18 - 16) * (100vw - 320px) / (1920 - 320)
+    ) !important;
+    line-height: calc(
+        20px + (22 - 20) * (100vw - 300px) / (1920 - 320)
+    ) !important;
 }
 .footer-text {
-  font-size: calc( 14px + (18 - 14) * (100vw - 320px) / (1920 - 320) ) !important;
-  line-height: calc(18px + (20 - 18) * (100vw - 320px) / (1920 - 320)) !important;
+    font-size: calc(
+        14px + (18 - 14) * (100vw - 320px) / (1920 - 320)
+    ) !important;
+    line-height: calc(
+        18px + (20 - 18) * (100vw - 320px) / (1920 - 320)
+    ) !important;
 }
 
 .font-link {
-  font-size: calc( 16px + (18 - 16) * (100vw - 320px) / (1920 - 320) ) !important;
-  line-height: calc(20px + (22 - 20) * (100vw - 300px) / (1920 - 320)) !important;
+    font-size: calc(
+        16px + (18 - 16) * (100vw - 320px) / (1920 - 320)
+    ) !important;
+    line-height: calc(
+        20px + (22 - 20) * (100vw - 300px) / (1920 - 320)
+    ) !important;
 }
 
 .copywrite {
-  font-size: calc( 14px + (15 - 14) * (100vw - 320px) / (1920 - 320) ) !important;
-  line-height: calc(18px + (19 - 18) * (100vw - 320px) / (1920 - 320)) !important;
+    font-size: calc(
+        14px + (15 - 14) * (100vw - 320px) / (1920 - 320)
+    ) !important;
+    line-height: calc(
+        18px + (19 - 18) * (100vw - 320px) / (1920 - 320)
+    ) !important;
 }
 
 .slick-next {
-  right: 25px !important;
+    right: 25px !important;
 }
 
 .slick-next::before {
-  color:black !important;
+    color: black !important;
 }
 .slick-next:hover::before {
-  color:#25AAE1 !important;
+    color: #25aae1 !important;
 }
 
 .slick-prev {
-  left: 25px !important;
-  z-index: 4;
+    left: 25px !important;
+    z-index: 4;
 }
 
 .slick-prev::before {
-  color:black !important;
+    color: black !important;
 }
 .slick-prev:hover::before {
-  color:#25AAE1 !important;
+    color: #25aae1 !important;
 }
 
 .slick-dots {
-  bottom: 2vh !important;
+    bottom: 2vh !important;
 }
 
 .slick-dots li button::before {
-  color: #25AAE1 !important;
-  font-size: 15px !important;
-  text-shadow: -1px 1px 0 white,
-                          1px 1px 0 white,
-                         1px -1px 0 white,
-                        -1px -1px 0 white;
-  position: relative !important;
-  display : block !important;
+    color: #25aae1 !important;
+    font-size: 15px !important;
+    text-shadow:
+        -1px 1px 0 white,
+        1px 1px 0 white,
+        1px -1px 0 white,
+        -1px -1px 0 white;
+    position: relative !important;
+    display: block !important;
 }
 
 .slick-dots .slick-active button::before {
-  color: white !important;
-}
\ No newline at end of file
+    color: white !important;
+}