/* put here your custom css styles */
@font-face {
  font-family: 'ATOsmose';
  src: url('/fonts/ATOsmose-Light.woff2') format('woff2'),
       url('/fonts/ATOsmose-Light.woff') format('woff'),
       url('/fonts/ATOsmose-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ATOsmose';
  src: url('/fonts/ATOsmose-Regular.woff2') format('woff2'),
       url('/fonts/ATOsmose-Regular.woff') format('woff'),
       url('/fonts/ATOsmose-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

h1, h2, h3, h4, h5, .slider-heading {
	font-family: ATOsmose !important;
}

.text-white * {
	color: #fff !important;
}

.logo-img {
	max-width: 128px;
}


.footer-container {
	padding-top: 10px;
}

.cooperation {

	display: flex;
	gap:16px;
justify-content: space-around;
  list-style: none;
  list-style-type: none;
  margin: 0;
	padding: 32px 0;
}

@media (max-width: 640px) {
	.cooperation {
		flex-wrap: wrap;
	}
}

.cooperation li {
	height: 64px;
	
  list-style: none;
  list-style-type: none;
  margin: 0;
	padding:0;
display: flex;
align-items: center;
justify-content: center;
	
}

.cooperation li img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}