/********** Template CSS **********/
:root {
	--primary: #348e38;
	--secondary: #525368;
	--light: #e8f5e9;
	--dark: #0f4229;
}

.back-to-top {
	position: fixed;
	display: none;
	right: 30px;
	bottom: 30px;
	z-index: 99;
}

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

h3,
.h3,
h4,
.h4,
.fw-medium {
	font-weight: 600 !important;
}

h5,
.h5,
h6,
.h6,
.fw-semi-bold {
	font-weight: 500 !important;
}

/*** Spinner ***/
#spinner {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;
	z-index: 99999;
}

#spinner.show {
	transition: opacity 0.5s ease-out, visibility 0s linear 0s;
	visibility: visible;
	opacity: 1;
}

/*** Button ***/
.btn {
	transition: 0.5s;
	font-weight: 500;
}

.btn-primary,
.btn-outline-primary:hover {
	color: var(--light);
}

.btn-square {
	width: 38px;
	height: 38px;
}

.btn-sm-square {
	width: 32px;
	height: 32px;
}

.btn-lg-square {
	width: 48px;
	height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: normal;
}

/*** Navbar ***/
.navbar.sticky-top {
	top: -100px;
	transition: 0.5s;
}

.navbar .navbar-brand,
.navbar a.btn {
	height: 80px;
}

.navbar .navbar-nav .nav-link {
	margin-right: 0px;
	padding: 25px 0;
	color: var(--dark);
	font-size: 18px;
	font-weight: 500;
	outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
	color: var(--primary);
}

.navbar .dropdown-toggle::after {
	border: none;
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	vertical-align: middle;
	margin-left: 2px;
}
.navbar .naac-page-menu::after {
	margin-left: 6px !important;
}

@media (max-width: 991.98px) {
	.navbar .navbar-nav .nav-link {
		margin-right: 0;
		padding: 10px 0;
	}

	.navbar .navbar-nav {
		border-top: 1px solid #eeeeee;
	}
}

@media (min-width: 992px) {
	/* .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }*/
}

/*** Header ***/
.carousel-caption {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	/* background: rgba(15, 66, 41, 0.6); */
	z-index: 1;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
	width: 3rem;
	height: 3rem;
	border-radius: 3rem;
	background-color: var(--primary);
	border: 10px solid var(--primary);
}

@media (max-width: 768px) {
	#header-carousel .carousel-item {
		position: relative;
		min-height: 450px;
	}

	#header-carousel .carousel-item img {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

.page-header {
	background: linear-gradient(rgba(15, 66, 41, 0.6), rgba(15, 66, 41, 0.6)),
		url(web-assets/img/carousel-1.jpg) center center no-repeat;
	background-size: cover;
}

.page-header .breadcrumb-item + .breadcrumb-item::before {
	color: var(--light);
}

.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
	font-size: 18px;
	color: var(--light);
}

/*** Top Feature ***/
@media (min-width: 991.98px) {
	.top-feature {
		position: relative;
		margin-top: -80px;
		z-index: 1;
	}
}

/*** Facts & Quote ***/
.facts,
.quote {
	background: rgba(15, 66, 41, 0.6);
}

/*** Service ***/
.service-item {
	position: relative;
	text-align: center;
}

.service-item .service-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: -1;
}

.service-item .service-img img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	object-fit: cover;
	transform: scale(1.2);
	transition: 0.3s;
	z-index: -1;
}

.service-item:hover .service-img img {
	transform: scale(1);
}

.service-item .service-text {
	background: #ffffff;
	box-shadow: 0 0 45px rgba(0, 0, 0, 0.08);
	transition: 0.3s;
}

.service-item:hover .service-text {
	background: rgba(15, 66, 41, 0.6);
}

.service-item .service-text h4,
.service-item .service-text p {
	transition: 0.3;
}

.service-item:hover .service-text h4 {
	color: #ffffff;
}

.service-item:hover .service-text p {
	color: var(--light);
}

.service-item .service-text .btn-square {
	width: 100px;
	height: 100px;
	background: transparent;
	transition: 0.5s;
}

.service-item:hover .service-text .btn-square {
	background: var(--light);
}

.service-item .service-text .btn {
	width: 31px;
	height: 31px;
	display: inline-flex;
	align-items: center;
	color: var(--dark);
	background: var(--light);
	white-space: nowrap;
	overflow: hidden;
	transition: 0.3s;
}

.service-item:hover .service-text .btn {
	width: 112px;
}

/*** Project Portfolio ***/
#portfolio-flters {
	display: inline-block;
	background: var(--light);
	padding: 10px 15px;
}

#portfolio-flters li {
	display: inline-block;
	font-weight: 500;
	color: var(--primary);
	cursor: pointer;
	transition: 0.5s;
	border-bottom: 2px solid transparent;
}

#portfolio-flters li:hover,
#portfolio-flters li.active {
	color: var(--dark);
	border-color: var(--dark);
}

.portfolio-inner {
	position: relative;
	overflow: hidden;
}

.portfolio-inner::before,
.portfolio-inner::after {
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(15, 66, 41, 0.6);
	transition: 0.5s;
}

.portfolio-inner::after {
	left: auto;
	right: 0;
}

.portfolio-inner:hover::before,
.portfolio-inner:hover::after {
	width: 50%;
}

.portfolio-inner .portfolio-text {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: 0.5s;
	z-index: 3;
	opacity: 0;
}

.portfolio-inner:hover .portfolio-text {
	transition-delay: 0.3s;
	opacity: 1;
}

.portfolio-inner .portfolio-text .btn {
	background: var(--light);
	color: var(--primary);
}

.portfolio-inner .portfolio-text .btn:hover {
	background: var(--primary);
	color: var(--light);
}

/*** Team ***/
.team-item {
	position: relative;
	overflow: hidden;
}

.team-item .team-text {
	position: absolute;
	width: calc(100% - 45px);
	left: -100%;
	bottom: 45px;
	padding: 1.5rem;
	background: #ffffff;
	border-radius: 0 4px 4px 0;
	opacity: 0;
	transition: 0.5s;
}

.team-item:hover .team-text {
	left: 0;
	opacity: 1;
}

.team-item .team-social .btn {
	background: var(--light);
	color: var(--primary);
}

.team-item .team-social .btn:hover {
	background: var(--primary);
	color: var(--light);
}

.team-item .team-img .team-social {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.5s;
	z-index: 3;
	opacity: 0;
}

.team-item:hover .team-img .team-social {
	transition-delay: 0.3s;
	opacity: 1;
}

/*** Testimonial ***/

.testimonial-carousel .owl-item img {
	width: 100px;
	height: 100px;
}

.testimonial-carousel .owl-nav {
	margin-top: 30px;
	display: flex;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
	margin-right: 15px;
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--primary);
	background: var(--light);
	border-radius: 4px;
	font-size: 22px;
	transition: 0.5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
	background: var(--primary);
	color: var(--light);
}

/*** Footer ***/
.footer .btn.btn-link {
	display: block;
	margin-bottom: 5px;
	padding: 0;
	text-align: left;
	color: var(--light);
	font-weight: normal;
	text-transform: capitalize;
	transition: 0.3s;
}

.footer .btn.btn-link::before {
	position: relative;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 10px;
}

.footer .btn.btn-link:hover {
	color: var(--primary);
	letter-spacing: 1px;
	box-shadow: none;
}

.copyright {
	color: var(--light);
	background: #072a19;
}

.copyright a {
	color: #ffffff;
}

.copyright a:hover {
	color: var(--primary);
}

@media (max-width: 200px) {
	#infrastructure-carousel .carousel-item {
		position: relative;
		min-height: 450px;
	}

	#infrastructure-carousel .carousel-item img {
		position: absolute;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
/*
=== === === === === === === === Accessibility Menu UI === === === === === === === ===
*/

#accessibilityBar {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	z-index: 9999;

	position: fixed;
	top: 260px;
	right: 0;
	transform: translate(100%, -50%);
	background-color: rgba(34, 34, 34, 0.75);
	border-radius: 0.5rem 0 0 0.5rem;
	box-shadow: 0 5px 30px rgba(34, 34, 34, 0);
}

#accessibilityBar * {
	box-sizing: border-box;
}

#accessibilityBar.active {
	transform: translate(0, -50%);
	box-shadow: 0 5px 30px rgba(34, 34, 34, 0.5);
}

#accessibilityBar button {
	outline: none !important;
	box-shadow: none !important;
	-webkit-appearance: none;
	cursor: pointer;
}

#accessibilityBar button#universalAccessBtn {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
	color: #fff;
	background-color: #1d4892;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border-radius: 50%;
	border: none;
	position: fixed;
	top: 24px;
	transform: translate(-110%, -50%);
	cursor: pointer;
}

#accessibilityBar button#universalAccessBtn span {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1;
	text-align: right;
	font-weight: bold;
	color: #fff;
	background-color: #a32c30;
	box-shadow: 0 10px 30px rgba(102, 102, 102, 0.1);
	height: 100%;
	padding: 0 1rem;
	border-radius: 0.25rem;
	display: flex;
	align-items: center;
	position: fixed;
	top: 260px;
	right: 120%;
	transform: translateY(-50%);
}

#accessibilityBar button#universalAccessBtn.collapsed span {
	opacity: 0;
	right: 50%;
}

#accessibilityBar button#universalAccessBtn:hover span {
	opacity: 1;
	right: 120%;
}

#accessibilityBar button.setAccessibility {
	font-size: 14px;
	font-size: 1rem;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #222;
	font-weight: normal;
	background-color: #eee;
	width: 100%;
	padding: 0.1rem 0.2rem;
	border-radius: 0.25rem;
	border: none;
	display: flex;
	align-items: center;
	margin: 0.1em;
}
#accessibilityBar button.setAccessibility:hover {
	background-color: #fff;
}

/* #accessibilityBar button.setAccessibility:focus {
    background-color: #a32c30;
    /* color: #fff !important; */ /*
} */

#accessibilityBar button.setAccessibility strong {
	color: #fff;
	background-color: #a32c30;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 0.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.25rem;
}

@media (max-width: 576px) {
	#accessibilityBar {
		position: fixed;
		top: initial;
		bottom: 0;
		transform: translateX(100%);
	}

	#accessibilityBar.active {
		transform: translateX(0);
	}

	#accessibilityBar #universalAccessBtn {
		top: initial;
		transform: translateX(-120%);
		bottom: 16px;
		border-radius: 50%;
	}
}

body.pagina-acessivel #accessibilityBar button[data-accessibility="contrast"] {
	background-color: #a32c30 !important;
	color: #fff !important;
}

body.grayscale #accessibilityBar button[data-accessibility="dark"] {
	background-color: #a32c30 !important;
	color: #fff !important;
}

body.underline #accessibilityBar button[data-accessibility="underline"] {
	background-color: #a32c30;
	color: #fff !important;
}

body.voice_state #accessibilityBar button[data-accessibility="voiceFeature"] {
	background-color: #a32c30;
	color: #fff !important;
}

body.accessibility_markerLine
	#accessibilityBar
	button[data-accessibility="markerLine"] {
	background-color: #a32c30;
	color: #fff !important;
}

body.accessibility_readingLine #readingLine {
	background-color: #a32c30 !important;
	opacity: 1;
	width: 100vw;
	height: 0.5rem;
	position: absolute;
	left: 0;
	z-index: 9999;
	transform: translateY(0.5rem);
}

body.accessibility_markerLine #markerLine {
	background-color: #e4fd00 !important;
	opacity: 0.75;
	border-width: 0.1px 0;
	border-style: solid;
	border-color: #cde400;
	width: 100vw;
	height: 1.75rem;
	position: absolute;
	left: 0;
	z-index: 9999;
	transform: translateY(-1rem);
	mix-blend-mode: color;
}

body.accessibility_markerLine.contrast #markerLine {
	mix-blend-mode: multiply;
	opacity: 1;
}

body.accessibility_markerLine.darkmode #markerLine {
	opacity: 0.25;
	background: #655b5b !important;
	mix-blend-mode: unset;
}

body.contrast {
	background: #000 !important;
	color: #fff !important;
}

body.contrast nav,
body.contrast li,
body.contrast ol,
body.contrast header,
body.contrast footer,
body.contrast section,
body.contrast main,
body.contrast aside,
body.contrast article {
	background: #000 !important;
	color: #fff !important;
}

body.contrast h1,
body.contrast h2,
body.contrast h3,
body.contrast h4,
body.contrast h5,
body.contrast h6,
body.contrast p,
body.contrast label,
body.contrast strong,
body.contrast em,
body.contrast cite,
body.contrast q,
body.contrast i,
body.contrast b,
body.contrast u,
body.contrast span {
	color: #fff !important;
}

body.contrast a {
	color: #ff0 !important;
}

body.contrast a * {
	color: #ff0 !important;
}

body.contrast button,
body.contrast input[type="button"],
body.contrast input[type="reset"],
body.contrast input[type="submit"] {
	background: #ff0 !important;
	color: #000 !important;
	font-weight: bold;
	border: none !important;
}

body.contrast img {
	filter: grayscale(100%) contrast(120%);
}

body.contrast input[type="text"],
body.contrast input[type="password"],
body.contrast input[type="url"],
body.contrast input[type="search"],
body.contrast input[type="email"],
body.contrast input[type="tel"],
body.contrast input[type="date"],
body.contrast input[type="month"],
body.contrast input[type="week"],
body.contrast input[type="datetime"],
body.contrast input[type="datetime-local"],
body.contrast textarea,
body.contrast input[type="number"] {
	background: #000 !important;
	border: 1px solid #fff !important;
	color: #fff !important;
}

body.contrast #accessibilityBar * {
	background-color: #000 !important;
	color: #ff0 !important;
}

body.contrast #accessibilityBar .setAccessibility {
	border: 1px solid !important;
}

body.contrast
	#accessibilityBar
	.setAccessibility[data-accessibility="contrast"] {
	background-color: #ff0 !important;
	color: #000 !important;
}

body.darkmode {
	background: #121212 !important;
	color: #655b5b !important;
}

body.darkmode nav,
body.darkmode li,
body.darkmode ol,
body.darkmode header,
body.darkmode footer,
body.darkmode section,
body.darkmode main,
body.darkmode aside,
body.darkmode article {
	background: #121212 !important;
	color: #655b5b !important;
}

body.darkmode h1,
body.darkmode h2,
body.darkmode h3,
body.darkmode h4,
body.darkmode h5,
body.darkmode h6,
body.darkmode p,
body.darkmode label,
body.darkmode strong,
body.darkmode em,
body.darkmode cite,
body.darkmode q,
body.darkmode i,
body.darkmode b,
body.darkmode u,
body.darkmode span {
	color: #655b5b !important;
}

body.darkmode a {
	color: #8d8080 !important;
}

body.darkmode a * {
	color: #8d8080 !important;
}

body.darkmode button,
body.darkmode input[type="button"],
body.darkmode input[type="reset"],
body.darkmode input[type="submit"] {
	background: #292323 !important;
	color: #655b5b !important;
	border: #191414 !important;
}

body.darkmode img {
	filter: grayscale(100%) contrast(120%);
}

body.darkmode input[type="text"],
body.darkmode input[type="password"],
body.darkmode input[type="url"],
body.darkmode input[type="search"],
body.darkmode input[type="email"],
body.darkmode input[type="tel"],
body.darkmode input[type="date"],
body.darkmode input[type="month"],
body.darkmode input[type="week"],
body.darkmode input[type="datetime"],
body.darkmode input[type="datetime-local"],
body.darkmode textarea,
body.darkmode input[type="number"] {
	background: #191414 !important;
	order: 1px solid #292323 !important;
	color: #655b5b !important;
}

body.darkmode img {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	filter: grayscale(75%) contrast(90%);
}

body.darkmode img:hover {
	filter: grayscale(0) contrast(100%);
}

body.darkmode #accessibilityBar * {
	background-color: #655b5b !important;
	color: #121212 !important;
}

body.darkmode
	#accessibilityBar
	.setAccessibility[data-accessibility="darkmode"] {
	background-color: #121212 !important;
	color: #655b5b !important;
}

body.darkmode #accessibilityBar .setAccessibility {
	color: #8d8080 !important;
}

body.darkmode #accessibilityBar .setAccessibility * {
	color: #8d8080 !important;
}

body.darkmode #accessibilityBar .setAccessibility strong,
body.darkmode #accessibilityBar .setAccessibility i {
	background-color: #191414 !important;
}

/*# sourceMappingURL=asb.css.map */
.pagina-acessivel {
	background-color: #111111 !important;

	color: #ffffff !important;
	border-color: #ffff00 !important;
}

.pagina-acessivel a,
.pagina-acessivel h1 a,
.pagina-acessivel h2 a,
.pagina-acessivel h3 a,
.pagina-acessivel h4 a,
.pagina-acessivel i {
	text-decoration: none;
	color: #ffff00 !important;
}

.pagina-acessivel a:hover {
	text-decoration: underline;
}

.pagina-acessivel .dropdown-menu {
	border-color: #ffffff !important;
}

.pagina-acessivel li.active > a {
	color: #e53935 !important;
}

.grayscale {
	-moz-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	filter: gray; /* IE6-9 */
	filter: grayscale(100%);
}

.voice_state {
}

a {
	text-decoration: none;
}
body.underline a {
	text-decoration: underline;
	text-decoration-thickness: 9%;
}
article {
	margin: 0 auto;
	max-width: 85vw;
}

article p {
	text-align: justify;
}

article img {
	max-width: 100%;
}

article.formTest form {
	width: auto;
	max-width: 100%;
	margin: auto;
	border: 1px solid;
	padding: 2rem;
	border-radius: 0.25rem;
}

article.formTest form label {
	margin-right: 1rem;
}

article.formTest form input[type="text"],
article.formTest form input[type="submit"] {
	padding: 1rem;
	border-radius: 0.25rem;
	border: 1px solid;
}

article.formTest form input[type="submit"] {
	background-color: #adff2f;
}