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

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Transcription 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>
        .transcription-hero {
            background-color: #f5f6f7; /* landmark-gray-background */
            padding: 20px;
            text-align: center;
            font-family: "Inter", 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;
        }

        
        .icon-row {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
            padding-top: 20px;
        }
        .icon-column {
            text-align: center;
        }
        .icon-column img {
            width: 50px; /* Adjust size as needed */
            height: auto;
        }

        .icon-text{
          font-size:15px;
        }

        .svg-icon {
          color: #0e1d43;
          width: 50px; 
        }
        
        
        /* Responsive design adjustments */
        @media (max-width: 1024px) {
            .icon-row {
                grid-template-columns: repeat(2, 1fr); /* 2 columns for tablets and below */
            }
            .transcription-heading,
            .transcription-subheading {
                font-size: 90%; /* Slightly smaller text */
            }
        }
        
        @media (max-width: 768px) {
            .icon-row {
                grid-template-columns: 1fr; /* Single column for mobile devices */
            }
            .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">Precision Transcription <br/> Tailored to Your Research Needs</h1>
    <p class="transcription-subheading">Elevating Your Data with Unmatched Accuracy & Security</p>
    <button class="transcription-button"> <a href="https://thelai.typeform.com/to/ALLjHAOO?utm_medium=SRH" class="transcription-link"> Check if your organization has a special rate </a> </button>


<div class="icon-row">
  <div class="icon-column">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="svg-icon">
      <path fill-rule="evenodd" d="M7.502 6h7.128A3.375 3.375 0 0 1 18 9.375v9.375a3 3 0 0 0 3-3V6.108c0-1.505-1.125-2.811-2.664-2.94a48.972 48.972 0 0 0-.673-.05A3 3 0 0 0 15 1.5h-1.5a3 3 0 0 0-2.663 1.618c-.225.015-.45.032-.673.05C8.662 3.295 7.554 4.542 7.502 6ZM13.5 3A1.5 1.5 0 0 0 12 4.5h4.5A1.5 1.5 0 0 0 15 3h-1.5Z" clip-rule="evenodd" />
      <path fill-rule="evenodd" d="M3 9.375C3 8.339 3.84 7.5 4.875 7.5h9.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 0 1 3 20.625V9.375Zm9.586 4.594a.75.75 0 0 0-1.172-.938l-2.476 3.096-.908-.907a.75.75 0 0 0-1.06 1.06l1.5 1.5a.75.75 0 0 0 1.116-.062l3-3.75Z" clip-rule="evenodd" />
      </svg>
      <p class="icon-text">Unmatched accuracy with a 99% guarantee.</p>
  </div>

  <div class="icon-column">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="svg-icon">
        <path d="M4.5 6.375a4.125 4.125 0 1 1 8.25 0 4.125 4.125 0 0 1-8.25 0ZM14.25 8.625a3.375 3.375 0 1 1 6.75 0 3.375 3.375 0 0 1-6.75 0ZM1.5 19.125a7.125 7.125 0 0 1 14.25 0v.003l-.001.119a.75.75 0 0 1-.363.63 13.067 13.067 0 0 1-6.761 1.873c-2.472 0-4.786-.684-6.76-1.873a.75.75 0 0 1-.364-.63l-.001-.122ZM17.25 19.128l-.001.144a2.25 2.25 0 0 1-.233.96 10.088 10.088 0 0 0 5.06-1.01.75.75 0 0 0 .42-.643 4.875 4.875 0 0 0-6.957-4.611 8.586 8.586 0 0 1 1.71 5.157v.003Z" />
      </svg>
    
      <p class="icon-text">Native, professional human transcriptionists</p>
  </div>

  <div class="icon-column">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="svg-icon">
        <path d="M7.5 3.375c0-1.036.84-1.875 1.875-1.875h.375a3.75 3.75 0 0 1 3.75 3.75v1.875C13.5 8.161 14.34 9 15.375 9h1.875A3.75 3.75 0 0 1 21 12.75v3.375C21 17.16 20.16 18 19.125 18h-9.75A1.875 1.875 0 0 1 7.5 16.125V3.375Z" />
        <path d="M15 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 17.25 7.5h-1.875A.375.375 0 0 1 15 7.125V5.25ZM4.875 6H6v10.125A3.375 3.375 0 0 0 9.375 19.5H16.5v1.125c0 1.035-.84 1.875-1.875 1.875h-9.75A1.875 1.875 0 0 1 3 20.625V7.875C3 6.839 3.84 6 4.875 6Z" />
      </svg>
      <p class="icon-text"> Robust, secure file encryption.</p>
  </div>

  <div class="icon-column">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="svg-icon">
        <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>
      <p class="icon-text">Seamless and secure process from start to finish.
      </p>
  </div>

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

super-embed:
<!DOCTYPE html>
<html lang="en">
  <!-- Payment Section -->
<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>
  .payment-section {
    margin: 0;
    padding-left: 50px;
    padding-right:30px;
    padding-top:20px;
    padding-bottom:20px;
    background-color: #edeff1; 
    border-radius:10px;
}

.pay-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

.pay-titles {
    font-family: 'Poppins', sans-serif;
    color: #0e1d43;
    margin-right:80px;
}

.pay-titles h1 {
    font-size: 30px;
    font-weight: normal;
    text-align:left;
}

.pay-titles h2 {
    font-size: 28px;
    font-weight: 400;
    text-align:left;
}

.pay-description p {
    font-size: 16px;
    color: #0e1d43;
    text-align:left;
}

.cta-payment {
			display: inline-block;
      text-decoration: none;
      transition: 0.3s;
      margin-right: 8px;
      font-weight: bold;
      color:#312e81;
      margin-top:20px;
     }
     
   .cta-payment :hover {
   color:#3730a3;
   }

@media (max-width: 768px) {
    .pay-section {
        flex-direction: column;
        text-align: center;
    }
    .pay-description p {
        width: auto;
    }
}

</style>
<body>
<div class="payment-section">
    <div class="pay-section">
        <div class="pay-titles">
            <h1>Upload your files immediately</h1>
            <h2>No credit card is required</h2>
        </div>
        <div class="pay-description">
            <p>
            We offer multiple <a href="https://docs.thelai.com/selecting-a-payment-method"> payment options </a> for your convenience. <br/> Invoices are sent to your payables department after <br/> transcription completion.
            </p>
            <a href="https://thelai.typeform.com/to/ALLjHAOO?utm_medium=SSRT" class="cta-payment">
            Check University Rate
            </a>
        </div>
    </div>
</div>
</body>
</html>

  
</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>
      
        .pricing-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;
        }

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

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

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

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

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

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

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

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

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

        .btn:hover {
            background-color: #3730a3; 
        }

        /* Most Popular Tag */
        .tag-most-popular {
			    position: absolute;
			    top: 7px; 
			    right: 7px; 
			    background-color: #3730a3; 
			    color: white; 
			    padding: 5px 15px; 
			    border-radius: 15px; 
			    font-size: 0.80em; 
			    font-weight: bold; 
				}
				
				/* Media Queries for Responsive Design */
			@media (max-width: 768px) {
    .pricing-plans {
        flex-direction: column;
        align-items: center;
    }

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

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

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

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


    </style>
</head>
<body>

<div class="pricing-container">
    <div class="pricing-header">
        <h2>Pricing Overview</h2>
        <p>Unmatched accuracy with a 99% guarantee. Native, professional human transcriptionists.</p>
    </div>
    <div class="pricing-plans">
        <!-- Standard Plan -->
					<div class="plan">
					    <h3>Standard - English Only</h3>
					    <p style="margin-bottom: 30px;">For projects with one-on-one interviews or with single speakers.</p>
					    <p style="margin-bottom: 30px;">Starting at:</p>
					    <p class="plan-price"><strong>$1.89</strong> <span>/per audio minute</span></p>
					    <a href="https://thelai.typeform.com/to/sJwCUe?utm_medium=PTGQ" class="btn">Get a Quote</a>
					    <ul class="plan-features">
                <li> <a href="https://thelai.com/our-customers"> Registered Vendor </a> </li>
                <li>99% Accuracy or more</li>
                <li>Speaker Tracking</li>
                <li> <a href="https://docs.thelai.com/5c51585e3ee2428f943399fb6e7debe1"> 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="plan highlighted">
					    <h3>Plus - English Only</h3>
					    <div class="tag-most-popular">Most popular</div>
					    <p style="margin-bottom: 30px;">For projects with groups with over three speakers.</p>
					    <p style="margin-bottom: 30px;">Starting at:</p>
					    <p class="plan-price"><strong>$2.69</strong> <span>/per audio minute</span></p>
					    <a href="https://thelai.typeform.com/to/ALLjHAOO?utm_medium=SRP" class="btn">Get a Special Rate</a>
					    <ul class="plan-features">
                <li>Group interviews</li>
                <li>Focus groups</li>
                <li> <a href="https://docs.thelai.com/what-are-timestamps"> Time stamps </a> </li>
                <li> <a href="https://docs.thelai.com/5c51585e3ee2428f943399fb6e7debe1">  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="plan">
					    <h3>Premium - All languages</h3>
					    <p style="margin-bottom: 30px;">Managing multi-language projects or complex data capture.</p>
					    <p style="margin-bottom: 30px;">Check all available languages </p>

					    <p class="plan-price"><strong>Custom pricing</strong>*</p>
					    <a href="/available-languages" class="btn">Available languages</a>
					    <ul class="plan-features">
                <li>Over 25 languages</li>
                <li><strong>Specializing in Spanish</strong></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>
<!-- Get your free quote 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>
	.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;
		}

		.free-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; 
		}

		.free-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;
        }

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

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

        .banner {
            font-size: 16px;
        }

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

<body>

	<div class="free-container">
		<h1 class="banner-heading">  Unleash Your Research Potential.  </h1>
		<p class="banner"> Request a transcription quote today and unlock a world where <br/> your audio and video data are transformed into actionable insights.	</p>
		<a href="https://thelai.typeform.com/to/sJwCUe?utm_medium=PTGQB" class="free-account"> Get Your Free Quote Now </a>
	</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">  
  <!-- Benefits -->
  
  <!-- Inter Font -->
  <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">
  

  <style>   
   
		.new-benefits {
				box-sizing: border-box;
		    margin: 0;
		    font-family:"Inter", sans-serif;    
		    line-height: 1.6;
		    padding-top:-50px;
		    padding-bottom:-80px;
			}			

	
			.bg-landmark-gray{
	    background-color: #f5f6f7;
			}

			.py-24 {
		    padding-top: 6rem; /* 24*0.25 = 6rem */
		    padding-bottom: 6rem;
			}
		
			.py-32 {
		    padding-top: 8rem; /* 32*0.25 = 8rem */
		    padding-bottom: 8rem;
			}

			.mx-auto {
			    margin-left: auto;
			    margin-right: auto;
				}
			
			.max-w-7xl {
			    max-width: 80rem; /* Example max-width, adjust as needed */
				}
			
				.px-6 {
				    padding-left: 1.5rem;
				    padding-right: 1.5rem;
					}
				
				.lg\:px-8 {
				    padding-left: 2rem;
				    padding-right: 2rem;
					}
				
			.mx-auto {
			    margin-left: auto;
			    margin-right: auto;
				}
			
			.max-w-2xl {
			    max-width: 42rem;
				}
			
			.sm\:mt-20 {
			    margin-top: 5rem;
				}

				.lg\:mt-24 {
				    margin-top: 6rem;
				}
				
				.lg\:max-w-4xl {
				    max-width: 56rem;
					}
				
				.grid {
				    display: grid;
					}
				
				.grid-cols-1 {
				    grid-template-columns: repeat(1, minmax(0, 1fr));
					}

			.gap-x-8 {
			    column-gap: 2rem;
				}
			
			.gap-y-10 {
			    row-gap: 2.5rem;
				}
			
			.lg\:max-w-none {
			    max-width: none;
				}
			
			.lg\:grid-cols-2 {
			  grid-template-columns: repeat(3, minmax(0, 1fr));
				}

			.lg\:gap-y-16 {
			    row-gap: 4rem;
				}

/* Styling for the icons and text */

			.relative {
			    position: relative;
				}
			
			.pl-16 {
			    padding-left:2.5rem;
					}
			
			.text-base-cards {
			    font-size: 1rem;
			}
			
			.font-semibold {
			    font-weight: 600;
				}

			.leading-7 {
			    line-height: 1.75rem;
				}
			
			.text-gray-900 {
			    color: #0e1d43;
				}
			
			.text-gray-600 {
			    color: #0e1d43;
				}

			.cards-heading {
			    font-family:"Poppins", sans-serif;
			    font-weight:normal;
			    text-align: left;
			    color:#0e1d43;
			    font-size: 36px;
			    margin-bottom: 30px;
			}

			.list-features {
			            list-style: none;
			            padding: 0;
			            margin-bottom: 20px;
			        }
			
        .list-features li {
            margin-bottom: 10px;
            padding-left: 20px;
            position: relative;
        }

        .list-features li::before {
            content: '✓';
            position: absolute;
            left: 0;
            color: #312e81; /* Adjust the checkmark color */
        }

        .list-link {
            color:#0e1d43;
            text-decoration: underline;
        }

        .list-link:hover {
            color: #312e81;
            text-decoration: none;
        }

/* Icon styles */
			.absolute {
				font-size:4rem;
			  position: absolute;
			  left: 0; /* Keep it on the left edge */
			  transform: translateX(-20%); /* Move it to the left of the padding area */
			  top: 0.5rem; /* Adjust vertically to center with the title */
				}
			
			.left-0 {
			    left: 0;
				}

			.top-0 {
			    top: 0;
				}
			
			.flex {
			    display: flex;
				}
			
			.items-center {
			    align-items: center;
				}

			.justify-center {
			    justify-content: center;
				}
			
			.rounded-lg {
			    border-radius: 0.5rem;
				}

			.bg-landmark-purple {
			    background-color: #f5f6f7;
				}
			
			.h-10 {
			    height: 2.5rem;
			}

			.w-10 {
			    width: 2.5rem;
			}
			
			.align-left {
			  text-align:left;
			  transform: translateX(-20%); 
			}

				/* SVG icon adjustments */
				
				.h-6 {
				    height: 1.5rem;
				}
				
				.w-6 {
				    width: 1.5rem;
				}
				
				.text-white {
				    color: #312e81;
				    margin-top: -10px;
				}

				
				[stroke-width="1.5"] {
				    stroke-width: 1.5;
				}


/* Responsive adjustments */
@media screen and (max-width: 1024px) {
     
    .py-24 {
        padding-top: 4rem; /* Reduced padding */
        padding-bottom: 4rem;
    }
  
    .py-32 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
  
    .px-6 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
  
    .lg\:px-8 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
      
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .pl-16 {
        padding-left: 2rem;
    }

    .h-10, .w-10 {
        height: 2rem; /* Smaller icons */
        width: 2rem;
    }

    .h-6, .w-6 {
        height: 1.25rem; /* Adjust icon size */
        width: 1.25rem;
    }
}

@media screen and (max-width: 768px) {   
    .py-24, .py-32 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
  
    .px-6, .lg\:px-8 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
  
    
    .pl-16 {
        padding-left: 2rem;
    }
    
    .h-10, .w-10 {
        height: 1.75rem; 
        width: 1.75rem;
    }

    .h-6, .w-6 {
        height: 1rem; 
        width: 1rem;
    }
}

</style>
</head>

<body>
  <div class="new-benefits bg-landmark-gray py-24 sm:py-32">  
        <div class="mx-auto max-w-2xl lg:max-w-4xl">
        <h2 class="cards-heading"> Benefits you get when working with Landmark</h2>
        <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-10 lg:max-w-none lg:grid-cols-2 lg:gap-y-16">
        
      <!-- Card 1 -->
          <div class="relative pl-16">
            <dt class="text-base-cards font-semibold leading-7 text-gray-900">
            <!-- Card Icon -->
              <div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-landmark-purple">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white">
                  <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.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" />
                </svg>                                         
              </div>              
              <!-- Card Title -->
              Transcript Features
            </dt>
            <!-- Card Description -->
            <dd class="align-left text-base-cards leading-7 text-gray-600"> 
            <ul class="list-features">
                <li> All Audio and Video file formats  </li>
                <li> <a href="https://docs.thelai.com/what-is-the-difference-between-non-verbatim-and-strict-verbatim" class="list-link" target="_blank"> Strict Verbatim Language capture </a> </li>
                <li> <a href="https://docs.thelai.com/what-is-speaker-tracking" class="list-link" target="_blank">Speaker Tracking </a>  </li>
                <li> <a href="https://docs.thelai.com/what-are-timestamps" class="list-link" target="_blank">Time Stamps </a> </li>
                <li> <a href="https://docs.thelai.com/6bb614b2243b4854951c6956c27d8929" class="list-link" target="_blank">De-Identification of Participants </a></li>
                <li> Available Rush Turnaround  </li>
                <li> Custom Templates </li>            
            </ul>
            </dd>
          </div>
          

          <!-- Card 2 -->
          <div class="relative pl-16">
            <dt class="text-base-cards font-semibold leading-7 text-gray-900">
              <div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-landmark-purple">
               <!-- Card Icon -->
               <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white">
                <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" />
              </svg>                                                        
            </div>
              <!-- Card Title -->
              Security and Confidentiality
            </dt>
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> 
                <ul class="list-features">
                    <li> API Capable </li>
                    <li> <a href="https://thelai.com/security-confidentiality" class="list-link" target="_blank"> Data Encryption </a> </li>
                    <li> 2FA Available </li>
                    <li> Fortune 500 Technology </li>
                    <li> IRB Assistance </li>
                    <li> Business Associates Agreement available (BAA) </li>                
                </ul>            
            </dd>
          </div>

          <!-- Card 3 -->
          <div class="relative pl-16">
            <dt class="text-base-cards font-semibold leading-7 text-gray-900">
              <div class="absolute left-0 top-0 flex h-10 w-10 items-center justify-center rounded-lg bg-landmark-purple">
               <!-- Card Icon -->
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white">
                  <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 0 1-.825-.242m9.345-8.334a2.126 2.126 0 0 0-.476-.095 48.64 48.64 0 0 0-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0 0 11.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155" />
                </svg>                                           
              </div>
              <!-- Card Title -->
              Support
            </dt>
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600">
                <ul class="list-features">
                    <li> Designated Account Executive </li>
                    <li> Live support by Email & Chat </li>
                    <li> Customer Direct Phone Line </li>
                    <li> <a href="https://docs.thelai.com/" class="list-link" target="_blank"> Help Center
                   </a> 
                    </li>
                </ul>
            </dd>
          </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">
<!-- FAQ Section Transcription -->

 <!-- 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>
    .faq-bg-white {
    background-color:#f5f6f7;
    font-family: "Inter", sans-serif;   
    margin-top:-90px;
    margin-bottom:10px;
    }

    .faq-mx-auto {
    margin-right: auto;
    margin-left: auto;
    }

    .faq-max-w-7xl {
    max-width: 112rem; 
    }

    .faq-px-6 {
    padding-left: 1.5rem; 
    padding-right: 1.5rem; 
    }

    .faq-py-24 {
    padding-top: 6rem; 
    padding-bottom: 6rem;
    }

    .faq-blue-button {
    padding: 15px;
    background-color:#312e81; 
    border: none;
    border-radius: 15px;
    font-size: 15px;
    font-weight: 300;
    font-family: "Inter", sans-serif;
    cursor: pointer;
    transition:0.3s ease; 
    display: block;
    margin:0 auto;
    margin-bottom:20px;
    margin-top:10px;
    }

    .faq-blue-button:hover {
    background-color: #3730a3; 
    }

    .faq-btn-link{
    color:white;
    text-decoration:none;
    }

    .faq-text-2xl {
    font-size: 1.5rem; 
    margin-top:10px;
    margin-left:-20px;
    }

    .faq-font-bold {
    font-weight: bold;
    }

    .faq-leading-10 {
    line-height: 2.5rem; 
    }

    .faq-tracking-tight {
    letter-spacing: -0.025em; 
    }

    .faq-text-gray-900 {
    color: #1a202c; 
    }

    .faq-mt-2 {
        margin-left: -1px;
        margin-bottom:20px
    }

    .faq-mt-4 {
    margin-top: 1rem;     
    }

    .faq-text-base-faqs {
    font-size: 1rem; 
    text-align:center;
    }

    .faq-leading-7 {
    line-height: 1.75rem; 
    }

    .faq-text-gray-600 {
    color: #4a5568; 
    }

    .faq-font-semibold {
    font-weight: 600; 
    }

    .faq-text-indigo-500 {
        color:#312e81;
    }

    .faq-text-indigo-600 {
    color: #0e1d43;
    text-decoration: none; 
    }

    .faq-hover\:text-indigo-600:hover {
    text-decoration: underline;
    }

    .faq-title{
      text-align: center;
      margin-bottom:10px;
			font-family: "Poppins", sans-serif;
			font-weight:normal;
			font-size:36px;
			padding-top:-40px;
					}
    
    
    .faq-contact{
    margin-bottom:50px;
    }

    @media (min-width: 1024px) { 
    .faq-lg\:px-8 {
        padding-left: 2rem; 
        padding-right: 2rem; 
    }

    .faq-lg\:py-40 {
        padding-top: 10rem; 
        padding-bottom: 10rem; 
    }

    .faq-lg\:grid {
        display: grid;
    }

    .faq-lg\:grid-columns-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .faq-lg\:gap-8 {
        gap: 2rem;
    }

    .faq-lg\:col-span-1 {
        grid-column: span 1 / span 1;
    }
    }
</style>
</head>
<body>
<div class="faq-bg-white">
    <div class="faq-mx-auto faq-max-w-7xl faq-px-6 faq-py-24 faq-lg:px-8 faq-lg:py-40">        
        <div class="faq-section-one">
            <h2 class="faq-title faq-text-2xl faq-font-bold faq-leading-10 faq-tracking-tight faq-text-indigo-500">Frequently asked questions</h2>
            <p class="faq-contact faq-mt-4 faq-text-base-faqs faq-leading-7 faq-text-gray-600">Can’t find the answer you’re looking for? Reach out to our <a href="https://thelai.typeform.com/to/ShI5jj?utm_medium=PTCFIII" class="faq-font-semibold faq-text-indigo-600 faq-hover:text-indigo-500">customer support</a> team.</p>          
        </div>

        <div class="faq-lg:grid faq-lg:grid-columns-3 faq-lg:gap-8 faq-mt-10">
            <!-- Column -->
            <div>
                <!-- QA -->
                <div class="faq-lg:col-span-1">
                    <dt class="faq-text-base faq-font-semibold faq-leading-7 faq-text-indigo-500"> Are you HIPAA compliant? </dt>
                    <dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">
                    We do follow HIPAA requirements, our secure platform will maintain 
                    all your files confidential and all our staff has completed training
                    regarding protecting human research participants.
                    </dd>
                </div>
                 <!-- QA -->
                 <div class="faq-lg:col-span-1">
                  <dt class="faq-text-base faq-font-semibold faq-leading-7 faq-text-indigo-500">Do you have volume discounts?</dt>
                  <dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">
                  Yes, we do have volume discounts.
									As the preferred research support partner for leading research universities 
									globally, we have forged strong agreements and offer special rates to meet 
									your unique requirements. 
							</dd>
              </div>
            </div>
            <!-- Column -->
            <div>
		           
                <!-- QA-->
                <div class="faq-lg:col-span-1">
                  <dt class="faq-text-base faq-font-semibold faq-leading-7 faq-text-indigo-500">I need a custom quote for my research project</dt>
                  <dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">
                  Please fill out <a href="https://thelai.typeform.com/to/sJwCUe?utm_medium=TQ" class="faq-font-semibold faq-text-indigo-600 faq-hover:text-indigo-500"> our form </a>, and one of our Account Executives will contact you shortly.
									We tailor our services to meet the specific requirements of your project, ensuring a perfect fit for your needs.
									</dd>
              </div>
                
                <!-- QA  -->
                <div class="faq-lg:col-span-1">
                    <dt class="faq-text-base faq-font-semibold faq-leading-7 faq-text-indigo-500">What is your turnaround time? </dt>
                    <dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">
                    Our transcription services are designed to deliver prompt and efficient results, 
                    with a standard turnaround time of 3 to 5 business days.
                    </dd>
                </div>
            </div>
            <!-- Column -->
            <div>
                <!-- QA -->
                <div class="faq-lg:col-span-1">
                  <dt class="faq-text-base faq-font-semibold faq-leading-7 faq-text-indigo-500">Can I send my custom template?</dt>
                  <dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">
                  Absolutely! You can effortlessly update your templates using Excel, text, or PDF files,
                  simplifying your data analysis process.
                  To upload a custom template, simply contact your account executive.</dd>
              </div>
              <!-- QA -->
              <div class="faq-lg:col-span-1">
                  <dt class="faq-text-base faq-font-semibold faq-leading-7 faq-text-indigo-500">Do you transcribe and/or translate in other languages?</dt>
                  <dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">
                  Yes, we offer transcription and 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. 
									</dd>
              </div>
          </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 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>