.certificates-section.section {

	padding-bottom: 30px !important;

}



.certificate-btn {

	width: 70px;

	height: 70px;

	display: flex;

	justify-content: center;

	align-items: center;

	transition: all .2s ease;

}



.button-circle {

	background-color: transparent;

	border: 2px solid var(--grey) !important;

	color: var(--grey);

}



.certificate-btn:hover {

	background-color: var(--primary);

	border-color: var(--primary) !important;

	color: var(--white);

}



.certificate-btn:active {

	background-color: var(--primary-active);

}



.view-icon {

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	gap: 10px;

	color: var(--white);

}



.name {

	padding-left: 46px;

	display: flex;

	flex-direction: column;

	gap: 10px;

}



.other-certificate {

	gap: 80px;

	transition: all .2s ease;

}



.other-certificate [type=button] {

	background-color: var(--light-grey);

	border-radius: 500px;

	transition: all .2s ease;

	width: 45px;

	height: 45px;

	display: flex;

	justify-content: center;

	align-items: center;

}



.other-certificate i {

	padding: 16px;

	transform: rotate(45deg);

}



.other-certificate p {

	color: var(--grey);

}



.other-certificate:hover,

.other-certificate:active,

.other-certificate.active {

	border-color: var(--primary) !important;

	box-shadow: 3px 3px 23.4px 0px rgba(0, 0, 0, 0.15);

}



.other-certificate:hover [type=button],

.other-certificate:active [type=button],

.other-certificate.active [type=button] {

	background-color: var(--primary);

	color: var(--white);

}



.other-certificate:hover p,

.other-certificate:active p,

.other-certificate.active p {

	color: var(--black);

}



.other-certificate h4 {

	font-size: clamp(18px, 3vw, 22px);

}



.carousel-indicators {

	bottom: -30px;

}



.carousel-indicators button {

	background-color: var(--primary) !important;

}



.certificate-img {

	min-height: 300px;

}



.certificate-img img {

	width: 75%;

	max-width: 400px;

}



@media only screen and (max-width: 1200px) {

	.certificate-icon {

		width: 76px;

		height: 76px;

	}

}



@media only screen and (max-width: 992px) {

	.certificate-btn {

		width: 50px;

		height: 50px;

	}



	.carousel-indicators {

		bottom: -50px;

	}

}



@media only screen and (max-width: 768px) {

	.certificate-btn {

		display: none;

	}



	.certificate-rows {

		padding-inline: 4px !important;

	}



	.certificate-img {

		min-height: 200px;

	}



	.certificate-img img {

		width: 50%;

	}

}