html {
  font-size: 1px;
}

@font-face {
  font-family: 'Poppins', sans-serif;
  src: url("https://fonts.googleapis.com/css2?family=Poppins&display=swap");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Basetica-Regular';
  src: url("/hubfs/Thoropass/Theme%20Assets/Fonts/Basetica%20-%20Regular-205TF.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Basetica-Medium';
  src: url("/hubfs/Thoropass/Theme%20Assets/Fonts/Basetica%20-%20Medium-205TF.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* auto scale down elements on mobile */
@media (max-width: 580px) {
  html {
    font-size: 0.8px;
  }
}

/* auto scale up elements on large displays */
@media (min-width: 2560px) {
  html {
    font-size: 1px;
  }
}

section.testimonial-section {
  padding: 60rem 20rem;
}

.testimonial-container {
  max-width: 1200rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  gap: 15rem;
  flex-wrap: wrap;
}

.testimonial-card {
  background: #0073e6;
  color: #FFF;
  border-radius: 10rem;
  padding: 20rem;
  display: flex;
  flex: 1;
  gap: 5rem;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 280rem;
  box-shadow: 0rem 4rem 15rem 0rem rgba(0, 0, 0, 0.25);
}

.card-content{
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
flex: 1 0 0;
align-self: stretch;
display: flex;
margin: 0rem;
gap: 15rem;
}

.testimonial-content {
  display: flex;
  margin: 0 rem;

}

.quote-mark-wrapper {
  margin 0rem;
  height: 45rem;
  width: 45rem;
}


.quote-image {
width: 100%;        
  height: auto;       
  object-fit: contain; 
}

.company-logo-wrapper {
  padding-bottom:5rem;
  width:auto;
  height:50rem;
}

.company-logo-image {
width: auto;        
  height: 100%;       
  object-fit: contain;
filter: brightness(0) invert(1);
}

.testimonial-text {
  margin 0rem;
    font-size: 24rem;
  line-height: 1.5;
  font-family: 'Basetica-Medium';
  
}

.testimonial-footer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10rem;
  gap: 15rem;
  font-family: 'poppins';
  font-size: 16rem;
  line-height: 1.2;
  max-height: 60rem;
}

.author-info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 5rem;
}

.company-info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 5rem;
}

.testimonial-name,
.testimonial-last-name {
  font-weight: bold;
  margin: 0rem;
}

.testimonial-divider {
  display: flex;
  width: 2px;
  height: 100%;
  background: #ffcc00;
 
}

.testimonial-title,
.testimonial-company {
  font-size: 16rem;
  margin: 0rem;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .testimonial-container {
    flex-wrap: wrap;
    justify-content: center;
  }

  .testimonial-card {
    max-width: 100%;
    margin-bottom: 15rem;
  }
}