super-embed:
<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Poppins -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
    <!-- Participant Management Hero -->
    <style>
        .hero-section {
            margin-top: 50px;
            font-family: "Poppins", sans-serif;
            color: #0e1d43;
        }

        .hero-section-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
            text-align: center;
        }

        .hero-section-content {
            margin-bottom: 40px;
        }

        .hero-section-heading {
            font-size: 2.5rem;
            color: #0e1d43;
            margin-bottom: 20px;
            font-weight: 600;
            margin-left:50px;
            margin-right:50px;
        }

        .hero-section-paragraph {
            font-size: 1.10rem;
            color: #0e1d43;
            margin-bottom: 30px;
        }

        .hero-section-cta-link, .hero-section-learn-more {
            display: inline-block;
            padding: 10px 30px;
            border-radius: 50px;
            text-decoration: none;
            transition: 0.3s;
            margin-right: 8px;
            font-weight: bold;
        }

        .hero-section-cta-link {
            background-color: #312e81;
             
            color: #f6f7f7;
            border: 1px solid #312e81;
        }

        .hero-section-cta-link:hover {
            background-color: #3730a3;
            border: 1px solid #3730a3;
        }

        .hero-section-learn-more {
            background-color: transparent;
            color: #0e1d43;
            border: 1px solid #b5bec4;
            border-radius: 50px;
        }

        .hero-section-learn-more:hover {
            border: 1px solid #d8dcdf;
                    }
        
         /* Media Queries for Responsive Design */

       
			@media (max-width: 768px) {
    .hero-section-heading {
        font-size: 2.2rem; 
    }

    .hero-section-paragraph {
        font-size: 1rem; 
    }

    .hero-section-cta-link, .hero-section-learn-more {
        padding: 10px 28px; 
    }
    
    .hero-section-learn-more {
    padding: 5px; 
    font-size:12px;
    margin-top:5px;
    }

    .hero-section-content {
        margin: 30px auto; 
    }
}

/* Very Small Devices */
@media (max-width: 360px) {
    .hero-section-heading {g
        font-size: 1.4rem; 
    }

    .hero-section-paragraph {
        font-size: 0.85rem; 
    }

    .hero-section-content {
        margin: 20px auto; 
    }
}

/* General Responsive Adjustments */
.hero-section-container {
    width: 100%; 
    max-width: 1200px; 
    padding: 0 10px; 
}

.hero-section-content {
    padding: 0px 10px; 
}



    </style>
</head>
<body>
    <section class="hero-section">
        <div class="hero-section-container">
            <div class="hero-section-content">
                <h1 class="hero-section-heading">Participant Management System: Streamlining Your Research Workflow</h1>
                <p class="hero-section-paragraph">Transform Research Management: Streamline Processes, Secure Data, Minimize Errors, and Save Hours of Administrative Work</p>
                <a href="https://thelai.com/participant-management-typeform" class="hero-section-cta-link"><strong>Start your Free Trial</strong></a>
                <a href="https://thelai.com/participant-management-typeform" class="hero-section-learn-more">Boost Your Research Now &#8594;</a>
            </div>
        </div>
    </section>
</body>
</html>

super-embed:

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Blue Square Features -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Poppins -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

    <!-- Inter -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    
</head>
<style>
      .features-component {
        margin-left:-100px;
        margin-right:-90px;
        padding: 40px;
        font-family: Inter, sans-serif;
        background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
        color:#f5f6f7;
      }

        .features-component-container {
            margin: auto;
            padding: 20px;
        }

        .content {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }

        .column1, .column2 {
            flex: 1;
        }

        .column1 {
            margin-right: 20px;
        }

        .column2 img {
            width: 100%;
            height: auto;
            display: block; /
        }

        .image-features{
          border-radius:10px;
          max-width: 100%;
          box-shadow: 11px 13px 11px rgba(0, 0, 0, 0.4);
        }
    
        
        .heading2-features{
          text-align:center;
          font-size:36px;
          font-weight:normal;
          font-family:Poppins, sans-serif;
          }

        .paragraph-features{
          text-align:center;
          margin-bottom:50px;
        }
        
         .feature-card-first{
				padding:20px;
				margin-top:20px;
				margin-bottom:5px;
        }
        
        @media screen and (max-width: 768px) {
        .features-component {
    display:none;
       }
    
    }
</style>
<body>
  <div class="features-component">
    <div class="features-component-container">
        <h2 class="heading2-features">Bid Farewell to Admin Hassles; Embrace Streamlined Research Excellence</h2>
        <p class="paragraph-features">Effortless Research Mastery: Your All-in-One Secure Platform</p>
        <div class="content">
            <div class="column1">
                <div class="feature-card-first">
                <p> 
                    Utilized by Professional Researchers
                    <br/>
                    <br/>
                    Revolutionize your research with our integrated suite—where secure consent, participant tracking, and precise transcription meet. 
                    <br/>
                    <br/>
                    Reclaim countless hours with tools designed to streamline and safeguard your project from start to finish, freeing you to focus on the insights that matter. 
                </p>
                </div>
            </div>

            <div class="column2">
                <img src="https://i.postimg.cc/Z55GD1tZ/Participant.gif" class="image-features" />
            </div>
        </div>
    </div>
  </div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Participant Journey -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>

<style>
    .participant-process {
    font-family: 'Inter', sans-serif;
    padding: 50px;
    background:#f5f6f7;
}

.participant-timeline {
    display: flex;
    justify-content: space-evenly;
    align-items: start;
    flex-wrap: wrap;
    gap: 15px;
}

.participant-step {
    text-align: center;
    flex: 1;
    min-width: 220px;
    max-heigth:300px;
}

.participant-svg {
    width: 30px;
    color: #0e1d43;
}

.participant-info h2 {
    font-family: 'Poppins', sans-serif;
    color: #0e1d43;
    font-size: 18px;
    font-weight:normal;
    margin-bottom:15px;
}

.participant-info p {
    font-size:15px;
} 

.participant-process-heading {
		color: #0e1d43;
		font-size:36px;
		font-weight:normal;
		font-family: 'Poppins', sans-serif;
		margin-top:-15px;
		}
		
/* Small screens (phones, less than 768px) */
@media (max-width: 768px) {
    .participant-timeline {
        flex-direction: column; 
    }

    .participant-step {
        min-width: 80%; 
        max-width: 80%; 
    }

    .participant-process {
        padding: 20px;
        margin-left: 0; /
        margin-right: 0;
    }

    .participant-process-heading {
        font-size: 28px; 
    }

    .participant-info h2 {
        font-size: 15px; 
    }

    .participant-info p {
        font-size: 13px; 
    }

    .participant-svg {
        width: 25px; 
    }
}

</style>

<body>

<div class="participant-process">
		<div class="participant-header">
				<h2 class="participant-process-heading">Participant Tracker Exploration: A journey with participant tracker</h2>
		</div>
<div class="participant-timeline">
    <div class="participant-step">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="participant-svg">
			  <path fill-rule="evenodd" d="M2.25 5.25a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3V15a3 3 0 0 1-3 3h-3v.257c0 .597.237 1.17.659 1.591l.621.622a.75.75 0 0 1-.53 1.28h-9a.75.75 0 0 1-.53-1.28l.621-.622a2.25 2.25 0 0 0 .659-1.59V18h-3a3 3 0 0 1-3-3V5.25Zm1.5 0v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5Z" clip-rule="evenodd" />
			  </svg>

        <div class="participant-info">
            <h2>Researcher Access </h2>
            <p>Access and create your <br/> new research project.</p>
        </div>
    </div>

    <div class="participant-step">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="participant-svg">
			  <path fill-rule="evenodd" d="M7.502 6h7.128A3.375 3.375 0 0 1 18 9.375v9.375a3 3 0 0 0 3-3V6.108c0-1.505-1.125-2.811-2.664-2.94a48.972 48.972 0 0 0-.673-.05A3 3 0 0 0 15 1.5h-1.5a3 3 0 0 0-2.663 1.618c-.225.015-.45.032-.673.05C8.662 3.295 7.554 4.542 7.502 6ZM13.5 3A1.5 1.5 0 0 0 12 4.5h4.5A1.5 1.5 0 0 0 15 3h-1.5Z" clip-rule="evenodd" />
			  <path fill-rule="evenodd" d="M3 9.375C3 8.339 3.84 7.5 4.875 7.5h9.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 0 1 3 20.625V9.375Zm9.586 4.594a.75.75 0 0 0-1.172-.938l-2.476 3.096-.908-.907a.75.75 0 0 0-1.06 1.06l1.5 1.5a.75.75 0 0 0 1.116-.062l3-3.75Z" clip-rule="evenodd" />
				</svg>
        <div class="participant-info">
            <h2>Easy Project Setup </h2>
            <p>
            Enter and specify <br/>  your project details.
            </p>
        </div>
    </div>
    <div class="participant-step">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="participant-svg">
			  <path d="M5.25 6.375a4.125 4.125 0 1 1 8.25 0 4.125 4.125 0 0 1-8.25 0ZM2.25 19.125a7.125 7.125 0 0 1 14.25 0v.003l-.001.119a.75.75 0 0 1-.363.63 13.067 13.067 0 0 1-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 0 1-.364-.63l-.001-.122ZM18.75 7.5a.75.75 0 0 0-1.5 0v2.25H15a.75.75 0 0 0 0 1.5h2.25v2.25a.75.75 0 0 0 1.5 0v-2.25H21a.75.75 0 0 0 0-1.5h-2.25V7.5Z" />
				</svg>

        <div class="participant-info">
            <h2>Participant Addition</h2>
            <p>Effortlessly start <br/> adding participants.</p>
        </div>
    </div>
    <div class="participant-step">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="participant-svg">
			  <path d="M18.75 12.75h1.5a.75.75 0 0 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM12 6a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 6ZM12 18a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 12 18ZM3.75 6.75h1.5a.75.75 0 1 0 0-1.5h-1.5a.75.75 0 0 0 0 1.5ZM5.25 18.75h-1.5a.75.75 0 0 1 0-1.5h1.5a.75.75 0 0 1 0 1.5ZM3 12a.75.75 0 0 1 .75-.75h7.5a.75.75 0 0 1 0 1.5h-7.5A.75.75 0 0 1 3 12ZM9 3.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5ZM12.75 12a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0ZM9 15.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5Z" />
				</svg>

        <div class="participant-info">
            <h2>Participant Stages</h2>
            <p>Update participant's <br/>status in stages.</p>
        </div>
    </div>
</div>
</div>

</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Data Security Section -->
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<!-- Poppins -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

		
	<!-- Inter -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    
       
	
</head>
<style>
.content-section-two {
    color: #f5f6f7; 
    padding: 50px;
    padding-top: 5px;
		font-family: "Inter", sans-serif;
		margin-left:-120px;
		margin-right:-90px;
		font-size:17px;
    background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
		
}

.content-section-two h1 {
  margin-left: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: normal;
	font-size: 32px;
	text-align:center;
}

.content-section-two h2 {
  margin-left: 20px;
	font-weight: normal;
	text-align:center;
	font-size:17px;

}


.columns-two {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.column-two {
    width: 30%; 
    margin-left:20px;
    padding:10px;
    border-radius:10px;
}

.column-two h3 {
    font-size:17px; 
    font-weight:semibold;
}

.data-icon-two{
width:35px;
}

/*Media queries */

@media (max-width: 1024px) {
    .content-section-two {
        padding: 30px; 
        margin-left: 0; 
        margin-right: 0;
    }

    .content-section-two h1 {
        font-size: 28px; 
    }

    .columns-two {
        flex-direction: column; 
    }

    .column-two{
        width: 100%; 
        margin-left: 0; 
    }
}

@media (max-width: 768px) {
    .content-section-two {
        padding: 20px;
    }

    .content-section-two h1 {
        font-size: 24px;
    }

    .content-section-two h2 {
        font-size: 14px; /* Smaller text in smaller devices */
    }

    .column-two h3{
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .content-section-two {
        padding: 10px;
    }

    .content-section-two h1 {
        font-size: 20px; /* Even smaller title for very small screens */
    }

    .content-section-two h2, .column-two h3 {
        font-size: 12px; /* Smaller font size for all text elements */
    }
}



</style>
<body>
	<section class="content-section-two">
	
		<h1>
		Uncompromising Data Security at Its Core: Elevating Data Security to New Heights
		</h1>
		
		<h2>
		Build on Salesforce, -a cloud-based leader, our platform prioritizes security and reliability.
		</h2>
		
		<div class="columns-two">
			<div class="column-two">
				<h3>Data Security</h3>
				<p>
					Leveraging Salesforce's robust functionality, our commitment to data security is unwavering.
				</p>
			</div>
			<div class="column-two">
				<h3>Enhanced Security  </h3>
				<p>
					Salesforce Shield reinforces our data protection with advanced tools like Platform Encryption, Event Monitoring, and Field Audit Trail.
				</p>
			</div>
			<div class="column-two">
				<h3>Trustworthy Environment</h3>
				<p>
					Adopting Salesforce Shield demonstrates our dedication to a secure and reliable platform, ensuring your data is handled with utmost care.
				
				</p>
			</div>
		</div>
	</section>
	
	
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Secure participant Management -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<style>

    .management-process {
        font-family: 'Inter', sans-serif;
        background-color: #f5f6f7;
        padding: 50px;
        display: flex;
        justify-content: space-between; /* Align the quote and timeline side by side */
        align-items: start;
        gap: 20px;
				margin-left:-70px;
				margin-right:-70px;
    }

    .management-timeline {
        display: flex;
        flex-direction: column; /* Stack the steps vertically */
        width: 50%; /* Allocate half of the container width */
        list-style: none; /* Remove list styling */
        padding: 0;
        text-align:left;
    }
    
    li {
    margin-bottom:5px;
    margin-top:10px;

    }
    
    .management-info p {
        font-size: 15px;
    }

    .management-process-heading {
        color: #0e1d43;
        font-size: 36px;
        font-weight: normal;
        font-family: 'Poppins', sans-serif;
        margin-bottom: 15px;
        text-align:left; 
            }

    .quote {
        width: 50%; 
        font-size: 16px;
        color: #0e1d43;
        margin-right: 20px;
        text-align:left; 
    }
    
    .check-icon{
    width:20px;
    }
    

    @media (max-width: 768px) {
        .management-process {
            display: none;
        }

    
</style>
</head>
<body>
<div class="management-process">
    <div class="quote">
        <h2 class="management-process-heading">Enhance your research efficacy with secure participant management</h2>
        <p>“…Written reminders effectively increased response rates, with the first reminder showing the largest impact…” <strong>Participation rates, response bias and response behaviours in the community survey of the Swiss Spinal Cord Injury Cohort Study (SwiSCI)</strong></p>
    </div>
    
    <ul class="management-timeline">
        <li>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="check-icon">
			  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
				</svg>

          <strong> Encrypted Consent Form Storage:</strong> Impeccable security for participant documentation.
        </li>
        
        <li>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="check-icon">
			  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
				</svg>
         <strong>Insightful Participant Tracking:</strong> Real-time data for responsive study management.
        </li>
        
        <li>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="check-icon">
			  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
				</svg>
          <strong>Proactive Retention Measures:</strong> Data-driven strategies to maintain participant engagement.
        </li>
        
        <li>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="check-icon">
			  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
				</svg>
           <strong>Anonymity with Nicknames/IDs:</strong> Full confidentiality 
           for participant identity protection.
        </li>
        
        <li>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="check-icon">
			  <path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
				</svg>
           <strong>Unified Participant Scheduling:</strong> Centralize logistics
            for streamlined participant coordination.
        </li>
    </ul>
    
</div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Security Key Features-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Poppins:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>

<style>
    .translation-process {
    font-family: 'Inter', sans-serif;
    background-color: #f5f6f7;
    color: #0e1d43;
    padding: 20px;
}

.timeline {
    display: flex;
    justify-content: space-evenly;
    align-items: start;
    flex-wrap: wrap;
    gap: 15px;
}

.step {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    flex: 1;
    min-width: 220px;
    max-heigth:300px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.translation-svg {
    width: 30px;
    color: #312e81;
}

.info h2 {
    font-family: 'Poppins', sans-serif;
    color: #312e81;
    font-size: 17px;
    font-weight:normal;
    margin-bottom:15px;
}

.info p {
    font-size:17px;
} 

.translation-process-heading {
		color: #0e1d43;
		font-size:34px;
		font-weight:normal;
		font-family: 'Poppins', sans-serif;
		}

</style>

<body>

<div class="translation-process">
		<div class="translation-header">
				<h2 class="translation-process-heading"> How does Salesforce Shield revolutionize data protection with its three unique key features? </h2>
		</div>
<div class="timeline">
    <div class="step">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="translation-svg">
			  <path fill-rule="evenodd" d="M12 1.5a5.25 5.25 0 0 0-5.25 5.25v3a3 3 0 0 0-3 3v6.75a3 3 0 0 0 3 3h10.5a3 3 0 0 0 3-3v-6.75a3 3 0 0 0-3-3v-3c0-2.9-2.35-5.25-5.25-5.25Zm3.75 8.25v-3a3.75 3.75 0 1 0-7.5 0v3h7.5Z" clip-rule="evenodd" />
				</svg>


        <div class="info">
            <h2>Platform Encryption </h2>
            <p>
            This robust encryption of sensitive data  serves as our primary
             line of defense, solidifying the foundation of our commitment
              to data security, restrict unauthorized access, 
              and meet regulatory standards. 
            </p>
        </div>
    </div>

    <div class="step">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="translation-svg">
			  <path fill-rule="evenodd" d="M12 1.5a.75.75 0 0 1 .75.75V4.5a.75.75 0 0 1-1.5 0V2.25A.75.75 0 0 1 12 1.5ZM5.636 4.136a.75.75 0 0 1 1.06 0l1.592 1.591a.75.75 0 0 1-1.061 1.06l-1.591-1.59a.75.75 0 0 1 0-1.061Zm12.728 0a.75.75 0 0 1 0 1.06l-1.591 1.592a.75.75 0 0 1-1.06-1.061l1.59-1.591a.75.75 0 0 1 1.061 0Zm-6.816 4.496a.75.75 0 0 1 .82.311l5.228 7.917a.75.75 0 0 1-.777 1.148l-2.097-.43 1.045 3.9a.75.75 0 0 1-1.45.388l-1.044-3.899-1.601 1.42a.75.75 0 0 1-1.247-.606l.569-9.47a.75.75 0 0 1 .554-.68ZM3 10.5a.75.75 0 0 1 .75-.75H6a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 10.5Zm14.25 0a.75.75 0 0 1 .75-.75h2.25a.75.75 0 0 1 0 1.5H18a.75.75 0 0 1-.75-.75Zm-8.962 3.712a.75.75 0 0 1 0 1.061l-1.591 1.591a.75.75 0 1 1-1.061-1.06l1.591-1.592a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" />
				</svg>


        <div class="info">
            <h2>Event Monitoring </h2>
            <p>
            It tracks user interactions for transparency and accountability.
             It aids in understanding data usage, detecting security threats,
              and ensuring authorized access to sensitive information. 
            </p>
        </div>
    </div>
    <div class="step">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="translation-svg">
			  <path fill-rule="evenodd" d="M5.625 1.5H9a3.75 3.75 0 0 1 3.75 3.75v1.875c0 1.036.84 1.875 1.875 1.875H16.5a3.75 3.75 0 0 1 3.75 3.75v7.875c0 1.035-.84 1.875-1.875 1.875H5.625a1.875 1.875 0 0 1-1.875-1.875V3.375c0-1.036.84-1.875 1.875-1.875ZM9.75 17.25a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0v-.75Zm2.25-3a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3a.75.75 0 0 1 .75-.75Zm3.75-1.5a.75.75 0 0 0-1.5 0V18a.75.75 0 0 0 1.5 0v-5.25Z" clip-rule="evenodd" />
			  <path d="M14.25 5.25a5.23 5.23 0 0 0-1.279-3.434 9.768 9.768 0 0 1 6.963 6.963A5.23 5.23 0 0 0 16.5 7.5h-1.875a.375.375 0 0 1-.375-.375V5.25Z" />
				</svg>

        <div class="info">
            <h2>Field Audit Trail</h2>
            <p>
            It offers a comprehensive audit capability to track changes, understand data trends, and maintain an immutable record for audit purposes, ensuring 
            you know the evolution of your data over time.</p>
        </div>
    </div>
</div>
</div>

</body>
</html>

super-embed:
<!DOCTYPE html>
<html>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Participant Management -->

<!-- Poppins -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Inter -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">

<head>
    <style>
        .pm-hero {
            background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
            padding: 50px;
            font-family: "Inter", sans-serif;
            margin-left:-120px;
						margin-right:-90px;
        }
        .pm-subheading {
            color: #f5f6f7; 
            margin-botton:20px;
            font-size:17px;
            text-align: left;
            margin-bottom:20px;
        }
        .pm-heading {
            margin-bottom: 20px;
            font-family: "Poppins", sans-serif;
            font-size:36px;
            font-weight:normal;
            color: #f5f6f7;
            text-align: left; 
        }
        .pm-button {
            background-color: #f5f6f7; 
            color: #0e1d43;
            padding: 10px 20px;
            text-decoration: none;
            display: block;
            border-radius:50px;
            border:none;
            cursor: pointer;
            margin-bottom: 50px;
            margin-top:20px;
            margin:0 auto;
          
        }
        .pm-button:hover {
            background-color:#f1f5f9 ; 
        }
        
        .pm-link {
        text-decoration:none;
        color:#0e1d43;
        }
        
         .pm-link:hover {
        color:#0e1d43;
        }
        
         .check-icon{
		    width:20px;
		    }

        
        /* Responsive design adjustments */
        
        
        @media (max-width: 768px) {
           
            .pm-hero {
                display: none;
            }
        }
    </style>
</head>
<body>

<div class="pm-hero">
    <h1 class="pm-heading"> Proven Security, Trusted Process: Navigate IRB Approval with Confidence and Ease</h1>
    <p class="pm-subheading">
    <strong>
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="check-icon">
		<path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
		</svg>
    Expertly Prepared Documentation:</strong> Gain access to comprehensive, ready-to-use documentation developed by experienced professionals well-versed in IRB requirements.<br/>
		<strong>
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="check-icon">
		<path fill-rule="evenodd" d="M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd" />
		</svg>
		IRB-Approved Form Quality:</strong> Our forms are meticulously crafted by seasoned researchers with extensive experience as IRB members, ensuring high standards and streamlined approval processes.</p>
    <button class="pm-button"> <a href="https://thelai.typeform.com/to/emMB10?utm_medium=PMS" class="pm-link"> Begin Secure Research Now </a> </button>

</div>
</div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Poppins -->
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
       
    <!--Pricing Cards-->
     
      <style>
       
        .pricing-container{
            font-family: 'Arial', sans-serif;
            background-color: #f5f6f7;
            color: #0e1d43;
            line-height: 1.6;
            padding:0px;
            margin: 0;
            max-width: 1200px;
            margin: auto;
            padding: 0 20px;
        }

        
        .pricing-header h2 {
            font-size: 36px; 
            text-align: center;
            margin-bottom: 20px;
            font-family: "Poppins", sans-serif;
            font-weight:normal;
        }
        
        .pricing-header {
            text-align: center;
            margin-bottom: 40px;
        }

        .pricing-plans {
            display: flex;
            justify-content: center;
            gap: 20px;
        }       
        
        .plan {
		        position: relative;
            border: 2px solid #ccc;
            border-radius: 8px;
            padding: 20px;
            width: 325px;
            background-color: #fafaf9;
        } 
        
        .basic-plan-heading {
        margin-bottom:15px;
        }

        .plan.highlighted {
            border-color: #312e81; 
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            background-color: #fafaf9;
        }

        .plan-header {
            text-align: center;
            margin-bottom: 20px;
        }

        .plan-price {
				    font-size: 24px;
				    color: #1e293b; 
				    margin-bottom: 20px;
				    text-align: center; 
				}
				
				.plan-price span { 
				    font-size: 50%;
				    color: #4a4a4a; 
				}
				
        .plan-features {
            list-style: none;
            padding: 0;
            margin-bottom: 20px;
        }

        .plan-features li {
            margin-bottom: 10px;
            padding-left: 20px;
            position: relative;
        }

        .plan-features li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: #312e81; 
        }

        
        .btn {
            display: block;
            width: 100%;
            padding: 10px;
            border: none;
            border-radius: 5px;
            background-color: #312e81; 
            color: white;
            text-align: center;
            cursor: pointer;
            text-decoration: none;
        }

        .btn:hover {
            background-color: #3730a3; 
        }
       
       
				
				/* Media Queries for Responsive Design */
				@media (max-width: 768px) {
				    .pricing-plans {
				        flex-direction: column;
				        align-items: center;
				    }

					    .plan {
					        width: 100%; /* Full width on smaller screens */
					        max-width: 600px; /* Limit maximum width */
					    }
					
					    .pricing-header h2 {
					        font-size: 28px; /* Smaller font size for headings */
					    }
					
					    .plan-price {
					        font-size: 20px; /* Smaller font size for pricing */
					    }				    
					    
						}

						@media (max-width: 480px) {
						    .pricing-container {
						        padding: 10px;    
						        padding: 0 10px;
						    }
						}
</style>
</head>

<body>
<div class="pricing-container">
    <div class="pricing-header">
        <h2>Pricing Overview</h2>
        <p>Transform Research Management: Streamline Processes, Secure Data, Minimize Errors, and Save Hours of Administrative Work </p>
    </div>
    <div class="pricing-plans">
    
        <!-- Basic Plan -->
					<div class="plan">
					    <h3>Basic</h3>
					    <h3> 1-19 records per project</h3>					    
					    <p style="margin-bottom: 30px;">Try it for free and discover the efficiency of our participant management system. </p>
					    <p class="plan-price"><strong> Free </strong></p>
					    
					    <a href="https://thelai.typeform.com/to/emMB10?utm_medium=PMF" class="btn">Start for Free</a>
					    <ul class="plan-features">		   
                <li>Participant Tracking</li>
                <li>Secure Consent Form and Document Storage</li>
                <li>Data Encryption & HIPAA Compliance</li>
                <li>IRB Assistance</a> </li>              
            </ul>
					</div>
					
					<!-- Essential Plan -->
					<div class="plan highlighted">
					    <h3>Essential</h3>
					    <h3>20-49 records per project</h3>					    
					    <p style="margin-bottom: 30px;">Transform your research with our fully integrated suite.</p>
					    <p class="plan-price"><strong>$1,499</strong> <span>/per project</span></p>
					    <a href="https://thelai.typeform.com/to/emMB10?utm_medium=PMF" class="btn">Start for Free</a>
					    <ul class="plan-features">
						    <li>Participant Tracking</li>
                <li>Secure Consent Form and Document Storage</li>
                <li>Data Encryption & HIPAA Compliance</li>
                <li>IRB Assistance</a> </li>  
                <p> <strong> AND </strong> </p>
                <li>Transcription preferential base rate </li>  
                <li>Preferential turnaround </li>
            </ul>
					</div>
					
					<!-- Essential+ Plan -->
					<div class="plan">
					    <h3>Essential +</h3>
					    <h3>50-99 records per project</h3>
					    <p style="margin-bottom: 30px;">Experience the revolutionary impact on your workflow.</p>
					    <p class="plan-price"><strong>$3,599</strong><span>/per project</span></p>
					    <a href="https://thelai.typeform.com/to/emMB10?utm_medium=PMF" class="btn">Start for Free</a>
						   <ul class="plan-features">
						    <li>Participant Tracking</li>
                <li>Secure Consent Form and Document Storage</li>
                <li>Data Encryption & HIPAA Compliance</li>
                <li>IRB Assistance</a> </li>  
                <p> <strong> AND </strong> </p>
                <li>Transcription preferential base rate </li>  
                <li>Preferential turnaround </li>
            </ul>
					</div>
					
					<!-- Growth Plan -->
					<div class="plan">
					    <h3>Growth</h3>
					    <h3>51-100+ records per project</h3>
					    <p style="margin-bottom: 30px;">Managing multi-language projects and data capture.</p>
					    <p class="plan-price"><strong>$4,999</strong><span>/per project</span></p>
					    <a href="https://thelai.typeform.com/to/emMB10?utm_medium=PMF" class="btn">Start for Free</a>
					    <ul class="plan-features">
					     <li>Participant Tracking</li>
                <li>Secure Consent Form and Document Storage</li>
                <li>Data Encryption & HIPAA Compliance</li>
                <li>IRB Assistance</a> </li>  
                <p> <strong> AND </strong> </p>
                <li>Transcription preferential base rate </li>  
                <li>Preferential turnaround </li>
                <li>Dedicated website for participant recruitment</li>                                
            </ul>
					</div>
    </div>
	</div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Contact Container -->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- Poppins and Inter Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    
    <style>  
        .contact-container {
            display: flex; 
            background-color: #312e81;
            align-items: center;
            justify-content: space-evenly; 
            padding: 50px; 
            color: #f5f6f7;
            margin-right:-90px;
				    margin-left:-100px;
        }

        .contact-header {
            flex: 1; 
            margin: 0 20px;  
			      margin-right: 190px; 
			      margin-left: 90px;
        }

        .contact-cta {
            flex: 0 0 auto; /* No crece ni se encoge, manteniendo el tamaño del contenido */
            margin: 0 10px; 
            margin-right:50px;
            
        }

        .contact-heading {
            font-size: 25px;
            font-weight: normal;
            margin: 0; 
            text-align: left;
            font-family: "Poppins", sans-serif;
        }

        .speak-contact {
            display: flex;
            align-items: center;
            font-size: 18px;
            font-weight: 500;
            text-decoration: none;
            cursor: pointer;
            transition: 0.3s ease;
            font-family: "Inter", sans-serif;
            background-color: #f5f6f7; 
            padding: 10px 20px;  /* Más equilibrado y adecuado para móviles */
            border-radius: 50px;
            text-decoration: none;
            color: #312e81;
        }

        .speak-contact:hover {
            color: #312e81;
            background-color: #edeff1;        
        }

        .contact-icon {
            margin-right: 8px; 
            width: 35px;
            color:#312e81;
        }
        
        /* Media Queries */
        @media (max-width: 768px) {
            .contact-container {
                flex-direction: column;
                padding: 20px; 
                margin-right: 0;
                margin-left: 0;
            }

            .contact-header, .contact-cta {
                margin: 10px;
            }

            .contact-heading {
                font-size: 20px;
            }

            .speak-contact {
                font-size: 16px;
                padding: 8px 16px; 
            }
        }

    </style>
</head>
<body>
    <div class="contact-container">
        <div class="contact-header">  
            <h1 class="contact-heading">
                Initiate Your Consultation on Managing your Study Participants
            </h1>
        </div>
        <div class="contact-cta">
            <a href="https://calendly.com/monica-landmark/introduction?month=2024-04" class="speak-contact" target="_blank">
                
                Schedule a call
            </a>
        </div>
    </div>
</body>
</html>
super-embed:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--New Footer USA -->

    <!-- Poppins -->
		<link rel="preconnect" href="https://fonts.googleapis.com">
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
		<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
       
    <style>  
    
    .footer-container{
	   margin-right:-90px;
     margin-left:-100px;
    }
    
    
        .CF-sitemap-section {
            background:linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
            color:#312E81;
            padding: 30px; 
            font-family: 'Inter', sans-serif;
            border-top: 1px solid #b5bec4;
            border-bottom: 1px solid #b5bec4;
        }

				.CF-header-container {
            margin-bottom: 10px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 0px;
        }

				.CF-logo {           
            display: block;
						margin:0 auto
						 }



				.CF-sitemap-container {
				    display: flex;
				    flex-wrap: wrap;
				    justify-content: center;
				    padding: 0;
				    max-width: 100%;
				    margin: 0;
						}
		
					.CF-sitemap-column {
			    flex: 1 1 150px; /* Reduced base size for flex items */
			    margin: 10px 5px; /* Adjusted margins to be more uniform */
			    padding-left:80px;
					}
					
					.CF-sitemap-column-one {
			    flex: 1 1 150px; 
			    margin: 10px 5px; 
			    padding-left: 120px;
					}
					
					.CF-sitemap-column-two {
			    flex: 1 1 150px; 
			    margin: 10px 5px; 
			    padding-left: 110px;
					}
					
					.CF-sitemap-column-mission {
					    flex: 1 1 150px; /* Adjust base size to match other columns for consistency */
					    margin-right:10px;
					    align-self: flex-start; /* Aligns the mission column at the start of the flex container */
					    margin-top:60px;
					}

				.mission {
				    font-weight: 400;
				    font-size: 18px;  
				    font-family: 'Poppins', sans-serif;
				    color: #0e1d43;
				    text-align:center;
				    }
				
				
				.CF-sitemap-column h3 {
				    margin-bottom: 15px;
						text-align: left;
				        font-family: 'Poppins', sans-serif;
				        font-weight: 500;
				        font-size:17px;
				}
				
				.CF-sitemap-column-one h3 {
				    margin-bottom: 15px;
						text-align: left;
				        font-family: 'Poppins', sans-serif;
				        font-weight: 500;
				        font-size:17px;
				}
				
				.CF-sitemap-column-two h3 {
				    margin-bottom: 15px;
						text-align: left;
				        font-family: 'Poppins', sans-serif;
				        font-weight: 500;
				        font-size:17px;
				}
				
				.CF-sitemap-column a {
				    color:#0e1d43;
				    text-decoration: none;
				    display: block;
				    margin-bottom: 10px;
				    transition: color 0.3s;
				}
				
				.CF-sitemap-column-one a {
				    color:#0e1d43;
				    text-decoration: none;
				    display: block;
				    margin-bottom: 10px;
				    transition: color 0.3s;
				}
				
				.CF-sitemap-column-two a {
				    color:#0e1d43;
				    text-decoration: none;
				    display: block;
				    margin-bottom: 10px;
				    transition: color 0.3s;
				}
				
				.CF-sitemap-column a:hover {
				    text-decoration: underline;
				    color:#312e81;
				    transform: translateY(-2px);
				}
				
				.CF-sitemap-column-one a:hover {
				    text-decoration: underline;
				    color:#312e81;
				    transform: translateY(-2px);
				}
				
				.CF-sitemap-column-two a:hover {
				    text-decoration: underline;
				    color:#312e81;
				    transform: translateY(-2px);
				}
				
				.CF-sitemap-column a:last-child {
				    margin-bottom: 0;
				}
				
				.CF-sitemap-column-one a:last-child {
				    margin-bottom: 0;
				}
				
				.CF-sitemap-column-two a:last-child {
				    margin-bottom: 0;
				}
				
				
				.CF-footer-note-container {
				    padding: 20px 10px;
				    text-align: center;
				    margin-top: 20px;
				}
				
				.CF-footer-note {
				    color:#0e1d43 ;
				    margin-top: 40px;
				    padding: 0;
				}
				
				/* Media Queries for Responsive Design */
				
		@media (max-width: 768px) {
    .footer-container {
        flex-direction: column; 
        align-items: center; 
        padding:5px;
        margin:0 auto;
    }

     .CF-sitemap-column-one {
        margin: 5px 0;
				margin-left: -65px;  
    }
    
    .CF-sitemap-column-two {
	    margin: 5px 0; 
			margin-left: -55px; 
    }
    
    .CF-sitemap-column {
	    margin:25px; 
			margin-left: -25px; 
    }

    .mission {
       font-size:12px;
    }

    .CF-footer-note-container {
        padding: 20px 5px; 
    }

    .CF-footer-note {
        font-size: 9px; 
    }
}

    </style>
</head>
<body>
<div class="footer-container">
    <section class="CF-sitemap-section">
        <!-- Header with Logo and LinkedIn Icon -->
        <div class="CF-header-container">
            <a href='/' class="CF-logo"><img src="https://landmarkmktemailimages.s3.amazonaws.com/Landmark_Logo.png" alt="Landmark Logo"  width="100"></a>
        </div>
        <!-- Sitemap Columns -->
        <div class="CF-sitemap-container">
		   
            <!-- Column 1 -->
            <div class="CF-sitemap-column-one">
                <h3>Using Landmark</h3>
                <a href="/terms-and-conditions/using-landmark-for-universitiesorganizations">Universities/Organizations</a>
                <a href="/our-customers">Our Customers</a>
                <a href="/transcription">Pricing</a>
                <a href="/available-languages">Available Languages</a>
                <a href="https://docs.thelai.com/">Help Center</a>
            </div>
            <!-- Column 2 -->
            <div class="CF-sitemap-column-two">
                <h3>Landmark</h3>
                <a href="https://docs.thelai.com/contractor-page">I'm a Transcriber/Translator</a>
                <a href="https://thelai.typeform.com/to/sJwCUe">Get a customized quote</a>
                <a href="https://docs.thelai.com/fdf4b7dd39cb446f93c9cd6fa85f6ed1">How to request a transcript</a>
                <a href="https://docs.thelai.com/ded190891d6148eab2a3554b18f20a15">Request an invoice</a>
                <a href="https://thelai.typeform.com/to/ShI5jj?utm_medium=PIE">Get in touch</a>
            </div>
            <!-- Column 3 -->
            <div class="CF-sitemap-column">
                <h3>Legal</h3>
                <a href="/privacy-policy">Privacy Policy</a>
                <a href="/terms-and-conditions">Terms and Conditions</a>
                <a href="/security-confidentiality">Security & Confidentiality</a>
            </div>
        </div>
        <!-- Footer Note -->

             <!-- Column 0 -->
             <div class="CF-sitemap-column-mission">
                <p class="mission"> Assisting researchers worldwide in completing their research faster <br/> and deeper so they can make an impact that will change the world. </p>
            </div>

        <div class="CF-footer-note-container">
		        <p class="CF-footer-note">2701 East Thomas Road, Suite H<br> 
						Phoenix, AZ 85016<br>
						(480) 922-1105<br> 
						©2009-2024 Landmark Associates, Inc. | All Rights Reserved</p>
        </div>
    </section>
   </div>
</body>
</html>