.service-card-container{
  width: 100%;
  display: flex;
  align-items: center;
}

.service-card-image{
  width: 50%;
}

.service-card-image img{
  width: 100%;
  object-fit: cover;
  display: block;
}

.service-card-text{
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.service-card-text-container{
  width: calc(100% + 80px);
  display: flex;
  flex-direction: column;
  background-color: var(--dark-blue);
  color: white;
  padding: 6em 0 6em 6em;
  margin-left: -80px
}

.service-card-text-container .text-container{
  width: 60%;
}

.service-card-text-container .text-container h2{
  color: white;
  font-family: var(--ff-accentGraphic);
  font-size: var(--fs-48);
}

.service-card-text-container hr{
  width: 100%;
}

.service-features-container{
  width: 100%;
  display: flex;
  justify-content: center;
/*   background: var(--lightGrayGradient); */
}

.service-features-container .feature-container{
  width: 80%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: calc(48px + 5vw) 3%;
  padding-top: 7em;
  padding-bottom: 7em;
}

.service-features-container .field-container{
  display: flex;
  justify-content: center;
  width: 100%;
}

.service-features-container .field-container > div{
  display: flex;
  flex-direction: column;
}

.service-features-container .field-image{
  max-width: 75px;
  max-height: 75px;
  margin-bottom: 2em;
}

.service-features-container .field-image img{
  width: 100%;
  object-fit: cover;
}

.service-features-container .field-text{
  max-width: 380px;
}
@media screen and (max-width: 1150px) {
  .service-card-text-container{
	padding: 4em 0 4em 4em;
  }
}
@media screen and (max-width: 980.99px) {
  .service-card-container{
	flex-direction: column;
  }
  
  .service-card-image{
	width: 100%
  }
  
  .service-card-text{
	width: 100%
  }
  
  .service-card-text-container{
	width: 100%;
	padding: calc(48px + 3vw) calc(24px + 3vw);
	margin-left: 0;
  }
  
  .service-card-text-container .text-container{
	width: 100%;
  }
  
  .service-features-container .field-container {
	width: 100%;
  }
  .service-features-container .feature-container {
	grid-gap: 100px;
	padding-top: 12em;
	padding-bottom: 10em;

  }
}

@media screen and (max-width: 768px) {
  .service-features-container .field-container > div {
	align-items: center;
	width: 80%;
  }
  .service-features-container .feature-container{
	display: grid;
	width: 100%;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 88px;
	padding-top: 12em;
	padding-bottom: 10em;
  }
  .service-features-container .field-text{
	text-align: center;
	max-width: 420px;
  }
}

@media screen and (max-width: 640px) {
  .service-features-container .feature-container{
	padding-top: 6em;
	padding-bottom: 6em;
  }
}