:root {
  --mach-goods-service-title-size: 50px;
  --mach-goods-service-text-size: 16px;
	--mach-goods-iso-mt: 90px;
}

.mach-goods-service {
  position: relative;
  font-size: var(--mach-goods-service-title-size);
  color: #fff;
  background-size: cover;
}

.mach-goods-service__mask {
  position: absolute;
  width: 100%;
  height: 100%;
	background-color: var(--title-text-color);
	opacity: 0.6;
  top: 0;
  left: 0;
}

.mach-goods-service_title {
  position: relative;
  color: #FFF;
  text-align: center;
  font-family: var(--title-font-family);
  font-size: var(--title-font-size);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 0.4em;
}

.mach-goods-service h2,  .mach-goods-service h3 {
  color: #FFF;
  font-size: clamp(24px, 2.2vw, 42px);
  font-weight: 600;
}

.mach-goods-service__main {
  padding: clamp(30px, calc( (80 / 1920) * 100vw ), 80px) 0;
  z-index: 1;
}

.mach-goods-service__item {
  height: 100%;
  padding: 1em 0.94em;
  background-color: var(--color-primary);
}

.mach-goods-service__item h3 {
  font-family: var(--title-font-family);
  font-size:clamp(20px, 1.9vw, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.mach-goods-service ul li span {
	display: block;
	width: 1.96em;
	height: 1.96em;
	margin-bottom: 0.4em;
	border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.98em;
  object-fit: contain;
  border-radius: 50%;
  border: 2px solid #fff;
}

.mach-goods-service__item .rich-text {
  position: relative;
  color: #FFF;
  font-family: var(--font-family);
  font-size: clamp(14px, 0.85vw, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 1.875;
}

.mach-goods-service__item .rich-text > p {
  margin-top: 1.25em;
  position: relative;
  padding-left: 1.25em;
}

.mach-goods-service__item .rich-text > p::before {
  position: absolute;
  display: inline-block;
  content: '';
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #fff;
  left: 0;
  top: 0.5em;
  transform: translateY(-0.125em);
}

@media screen and (max-width: 1500px) {
	:root {
	  --mach-goods-service-title-size: 44px;
	  --mach-goods-service-text-size: 16px;
	}
  }
  
  @media screen and (max-width: 1280px) {
	:root {
		--mach-goods-service-title-size: 38px;
		--mach-goods-service-text-size: 16px;
	}
  }
  
  @media screen and (max-width: 1200px) {
	:root {
		--mach-goods-service-title-size: 38px;
		--mach-goods-service-text-size: 16px;
	}
  }
  
  @media screen and (max-width: 992px) {
	:root {
		--mach-goods-service-title-size: 32px;
		--mach-goods-service-text-size: 14px;
	}
  }
  
  @media screen and (max-width: 768px) {
	:root {
		--mach-goods-service-title-size: 26px;
		--mach-goods-service-text-size: 14px;
	}
  }
  
  @media screen and (max-width: 576px) {
	:root {
		--mach-goods-service-title-size: 20px;
		--mach-goods-service-text-size: 14px;
	}
  }