/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/
.mfp-content .owl-carousel .item {
  height: 520px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mfp-content .owl-carousel .item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

#about p {
  word-break: keep-all;
  overflow-wrap: anywhere;
  white-space: normal; 
}

.brands-grid p {
  word-break: keep-all;       
  overflow-wrap: anywhere;   
  white-space: normal;
}

.list-unstyled.text-4 li {
  word-break: keep-all;
  overflow-wrap: break-word;
  white-space: normal;
}

.text-6 {
  word-break: keep-all; 
  overflow-wrap: break-word; 
}