@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

:root {
	--blue: #010870;
}

/* NAVBAR */
.logo__nav {
	width: 10%;
}

.font__navbar,
.font__title {
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	color: var(--blue);
}

/* COVER PAGE */
.bg__cover {
	height: 80vh;
	background-size: cover;
	background-color: #8BC6EC;
	background-image: linear-gradient(200deg, #103b5ad8 0%, #4683b4c2 100%), url(../img/cover.jpg);
}

.bg__about,
.bg__valores,
.bg__customers {
	background-color: #f5f5f5;
}

.font__paragraph {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	text-align: justify;
	font-size: 18px;
}

video {
	width: 100%;
	border-radius: 12px;
}

.font__cards {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	text-align: justify;
}

.list__cards {
	list-style: square;
}

.list__cards li {
	font-family: 'Poppins', sans-serif !important;
	font-size: 18px;
	color: var(--blue);
	font-weight: 500;
}

.more__inf {
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
}

.div__section {
	width: 550px;
	border: 2px solid #4682b4;
	margin: 3px auto;
}

.bg__philosophy {
	background: steelblue;
}

.font__phi {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #d9d9d9;
	text-align: justify !important;
}

.img__customers {
	width: 10%;
}

.logo__phil {
	width: 25%;
}

.picture__svg svg,
.icon__contact svg,
.icon__svg svg {
	color: var(--blue);
	font-weight: 500;
}

.icon__svg {
	background: #f5f5f5;
	padding: 18px;
	border-radius: 50%;
}

.font__form {
	font-family: 'Roboto', sans-serif;
}

.font__form label {
	font-weight: 500;
}

.font__form textarea {
	height: 100px !important;
}

.bg__footer {
	background: #f2f2f2;
}

.footer__list {
	list-style: none;
	padding: 0;
	text-align: center;
}

.footer__list a {
	text-decoration: none;
	color: steelblue;
}

.footer__list:hover {
	color: rgb(42, 97, 143);
}

.footer__list a:hover {
	border-bottom: 2px solid steelblue;
	transition: all ease-in-out 0.2ms;
}

.btn__exam {
	background: #4682b4 !important;
	color: whitesmoke !important;
	border: 0;
	font-family: 'Roboto', sans-serif !important;
}

.btn__exam:hover {
	background: #346c9b !important;
}

@media (max-width: 775px) {
	.div__section {
		width: 250px;
	}
}

@media (max-width: 730px) {
	.logo__nav {
		width: 20%;
		align-self: center;
	}

	.font__paragraph {
		font-size: 16px;
	}

	.font__cards {
		font-size: 16px;
	}

	.list__cards li {
		font-size: 16px;
	}
}

@media (max-width: 480px) {
	.logo__nav {
		width: 25%;
	}

	.logo__phil {
		width: 50%;
	}
}