@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
blockquote {
  font-family: 'DM Serif Display', serif;
}

h1, .h1 {
  font-size: 65px;
}

h2, .h2 {
  font-size: 45px;
}

img {
  height: 55vh;
  max-width: 100%;
}
.profile1{
  height: 25vh;
}
blockquote {
  font-size: 28px;
}

sup, .sup {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
}

.underline::after {
  content: ' ';
  border-bottom: 3px solid;
  position: relative;
  display: block;
  width: 50px;
  padding-top: 1rem;
}

.toast {
  bottom: 1rem;
  right: 1rem;
}

.underline.text-center::after {
  margin-left: auto;
  margin-right: auto;
}

.section-inverse {
  margin-top: 180px;
  padding: 1px 0px;
}

.section-inverse > div {
  margin-top: -180px;
}

.card-footer {
  background-color: white;
  padding: 1rem 1rem;
}

.background-image {
  background-position: center center;
  background-size: cover;
}

.navbar-light .navbar-nav .nav-link {
  text-transform: uppercase;
  padding-right: 1rem;
  padding-left: 1rem;
}

.circle {
  border-radius: 50%;
}

header.p-section {
  padding: 160px 0px 90px;
}

.p-section {
  padding: 70px 0px;
}

.p-section-lg {
  padding: 160px 0px;
}

.container-lg {
  max-width: 900px;
}

.w-md {
  max-width: 600px;
}

.w-sm {
  max-width: 400px;
}

.btn {
  letter-spacing: .15em;
  text-transform: uppercase;
  padding: .65rem 1.5rem;
}

.btn-group-lg>.btn, .btn-lg {
  padding: .75rem 2rem;
}

.btn-group-sm>.btn, .btn-sm {
  padding: .30rem .75rem;
}

.testimonial-item {
  max-width: 800px;
  padding: 40px;
}

.testimonial-item:nth-child(even) {
  margin-left: auto;
}

.testimonial-image {
  max-width: 100px;
  float: left;
  margin-right: 25px;
}

.marker-highlight {
  position: relative;
  display: inline-block;
}

.marker-highlight:before {
  content: "";
  background-color: #0b6efd87;
  width: 102%;
  height: 0.2em;
  position: absolute;
  z-index: -2;
  filter: url(#marker-shape);
  left: -0.05em;
  padding: 0 0.25em;
  bottom: 0.2em;
}

.flex-wrap {
  display: flex;
  justify-content: center;
}

.col-2 img{
  height: 100px;
  width: 220px;
  object-fit: fill;
}


.usta {
  height: 70px;
  width: 100px
}

.nht img{
  height: 50px;

}

.edu-emp {
  padding-bottom: 15px;
}

#map {
  height: 600px;
  width: 100%;
}

.list-tech {
  letter-spacing: .15em;
  text-transform: uppercase;
  padding: .65rem 1.5rem;
}

.flex-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flex-text h3 {
  padding-bottom: 20px;
}

#content{
  width: 300px;
  height: 200px;
  overflow: scroll;
}

.firstHeading {
  font-size: 30px;
  text-decoration: underline;
}

.recomendationsHeading {
  font-size: 20px;
}

/* Set a uniform size and aspect ratio for the card image containers */
.background-image {
  position: relative;
  /* Enable absolute positioning of the child img */
  width: 100%;
  /* Full width of the column */
  padding-top: 100%;
  /* 1:1 Aspect Ratio (square) */
  overflow: hidden;
  /* Hide overflow if necessary */
}

.background-image img {
  position: absolute;
  /* Position the image absolutely */
  top: 50%;
  /* Center the image vertically */
  left: 50%;
  /* Center the image horizontally */
  width: auto;
  /* Keep the width auto */
  height: 100%;
  /* Set the height to fill the container */
  transform: translate(-50%, -50%);
  /* Center the image */
}

/* Adjust image containers for mobile */
@media (max-width: 768px) {
  .background-image {
    padding-top: 75%;
    /* Adjust height for mobile (e.g., 75% for a rectangular aspect ratio) */
  }
}

.profile1 {
  width: 200px;
  /* Set a default width */
  height: 200px;
  /* Set a default height */
  border-radius: 50%;
  /* Make the image circular */
  object-fit: cover;
  /* Ensure the image covers the entire area */
  max-width: 100%;
  /* Ensure it doesn't overflow the container */
}

.company-img {
    width: 100%; /* Make the image responsive */
    max-width: 150px; /* Adjust the maximum width */
    height: 100px; /* Set a consistent height */
    object-fit: contain; /* Maintain aspect ratio without distortion */
}