@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&family=Quicksand:wght@300;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Signika+Negative:wght@300;400;500;600;700&display=swap');

body {
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;
	font-size: 1em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004) !important;
}

.content {
	min-height: 90vh;
}

.px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.small,
small {
	font-size: 0.875em;
	line-height: 1.5;
}

.poppins {
	font-family: 'Poppins', sans-serif;
}

.hammersmith {
	font-family: 'Hammersmith One', sans-serif;
}

.montserrat {
	font-family: 'Montserrat', sans-serif;
}

.opensans {
	font-family: 'Open Sans', sans-serif;
}

.signika {
	font-family: 'Signika Negative', sans-serif;
}

.ta-c {
	text-align: center;
}

.ta-j {
	text-align: justify;
}

.fs-m {
	font-size: 1.2rem;
}

.fs-s {
	font-size: 20px;
	margin: auto;
	margin-bottom: 0px !important;
}

.fw-bold {
	font-weight: 700 !important;
}

.cursor-pointer {
	cursor: pointer !important;
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.col-sm-8 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.logoheader img {
	margin: 20px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.logoheader:hover {
	transform: scale(1.1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}

.logofooter img {
	margin: auto 0;
	display: block;
	width: 100%;
	max-width: 300px;
	/* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); */
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.logofooter {
	margin: 30px;
	width: 100%;
	/* box-shadow: 0 8px 13px rgba(0, 0, 0, 0.2); */
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.logofooter:hover {
	transform: scale(1.1);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}

.certificationsSection {
	font-family: 'Poppins', sans-serif;
	padding: 12px 16px;
	background-color: rgb(213, 216, 218);
	border-left: 4px solid #2196F3;
	border-radius: 6px;
	color: #000;
	width: 100%;
	max-width: 300px;
	margin: 0 80px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.certificationsSection .title {
	font-size: 14px;
	margin-bottom: 8px;
	color: #4e798b;
	text-align: left;
}

.certList li {
	font-size: 13px;
	margin-bottom: 4px;
}

.certList a {
	color: #4e798b;
	text-decoration: underline;
}

.certList a:hover {
	color: #ffffff;
}

.side-sign {
	z-index: 100;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

.side-sign i {
	padding: 0 5px 0 5px;
}

.side-sign:hover {
	background-color: var(--bs-gray-dark) !important;
	;
}

.modal-loading {
	text-align: center;
	justify-content: flex-end;
	padding: 0.75rem
}

.dot {
	width: 12px;
	height: 12px;
	background: #22303e;
	display: inline-block;
	border-radius: 50%;
	right: 0px;
	bottom: 0px;
	margin: 0px 2.5px;
	position: relative;
	animation: jump 1s infinite;
}

.dots-cont .dot-1 {
	-webkit-animation-delay: 100ms;
	animation-delay: 100ms;
}

.dots-cont .dot-2 {
	-webkit-animation-delay: 200ms;
	animation-delay: 200ms;
}

.dots-cont .dot-3 {
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms;
}

@keyframes jump {
	0% {
		bottom: 0px;
	}

	20% {
		bottom: 5px;
	}

	40% {
		bottom: 0px;
	}
}

header {
	z-index: 2;
	position: relative;
}

div {
	display: block;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

.page-site {
	background-color: #ffffff;
	min-height: 20vh;
}

.card-edit {
	margin: 60px;
	min-width: 180px !important;
}

.navbar {
	padding: 0rem 1rem !important;
	width: 900px !important;

}

.navbar .navbar-brand img {
	max-width: 220px;
}

.wrapper-main {
	background-color: rgb(255, 255, 255, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	position: absolute;
	top: 0;
	left: 0;
}

.wrapper-main-interior {
	background-color: rgba(0, 0, 0, .1) !important;
	position: relative !important;
}

.wrapper-main-footer {
	background-color: rgba(0, 0, 0, .1) !important;
	position: relative !important;
}

.wrapper-main .nav-item {
	border-radius: 5px;
	padding: 10px 0;
	text-shadow: 0px 0px 1px rgb(255 255 255 / 30%);
}

.navbar-nav .nav-item:hover {
	border-radius: 0px;
	padding: 10px 0;
	background-color: rgb(255, 255, 255, 0.5);
	text-shadow: 0px 0px 1px rgb(255 255 255 / 30%);
}

.navbar-nav .nav-item:hover {
	border-radius: 0px;
	text-shadow: 0px 0px 1px rgb(255 255 255 / 30%);
}

.navbar-nav .nav-item:hover .nav-link {
	color: #171c74 !important;
}

.navbar-nav .nav-item-footer {
	border-radius: 0px;
	padding: 10px 0;
	/* background-color: rgb(255,255,255,0.5); */
	text-shadow: 0px 0px 1px rgb(255 255 255 / 30%);
}

.navbar-nav .nav-item-footer:hover {
	border-radius: 0px;
	text-shadow: 0px 0px 1px rgb(255 255 255 / 30%);
}

.wrapper-main .nav-item-footer .nav-link {
	color: #171c74 !important;
}

.wrapper-main .nav-item .nav-link {
	font-weight: 600;
}

.wrapper-main .nav-item .nav-link i {
	font-size: 12px;
}

.wrapper-main .nav-item:hover .svg {
	filter: brightness(0) invert(1) opacity(90%);
}

.wrapper-title {
	background: var(--pos-blue);
	background-image: url("../images/background.png");
}

.wrapper-title .row {
	overflow: hidden;
	position: relative;
}

.wrapper-title .row i {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	font-size: 3.8em;
	color: rgb(0 0 0 / 10%);
	width: 100px;
}

@-webkit-keyframes fade-in {

	0%,
	20% {
		opacity: 0;
		transform: translateY(150%);
	}

	30%,
	70% {
		opacity: 1;
		transform: translateY(0);
	}

	80%,
	100% {
		opacity: 0;
		transform: translateY(-150%);
	}
}

@keyframes fade-in {

	0%,
	20% {
		opacity: 0;
		transform: translateY(150%);
	}

	30%,
	70% {
		opacity: 1;
		transform: translateY(0);
	}

	80%,
	100% {
		opacity: 0;
		transform: translateY(-150%);
	}
}

.wrapper-title h3 {
	position: relative;
	top: 0px;
	-webkit-animation: fade-in 4.5s;
	animation: fade-in 4.5s;
}

.wrapper-title .container .row {
	min-height: 80px;
}

.wrapper-title .info-title {
	font-family: 'Signika Negative', sans-serif;
	color: rgb(255, 255, 255, 0.8);
	margin-bottom: 0 !important;
	text-shadow: -4px 3px 1px rgb(0 0 0 / 10%);
	font-size: 3rem;
	font-weight: 700;
	text-align: center;
}

.wrapper-title .info-bar {
	display: block;
	width: auto;
}

.wrapper-title .info-bar .info-header {
	font-size: .8em;
	text-shadow: 0px 0px 1px rgb(255 255 255 / 30%);
}

.wrapper-title .info-bar .info-footer {
	font-size: .9em;
	font-weight: 700;
}

li.up,
li.up:after,
li.up:before {
	transition: all .5s;
}

.bg-light {
	background-color: transparent !important;
}

li.up {
	position: relative;
}

nav.stroke ul li a,
nav.fill ul li a {
	position: relative;
}

li.up:after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 0%;
	content: ' ';
	color: transparent;
	background: rgb(150, 204, 31);
	height: 1px;
}

li.up:hover:after {
	width: 100%;
}


.logo {
	font-family: 'Hammersmith One', sans-serif;
	font-weight: 600;
	font-size: 2em;
	color: rgba(255, 255, 255, 0.3) !important;
	text-shadow: rgb(0 0 0 / 30%) 0px 1px 2px;
}

.logo-footer {
	font-family: 'Hammersmith One', sans-serif;
	font-weight: 600;
	font-size: 3em;
	color: rgba(255, 255, 255, 0.3) !important;
	text-shadow: rgb(0 0 0 / 30%) 0px 1px 2px;
}

.mainmenu {
	font-size: 15px;
	color: #FFFFFF;
}

.element {
	width: 100%;
	height: 100%;
	background: #333333;
}

.element:after {
	content: "";
	display: block;
	background-size: cover;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	z-index: 0;
	background-position: 50% 50%;
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.element-content {
	color: #ffffff;
	display: grid;
	width: 100%;
	position: absolute;
	top: auto;
	bottom: 10%;
	line-height: auto;
	z-index: 1;
}

.element-content li {
	margin: 0 1% 0 1%;
}

.element-content li .element-title {
	font-family: 'Hammersmith One';
	display: block;
	font-size: 55px;
	font-weight: 700;
	text-align: center;
	text-shadow: rgb(0 0 0 / 50%) 0px 2px 5px;
}

.element-content li .element-subtitle {
	font-family: 'Poppins';
	display: block;
	font-size: 25px;
	font-weight: 300;
	line-height: 1.63;
	font-family: Poppins, sans-serif;
	letter-spacing: 0em;
	text-align: center;
	margin: 20px 0;
}

.element-content li .element-article {
	font-family: 'Open Sans';
	display: block;
	font-size: 21px;
	font-weight: 400;
	text-align: center;
}

.element-content li .element-article .element-button {
	padding: 5px 10px;
	border-radius: 50px;
	background-color: rgba(102, 16, 242, .7);
	outline: solid 4px rgba(255, 255, 255, .2);
	border: solid 2px rgba(255, 255, 255, .5);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.element-content li .element-link {
	display: block;
}

.wrapper-tools {
	background-color: rgba(150, 204, 31, 1);
}

.wrapper-tools .container .row {
	min-height: 80px;
}

.wrapper-tools .info-bar {
	display: block;
	width: auto;
}

.wrapper-tools .info-bar .info-header {
	font-size: .8em;
	text-shadow: 0px 0px 1px rgb(255 255 255 / 30%);
}

.wrapper-tools .info-bar .info-footer {
	font-size: .9em;
	font-weight: 700;
}


.wrapper-site {
	height: 100vh;
}


footer {
	background-color: rgba(0, 0, 0, 0.85) !important;
	position: relative !important;
}

.fa-bomb {
	font-size: 5em;
	color: #efefef;
}

.navbar-collapse {
	/* display: flex!important;
    display: -ms-flexbox!important; */
	-ms-flex-preferred-size: auto;
	/* flex-basis: auto; */
	justify-content: flex-end;
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center;
}

.navbar-expand-md {
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.user::before {
	font-family: "FontAwesome";
	font-weight: 500;
	content: "\f2c0";
}

.svg {
	filter: brightness(0) invert(1) opacity(50%);
	width: 22px;
	vertical-align: middle;
}

.svg-search {
	filter: brightness(0) invert(0) opacity(50%);
	width: 23px;
	vertical-align: middle;
	right: 10px;
}

.svg-whatsapp {
	filter: brightness(0) invert(1) opacity(90%);
	vertical-align: middle;
	width: 37px;
}

:root {
	--gray-light: #f0f0f0;
	--gray-medium: #d0d0d0;
	--pos-green: #96cc1f;
	--pos-blue: #171c74;
	--pos-violet: rgba(102, 16, 242, .8);
	--bs-gray: #6c757d;
}

.violet-color {
	color: var(--pos-violet) !important;
}

.gray-color {
	color: var(--bs-gray) !important;
}

.green-color {
	color: var(--pos-green) !important;
}

.blue-color {
	color: var(--pos-blue) !important;
}

.col-12.title-description {
	font-family: 'Poppins';
	font-weight: 600;
	font-size: 21px;
}

h4.titulo-curso {
	position: relative;
}

div.info-button {
	top: 0;
	right: 0px;
	transform: translate(-50%, 0);
}



/* Bootstrap Alteracoes */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.card-link,
.card-link:hover {
	text-decoration: none;
	color: var(--dark);
}

.card-room {
	cursor: pointer;
	box-shadow: 0 5px 18px 3px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.1s ease-out, transform 0.1s ease-out;
	height: 100%;
	overflow: hidden;
	position: relative;
	border-radius: 5px;
}

.card-room--up:hover {
	transform: translateY(-5px);
	box-shadow: 0 5px 20px 3px rgba(0, 0, 0, 0.2);
}

.card-room--up:active {
	box-shadow: 0 3px 13px 3px rgba(0, 0, 0, 0.25);
}

.card-room i {
	font-size: 4em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	color: rgba(0, 0, 0, 0.2);
	background-color: rgba(102, 16, 242, .8);
	border-bottom: solid 5px rgba(0, 0, 0, 0);
	-webkit-transition: color 1.5s;
	transition: color 1.5s;
}

.card-room .card-line {
	background-color: rgba(102, 16, 242, .8);
}

.card-room .card-line:before {
	display: block;
	content: '';
	border-bottom: solid 5px rgba(0, 0, 0, .2);
	transform: scaleX(0);
	transition: transform 500ms ease-in-out;
}

.card-room:hover .card-line:before {
	transform: scaleX(1);
}

.card-room:hover i {
	color: rgba(255, 255, 255, .8);
}

.row>.col {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.row>[class^="col-"]:not(.col-sm-8) {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}


.form-control:focus {
	border-color: rgba(0, 0, 0, 0);
	outline: solid 3px rgba(0, 0, 0, .3);
	box-shadow: 0 0 0;
}

.form-pesquisa {
	border-radius: 50px;
}

.center-vertical {
	top: 50%;
	transform: translateY(-50%);
}

.nav-redir {
	cursor: pointer;
}

.login {
	margin-top: 30px;
	font-size: 25px !important;
	font-weight: 500 !important;
	color: var(--bs-gray);
}

.form-control {
	background-color: rgba(0, 0, 0, .1) !important;
	border: solid 2px rgba(255, 255, 255, .5) !important;
	outline: solid 4px rgba(255, 255, 255, .2) !important;
	color: #000 !important;
	font-size: 15px !important;
	border-radius: 50px !important;
	width: 30% !important;
	margin: 30px auto;

}

#mensagem {
	text-align: center;
	margin-bottom: 1rem;
	padding: 0.5rem 1rem;
	border-radius: 5px;
	font-weight: bold;
	display: none;
}

.mensagem-sucesso {
	color: #155724;
	background-color: #d4edda;
	border: 1px solid #c3e6cb;
}

.mensagem-erro {
	color: #721c24;
	background-color: #f8d7da;
	border: 1px solid #f5c6cb;
}

.modal {
	display: none;
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
	/* fundo escuro */
}

.modal-conteudo {
	background-color: #fff;
	margin: 15% auto;
	padding: 20px;
	border-radius: 10px;
	width: 300px;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.modal-conteudo p {
	margin-bottom: 20px;
	font-size: 16px;
}


.form-edicao {
	margin: 5px auto;
	font-size: 16px !important;
	width: 100% !important;
	height: auto !important;
}

.btn {
	padding: 0.175rem 0.75rem !important;
	border-radius: 20px !important;
	margin: 3px;
}

.btn-container {
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}

.btn-lg {
	margin: auto;
}

.btn-primary {
	color: #6c757d !important;
	border-color: #6c757d !important;
	background-color: #ffffff !important;
	font-size: 15px !important;
}

.btn-primary:hover {
	color: #ffffff;
	border-color: #6c757d;
	background-color: #6c757d;
}

.btn-view{
	width: 150px !important;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
	box-shadow: 0 0 0 .25rem;
	color: #6c757d;
	border-color: #6c757d;
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
	color: #ffffff;
	border-color: #6c757d;
	background-color: #6c757d;
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 .25rem #6c757d;
	color: #6c757d;
	border-color: #6c757d;
}

.btn-primary.disabled,
.btn-primary:disabled {
	color: #6c757d;
	border-color: #6c757d;
	background-color: #ffffff;
	font-size: 15px;
}



.btn-purple {
	color: #fff;
	background-color: rgba(102, 16, 242, .8);
	border-color: rgba(102, 16, 242, 0);
}

.btn-purple:hover {
	color: #fff;
	background-color: rgba(102, 16, 242, 1);
	border-color: rgba(102, 16, 242, 0);
}

.btn-purple:focus,
.btn-purple.focus {
	box-shadow: 0 0 0 .2rem rgba(102, 16, 242, 0.5);
}

.btn-purple:not(:disabled):not(.disabled):active,
.btn-purple:not(:disabled):not(.disabled).active,
.show>.btn-purple.dropdown-toggle {
	color: #fff;
	background-color: rgba(102, 16, 242, 1);
	border-color: 0 0 0 .2rem rgba(102, 16, 242, 0.5);
}

.btn-purple:not(:disabled):not(.disabled):active:focus,
.btn-purple:not(:disabled):not(.disabled).active:focus,
.show>.btn-purple.dropdown-toggle:focus {
	box-shadow: 0 0 0 .2rem rgba(102, 16, 242, 0.5);
}

.mx-auto-right {
	margin-right: auto !important;
	margin-left: 0 !important;
}

.col-cupom-right {
	background-color: #d0d0d0;
	border-left: dotted 3px #ffffff;
}

.blockquote {
	font-size: 1.1em;
	line-height: 1.6em;
	padding: 20px 20px 20px 40px;
	border-left: none;
	position: relative;
	text-indent: -19px
}

.blockquote:before,
.blockquote:after {
	font-family: 'Poppins', serif;
	color: rgba(0, 0, 0, 0.5);
	font-size: 2.5em;
	vertical-align: middle;
	line-height: 0
}

.blockquote:before {
	content: open-quote;
	margin-right: 4px
}

.blockquote:after {
	content: close-quote;
	margin-left: 3px
}

.manutencao {
	width: 400px;
	height: 300px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -200px;
	font-family: 'Montserrat', arial;
	overflow: hidden;
	border-radius: 5px;
	background-color: #ffffff;
}

.manutencao .titulo {
	display: block;
	text-transform: uppercase;
	background-color: #db6e00;
	padding: 6px;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background-color: rgba(102, 16, 242, .8);
	border-color: rgba(102, 16, 242, 0);
}

.manutencao .mensagem {
	margin: 20px 10px 10px 10px;
	height: 240px;
	position: relative;
	text-align: center;
}

.manutencao .rodape {
	position: absolute;
	left: 0;
	bottom: 10px;
	font-size: 13px;
	text-align: center;
	width: 100%;
}



@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {
		display: block;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
		margin-top: 0;
	}

	.navbar .nav-item:hover .nav-link {
		color: #fff;
	}

	.navbar .nav-item:hover .dropdown-menu {
		transition: .3s;
		opacity: 1;
		visibility: visible;
		top: 100%;
		transform: rotateX(0deg);
	}

	.navbar .dropdown-menu.fade-down {
		top: 80%;
		transform: rotateX(-75deg);
		transform-origin: 0% 0%;
	}

	.navbar .dropdown-menu.fade-up {
		top: 180%;
	}

	.card-body {
		max-width: 50%;
	}

	.navbar .dropdown-menu {
		padding: 0;
	}

	.nav-item {
		text-align: center;
	}
}

@media all and (max-width: 992px) {
	.navbar .navbar-brand {
		padding: 5px 0 !important;
	}

	.navbar .navbar-brand img {
		max-width: 35vw !important;
	}

	.nav-item {
		text-align: center;
	}
}

/* Responsividade Global */
@media (max-width: 575.98px) {
	.element-content li .element-title {
		font-size: 30px;
	}

	.element-content li .element-subtitle {
		font-size: 16px;
	}

	.element-content li .element-article {
		font-size: 14px;
	}

	.navbar .navbar-brand img {
		max-width: 60vw !important;
	}

	.logofooter {
		width: 50%;
		margin: 5% auto;
	}

	.footerinfo,
	.footercontato,
	.footerredes {
		padding: 10px;
		text-align: center;
	}

	/* .card-img, .card-img-top {
		width: 50%;
		height: auto;
	} */
	.card {
		width: 80%;
		margin: auto;
	}

	.card-text {
		font-size: 15px;
	}

	.card-title {
		font-size: 105%;
	}

	.row>[class^="col-"]:not(.col-sm-8) {
		padding-top: 7px;
		padding-bottom: 5px;
	}

	.nav-item {
		text-align: center;
	}

	.col-sm-8 {
		display: none;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.element-content li .element-title {
		font-size: 40px;
	}

	.element-content li .element-subtitle {
		font-size: 20px;
	}

	.nav-item {
		text-align: center;
	}

	.col-sm-4 {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px;
	}

	.row {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px;
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.element-content li .element-title {
		font-size: 48px;
	}

	.element-content li .element-subtitle {
		font-size: 22px;
	}

	.nav-item {
		text-align: center;
	}

	.nav-link {
		font-size: 11px;
	}

	.logofooter {
		width: 200px;
		margin: 5% 138%;
	}

	.col-sm-8 {
		display: none;
	}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.card-text {
		width: 120px;
	}

	.navbar-nav {
		margin-left: 80px;
	}

}

@media (min-width: 1200px) {
	.container {
		max-width: 2000px;
	}

	.card {
		width: 190px;
	}

	.card-title {
		font-size: 20px !important;
		width: 100px;
		margin: auto;
	}

	.card-text {
		font-size: 15px !important;
		width: 150px;
		margin: auto;
	}

	.card-img,
	.card-img-top {
		width: 100%;
		height: auto;
	}

	.nav-link {
		font-size: 15px !important;
	}

	/* .col-sm-4{
		width: 200px !important;
		height: 490px !important;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px;
	} */
	.min-vh-100 {
		min-height: 48vh !important;
	}

}

@media (min-width: 1400px) {
	.min-vh-100 {
		min-height: 50vh !important;
	}
}

@media (min-width: 2190px) {
	.nav-item {
		text-align: center;
	}

	.nav-link {
		font-size: 25px !important;
	}

	.page-site {
		height: 100vh;
	}

	.wrapper-title .info-title {
		font-size: 80px;
	}

	li.nav-link {
		font-size: 20px;
	}

	.col-sm-8 {
		justify-content: end;
		padding-left: 30px;
		margin-left: auto !important;
	}

	.text-center {
		font-size: 30px;
	}

	.logofooter {
		width: 250px;
	}

	.fs-m {
		font-size: 30px;
	}

	.fs-s {
		font-size: 20px;
		margin: auto;
		margin-bottom: 0px !important;
	}

	.card-edit {
		margin: 120px;
	}

	h3,
	.h3 {
		font-size: 50px !important;
	}

	.card-title {
		font-size: 40px !important;
		width: 290px;
	}

	.card-text {
		font-size: 30px !important;
		width: 290px;
	}

	.card {
		width: 350px;
		height: auto
	}

	.col-sm-12 {
		padding-bottom: 18px;
		margin-bottom: 26px;
	}

	a {
		font-size: 23px !important;
	}

	.fs-t {
		font-size: 45px !important;
	}

	.email {
		font-size: 30px !important;
	}

	.btn-primary {
		font-size: 35px !important;
	}

	.btn {
		border-radius: 50px !important;
	}

	/* section{
		height: 1400px;
		margin-top: 250px;
	} */
	.min-vh-100 {
		min-height: 84vh !important;
	}

	.login {
		font-size: 50px !important;
	}

	.fs-h {
		font-size: 40px !important;
	}
}