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

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Translation Hero 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">
<!-- 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>
        .transcription-hero {
            background-color: #f5f6f7; /* landmark-gray-background */
            padding: 20px;
            text-align: center;
            font-family: "Poppins", sans-serif;
        }
        .transcription-subheading {
            color: #0e1d43; 
            margin-botton:20px;
        }
        .transcription-heading {
            margin-bottom: 20px;
            font-family: "Poppins", sans-serif;
            font-size:36px;
            font-weight:600;
            color: #0e1d43; 
        }
        .transcription-button {
            background-color: #312e81; 
            color: white;
            padding: 10px 20px;
            text-decoration: none;
            display: inline-block;
            border-radius:30px;
            border:none;
            cursor: pointer;
            margin-bottom: 50px;
            margin-top:20px;
          
        }
        .transcription-button:hover {
            background-color: #3730a3; /* landmark-violet-hover */
        }
        
        .transcription-link {
        color:white;
        text-decoration:none;
        }
        
         .transcription-link:hover {
        color:white;
        }

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

<div class="transcription-hero">
    <h1 class="transcription-heading"> We Translate Research into over 25 Languages</h1>
    <p class="transcription-subheading">Our expert team offers professional human translation in 25+ languages with 99%  accuracy. <br/> We consider cultural nuances, idioms, and colloquialisms to provide a translation that captures your population.</p>
    <button class="transcription-button"> <a href="https://thelai.typeform.com/to/yzo8Mw?utm_medium=GQTR" class="transcription-link"> Request Translation Quote </a> </button>

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

super-embed: 

<!DOCTYPE html>
<!-- Translation First Banner 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: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>
	.translation-container{
		background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
  	align-items: center;
  	text-align: center;
  	padding: 80px;
   	margin-top:10px; 
   	margin-bottom:5px;
   	margin-left:-120px; 
   	margin-right:-90px; 
	}

		.banner-heading{
			font-family: "Poppins", sans-serif;
			font-size: 32px;
			color: #f5f6f7;
			font-weight:normal;
			margin: 10px 0;
		}

		.banner{
			font-family: "Inter", sans-serif;
			font-size: 18px;
			color: #f5f6f7;
			font-weight: 300;
			margin: 10px 0;
			padding-bottom:20px;
			margin-bottom:10px;
		}

		.translation-account {
		font-family: "Inter", sans-serif;
		font-size: 15px;
		color: #363637;
		font-weight: 500;
		text-decoration: none;
		padding: 10px 15px;
		border-radius: 13px; 
		border: none;
		background-color: #f5f6f7;
		margin-top: 10px;
		margin-bottom: 30px;
		
		cursor: pointer;
		transition: background-color 0.3s ease; 
		}

		.translation-account:hover {
		background-color: #e5e5e5;		
		}
		
	/* Media Queries */
    @media (max-width: 768px) {
        .translation-container {
            padding: 50px;
            margin: 0; 
        }

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

        .banner {
            font-size: 15px;
        }

        .translation-account {
            font-size: 5px;
        }
    }

    @media (max-width: 480px) {
        .banner-heading {
            font-size: 20px;
        }

        .banner {
            font-size: 12px;
        }

        .translation-account {
            font-size: 5px;
        }
    }
</style>

<body>

	<div class="translation-container">
		<h1 class="banner-heading">  Get an Exclusive Academic Quote  </h1>
		<p class="banner"> Trusted by over 5,000 researchers Landmark significantly supports top universities in advancing research projects.
		<br/>
		We have many open vendor agreements to simplify the billing and IRB approval.	</p>
		<a href="https://thelai.typeform.com/to/yzo8Mw?utm_medium=GQTRB" class="translation-account"> Check University Rate </a>
	</div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Translation Process AU-->
<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: 18px;
    font-weight:normal;
    margin-bottom:15px;
}

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

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

</style>

<body>

<div class="translation-process">
		<div class="translation-header">
				<h2 class="translation-process-heading"> Our Translation Process </h2>
		</div>
<div class="timeline">
    <div class="step">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="translation-svg">
        <path stroke-linecap="round" stroke-linejoin="round" d="M7.5 7.5h-.75A2.25 2.25 0 0 0 4.5 9.75v7.5a2.25 2.25 0 0 0 2.25 2.25h7.5a2.25 2.25 0 0 0 2.25-2.25v-7.5a2.25 2.25 0 0 0-2.25-2.25h-.75m0-3-3-3m0 0-3 3m3-3v11.25m6-2.25h.75a2.25 2.25 0 0 1 2.25 2.25v7.5a2.25 2.25 0 0 1-2.25 2.25h-7.5a2.25 2.25 0 0 1-2.25-2.25v-.75" />
        </svg>
        <div class="info">
            <h2>Step 1: Upload your project </h2>
            <p>Securely upload your file to our platform for top-tier encrypted protection, ensuring utmost data safety and confidentiality.   </p>
        </div>
    </div>

    <div class="step">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="translation-svg">
        <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 0 1-.657.643 48.39 48.39 0 0 1-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 0 1-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 0 0-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 0 1-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 0 0 .657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 0 1-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 0 0 5.427-.63 48.05 48.05 0 0 0 .582-4.717.532.532 0 0 0-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 0 0 .658-.663 48.422 48.422 0 0 0-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 0 1-.61-.58v0Z" />
        </svg>

        <div class="info">
            <h2>Step 2: Your perfect match </h2>
            <p>
                We carefully match your project with an ideal professional translator for accurate and culturally nuanced content.
            </p>
        </div>
    </div>
    <div class="step">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="translation-svg">
        <path stroke-linecap="round" stroke-linejoin="round" d="m10.5 21 5.25-11.25L21 21m-9-3h7.5M3 5.621a48.474 48.474 0 0 1 6-.371m0 0c1.12 0 2.233.038 3.334.114M9 5.25V3m3.334 2.364C11.176 10.658 7.69 15.08 3 17.502m9.334-12.138c.896.061 1.785.147 2.666.257m-4.589 8.495a18.023 18.023 0 0 1-3.827-5.802" />
        </svg>
        <div class="info">
            <h2>Step 3: Professional translation</h2>
            <p>Our translator will promptly start working on your file with precision, ensuring high-quality and accurate translation.</p>
        </div>
    </div>
    <div class="step">
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="translation-svg">
        <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m5.231 13.481L15 17.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v16.5c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Zm3.75 11.625a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z" />
        </svg>

        

        <div class="info">
            <h2>Step 4: Proof reading quality control </h2>
            <p>The document undergoes strict proofreading and quality control to ensure adherence to our 99% accuracy standard.</p>
        </div>
    </div>
</div>
</div>

</body>
</html>

super-embed: 

<!DOCTYPE html>
<!-- Translation Banner 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: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>
	.free-container{
		background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
  	align-items: center;
  	text-align: center;
  	padding: 80px;
   	margin-top:10px; 
   	margin-bottom:5px;
   	margin-left:-120px; 
   	margin-right:-90px; 
	}

		.banner-heading{
			font-family: "Poppins", sans-serif;
			font-size: 36px;
			color: #f5f6f7;
			font-weight:normal;
			margin: 10px 0;
		}

		.banner{
			font-family: "Inter", sans-serif;
			font-size: 18px;
			color: #f5f6f7;
			font-weight: 300;
			margin: 10px 0;
			padding-bottom:20px;
			margin-bottom:10px;
		}

		.translation-account {
		font-family: "Inter", sans-serif;
		font-size: 15px;
		color: #363637;
		font-weight: 500;
		text-decoration: none;
		padding: 10px 15px;
		border-radius: 13px; 
		border: none;
		background-color: #f5f6f7;
		margin-top: 10px;
		margin-bottom: 30px;
		
		cursor: pointer;
		transition: background-color 0.3s ease; 
		}

		.translation-account:hover {
		background-color: #e5e5e5;		
		}
		
	/* Media Queries */
    @media (max-width: 768px) {
        .free-container {
            padding: 50px;
            margin: 0; 
        }

        .banner-heading {
            font-size: 30px; 
        }

        .banner {
            font-size: 18px;
        }

        .translation-account {
            font-size: 14px;
        }
    }

    @media (max-width: 480px) {
        .banner-heading {
            font-size: 24px;
        }

        .banner {
            font-size: 16px;
        }

        .translation-account {
            font-size: 13px;
        }
    }
</style>

<body>

	<div class="free-container">
		<h1 class="banner-heading">  Proficient in 25+ languages, our specialty lies in taking your work to new heights.  </h1>
		<p class="banner"> Seize the opportunity! Click below to experience precision translation and make your research resonate globally. <br/> your audio and video data are transformed into actionable insights.	</p>
		<a href="https://thelai.typeform.com/to/yzo8Mw?utm_medium=GQTR" class="translation-account"> Get a Quote </a>
	</div>
</body>
</html>
super-embed:
<!DOCTYPE html>
<!-- FAQS Translation 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="https://thelai.typeform.com/to/dRszmz?utm_medium=CFAU" class="faqs-link"> customer support team. </a></h2>
        <div class="faqs-columns">
            <!-- Column 1 -->
            <div class="faqs-column">
                <div>
                    <h3>How much do you charge for a translation service?</h3>
                    <p>
                     All Professional Document Translations are priced per word.
                     <a href="https://thelai.typeform.com/to/nGbbhLD4?utm_medium=TQF" class="faqs-link">Get a Quote Here</a>
									</p>
                </div>
                <div>
                    <h3>How do you guarantee translation accuracy?</h3>
                    <p>
                    Two different professional translators work on your file to
                    review the accuracy.
                    </p>
                </div>
                
            </div>
            

            <!-- Column 2 -->
            <div class="faqs-column">
                <div>
                    <h3>What languages do you translate?</h3>
                    <p>
                    We offer translation services for audio
                    in over 25 languages, encompassing Spanish, French, Chinese,
                    among others. However, our core expertise lies in English and
                    Spanish transcriptions and translations.
                    </p>
                </div>
                <div>
                    <h3>If I need a certificate, can you provide one?</h3>
                    <p>
                    Yes, we can provide you with a Translation Certificate.
                   </p>
                </div>
            </div>

            <!-- Column 3 -->
            <div class="faqs-column">
                <div>
                    <h3>Is Landmark secure?</h3>
                    <p>
                    Yes. We believe security and privacy is a basic
                     human right. That’s why security and privacy by
                      Default are the guiding principles for us in
                       everything we do as a company. 
                       Our system was designed based on the best 
                       practices of other leading technology firms
                        and offers our clients the best environment
                         for their data.
                    </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>