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

<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>
        .spanish-hero {
            background-color: #f5f6f7;
            padding: 20px;
            text-align: center;
            font-family: "Inter", sans-serif;
        }
        .spanish-subheading {
            color: #0e1d43; 
            margin-botton:20px;
            font-size:17px;
        }
        .spanish-heading {
            margin-bottom: 20px;
            font-family: "Poppins", sans-serif;
            font-size:36px;
            font-weight:600;
            color: #0e1d43; 
        }
        .spanish-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;
          
        }
        .spanish-button:hover {
            background-color: #3730a3; 
        }
        
        .spanish-link {
        color:white;
        text-decoration:none;
        }
        
         .spanish-link:hover {
        color:white;
        text-decoration:none;
        }

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

<div class="spanish-hero">
    <h1 class="spanish-heading"> Empowering Research with Precision Transcription and Translation Services for Priority Populations</h1>
    <p class="spanish-subheading"> By ensuring precise, culturally accurate data capture, we enable researchers to access deeper <br/> insights and overcome disparities. Elevate your research effectiveness and reach with us.</p>
    <button class="spanish-button"> <a href="https://thelai.com/spanish-landing" class="spanish-link"> Get a Quote </a> </button>

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

super-embed:
<!DOCTYPE html>
<!-- Spanish Blue Banner -->
<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>
      .spanish-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;
      }

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

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

        .spanish-column1, .spanish-column2 {
            flex: 1;
        }

        .spanish-column1 {
            margin-right: 20px;
        }

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

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

        .spanish-paragraph{
          text-align:center;
          margin-bottom:50px;
        }
        
         .spanish-card h3{
				margin-top:-10px;
				font-family: Poppins, sans-serif;
				font-weight:normal;
				font-size:32px;
        }
        
         .spanish-card{
				padding:20px;
				margin-top:20px;
				margin-bottom:5px;
        }
        
        .spanish-card p {
        margin-top:20px;
        font-size:17px;
        line-height:150%;
        margin-bottom:40px;
        }
        
        
        .spanish-secondlink{
        color:#f5f6f7;
        text-decoration:none;
        font-weight:500;
        }
        
        .spanish-secondlink:hover{
        color:#edeff1;
        text-decoration:underline;
        }
        
        
    /* Media query for tablets */
    @media (max-width: 768px) {
        .spanish-content {
            flex-direction: column;
        }

        .spanish-column1, .spanish-column2 {
            margin-right: 0;
            flex: none; 
        }

        .spanish-column2 img {
            max-width: 100%;
            margin-top:30px;
        }

        .spanish-heading2 {
            font-size: 28px; /* Smaller text for smaller screens */
        }
    }

    /* Media query for mobile devices */
    @media (max-width: 480px) {
        .spanish-component {
            margin-left: -10px; /* Adjust margins to fit smaller screens */
            margin-right: -10px;
            padding: 20px; /* Reduce padding for smaller screens */
        }

        .spanish-heading2 {
            font-size: 24px; /* Even smaller text for mobile screens */
        }

        .spanish-secondlink {
            font-size: 16px; /* Adjust button font size for better readability */
            padding: 8px; /* Adjust padding to make the button easier to tap */
        }
    }
        
        
</style>
<body>
  <div class="spanish-component">
    <div class="spanish-component-container">
        
        <div class="spanish-content">
            <div class="spanish-column1">
                <div class="spanish-card">
                <h3>Cultural Nuances Can Transform Meanings and Impact Your Research Outcomes</h3>
                <p> 
                We employ only professional transcriptionists and translators, surpassing the accuracy AI translations can achieve. Our experts ensure every nuance is captured, preserving the true intent and cultural integrity of your communications. Trust us to deliver precision where AI falls short.
								</p>   
								<a href="" class="spanish-secondlink"> Get Started → </a>            
                </div>
            </div>

            <div class="spanish-column2">
                <img src="https://i.postimg.cc/HkhLCCCN/Untitled-design-2.gif" class="spanish-image" />
            </div>
        </div>
    </div>
  </div>
</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- Spanish Benefits -->
<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>
    .features-container {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    color:#0e1d43;
    background-color:#f5f6f7;
}

.features-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    color:#0e1d43;
}

.features-column {
    flex: 1; /* Each column takes up 1/3 of the container width */
    padding: 20px;
    box-sizing: border-box;
}

.features-column h1 {
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    font-size: 36px;
    text-align:left;
}


.features-content h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 17px;
    text-align:left; 
    margin-bottom:5px;
}

.features-content p {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height:150%;
}

.features-content {
    padding: 20px;
}


.features-svg {
    width:35px;
    color:#f5f6f7;
    background-color: #0e1d43;
    padding: 5px;
    border-radius: 10px;
    margin-bottom:-10px;
}


</style>

<body>
<div class="features-container">

<div class="features-container">
    <div class="features-column">
        <div class="features-content">
            <h2>✔ Cultural Sensitivity and Nuance</h2>
            <p>
            Human translators and transcriptionists capture cultural and linguistic nuances, accurately conveying intended meanings and emotions that automated tools may overlook.
             </p>
        </div>
        
        <div class="features-content">
             <h2>✔ Match Your Project with the Right Expert</h2>
            <p>
                Our service provides specialized transcriptionists
                 for the exact Spanish variant you need. 
                 Choose tailored precision and cultural accuracy.
            </p>
        </div>
    </div>

    <div class="features-column">
        <div class="features-content">
            <h2>✔ Experience Unmatched Precision</h2>
            <p>
                We guarantee 99% accuracy in all our transcription
                 and translation services, ensuring your communications
                  are precise, clear, and effectively tailored to your
                   specific needs.
            </p>
        </div>

        <div class="features-content">

            <h2>✔ Advanced Protection with Salesforce Shield</h2>
            <p>
            Utilize Salesforce Shield's security to protect your data 
            with extensive monitoring, encryption, and compliance features.
            </p>
        </div>
    </div>

    
    <div class="features-column">
        <div class="features-content">
             <h2>✔ Academic Advantage</h2>
            <p>
						Start your academic project with us with no upfront
						 payment and no credit card required. Pay only when
						  your file is ready for budget-friendly access to our services.
					</p>
        </div>

        <div class="features-content">
             <h2>✔ Custom Templates</h2>
            <p>
            Customize your research with templates that
             align with your analytical style for seamless
              data integration and improved accuracy.
            </p>
        </div>
    </div>
</div>

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

super-embed: 

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

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

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

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

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

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

        .spanishbanner {
            font-size: 18px;
        }

        .spanishbanner-link {
            font-size: 7px;
            padding:5px;
        }
    }

    @media (max-width: 480px) {
		    .spanishbanner-container {
            padding: 50px;
            margin: 0; 
        }
        
        .spanishbanner-heading {
            font-size: 24px; 
        }

        .spanishbanner {
            font-size: 16px;
        }

        .spanishbanner.link {
            font-size: 13px;
        }
    }
</style>

<body>
	<div class="spanishbanner-container">
		<h1 class="spanishbanner-heading"> Revealing Richer Insights Through Native Language Interviews </h1>
		<p class="spanishbanner"> 
		Improve interview quality with native language transcription. Participants are more at ease, providing richer, more detailed responses that enhance your research insights.
		</p>
		<a href="" class="spanishbanner-link"> Get a customer quote </a>
	</div>
</body>
</html>

super-embed:
<!DOCTYPE html>
 <!--Pricing Cards-->
<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>
      
        .sapnishpricing-container {
            font-family: 'Inter', sans-serif;
            background-color: #f5f6f7;
            color: #0E1D43;
            line-height: 1.6;
            padding: 0px;
            margin: 0;
            max-width: 1200px;
            margin: auto;
            padding: 0 20px;
        }

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

        .spanishpricing-plans {
            display: flex;
            justify-content: center;
            gap: 20px;
        }

        
        .spanishplan {
		        position: relative;
            border: 2px solid #ccc;
            border-radius: 8px;
            padding: 20px;
            width: 325px;
            background-color: #fafaf9;
        }

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

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

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

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

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

        .spanishbtn:hover {
            background-color: #3730a3; 
        }
        
        .spanishpricing-link{
        color:#312e81;
        text-decoration:none;
        font-weight:500;
        }

      
				
				/* Media Queries for Responsive Design */
			@media (max-width: 768px) {
    .spanishpricing-plans {
        flex-direction: column;
        align-items: center;
    }

    .spanishplan {
        width: 100%; 
        max-width: 600px; 
    }

    .spanishpricing-header h2 {
        font-size: 28px; 
    }

    .spanishplan-price {
        font-size: 20px; 
    }
}

	@media (max-width: 480px) {
   
    .spanishpricing-container {
        padding: 0 10px;
         padding: 10px; 
    }
}


    </style>
</head>
<body>

<div class="spanishpricing-container">
    <div class="spanishpricing-header">
        <h2>
        Dual Review Guarantee: Every File Checked by Two Translators for Unsurpassed Accuracy
        </h2>
    </div>
    <div class="spanishpricing-plans">
        <!-- Standard Plan -->
					<div class="spanishplan">
					    <h3>Spanish - Spanish </h3>
					    <p style="margin-bottom: 30px;">Starting at:</p>
					    <p class="spanishplan-price"><strong>$4.99 </strong> <span>/per audio minute</span></p>
					    <a href="" class="spanishbtn">Get a Quote</a>
					    <ul class="spanishplan-features">
                <li> <a href="https://thelai.com/our-customers" class="spanishpricing-link"> Registered Vendor </a> </li>
                <li>99% Accuracy or more</li>
                <li>Speaker Tracking</li>
                <li> <a href="https://docs.thelai.com/5c51585e3ee2428f943399fb6e7debe1"  class="spanishpricing-link"> Standard Capture </a> </li>
                <li>Standard Turnaround Time<br/>(3-5 business days)</li>
                <li>Enterprise-grade security</li>
                <li>HIPAA Trained Staff</li>
                <li>PHRP Trained Staff</li>
                <li>All formats accepted</li>
            </ul>
					</div>
					
					<!-- Plus Plan -->
					<div class="spanishplan highlighted">
					    <h3>Spanish - English</h3>
					    <p style="margin-bottom: 30px;">Starting at:</p>
					    <p class="spanishplan-price"><strong>$6.99</strong> <span>/per audio minute</span></p>
					    <a href="" class="spanishbtn">Get a Quote</a>
					    <ul class="spanishplan-features">
                <li>Group interviews</li>
                <li>Focus groups</li>
                <li> <a href="https://docs.thelai.com/what-are-timestamps" class="spanishpricing-link"> Time stamps </a> </li>
                <li> <a href="https://docs.thelai.com/5c51585e3ee2428f943399fb6e7debe1" class="spanishpricing-link">  Verbatim Capture </a> </li>
                <li>Available rush turnaround*</li>
                <li>Guard Duty</li>
                <li>SSL Data Encryption</li>
                <li>Tailored support</li>
            </ul>
					</div>
					
					<!-- Premium Plan -->
					<div class="spanishplan">
					    <h3>Other Languages</h3>
					     <p style="margin-bottom: 30px;">Check all available languages:</p>
					    <p class="spanishplan-price"><strong>Custom pricing</strong>*</p>
					    <a href="/available-languages" class="spanishbtn">Available languages</a>
					    <ul class="spanishplan-features">
                <li>Over 25 languages</li>
                <li>Professional transcribers and translators</li>
                <li>Understanding of dialects</li>
                <li>Translation certificate</li>
                <li>Database management</li>
            </ul>
					</div>
    </div>
	</div>
</body>
</html>

super-embed: 

<!DOCTYPE html>
<!-- Translation First Banner NEW  "Get an exclusive academic quote"-->
<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>
	.translationfirstbanner-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; 
	}

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

		.translationfirstbanner{
			font-family: "Inter", sans-serif;
			font-size: 17px;
			color: #f5f6f7;
			font-weight: 300;
			margin: 10px 0;
			padding-bottom:20px;
			margin-bottom:10px;
			line-height:150%;
		}

		.translationfirstbanner-link {
		font-family: "Inter", sans-serif;
		font-size: 17px;
		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; 
		}

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

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

        .translationfirstbanner {
            font-size: 15px;
        }

        .translationfirstbanner-link {
            font-size: 5px;
            padding:1px;
        }
        
    }

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

        .translationfirstbanner {
            font-size: 12px;
        }

        .translationfirstbanner-link {
            font-size: 5px;
            padding:1px;
        }
    }
</style>

<body>

	<div class="translationfirstbanner-container">
		<h1 class="translationfirstbanner-heading">  Get an Exclusive Academic Quote  </h1>
		<p class="translationfirstbanner">
		Trusted by over 5,000 researchers Landmark significantly supports top universities in advancing research projects.
		<br/>
		Our numerous open vendor agreements simplify billing and IRB approval.	</p>
		<a href="" class="translationfirstbanner-link"> Check University Rate </a>
	</div>
</body>
</html>
super-embed:
<!--New Footer USA -->
<!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">
       
    <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-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="/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>