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

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Data Secuirity Hero -->

<!-- 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>
        .data-hero {
            background-color: #f5f6f7; /* landmark-gray-background */
            padding: 20px;
            text-align: center;
            font-family: "Poppins", sans-serif;
        }
        .data-subheading {
            color: #0e1d43; 
            margin-botton:20px;
            font-size:17px;
        }
        .data-heading {
            margin-bottom: 20px;
            font-family: "Poppins", sans-serif;
            font-size:36px;
            font-weight:600;
            color: #0e1d43; 
        }
        .data-button {
            background-color: #312e81; 
            color: white;
            padding: 10px 20px;
            text-decoration: none;
            display: inline-block;
            border-radius:50px;
            border:none;
            cursor: pointer;
            margin-bottom: 50px;
            margin-top:20px;
          
        }
        .data-button:hover {
            background-color: #3730a3; /* landmark-violet-hover */
        }
        
        .data-link {
        color:white;
        text-decoration:none;
        }
        
         .data-link:hover {
        color:white;
        }

        
        /* Responsive design adjustments */
        @media (max-width: 1024px) {
            
            .data-heading,
            .data-subheading {
                font-size: 90%; 
            }
        }
        
        @media (max-width: 768px) {
           
            .data-heading {
                font-size: 80%; 
            }
            .data-subheading {
                font-size: 75%;
            }
        }
    </style>
</head>
<body>

<div class="data-hero">
    <h1 class="data-heading"> A Secure Environment for Your Data</h1>
    <p class="data-subheading">
    We believe security and privacy are fundamental human rights. 
    <br/>
    Our operations are built on these principles, ensuring that every aspect of our system<br/>
    prioritizes your data's security and privacy by default, drawing on industry-leading best practices.
    </p>
    <button class="data-button"> <a href="https://thelai.typeform.com/to/b85PSN?utm_medium=SRDS" class="data-link"> Secure Your Research Now </a> </button>

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

super-embed:
<!DOCTYPE html>
<!-- Data Security Section One -->
<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 {
    background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
    color: #f5f6f7; 
    padding: 50px;
    padding-top: 5px;
		font-family: "Inter", sans-serif;
		margin-left:-120px;
		margin-right:-90px;
		font-size:17px;
		
}

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

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

}


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



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


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


.data-icon{
width:35px;
}

/*Media queries */

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

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

    .columns {
        flex-direction: column; 
    }

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

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

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

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

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

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

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

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



</style>
<body>
	<section class="content-section">
	
		<h1>
		
		Secure Foundation with Salesforce
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="data-icon">
	  <path fill-rule="evenodd" d="M12.516 2.17a.75.75 0 0 0-1.032 0 11.209 11.209 0 0 1-7.877 3.08.75.75 0 0 0-.722.515A12.74 12.74 0 0 0 2.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 0 0 .374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 0 0-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08Zm3.094 8.016a.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>
		</h1>
		<h2>
		Through our adoption of Salesforce Shield—a global leader in cloud-based
		 solutions—we are dedicated to creating a secure, reliable, and trustworthy 
		   environment that protects your data with the highest level of care.
		</h2>
		<div class="columns">
			<div class="column">
				<h3>Data Security Commitment:</h3>
				<p>
					Salesforce provides strong functionality and a steadfast commitment to data security, a crucial element in our operations.
				</p>
			</div>
			<div class="column">
				<h3>Central to Enhanced Security: </h3>
				<p>
					Central to our heightened security is Salesforce Shield, a potent tool suite reinforcing data protection and ensuring regulatory compliance.
				</p>
			</div>
			<div class="column">
				<h3>Seamless Data Safeguarding:</h3>
				<p>
					Shield's advanced features seamlessly protect your data while maintaining high-performance standards on our platform.
				</p>
			</div>
		</div>
	</section>
	
	
</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:32px;
		font-weight:normal;
		font-family: 'Poppins', sans-serif;
		}

</style>

<body>

<div class="translation-process">
		<div class="translation-header">
				<h2 class="translation-process-heading"> Salesforce Shield comprises three key features, each serving a unique and vital role in data protection </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>
<!-- Data Security Section Two -->
<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>
		Our Commitment to Your Data Security
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="data-icon-two">
	  <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>

		</h1>
		<h2>
		Your data's security is our top priority, and we are dedicated to preserving 
		its integrity every step of the way.Here's how we've tailored Salesforce Shield
		to serve you better:
		</h2>
		<div class="columns-two">
			<div class="column-two">
				<h3>Customized Implementation</h3>
				<p>
					Tailored Salesforce Shield ensures peak performance 
					and security. Our Platform Encryption, Event Monitoring
					 and Field Audit Trail configurations align with industry 
					 best practices and your security requirements.
				</p>
			</div>
			<div class="column-two">
				<h3>Enhanced User Trust:  </h3>
				<p>
					Salesforce Shield guarantees a secure environment 
					with advanced data protection, ensuring compliance 
					with regulatory standards and building crucial trust 
					in today's digital landscape.
				</p>
			</div>
			<div class="column-two">
				<h3>Proactive Security Measures:</h3>
				<p>
					Continuously monitoring and updating our security
					 practices in response to emerging threats and industry
					  standards keeps us ahead of potential vulnerabilities,
					   ensuring your data is always protected with the latest security technology.
					
				</p>
			</div>
		</div>
	</section>
	
	
</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">
    

<style>

.values-section {
    background-color: #f5f6f7;
}

.values-heading {
    color: #0e1d43;
    font-weight: normal;
    font-size: 36px;
    font-family:"Poppins", sans-serif;
    text-align: center;
}


.values-container {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    font-family: "Inter", sans-serif;
}

.column {
    flex: 1;
    margin: 10px;
}



.about-icon {
    margin-right: 10px;
    width: 30px; 
    color: #0e1d43;

}

.short {
    color: #0e1d43;
    font-family:"Poppins", sans-serif;
    font-weight: normal;
    margin-right: 30px;
    font-size: 16px;
    
}

.long  {
    color: #0e1d43;
    font-family:"Poppins", sans-serif;
    font-weight: normal;
    margin-right: 10px;
    font-size: 16px;
    
}

.value p {
    color: #333;
    font-size: 15px;
}


/* Responsive adjustments */
@media (max-width: 768px) {
    .values-container {
        flex-direction: column;
    }

    .column {
        margin: 0; /* Removes margin between columns when stacked */
    }

    .value {
        flex-direction: column;
        align-items: flex-start;
    }

    .value img {
        margin-bottom: 10px; /* Adds space between the icon and text when stacked */
    }

    .value h3 {
        font-size: 22px; /* Adjusts heading size for smaller screens */
    }

    .value p {
        font-size: 16px; /* Increases readability on small devices */
    }
}

@media (max-width: 480px) {
    .values-heading {
        font-size: 24px; /* Smaller font for very small screens */
    }

    .value {
        padding: 20px; /* More padding for better touch targets */
    }

    .value img {
        width: 60px; /* Slightly larger icons for easier visibility */
    }
}


</style>
</head>
<body>
    
<div class="values-section">
    <h1 class="values-heading"> Your data's security is our top priority, and we are dedicated to preserving its integrity every step of the way.</h1>

    <div class="values-container">
        <div class="column">
            <div class="value">
                
                  
                <h3 class="short">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="about-icon">
							  <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>

                Fortune 500 technology
                </h3>
                <p>
                We utilize the resources of Salesforce and Amazon Web services
                 - The same cloud services used by the CIA, Netflix, and other
                  Fortune 500 companies - to support the data security needs of
                   our researchers.
                </p>
            </div>
        </div>
        
        <div class="column">
            <div class="value">
                
                <h3 class="short">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="about-icon">
								<path fill-rule="evenodd" d="M15.75 1.5a6.75 6.75 0 0 0-6.651 7.906c.067.39-.032.717-.221.906l-6.5 6.499a3 3 0 0 0-.878 2.121v2.818c0 .414.336.75.75.75H6a.75.75 0 0 0 .75-.75v-1.5h1.5A.75.75 0 0 0 9 19.5V18h1.5a.75.75 0 0 0 .53-.22l2.658-2.658c.19-.189.517-.288.906-.22A6.75 6.75 0 1 0 15.75 1.5Zm0 3a.75.75 0 0 0 0 1.5A2.25 2.25 0 0 1 18 8.25a.75.75 0 0 0 1.5 0 3.75 3.75 0 0 0-3.75-3.75Z" clip-rule="evenodd" />
								</svg>

                SSL Data Encryption</h3>
                <p>
                Each file is encrypted with a unique key, also encrypted by a separate master key that rotates regularly. <a href="https://aws.amazon.com/security/?nc=sn&loc=0"> More about Amazon Web Services Security </a>
                </p>
        </div>
    </div>
    
</div>
</div>

</body>
</html>

super-embed:

<!DOCTYPE html>
<html lang="en">
<head>
<!-- FINAL SECTION CTA DATA SECUIRTY AU -->
    <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: 50px;
        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 h3{
				margin-top:-10px;
        }
        
         .feature-card-first{
				padding:20px;
				margin-top:20px;
				margin-bottom:5px;
        }
        
        .feature-card-first p {
        margin-tbottom:10px;
        }
        
        
        .final-cta {
        color:#312e81;
        padding:10px;
        background-color:#f5f6f7;
        text-decoration:none;
        border-radius:20px;
        margin-left:20px;
        
        }
        
        @media screen and (max-width: 768px) {
        .features-component {
    display:none;
       }
    
    }
</style>
<body>
  <div class="features-component">
    <div class="features-component-container">
        
        <div class="content">
            <div class="column1">
                <div class="feature-card-first">
                <h3>Safeguarding Your Data Securely</h3>
                <p> 
										We hold the view that security and privacy are essential human rights. <br/>
										 Our foundational principles are deeply rooted in these beliefs, guaranteeing 
										 that our systems inherently focus on protecting your data's security and privacy, 
										 based on top-tier industry standards. 
								</p>               
                </div>
                
                <a href="https://thelai.typeform.com/to/b85PSN?utm_medium=SRDS" class="final-cta"> Secure Your Research Now </a>

            </div>

            <div class="column2">
                <img src="https://landmarkmktemailimages.s3.amazonaws.com/boosting-features.png" class="image-features" />
            </div>
        </div>
    </div>
  </div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- FAQS Data Security AU -->
<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:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&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">
    
    <style>
        .faqs-container {
            background-color: #f5f6f7;
            color: #0e1d43;
            padding: 20px;
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
            font-family: "Inter", sans-serif;
        }

        .faqs-main-title {
            margin-top: 20px;
            font-size: 36px;
            text-align: center;
            font-family: "Poppins", sans-serif;
            font-weight:normal;
        }

        .faqs-subtitle {
            font-size: 17px;
            margin-bottom: 10px;
            text-align: center;
            font-weight:normal;
        }
        
        .faqs-link {
        color:#312e81;
        text-decoration:none;
        }
        
        .faqs-link:hover{
        color:#3730a3;
        }

        .faqs-columns {
            display: flex;
            justify-content: space-between;
        }

        .faqs-column {
            flex: 1;
            padding: 10px;
            display: flex;
            flex-direction: column;
        }

        .faqs-column div {
            flex: 1;         }

        .faqs-column h3 {
            font-size: 17px;
            font-weight: 500;
        }

        .faqs-column p {
            font-size: 16px;
            color: #4a5568;
        }
        
        .faqs-list {
        color:#4a5568;
        }

        /* Media Queries for Responsiveness */
        @media (max-width: 1024px) {
            .faqs-columns {
                flex-direction: column;
            }
            .faqs-column {
                width: 100%;
                margin-bottom: 20px;
            }
        }

        @media (max-width: 480px) {
            .faqs-container {
                width: 100%;
                padding: 10px;
            }
            .faqs-column {
                padding: 5px;
            }
        }
    </style>
</head>
<body>
    <div class="faqs-container">
        <h1 class="faqs-main-title">Frequently Asked Questions</h1>
        <h2 class="faqs-subtitle">Can’t find the answer you’re looking for? Reach out to our <a href="" class="faqs-link"> customer support team. </a></h2>
        <div class="faqs-columns">
            <!-- Column 1 -->
            <div class="faqs-column">                
                <div>
                    <h3>Can you sign a BAA?</h3>
                    <p>
                    We already have BAAs in place with several universities 
                    and offer preferential rates. For more details, please
                    contact us directly.
                    </p>
                </div>
                
            </div>
            

            <!-- Column 2 -->
            <div class="faqs-column">
                <div>
                    <h3>What does data encryption mean?</h3>
                    <p>
                    Data encryption is a security method where information
                    is encoded so that only authorized parties can access it.
                    When data is encrypted, it is converted into a secure format
                    that is unreadable without a decryption key. This process helps
                    protect sensitive information from unauthorized access, theft, 
                    or exposure during storage or transmission.
                    </p>
                </div>
                
            </div>

            <!-- Column 3 -->
            <div class="faqs-column">
                <div>
                    <h3>I need a non-disclosure agreement. Do you have one?</h3>
                    <p>
                    We have a non-disclosure agreement. 
                    However, if you have another one you can send it over 
                    and we will send it back to you executed.
                   </p>
                </div>
            </div>
            
        </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 AU -->

    <!-- 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/footerlogo.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="https://landmarktranscription.com.au/universities-organizations">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.landmarktranscription.com.au/">Help Center</a>
            </div>
            <!-- Column 2 -->
            <div class="CF-sitemap-column-two">
                <h3>Landmark</h3>
                <a href="https://docs.landmarktranscription.com.au/contractor-page">I'm a Transcriber/Translator</a>
                <a href="https://thelai.typeform.com/to/yzo8Mw?utm_medium=xxxxx">Get a customized quote</a>
                <a href="https://research-manager.super.site/how-to-request-a-transcript-step-by-step-guide">How to request a transcript</a>
                <a href="https://docs.landmarktranscription.com.au/requesting-an-invoice">Request an invoice</a>
                <a href="https://thelai.typeform.com/to/dRszmz?utm_medium=CFF">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="/data-security">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">Level 2, 160 Wharf Street.<br> 
						 Spring Hill QLD 4000<br>
							02 7202 0557<br> 
							© 2019-2024 Landmark Associates, Pty Ltd. | All Rights Reserved
							</p>
        </div>
    </section>
   </div>
</body>
</html>