.certificates-main {
	padding-bottom: 50px;
	background-image: url("../../img/certificate/bg.jpg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.certificates-section {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 50px 50px 0;
}

.certificates-section h2 {
	display: block;
	box-sizing: border-box;
	width: fit-content;
	max-width: 1055px;
	margin: 0 auto;
	padding: 10px 20px;
	border-radius: 35px;
	font-size: 18px;
	font-family: var(--font-en-1-semibold);
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 10px;
	letter-spacing: 1px;
	color: var(--orange-color);
	backdrop-filter: blur(2px);
	background-color: rgb(230, 230, 230);
	line-height: 1.4em;
}

.certificates-block {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1055px;
	height: 100%;
	border-radius: 20px;
	background-color: rgba(238, 238, 238, 0.2);
	backdrop-filter: blur(4px);
	padding: 20px 0 0 20px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	box-shadow: 0px 0px 8px 4px rgba(228, 229, 230, 0.9);
}

.certificates-block__item {
	position: relative;
	--width: 325px;
	width: var(--width);
	height: calc(var(--width) * 1.4325);
	background-color: rgb(255, 255, 255);
	border-radius: 7px;
	margin-right: 20px;
	margin-bottom: 20px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4xLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NjYuOSA4MTAuNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTY2LjkgODEwLjc7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNDNkM2QzY7c3Ryb2tlLXdpZHRoOjUuMzU4NDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0MXtmaWxsOiNDNkM2QzY7fQ0KCS5zdDJ7ZmlsbDpub25lO30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyODMuNSIgY3k9IjQwNS40IiByPSI4Mi4yIi8+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyODMuNSIgY3k9IjQwNS40IiByPSI2NyIvPg0KPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iMjgzLjUiIGN5PSI0MDUuNCIgcj0iMzQuNSIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTU0MS40LDc5Ni43SDI2LjhjLTQuNywwLTguNS0zLjgtOC41LTguNWwwLDBjMC00LjUsMy43LTguMiw4LjItOC4yaDUxNC45YzQuNiwwLDguMywzLjcsOC4zLDguM3YwDQoJQzU0OS43LDc5Myw1NDYsNzk2LjcsNTQxLjQsNzk2Ljd6Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzY5LjcsNzY3LjRIMjYuOGMtNC43LDAtOC41LTMuOC04LjUtOC41djBjMC00LjUsMy43LTguMiw4LjItOC4yaDM0My4yYzQuNiwwLDguMywzLjcsOC4zLDguM2wwLDANCglDMzc4LDc2My42LDM3NC4zLDc2Ny40LDM2OS43LDc2Ny40eiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTQwMC4zLDM3LjJIMTY2LjhjLTQuNywwLTguNS0zLjgtOC41LTguNXYwYzAtNC41LDMuNy04LjIsOC4yLTguMmgyMzMuN2M0LjYsMCw4LjMsMy43LDguMyw4LjN2MA0KCUM0MDguNiwzMy41LDQwNC45LDM3LjIsNDAwLjMsMzcuMnoiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNTcuMyw5MC40SDIwOS44Yy00LjcsMC04LjUtMy44LTguNS04LjV2MGMwLTQuNSwzLjctOC4yLDguMi04LjJoMTQ3LjljNC42LDAsOC4zLDMuNyw4LjMsOC4zdjANCglDMzY1LjcsODYuNywzNjEuOSw5MC40LDM1Ny4zLDkwLjR6Ii8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNDY3LjQsNjMuOEg5OS43Yy00LjcsMC04LjUtMy44LTguNS04LjV2MGMwLTQuNSwzLjctOC4yLDguMi04LjJoMzY4LjFjNC42LDAsOC4zLDMuNyw4LjMsOC4zdjANCglDNDc1LjgsNjAuMSw0NzIsNjMuOCw0NjcuNCw2My44eiIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTI1Mi43LDczOEgyNi41Yy00LjUsMC04LjItMy43LTguMi04LjJ2MGMwLTQuNywzLjgtOC41LDguNS04LjVoMjI1LjljNC42LDAsOC4zLDMuNyw4LjMsOC4zbDAsMA0KCUMyNjEuMSw3MzQuMywyNTcuNCw3MzgsMjUyLjcsNzM4eiIvPg0KPGc+DQoJPHJlY3QgeD0iMTY0LjgiIHk9IjIwNi44IiBjbGFzcz0ic3QyIiB3aWR0aD0iMjM3LjIiIGhlaWdodD0iMjcuNSIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNzMuNCwyMTUuNWMwLjUtMS41LDEuMy0yLjksMi40LTQuMXMyLjMtMi4yLDMuOC0yLjlzMy4yLTEuMSw1LjEtMS4xYzIuMywwLDQuMiwwLjUsNS45LDEuNQ0KCQljMS42LDEsMi44LDIuNCwzLjYsNGwtMi42LDEuN2MtMC40LTAuOC0wLjgtMS41LTEuNC0yLjFjLTAuNS0wLjYtMS4xLTEtMS44LTEuM2MtMC42LTAuMy0xLjMtMC42LTItMC43Yy0wLjctMC4xLTEuMy0wLjItMi0wLjINCgkJYy0xLjQsMC0yLjcsMC4zLTMuOCwwLjljLTEuMSwwLjYtMiwxLjQtMi44LDIuM3MtMS4zLDItMS43LDMuMmMtMC40LDEuMi0wLjYsMi40LTAuNiwzLjZjMCwxLjMsMC4yLDIuNiwwLjcsMy44czEuMSwyLjMsMS45LDMuMg0KCQljMC44LDAuOSwxLjcsMS43LDIuOCwyLjJjMS4xLDAuNiwyLjMsMC44LDMuNSwwLjhjMC43LDAsMS40LTAuMSwyLjEtMC4zczEuNC0wLjQsMi0wLjhzMS4zLTAuOCwxLjgtMS40YzAuNi0wLjYsMS0xLjIsMS40LTINCgkJbDIuNywxLjVjLTAuNCwxLTEsMS44LTEuNywyLjVjLTAuNywwLjctMS42LDEuMy0yLjUsMS45cy0xLjksMC45LTIuOSwxLjJjLTEsMC4zLTIsMC40LTMsMC40Yy0xLjgsMC0zLjQtMC40LTQuOC0xLjINCgkJYy0xLjUtMC44LTIuNy0xLjgtMy44LTNjLTEuMS0xLjItMS45LTIuNi0yLjUtNC4yYy0wLjYtMS42LTAuOS0zLjItMC45LTQuOEMxNzIuNiwyMTguNiwxNzIuOCwyMTcuMSwxNzMuNCwyMTUuNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjE2LjEsMjMzLjFoLTE3LjR2LTI1LjZoMTd2Mi45SDIwMnY4LjNoMTJ2Mi43aC0xMnY4LjhoMTQuMVYyMzMuMXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjIwLjYsMjA3LjVoMTAuOWMxLjEsMCwyLjIsMC4yLDMuMSwwLjdjMC45LDAuNSwxLjgsMS4xLDIuNCwxLjljMC43LDAuOCwxLjIsMS43LDEuNiwyLjZjMC40LDEsMC42LDIsMC42LDMNCgkJYzAsMC45LTAuMSwxLjctMC40LDIuNmMtMC4zLDAuOC0wLjYsMS42LTEuMSwyLjNjLTAuNSwwLjctMSwxLjItMS43LDEuN2MtMC43LDAuNS0xLjQsMC44LTIuMiwxbDYuMiw5LjhoLTMuN2wtNS44LTkuMmgtNi44djkuMg0KCQloLTMuMlYyMDcuNXogTTIzMS41LDIyMWMwLjcsMCwxLjMtMC4xLDEuOC0wLjRzMS0wLjcsMS40LTEuMmMwLjQtMC41LDAuNy0xLjEsMC45LTEuN2MwLjItMC42LDAuMy0xLjMsMC4zLTJjMC0wLjctMC4xLTEuNC0wLjQtMg0KCQljLTAuMy0wLjYtMC42LTEuMi0xLTEuN3MtMC45LTAuOS0xLjUtMS4yYy0wLjYtMC4zLTEuMi0wLjQtMS44LTAuNGgtNy41VjIyMUgyMzEuNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjUzLjgsMjEwLjR2MjIuN2gtMy4ydi0yMi43aC04Ljh2LTIuOWgyMC45djIuOUgyNTMuOHoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjY2LjMsMjA3LjVoMy4ydjI1LjZoLTMuMlYyMDcuNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjc1LjcsMjA3LjVoMTYuOXYyLjloLTEzLjZ2OC41aDExLjV2Mi43aC0xMS41djExLjRoLTMuMlYyMDcuNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjk2LjcsMjA3LjVoMy4ydjI1LjZoLTMuMlYyMDcuNXoiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzA1LjIsMjE1LjVjMC41LTEuNSwxLjMtMi45LDIuNC00LjFzMi4zLTIuMiwzLjgtMi45czMuMi0xLjEsNS4xLTEuMWMyLjMsMCw0LjIsMC41LDUuOSwxLjUNCgkJYzEuNiwxLDIuOCwyLjQsMy42LDRsLTIuNiwxLjdjLTAuNC0wLjgtMC44LTEuNS0xLjQtMi4xcy0xLjEtMS0xLjgtMS4zYy0wLjYtMC4zLTEuMy0wLjYtMi0wLjdjLTAuNy0wLjEtMS4zLTAuMi0yLTAuMg0KCQljLTEuNCwwLTIuNywwLjMtMy44LDAuOXMtMiwxLjQtMi44LDIuM3MtMS4zLDItMS43LDMuMmMtMC40LDEuMi0wLjYsMi40LTAuNiwzLjZjMCwxLjMsMC4yLDIuNiwwLjcsMy44YzAuNCwxLjIsMS4xLDIuMywxLjksMy4yDQoJCWMwLjgsMC45LDEuNywxLjcsMi44LDIuMnMyLjMsMC44LDMuNSwwLjhjMC43LDAsMS40LTAuMSwyLjEtMC4zYzAuNy0wLjIsMS40LTAuNCwyLTAuOGMwLjYtMC40LDEuMy0wLjgsMS44LTEuNA0KCQljMC42LTAuNiwxLTEuMiwxLjQtMmwyLjcsMS41Yy0wLjQsMS0xLDEuOC0xLjcsMi41Yy0wLjcsMC43LTEuNiwxLjMtMi41LDEuOXMtMS45LDAuOS0yLjksMS4yYy0xLDAuMy0yLDAuNC0zLDAuNA0KCQljLTEuOCwwLTMuNC0wLjQtNC44LTEuMmMtMS41LTAuOC0yLjctMS44LTMuOC0zYy0xLjEtMS4yLTEuOS0yLjYtMi41LTQuMmMtMC42LTEuNi0wLjktMy4yLTAuOS00LjgNCgkJQzMwNC40LDIxOC42LDMwNC42LDIxNy4xLDMwNS4yLDIxNS41eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNDEuMSwyMDcuNWwxMC40LDI1LjZoLTMuNWwtMy03LjVoLTEwLjdsLTMsNy41aC0zLjVsMTAuNS0yNS42SDM0MS4xeiBNMzM5LjcsMjExLjNsLTQuOCwxMS44aDkuNA0KCQlMMzM5LjcsMjExLjN6Ii8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTM2NC42LDIxMC40djIyLjdoLTMuMnYtMjIuN2gtOC44di0yLjloMjAuOXYyLjlIMzY0LjZ6Ii8+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTTM5NC40LDIzMy4xSDM3N3YtMjUuNmgxN3YyLjloLTEzLjh2OC4zaDEydjIuN2gtMTJ2OC44aDE0LjFWMjMzLjF6Ii8+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8L3N2Zz4NCg==);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	box-shadow: 0px 0px 4px 2px rgba(228, 229, 230, 0.7);
	transition: box-shadow 0.2s, transform 0.3s;
	cursor: zoom-in;
	overflow: hidden;
}

.certificates-block__zoom {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	--height: calc(100vh - 20px);
	height: var(--height);
	max-height: var(--height);
	width: calc(var(--height) * 0.6985);
	max-width: calc(100vw - 20px);
	border: 1px solid rgba(136, 136, 136, 0.4);
	cursor: zoom-out;
}

.certificates-block__zoom div {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4xLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyOC4zIDI4LjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI4LjMgMjguMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzUyNTI1MTtzdHJva2Utd2lkdGg6MjtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQoJLnN0MXtmaWxsOiM1MjUyNTE7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMC42LDMuMUMyNC40LDUuMywyNyw5LjQsMjcsMTQuMkMyNywyMS4zLDIxLjMsMjcsMTQuMiwyN0M3LjEsMjcsMS4zLDIxLjMsMS4zLDE0LjJjMC0zLjUsMS40LTYuNywzLjctOSIvPg0KPGc+DQoJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iMTQuMiIgY3k9IjE0LjIiIHI9IjEuNiIvPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	animation: cert_preloader linear 0.5s infinite;
	opacity: 0.7;
}

.certificates-block__zoom img {
	width: 100%;
	height: 100%;
}

.certificates-block__item:hover {
	box-shadow: 0px 0px 5px 3px rgba(228, 229, 230, 0.7);
	transform: scale(1.01);
}

.certificates-block__item:hover {
	/* filter: blur(1px); */
}

.certificates-block__item img {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	pointer-events: none;
}

.certificates-description {
	position: absolute;
	left: 50%;
	bottom: 5px;
	transform: translateX(-50%);
	width: calc(100% - 10px);
	box-sizing: border-box;
	padding: 10px;
	background-color: rgba(248, 248, 248, 0.6);
	backdrop-filter: blur(4px);
	box-shadow: 0px 0px 3px 2px rgba(44, 44, 44, 0.2);
	border-radius: 4px;
	color: rgb(37, 37, 37);
	color: var(--main-color);
	font-family: var(--font-en-1-medium);
	text-align: center;
	transition: opacity 0.3s ease-out;
	opacity: 0;
}

.certificates-block__item:hover .certificates-description {
	opacity: 1;
}

.certificates-description p {
	font-size: 14px;
	line-height: 1.4em;
	margin-top: 10px;
}

.certificates-description h3 {
	font-size: 16px;
	line-height: 1.3em;
	text-decoration: underline;
	text-transform: uppercase;
}

@media screen and (max-width: 1024px) {
	.certificates-block {
		padding: 0 0 0 20px;
	}
	.certificates-section h2 {
		font-size: 16px;
		margin-bottom: 46px;
	}
	.certificates-description {
		opacity: 1;
	}
}

@media screen and (max-width: 724px) {
	.certificates-section {
		padding: 25px 25px 0;
	}

	.certificates-section h2 {
		font-size: 12px;
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 424px) {
	.certificates-block__item {
		--width: 230px;
	}

	.certificates-block__item h3 {
		font-size: 12px;
	}

	.certificates-description p {
		font-size: 11px;
	}
}

@keyframes cert_preloader {
	from {
		transform: translate(-50%, -50%) rotate(0);
	}
	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}