.metrics-wrapper {
  display: flex;
  gap: 120px;
}

.metrics-component .metrics-title-flex {
  font-size: 2rem;
  font-weight: 500;
  gap: 1rem;
}

.metrics-component .metrics-bigger-image {
  width: 60px;
  height: auto;
  margin-left: 48px;
}

.metrics-component .left-part {
  width: 600px;
  max-width: 100%;
}

.metrics-component .right-part {
  margin-top: 21px;
  display: flex;
  flex-direction: column;
  gap: 88px;
}

.metrics-component .metrics-icon {
  filter: invert(1);
}

.metrics-component .left-part p {
  max-width: 450px;
  margin-top: 138px;
}

.metrics-component .separator {
  border-bottom: 1px solid black;
  margin-top: 111px;
  margin-bottom: 73px;
}

.metrics-component .metrics-numbers {
  font-size: 160px;
}

.metrics-component .metrics-flex {
  display: flex;
  align-items: center;
  gap: 17px;
}

@media (min-width: 2780px){
	.metrics-wrapper{
		gap: 805px;
	}
	
	.metrics-component .left-part {
    	width: 1550px;
	}
}

@media (max-width: 992px){
	.metrics-component .metrics-title-flex{
		line-height: 1.2;
	}
	
	.metrics-wrapper{
		gap: 64px;
		flex-direction: column;
		text-align: center;
	}
	
	.metrics-flex h5{
		letter-spacing: .125rem;
        font-size: .9rem;
        line-height: 1rem;
	}
	
	.metrics-component .metrics-numbers {
		    font-size: 150px;
	}
}

@media (max-width: 576px) {
  .metrics-component .metrics-title-flex {
    font-size: 1.5rem;
    justify-content: center;
  }

  .metrics-component .metrics-bigger-image {
    margin-left: 0;
  }

  .metrics-component .left-part p {
    margin-top: 2.5rem;
    max-width: 100%;
  }

  .metrics-component .separator {
    margin-top: 3rem;
    margin-bottom: 2rem;
  }

  .metrics-component .right-part {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 0.75rem;
    margin-top: 0;
    align-items: start;
  }

  .metrics-component .metrics-flex {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
    gap: 0.5rem;
    flex-direction: column;
    text-align: center;
    align-items: center;
  }

  .metrics-component .metrics-numbers {
    font-size: 4.5rem;
    line-height: 1;
    margin-bottom: 0;
    max-width: 100%;
  }

  .metrics-flex h5 {
    font-size: 0.95rem;
    line-height: 1.25rem;
    letter-spacing: 0.05rem;
    max-width: 95%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}