super-embed:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Landing Page 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">
</head>
<style>

.hero-landing-section { 
    margin-top:50px;
    font-family: "Poppins", sans-serif;
    color:#0e1d43;
}

.hero-landing-container {
    max-width: 1200px; 
    margin: 0 auto; 
    padding: 0 20px; 
    text-align: center; 
}

.landing-content {
    margin-bottom: 40px; 
}

.landing-heading {
    font-size: 2.5rem; 
    color: #0e1d43; 
    margin-bottom: 20px; 
    font-weight: 600;
}

.landing-paragraph {
  font-size: 1.10rem; 
  color: #0e1d43; 
  margin-bottom: 30px; 
}

.landing-cta-button {
  display: inline-block; 
  background-color: #f6f7f7; 
  color: #0e1d43; 
  padding: 10px 30px; 
  border: 1px solid #0e1d43;
  border-radius: 50px; 
  text-decoration: none; 
  transition:0.3s; 
}

.landing-cta-button:hover {
  background-color: #b8cbde; 
}

.landing-content.bottom {
  margin-top: 20px; 
}

.cta-bottom {
  display: inline-block; 
  background-color: #312e81; 
  color: #f5f6f7; 
  padding: 20px; 
  border-radius: 20px; 
  text-decoration: none; 
  transition:0.3s; 
  font-size: 1rem;
}

.cta-bottom:hover {
    background-color: #3730a3; 

}


/* Media Queries */

/* For tablets */
@media (max-width: 768px) {
  .landing-heading {
    font-size: 2rem; 
  
  .landing-paragraph {
    font-size: 1rem; 
  }
  
  .landing-cta-button {
    padding: 8px 25px;
  }
}

/* For smartphones */
@media (max-width: 480px) {
  .hero-landing-container {
    padding: 0 15px; 
  
  .landing-heading {
    font-size: 1.5rem; 
  }
  
  .landing-paragraph {
    font-size: 0.875rem; 
    margin-bottom: 20px; 
  }
  
  .landing-cta-button {
    padding: 8px 20px;
  }
  
  .landing-content {
    margin-bottom: 20px;   }
}


</style>
<body>
    <section class="hero-landing-section">
        <div class="hero-landing-container">
          <div class="landing-content">
            <div class="landing-cta-buttons">
                <a href="https://thelai.typeform.com/to/b85PSN?utm_medium=EMR" class="landing-cta-button"> Access an Exclusive 2-Hour Sample.  <strong> Learn More → </strong></a>
            </div>
            
            <h1 class="landing-heading"> Landmark: Participants, Transcription, and Translation Services for Researchers</h1>
            <p class="landing-paragraph">We excel in participant management, transcription, and translation for research, offering secure, confidential handling of data.</p> 

        
            <div class="landing-content-bottom">
            <div class="landing-cta-bottom">
                <a href="https://thelai.typeform.com/to/b85PSN?utm_medium=EMR" class="cta-bottom">Get Instant Access for Free </a>
            </div>
            </div>

        </div>
    </section>
</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">
    <!-- 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">
    <!-- Blue Square Features -->
</head>
<style>
      .features-component {
        margin-left:-100px;
        margin-right:-90px;
        padding: 50px;
        font-family: Inter, sans-serif;
        background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
        color:#f5f6f7;
      }

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

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

        .column1, .column2 {
            flex: 1;
        }

        .column1 {
            margin-right: 20px;
        }

        .column2 img {
            width: 100%;
            height: auto;
            display: block; /* This makes sure the image scales down if it's too wide for the container */
        }

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

        .paragraph-features{
          text-align:center;
          margin-bottom:50px;
        }
        
         .feature-card-first{
				border-radius: 10px;
				padding:20px;
				background: rgba(218, 222, 234, 0.1);
				margin-right:-40px;
				margin-top:20px;
				margin-bottom:2px;
        }
        
         .feature-one-card{
        border-radius: 10px;
				padding:20px;
				background: rgba(218, 222, 234, 0.1);
				margin-right:-40px;
				margin-bottom:2px;
			
        }
        
        .feature-title{
        font-weight:bold;
        margin-bottom:10px;
        font-family:Inter, sans-serif;
        }
        
        @media screen and (max-width: 768px) {
        .features-component {
    display:none;
    }
    
    }
</style>
<body>
  <div class="features-component">
    <div class="features-component-container">
        <h2 class="heading2-features">Everything you need to run your research</h2>
        <p class="paragraph-features">Your Comprehensive, All-in-One Research Platform</p>
        <div class="content">
            <div class="column1">
                <div class="feature-card-first">
                <p class="feature-title"> Projects </p>
                <p> Our platform streamlines project management, 
                enabling you to easily organize, track, 
                and oversee all your research activities in one centralized location. </p>
                </div>
                
                <div class="feature-one-card">
                <p class="feature-title"> Folders</p>
                <p> Keep your research data, documents, and resources neatly organized with our intuitive folder system. Access everything you need with just a few clicks. </p>
                </div>
                
                <div class="feature-one-card">
                <p class="feature-title"> Participants </p>
                <p> Recruit, engage, and manage participants with ease. Our tools support ethical practices, ensuring informed consent, privacy, and a seamless experience for all involved. </p>
                </div>
                
                <div class="feature-one-card">
                <p class="feature-title"> Transcription and Translation </p>
                <p> Easily transcribe audio and video files, and translate content into multiple languages. Our platform helps your research go faster and stay organized. </p>
                </div>
            </div>
            <div class="column2">
                <img src="https://i.postimg.cc/9FF3vR5d/ux.png"" class="image-features" />
            </div>
        </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-->

    <!-- 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>
			  .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: 300px; 
				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-header h3 {
					  font-family: "Poppins", sans-serif;
					  text-align: center;
					  color:#0e1d43;
					  font-weight:normal;
					  font-size:36px;
					}
					
					.testimonial-header h2 {
					  font-family: "Poppins", sans-serif;
					  text-align: center;
					  color:#0e1d43;
					  font-weight:normal;
					  font-size:36px;
					}
					
					
	
	/* Media Queries */

/* For tablets and below (max-width: 768px) */
@media (max-width: 768px) {
  .testimonial-container {
    flex-direction: column;
    align-items: center;
  }

  .testimonial-one {
    width: 90%;
    font-size:90%;
  }
}

/* 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: 15px; /* Slightly reduce padding for small devices */
  }
}	

@media (min-width: 1000px) {
  .testimonial-one {
    margin: 5px; /* Apply a 5px margin around each testimonial */
  }
}

@media (min-width: 1025px) {
  .testimonial-one {
    margin: 5px; /* Apply a 5px margin around each testimonial */
  }
}
	
					

</style>
<body>
  <div class="testimonial-header">
    <h2>  Empowering Research with Proven Success  </h2>
    <h3> Real Researchers, Real Success  </h3>
  </div>
	<div class="testimonial-container">
    <!-- Testimonial -->
    <div class="testimonial-one">      
      <p>
        I was incredibly impressed with Landmark so I will be using it again and you’ll be the first name I pass along to others looking for transcription.
      </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 Newcastle. </cite>
      </div>
    </div>

    <!-- Testimonial -->
    <div class="testimonial-one">
      <p>
        I chose to outsource my PhD transcription and preferred 
        human accuracy over machines. After an email from Landmark 
        Associates, I contacted Jenna and found their service 
        perfectly met my needs.
      </p>
      <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 Newcastle
      </cite>
      </div>
    </div>

    <!-- Testimonial -->
    <div class="testimonial-one">
      <p>I think the transcript looks great and I think the platform is very user friendly. 
      I’m very happy with the service.
      </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 the Australian Centre for Health Engagement.</cite>
	    </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">	
	<!-- Banner -->
	

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

  
	.container{
		background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
  	align-items: center;
  	text-align: center;
  	padding: 100px;
  	margin-left:-120px;
  	margin-right:-90px;
  	margin-top:10px; 
  	margin-bottom:50px;
  	
	}

		.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: 20px;
			color: #f5f6f7;
			font-weight: 300;
			margin: 10px 0;
			padding-bottom:20px;
		}

		.free-account {
		font-family: "Inter", sans-serif;
		font-size: 18px;
		color: #363637;
		font-weight: 500;
		text-decoration: none;
		padding: 15px 25px;
		border-radius: 13px; /* Adjust this value to control the border radius */
		border: none;
		background: radial-gradient(circle at 0% 0.5%, rgb(241, 241, 242) 0.1%, rgb(224, 226, 228) 100.2%);
		margin-top: 10px;
		margin-bottom: 30px;
		
		cursor: pointer;
		transition: background-color 0.3s ease; /* Smooth transition for hover effect */
		}

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

        .banner-heading {
            font-size: 30px; /* Smaller text for smaller screens */
        }

        .banner {
            font-size: 18px;
        }

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

    @media (max-width: 480px) {
        .banner-heading {
            font-size: 24px; /* Even smaller text for mobile screens */
        }

        .banner {
            font-size: 16px;
        }

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




</style>

<body>

	<div class="container">

	
		<h1 class="banner-heading">  Exclusive Offer</h1>
		<h1 class="banner-heading">  Experience Our Services with a Free 2-Hour Sample </h1>
		<p class="banner"> Discover Landmark Associates' quality with a free 2-hour transcription sample, showcasing our commitment to quality and precision.
		Click below to claim your free sample and discover what sets us apart in research support.  
		</p>

		<a href="https://thelai.typeform.com/to/b85PSN?utm_medium=EMRB" class="free-account" target="_blank"> Access your Exclusive 2-Hour Sample </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">
  
  <!--- CARDS FEATURES--->
  
  <!-- 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">  

  <style>   

  
    
    
		* {
		    box-sizing: border-box;
     }

		body {
		    margin: 0;
		    font-family:"Inter", sans-serif;    
		    line-height: 1.6;
			}
			

	/* Background, padding, and max-width */
	
	.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;
	}

/* Adjustments for the dl layout */

.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: #4c586b;
	}

/* Icon styles */

.absolute {
  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: #312e81;
	}

.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: #fff;
}

/* Stroke width for icons */

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

/* Base styles included previously */

/* Responsive adjustments */

@media screen and (max-width: 1024px) {
    /* Reduce padding and margins for medium screens (e.g., tablets) */
    
    .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;
    }
  
    /* Adjust grid for smaller layouts */
    
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /* Reduce the left padding for icons to align content nicely */
    .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) {

    /* Adjustments for small screens (e.g., smartphones) */
    .py-24, .py-32 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
  
    .px-6, .lg\:px-8 {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
  
    /* Further reduce left padding for icons */
    .pl-16 {
        padding-left: 2rem;
    }
    
    .h-10, .w-10 {
        height: 1.75rem; /* Even smaller icons */
        width: 1.75rem;
    }

    .h-6, .w-6 {
        height: 1rem; /* Adjust icon size for smaller screens */
        width: 1rem;
    }


}

</style>
</head>

<body>
  <div class="bg-landmark-gray py-24 sm:py-32">    
      
      <div class="mx-auto max-w-2xl lg:max-w-4xl">

        <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="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z" />
                </svg>                          
              </div>
              
              <!-- Card Title -->
              Top quality services
            </dt>
            
            <!-- Card Description -->
            <dd class="align-left text-base-cards leading-7 text-gray-600"> We have highly experienced professional transcribers, proofreaders, and translators.</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="M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672Zm-7.518-.267A8.25 8.25 0 1 1 20.25 10.5M8.288 14.212A5.25 5.25 0 1 1 17.25 10.5" />
                </svg>                                         
              </div>
              
              <!-- Card Title -->
              Confidence in every click
            </dt>
            
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> Our meticulously vetted workforce is dedicated to delivering excellence through our secure platform. </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="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 -->
              Cutting-Edge Security
            </dt>
            
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> Our robust encryption technology ensures your information is safe with the highest level of security. </dd>
          </div>

          <!-- Card 4 -->
          <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="M12 6v12m-3-2.818.879.659c1.171.879 3.07.879 4.242 0 1.172-.879 1.172-2.303 0-3.182C13.536 12.219 12.768 12 12 12c-.725 0-1.45-.22-2.003-.659-1.106-.879-1.106-2.303 0-3.182s2.9-.879 4.006 0l.415.33M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
                </svg>                   
              </div>
              
              <!-- Card Title -->
              Transparent Pricing 
            </dt>
            
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> Gain peace of mind with our clear pricing structure – know your costs before uploading your files. </dd>
          </div>

          <!-- Card 5 -->
          <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="M2.25 18.75a60.07 60.07 0 0 1 15.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 0 1 3 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 0 0-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 0 1-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 0 0 3 15h-.75M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm3 0h.008v.008H18V10.5Zm-12 0h.008v.008H6V10.5Z" />
                </svg>                               
              </div>
              
              <!-- Card Title -->
              Fair compensation
            </dt>
            
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> We pride ourselves on guaranteeing our contractors honest and equitable remuneration. </dd>
          </div>

          <!-- Card 6 -->
          <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 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z" />
                </svg>                         
              </div>
              
              <!-- Card Title -->
              Experienced Professionals

            </dt>
            <!-- Card Description -->
            <dd class="align-left mt-2 text-base-cards leading-7 text-gray-600"> For transcription or translation services with Landmark, all participants are 18 years or older. </dd>
          </div>    
        </dl>
      </div>
      
    </div>
  </div>  
</body>
</html>                        
super-embed:
<!DOCTYPE html>
<!-- Data Security Section AU -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- Poppins -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

	
<!-- Inter -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
    

<style>

.values-section {
    color: #f5f6f7;
    background: linear-gradient(181deg, rgb(2, 0, 97) 15%, rgb(97, 149, 219) 158.5%);
  	margin-left:-120px;
  	margin-right:-90px;
  	padding:80px;
}

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


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

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



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

}

.link{
color:#f5f6f7;
text-decoration:none;
}

.short {
    color: #f5f6f7;
    font-family:"Poppins", sans-serif;
    font-weight: 500;
    margin-right: 30px;
    font-size: 17px;
    
}

.long  {
    color:#f5f6f7;
    font-family:"Poppins", sans-serif;
    font-weight: 500;
    margin-right: 10px;
    font-size: 17px;
    
}

.value p {
    color: #f5f6f7;
    font-size: 17px;
}


    /* Responsive adjustments */
    @media (max-width: 768px) {
        .values-section {
            margin-left: 0; 
            margin-right: 0;
            padding: 20px;
            font-size:80%;
        }

        .values-container {
            flex-direction: column;
        }

        .column {
            margin: 0; 
        }

        .value img {
            margin-bottom: 10px; 
        }

    }


  
</style>


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

    <div class="values-container">
        <div class="column">
            <div class="value">
                
                  
                <h3 class="short">
                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="about-icon">
							  <path fill-rule="evenodd" d="M2.25 5.25a3 3 0 0 1 3-3h13.5a3 3 0 0 1 3 3V15a3 3 0 0 1-3 3h-3v.257c0 .597.237 1.17.659 1.591l.621.622a.75.75 0 0 1-.53 1.28h-9a.75.75 0 0 1-.53-1.28l.621-.622a2.25 2.25 0 0 0 .659-1.59V18h-3a3 3 0 0 1-3-3V5.25Zm1.5 0v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5Z" clip-rule="evenodd" />
								</svg>

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

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

 <!-- 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-bottom:-50px;
    }

    .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:10px
    }

    .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;
    margin-top:-90px; 
    }
    
    .faq-contact{
    margin-bottom:50px;
    }
    
    .faq-link{
    color:#312e81,
    text-decoration:none,
    }
    
    .faq-link:hover{
    color:#3730a3;
    }

    @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/dRszmz?utm_medium=CFAU" class="faq-link">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"> What does Landmark Associates do?</dt>
                    <dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">Landmark Associates specializes in participant recruitment and management for research, offering a comprehensive platform. This platform simplifies participant management, enhances data security, and ensures compliance with privacy regulations.</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">Can Landmark's services be customized for my research needs?</dt>
                  <dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">Yes, our Participant Tracker is highly customizable to fit the unique requirements of different research studies, offering flexibility in data handling, scheduling, and consent management.</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">How does Participant Tracker improve research management?</dt>
                  <dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">Participant Tracker streamlines recruitment, scheduling, consent tracking, and data management, making research projects more efficient and compliant with data protection regulations.</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">How does Landmark ensure compliance with regulations?</dt>
                    <dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">Our system is designed to adhere to regulatory standards, featuring secure health information handling, consent tracking, and up-to-date compliance practices.</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">What data security measures does Landmark implement?</dt>
                  <dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">Our services incorporate advanced data protection, including encryption and secure data protocols, ensuring participant information is safeguarded and compliant with regulations.</a></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">How can I learn more or start using Landmark's services?</dt>
                  <dd class="faq-mt-2 faq-text-base faq-leading-7 faq-text-gray-600">For detailed information and to start using our services, visit <a href="https://landmarktranscription.com.au/participant-management" class="faq-link"> our participant management page. </a> Our team is also available for personalized consultations to address your research needs.</dd>
              </div>
          </div>
        </div>
    </div>
</div>  
</body>
</html>
super-embed:
<!-- Contact Container -->
<!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">
    
    	
		<!-- 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>  
		.contact-container{
			display: flex; 
			background-color: #312e81;
			align-items: center;
			justify-content: space-between; 
			padding: 50px; 
			color: #f5f6f7;
			margin-left:-100px;
			margin-right:-90px;
		}

		.contact-header{
			flex: 1; 
			margin: 0 10px;
      margin-right: 190px; 
      margin-left: 90px;
		}

        .contact-cta {
			flex: 1; 
			margin: 0 10px; 
		}

		.contact-heading {
			font-size: 25px;
			font-weight: normal;
			margin: 0; 
      text-align:left;
			font-family: "Poppins", sans-serif;
		}

		.speak-contact {
			display: flex;
			align-items: center;
			font-size: 22px;
			font-weight: 500;
			text-decoration: none;
			cursor: pointer;
			transition: 0.3s ease;
			font-family: "Inter", sans-serif;
      background-color:#f5f6f7; 
			padding-top:20px;
			padding-bottom:20px;
			padding-left:80px;
			padding-right:40px;
			border-radius:50px;
			margin-right:60px;
			text-align: center;
			text-decoration: none;
			color:#312e81;
		}

		.speak-contact:hover {
			color: #312e81;
			background-color: #edeff1;		
		}

		.contact-icon {
			margin-right: 8px; 
            width: 35px;
            color: #312e81;
		}
		
		

    /* Tablet and below */
    @media (max-width: 992px) {
        .contact-container {
            padding: 40px; /* Reduce padding */
        }
        .contact-heading {
            font-size: 24px; /* Reduce font size */
        }
        .speak-contact {
            font-size: 18px;
        }
    }

    /* Landscape phones and below */
    @media (max-width: 768px) {
        .contact-container {
            flex-direction: column; /* Stack vertically */
            padding: 30px;
            margin-left: 0;
            margin-right: 0;
        }
        .contact-header {
            margin: 0; /* Reset margins */
        }
        .contact-cta {
            margin-top: 20px; /* Add space between elements */
        }
        .contact-heading {
            text-align: center; /* Center text */
        }
        
        .speak-contact {
            font-size: 12px;
            padding:5px;
            padding-left:5px;
            margin:0 auto;
        }
    }

    /* Smaller devices */
    @media (max-width: 576px) {
        .contact-heading {
            font-size: 20px; /* Further reduce font size */
        }
        .speak-contact {
            font-size: 16px;
        }
    }

		
	</style>
</head>
<body>
	<div class="contact-container">
		<div class="contact-header">	
			<h1 class="contact-heading">
				Initiate Your Consultation on Innovative Research Tools
		    <h1>
		</div>
		<div class="contact-cta">
            
			<a href="https://calendly.com/monica-landmark/introduction?month=2024-04" class="speak-contact" target="_blank">
            
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="contact-icon">
            <path d="M12.75 12.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM7.5 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM8.25 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM9.75 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM10.5 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM12 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM12.75 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM14.25 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 17.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM16.5 15.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM15 12.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM16.5 13.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z" />
            <path fill-rule="evenodd" d="M6.75 2.25A.75.75 0 0 1 7.5 3v1.5h9V3A.75.75 0 0 1 18 3v1.5h.75a3 3 0 0 1 3 3v11.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V7.5a3 3 0 0 1 3-3H6V3a.75.75 0 0 1 .75-.75Zm13.5 9a1.5 1.5 0 0 0-1.5-1.5H5.25a1.5 1.5 0 0 0-1.5 1.5v7.5a1.5 1.5 0 0 0 1.5 1.5h13.5a1.5 1.5 0 0 0 1.5-1.5v-7.5Z" clip-rule="evenodd" />
            </svg>
			Schedule a call
			</a>
		</div>
	</div>
</body>
</html>