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

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- About 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>
        .about-hero {
            background-color: #f5f6f7; /* landmark-gray-background */
            padding: 20px;
            text-align: center;
            font-family: "Inter", sans-serif;
        }
        .about-subheading {
            color: #0e1d43; 
            margin-botton:20px;
            font-size:17px;
        }
        .about-heading {
            margin-bottom: 20px;
            font-family: "Poppins", sans-serif;
            font-size:36px;
            font-weight:600;
            color: #0e1d43; 
        }
        .about-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;
          
        }
        .about-button:hover {
            background-color: #3730a3; /* landmark-violet-hover */
        }
        
        .about-link {
        color:white;
        text-decoration:none;
        }
        
         .about-link:hover {
        color:white;
        }

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

<div class="about-hero">
    <h1 class="about-heading"> Supporting Qualitative Researchers</h1>
    <p class="about-subheading">We are the premier partner for researchers who demand excellence and precision.<br/>Serving prestigious universities, dynamic government agencies, and dedicated nonprofit organizations.</p>
    <button class="about-button"> <a href="https://thelai.typeform.com/to/ALLjHAOO?utm_medium=SSR" class="about-link"> See your Special Rate </a> </button>

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

super-embed:
<!DOCTYPE html>
<!-- About Statistics-->
<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>
    .about-statistics {
    font-family: 'Inter', sans-serif;
    color: #f5f6f7;
    background-color: #312e81;
    padding: 40px;
    padding-bottom: 60px;
    padding-left:60px;
    padding-right:60px;
   	margin-left:-120px; 
   	margin-right:-90px; 
    }

    .statistics-heading{
    font-family: 'Poppins', sans-serif;
    text-align: center;
    font-size: 36px;
    font-weight: normal;
    }

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

.stats-card {
    background-color:rgba(246, 245, 245, 0.1);
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    flex: 1;
    width: 200px;
    height:150px;
    box-shadow: 6px 7px 15px rgba(0, 0, 0, 0.5);
    }


.stats-info h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 25px;
    font-weight:600;
    margin-bottom:15px;
}

.stats-info p {
    font-size:16px;
} 
@media (max-width: 767px) {
    .about-statistics {
        padding: 20px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .statistics-heading {
        font-size: 28px;
    }

    .statistics-cards {
        flex-direction: column;
        align-items: center;
    }

    .stats-card {
        width: 100%; /* Full width for better readability */
        height: auto; /* Auto height for flexible content */
        margin-bottom: 15px; /* Space between cards */
    }

    .stats-info h2 {
        font-size: 22px;
    }

    .stats-info p {
        font-size: 14px;
    }
}





</style>

<body>

<div class="about-statistics">
		<div class="statistics-header">
				<h2 class="statistics-heading">
                Reflecting Our Global Impact and Expertise
                </h2>
		</div>
<div class="statistics-cards">
    <div class="stats-card">
        <div class="stats-info">
            <h2> 1987</h2>
            <p> Over 37 years of experience  </p>
        </div>
    </div>

    <div class="stats-card">
        <div class="stats-info">
            <h2> + 5,000</h2>
            <p>
                Researchers trust us
            </p>
        </div>
    </div>
    <div class="stats-card">
        <div class="stats-info">
            <h2>99%</h2>
            <p>Transcription & Translation Accuracy</p>
        </div>
    </div>
    <div class="stats-card">
        <div class="stats-info">
            <h2>+25</h2>
            <p>Languages Available for Translation</p>
        </div>
    </div>
</div>
</div>

</body>
</html>

super-embed:
<!DOCTYPE html>
<!-- About Facts 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>
    .facts-container {
        background-color: #f5f6f7;
        font-family: "Inter", sans-serif; 
        padding: 20px; /* Added padding for spacing */
    }
    
    .facts-container-columns {
        display: flex; /* Flex container */
        justify-content: space-between; /* Space between the columns */
    }
    
    .fact-column {
        flex: 1; /* Each column takes equal width */
        padding: 10px; /* Padding for spacing inside columns */
    }
    
    
    .facts-subheading {
		    margin-bottom: 15px;
        font-size: 18px;
        color: #312e81;
        font-family:"Poppins", sans-serif; 
        font-weight:500;
    }
    
    .facts-text {
        font-size: 16px;
        color: #3f474d;
        line-height: 1.5rem;
    }
    
    .facts-link {
    font-weight:600;
    color:#0e1d43;
    }
    
    .facts-link:hover {
    color:#312e81;
    }

    

    /* Media Queries */
    /* Tablets */
    @media (max-width: 768px) {
        .fact-column {
            flex: 1 1 50%; /* Each column takes up half the width */
            padding: 10px;
        }
        .facts-container-columns {
            flex-wrap: wrap; /* Allow columns to wrap onto next line */
        }
        .facts-subheading-one, .facts-subheading {
            font-size: 16px; /* Slightly smaller font size */
        }
        .facts-text {
            font-size: 14px; /* Smaller text size for easier reading */
        }
    }

    /* Phones */
    @media (max-width: 480px) {
        .fact-column {
            flex: 1 1 100%; /* Each column takes full width */
        }
        .facts-subheading-one, .facts-subheading {
            font-size: 15px; /* Even smaller font size */
        }
        .facts-text {
            font-size: 13px; /* Smaller text size */
        }
    }



</style>
</head>
<body>
<div class="facts-container">  
    <div class="facts-container-columns">
        <!-- Column 1 -->
        <div class="fact-column">
            <p class="facts-subheading">Over 37 years of experience and dedication in Transcription and Translation Services</p>
            <p class="facts-text">
                Since 1987, Landmark Associates, Inc. has been a leading provider of transcription and translation services, focusing on serving the qualitative research markets. <br>
                We take pride in delivering not only <strong> accurate and timely transcripts for our researchers but also comprehensive research support services </strong> designed to optimize efficiency and enhance the impact of their work.
            </p>
        </div>

        <!-- Column 2 -->
        <div class="fact-column">
            <p class="facts-subheading">We follow the Health Insurance Portability and Accountability Act of 1996 requirements</p>
            <p class="facts-text">
                Our commitment to compliance encompasses HIPAA requirements,
                 its subsequent amendments, and related legislation such as the Health 
                 Information Technology for Economic and Clinical Health (HITECH) Act. 
                 <br> This dedication <strong> ensures the protection and confidentiality
                  of personal health information, reflecting our rigorous standards for privacy and security.</strong>
                  <a href="https://thelai.typeform.com/to/ShI5jj?utm_medium=CFA" class="facts-link"> Request More Details Here </a>
            </p>
        </div>

        <!-- Column 3 -->
        <div class="fact-column">
            <p class="facts-subheading">Trusted by Over 5,000 Researchers Worldwide for Advanced Research Support</p>
            <p class="facts-text">
                Landmark significantly <strong> supports top universities in advancing
                research projects, </strong> collaborating with U.S. government 
                bodies and non-profits to facilitate groundbreaking discoveries.<br> 
                Here is a <a href="https://thelai.com/our-customers" class="facts-link"> list of universities
                we have worked with previously. </a> We have many open vendor agreements to simplify
                the billing and IRB approval. <a href="https://thelai.com/terms-and-conditions/using-landmark-for-universitiesorganizations" class="facts-link"> See Available Universities here </a>
            </p>
        </div>
    </div>
</div>
</body>
</html>

super-embed:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=, initial-scale=1.0">
  <!-- Testimonials Blue-->

    <!-- 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">

    <!-- 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">
 </head>

<style>
				 
				.testimonials{
			  background-color:#312e81;
			  padding-top:30px;
			  padding-bottom:30px;
			  margin-left:-100px;
			  margin-right:-90px;
				 }


			  .testimonial-container {
			  display: flex;
			  justify-content: space-evenly;
			  padding: 0 10px;
			  margin: 0 auto;
			  font-family: "Inter", sans-serif;
			  color:#0e1d43;
			  margin-bottom:10px;
			}
			
			.testimonial-one {
				border-radius:5px; 
			  padding: 20px;
			  text-align: left;
			  width: 350px; 
			  height: 250px; 
				background: #ffffff;
				border-radius: 20px;
				box-shadow: 0px 8px 8px rgba(63, 63, 65, 0.1);
				margin-bottom:10px;
			}
			
	
			
			.testimonial p {
			  margin-top:10px;
			  margin-bottom:10px; 
			  text-align:left;
			}
			
					cite {
					  display: inline;
					  margin-top: 10px;
					  font-weight: bold;
					  font-style: normal;
					  text-align:left;
					}
					
					.cite-container {
					  display: flex;
					  align-items: center; 
					  gap: 10px; 
					}
					
					.icon-test {
					  width:2rem; 
					}
					
					
					.testimonial-h2 {
					  font-family: "Poppins", sans-serif;
					  text-align: center;
					  color:#f5f6f7;
					  font-weight:normal;
					  font-size:36px;
					}
					
					.testimonial-h3 {
					  font-family: "Poppins", sans-serif;
					  text-align: center;
					  color:#f5f6f7;
					  font-weight:normal;
					  font-size:32px;
					}
	
	

/* Media Queries */

/* For tablets and below (max-width: 768px) */
@media (max-width: 768px) {
  .testimonials {
    padding: 5px;
    margin: 0; 
  }

  .testimonial-container {
    flex-direction: column;
    align-items: center;
  }

  .testimonial-one {
    width: 80%; /* More responsive width */
    height: auto; /* Adjust height automatically */
    margin-bottom: 10px; /* More spacing between testimonials */
  }

  .testimonial-h2, .testimonial-h3 {
    font-size: 20px; /* Adjust font size for smaller headers */
  }
}

/* For small devices and below (max-width: 480px) */
@media (max-width: 480px) {
  .testimonial-header h3, .testimonial-header h2 {
    font-size: 24px; /* Smaller text for smaller screens */
  }

  .testimonial-one {
    padding: 10px; /* Slightly reduce padding for small devices */
  }

  cite {
    font-size: 0.8em; /* Smaller citation text */
  }
}

/* For large screens (min-width: 1025px) */
@media (min-width: 1025px) {
  .testimonial-one {
    width: 400px; /* Larger fixed width for larger screens */
    margin: 10px; /* Larger margins for more breathing room */
  }
}

/* Additional consideration for very large screens */
@media (min-width: 1440px) {
  .testimonial-container {
    justify-content: space-around; /* Adjust spacing for very wide screens */
  }
					

</style>
<body>

<div class="testimonials">
  <div class="testimonial-header">
    
    <h2 class="testimonial-h2">  Empowering Research with Proven Success  </h2>
    <h3 class="testimonial-h3"> Real Researchers, Real Success  </h3>
  </div>
	<div class="testimonial-container">
    <!-- Testimonial -->
    <div class="testimonial-one">      
      <p>
        I have 5-8 more patients then my research will be complete. Everything looks great so far. The website looks great.
      </p>
      <br>
      <br>
      <hr>
      <div class="cite-container">
		     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
				 <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
				 </svg>		
      <cite>Researcher at Mayo Clinic </cite>
      </div>
    </div>

    <!-- Testimonial -->
    <div class="testimonial-one">
      <p>
        Looks great, thank you for all of your help and support. 
      </p>
      <br>
      <br>
      <br>
      <br>
      <hr>
      <div class="cite-container">
		     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
				 <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
				 </svg>		
      <cite> 
        Researcher at Washington University, St. Louis
      </cite>
      </div>
    </div>

    <!-- Testimonial -->
    <div class="testimonial-one">
      <p>The transcript looks great!  I'll definitely keep Landmark in mind for future transcription needs.
      </p>
      <br>
      <br>
      <hr>
      <div class="cite-container">
		     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
			  <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
				</svg>
	      <cite> Researcher at University of Arkansas for Medical Sciences</cite>
	    </div>
    </div>
  
  </div>
  
  <div class="testimonial-container"> 
    <!-- Testimonial -->
    <div class="testimonial-one">      
      <p>
      Thanks so much Monica. Everything looks great. It’s much easier now for me to keep track of the transcripts. 
      </p>
      <br>
      <br>
      <br>
      <hr>
      <div class="cite-container">
		     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
				 <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
				 </svg>		
      <cite>Researcher at the University of North Carolina, Chapel Hill </cite>
      </div>
    </div>

    <!-- Testimonial -->
    <div class="testimonial-one">
   <p>
   I've finished transcription for this particular project. 
   However, I was very impressed with the service and will 
   return to you for future transcriptions.
   </p> 
   <br>
   <br>
      <hr>
      <div class="cite-container">
		     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
				 <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
				 </svg>		
      <cite> 
       Researcher at Princeton University
      </cite>
      </div>
    </div>

    <!-- Testimonial -->
    <div class="testimonial-one">
      <p>
      We have used Landmark many times in the past and 
      they always do quality work very quickly. And great price!
      </p> 
      <br>
         <br>
         <br>
         <hr>
         <div class="cite-container">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-test">
            <path stroke-linecap="round" stroke-linejoin="round" d="M17.982 18.725A7.488 7.488 0 0 0 12 15.75a7.488 7.488 0 0 0-5.982 2.975m11.963 0a9 9 0 1 0-11.963 0m11.963 0A8.966 8.966 0 0 1 12 21a8.966 8.966 0 0 1-5.982-2.275M15 9.75a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
            </svg>		
         <cite> 
          Landmark's Customer Satisfaction Survey
         </cite>
         </div>
       </div>
       </div>
  
  </div>
</body>
</html>

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

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- About Final Section -->

<!-- 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>
        .about-hero {
            background-color: #f5f6f7; /* landmark-gray-background */
            padding: 20px;
            text-align: center;
            font-family: "Inter", sans-serif;
        }
        .about-subheading {
            color: #0e1d43; 
            margin-botton:20px;
            font-size:17px;
        }
        .about-heading-final {
            margin-bottom: 20px;
            font-family: "Poppins", sans-serif;
            font-size:34px;
            font-weight:normal;
            color: #0e1d43; 
        }
        .about-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;
          
        }
        .about-button:hover {
            background-color: #3730a3; /* landmark-violet-hover */
        }
        
        .about-link {
        color:white;
        text-decoration:none;
        }
        
         .about-link:hover {
        color:white;
        }

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

<div class="about-hero">
    <h1 class="about-heading-final"> Our goal is to provide researchers and professionals with quality, reliable, and transparent services in a timely and sustainable manner.</h1>
    
    <button class="about-button"> <a href="https://thelai.typeform.com/to/ALLjHAOO?utm_medium=GSR" class="about-link"> Get your Special Rate </a> </button>

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

super-embed:

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

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

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

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



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

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

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

    .mission {
       font-size:12px;
    }

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

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

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

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