@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{
	--bs-primary: #1e1e1e !important;
	--bs-secondary: #757575 !important;
	--bs-gray-light: rgb(0 0 0 / 12%)!important;
	--bs-selected-text: #ffffff !important;
}
body {

}
html *::selection{
	background-color: var(--bs-primary);
	color: var(--bs-selected-text);
}
html *::-moz-selection{
	background-color: var(--bs-primary);
	color: var(--bs-selected-text);
}

@media only screen and (min-width: 1000px) {
	.urrr{
		margin-top: 64px !important;
	}
}

td {
	padding: 0;
}

.text-justify {
	text-align: justify !important;
}
a {
	text-decoration: none;
}
li, p{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
}
.bg-light-gray {
	background-color: #f5f5f5;
}
.h-primary {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 2.3em;
	text-align: left;
	margin-bottom: 40px;
	color: var(--bs-primary);
}
.devider {
	height: 1px;
	width: 100px;
}
.primary-c {
	color: var(--bs-primary);
}
.secondary-c {
	color: var(--bs-secondary);
}
.darkgray-c {
	color: var(--bs-gray-dark);
}
.subhead-api {
	font-size: 1.4em;
	font-weight: 500;
}
body{
	overflow-x: hidden;
}
.p-section {
	padding-top: 90px;
	padding-bottom: 90px;
}
.spacer {
	height: 50px;
}
/* Buttons */
.btn-e2b {
	padding: .6em 2em;
	font-size: 1.1em;
}
.btn-f-primary {
	color: #fff;
	background-color: var(--bs-primary);
	opacity: 1;
	transition: all .3s ease;
	border: none;
	border-radius: 4px;
}
.btn-f-primary:hover, .btn-f-primary:focus {
	color: #fff;
	opacity: .7;
	border: none;
	border-radius: 4px;
}
.btn-f-secondary {
	color: #fff;
	background-color: var(--bs-secondary);
	opacity: 1;
	transition: all .3s ease;
	border: none;
	border-radius: 4px;
}
.btn-f-secondary:hover, .btn-f-secondary:focus {
	color: #fff;
	opacity: .7;
	border: none;
	border-radius: 4px;
}
.btn-f-sp {
	color: #fff;
	background-color: var(--bs-secondary);
	opacity: 1;
	transition: all .3s ease;
	border: none;
	border-radius: 4px;
}
.btn-f-sp:hover, .btn-f-sp:focus {
	color: #fff;
	background-color: var(--bs-primary);
	border: none;
	border-radius: 4px;
}
.btn-b-primary {
	color: var(--bs-primary);
	background-color: transparent;
	border: 2px solid var(--bs-primary);
	transition: all .3s ease;
	border-radius: 4px;
}
.btn-b-primary:hover, .btn-b-primary:focus {
	color: #fff;
	background-color: var(--bs-primary);
}
.btn-b-secondary {
	color: var(--bs-primary);
	background-color: transparent;
	transition: all .3s ease;
	border: 2px solid var(--bs-secondary);
	border-radius: 4px;
}
.btn-b-secondary:hover, .btn-b-secondary:focus {
	background-color: var(--bs-secondary);
	color: #fff;
}
.socials svg path {
	transition: .3s;
}
.socials svg:hover path:first-child {
	fill: var(--bs-primary);
}



/*Footer*/
footer li, footer a {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: .9em;
}
.policity {
	text-decoration: underline !important;
}



/* Main Nav */
.nav-logo {
	height: 28px;
}
.navbar-glass > * {
	z-index: 2;
}
.main-nav {
	position: absolute;
	height: 58px;
	z-index: 1;
}
.modal-backdrop.fade.show {
	cursor: pointer;
}
.nav-item a.nav-link {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: .9em;
	border-radius: 4px;
	line-height: 140%;
}
.nav-item a.nav-link:hover {
	background-color: var(--bs-gray-light);
	color: var(--bs-primary);
}
.nav-item a.nav-link:active, .nav-item a.nav-link:focus {
	color: var(--bs-primary);
}
.nav-item a.nav-link.active {
	background-color: var(--bs-primary);
	color: #ffffff;
}
.glass {
	background-color: rgba(255, 255, 255, 0.52);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(8.1px);
	-webkit-backdrop-filter: blur(8.1px);
	border-bottom: 2px solid rgba(255, 255, 255, 0.57);
}
.offcanvas-navbar {
	background-color: rgba(255, 255, 255, 0.9);
	border: none;
}
.navbar-glass .navbar-toggler {
	color: transparent;
	border-color: transparent;
}
.navbar-glass .navbar-toggler-icon {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}




/* First Section */
.hero-img {
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-size: contain;
}
#hero {
	background-size: cover;
	overflow: hidden;
	background-position: bottom right;
	background-repeat: no-repeat;
}
#hero h1 {
	font-size: 5.5rem;
	color: var(--bs-primary);
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}
.hero-span {
	font-size: 1.1rem;
	color: var(--bs-secondary);
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	width: 80%;
	max-width: 500px !important;
}




/* Second Section */
.calc-card {
	border-radius: 10px;
	background: #f5f5f5;
	box-shadow:  -5px 5px 10px #e3e3e3,
	5px -5px 10px #ffffff;
	transition: all .2s ease;
	padding: 2em !important;
}
.calc-card:hover {
	background: #f9f9f9;
	box-shadow:  -20px 20px 40px #e3e3e3,
	20px -20px 40px #ffffff;
}
.calc-card img {
	width: 75px;
	opacity: .6;
	transition: opacity .2s ease;
}
.calc-card:hover img {
	opacity: .9;
}
.calc-card p {
	font-size: 1em;
	text-align: left !important;
}


/* Third Section */
.nav-pills .nav-link:hover{
	background-color: var(--bs-gray-light);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #ffffff;
	background-color: var(--bs-primary);
}
.nav-pills .nav-link {
	color: var(--bs-primary);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.section-btn {
	justify-content: start;
}
.section-btn a:hover {
	color: #ffffff !important;
}
.about-card {
	border-radius: 10px;
	background: #ffffff;
	box-shadow:  -5px 5px 10px #e3e3e3,
	5px -5px 10px #ffffff;
	transition: all .2s ease;
	padding: 2em !important;
	min-height: 320px;
}
.about-card:hover {
	box-shadow:  -20px 20px 40px #e3e3e3,
	20px -20px 40px #ffffff;
}
.about-card img {
	width: 100px;
}
.about-card p {
	font-size: 1em;
}


/* Fifth Section */
#it-section {
	background-position: 30% 50%;
	background-size: contain;
}
.it-item p {
	margin-bottom: 0;
}
.img-circle {
	height: 70px;
	width: 70px;
	border-radius: 60px;
	background-color: var(--bs-primary);
	display: flex;
	justify-content: center;
	align-items: center;
}
.img-circle img {
	width: 60%;
}

/* Sixth Section */
#slog {
	background-color: rgba(0, 0, 0, 0.87);
}
#slog p {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	color: var(--bs-primary);
	opacity: .7;
	max-width: 80vw;
}
#slog p::selection{
	background-color: var(--bs-white);
	color: var(--bs-selected-text);
}
#slog p::-moz-selection{
	background-color: var(--bs-white);
	color: var(--bs-selected-text);
}






.dynamic-table {
	border-collapse: collapse;
	margin: 0 auto;
}
.dynamic-table th {
	padding: 14px 3px;
	border: 1px solid #aaa;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	max-width: 250px;
	text-align: center;
}
.dynamic-table th:first-child {
	min-width: 90px;
}
.dynamic-table td {
	border: transparent;
}
.calc-header {
	text-align: center;
	padding: 14px 14px;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -17px;
}
.calc-header p {
	padding: 15px 0;
	background-color: #ddd;
	border-radius: 7px;
	box-shadow: #9f9f9f -2px 5px 0px inset;
}
.calc-table-btn-wrapper {
	padding-top: 14px;
	padding-left: 14px;
	padding-right: 14px;
	background-color: #ccc;
}
.calc-table-btn {
	width: 100%;
	padding: 12px;
	border: transparent;
	border-radius: 7px;
	box-shadow: #999 -1px 5px 0 0px;
	cursor: pointer;
	transition: all .15s ease;
	background-color: #efefef;
}
.calc-table-btn:hover {
	background-color: #fdfdfd;
}
.calc-table-btn:active  {
	transform: translateY(2px);
	background-color: #efefef;
	box-shadow: #999 -2px 3px 0 0px;
}
.dynamic-table tbody tr.calc-header-wrapper td .calc-header {
	padding-bottom: 0;
	background-color: #ccc;
	border-radius: 10px 10px 0 0;
}
.dynamic-table tbody tr.calc-header-wrapper td .calc-header {
	margin-top: 20px;
}
tr.calc-bottom-border > td:nth-child(2) {
	border-radius: 0 0 0 10px;
}
tr.calc-bottom-border > td.calc-table-btn-wrapper {
	padding-bottom: 20px;
}
tr.calc-bottom-border > td.calc-table-btn-wrapper:last-child {
	border-radius: 0 0 10px 0;
}
.calc-btns-row td:first-child {
	font-size: 12px;
	color: #333;
	text-align: center;
}



@media (max-width: 1000px) {
	/*First Section*/
	.mobile-mg-top {
		margin-top: 72px !important;
	}

}

/* Madias */

/* Extra Small */
@media (max-width: 575.98px) {
	/*First Section*/
	#hero h1 {
		font-size: 20vw;
	}
	.hero-img {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.hero-img + div {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.hero-img + div span {
		text-align: center;
	}
	.hero-btn{
		flex-direction: column;
		width: 100%;
	}
	.hero-btn a {
		text-align: center;
	}
	/*Second Section*/
	#calc div div.row:nth-child(2) {
		justify-content: center;
	}
	.h-primary {
		text-align: center;
	}
	.devider {
		margin: 0 auto;
	}
	#calc p {
		text-align: center;
	}
	.flex-xs-column-reverse {
		flex-direction: column-reverse;
	}
	.calc-card img {
		width: 75px;
	}
	.calc-card {
		padding: 1.5em !important;
	}
	/*Third Section*/
	.section-btn {
		justify-content: center;
	}
	.section-btn a:hover {
		color: #ffffff !important;
	}



	/*Fourth Section*/

	#analytics p {
		text-align: center;
	}
	#analytics div div.row {
		justify-content: center;
	}


	/* Fifth Section */
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		max-width: 113px;
		min-width: 110px;
	}
	.dynamic-table th:first-child {
		min-width: 10px;
		max-width: 50px;
	}

	/* Footer */
	footer div div.row:nth-child(2) {
		flex-direction: column-reverse;
		justify-content: center;
	}
}




/* Small */
@media (min-width: 576px) and (max-width: 767.98px) {
	/*First Section*/
	.hero-img {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.hero-img + div {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.hero-img + div span {
		text-align: center;
	}
	/*Second Section*/
	#calc div div.row {
		justify-content: center;
	}
	.h-primary {
		text-align: center;
	}
	.devider {
		margin: 0 auto;
	}
	#calc p {
		text-align: center;
	}
	.calc-card img {
		width: 75px;
	}
	/*Third Section*/
	.section-btn {
		justify-content: center;
	}
	.section-btn a:hover {
		color: #ffffff !important;
	}
	.about-card {
		min-height: 100px;
	}


	/*Fourth Section*/
	#analytics p {
		text-align: center;
	}
	#analytics div div.row {
		justify-content: center;
	}


	/* Fifth Section */
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 190px;
	}
	.dynamic-table th:first-child {
		max-width: 40px;
	}

	/* Footer */
	footer div div.row:nth-child(2) {
		flex-direction: column-reverse;
		justify-content: center;
	}
}



/* Medium */
@media (min-width: 768px) and (max-width: 991.98px) {
	/*First Section*/
	.hero-img {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.hero-img + div {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.hero-img + div span {
		text-align: center;
	}
	#hero h1 {
		font-size: 6rem;
	}
	.hero-span {
		font-size: 1.2rem;
		max-width: 600px !important;
	}
	/*Second Section*/
	#calc div div.row {
		justify-content: center;
	}
	.flex-xs-column-reverse {

		flex-direction: column-reverse;
	}
	.h-primary {
		text-align: center;
	}
	.devider {
		margin: 0 auto;
	}
	#calc p {
		text-align: center;
	}
	.calc-card img {
		width: 75px;
	}
	/*Third Section*/
	.section-btn {
		justify-content: center;
	}
	.section-btn a:hover {
		color: #ffffff !important;
	}



	/*Fourth Section*/
	#analytics p {
		text-align: center;
	}
	#analytics div div.row {
		justify-content: center;
	}



	/* Fifth Section */
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 230px;
	}
	.dynamic-table th:first-child {
		min-width: 0;
		max-width: 60px;
	}
}



/* Large */
@media (min-width: 992px) and (max-width: 1199.98px) {
	/* Fifth Section */
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 290px;
	}
	.dynamic-table th:first-child {
		min-width: 80px;
	}
}



/* Extra Large */
@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 350px;
	}
	.dynamic-table th:first-child {
		min-width: 100px;
	}
}



/* Extra Extra Large */
@media (min-width: 1400px) {
	/*First Section*/
	#hero h1 {
		font-size: 8rem;
	}
	.hero-span {
		font-size: 1.1rem;
	}

	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 410px;
	}
	.dynamic-table th:first-child {
		min-width: 100px;
	}@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{
	--bs-primary: #1e1e1e !important;
	--bs-secondary: #757575 !important;
	--bs-gray-light: rgb(0 0 0 / 12%)!important;
	--bs-selected-text: #ffffff !important;
}
body {

}
html *::selection{
	background-color: var(--bs-primary);
	color: var(--bs-selected-text);
}
html *::-moz-selection{
	background-color: var(--bs-primary);
	color: var(--bs-selected-text);
}

td {
	padding: 0;
}

.text-justify {
	text-align: justify !important;
}
a {
	text-decoration: none;
}
li, p{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
}
.bg-light-gray {
	background-color: #f5f5f5;
}
.h-primary {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 2.3em;
	text-align: left;
	margin-bottom: 40px;
	color: var(--bs-primary);
}
.devider {
	height: 1px;
	width: 100px;@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{
	--bs-primary: #1e1e1e !important;
	--bs-secondary: #757575 !important;
	--bs-gray-light: rgb(0 0 0 / 12%)!important;
	--bs-selected-text: #ffffff !important;
}
body {

}
html *::selection{
	background-color: var(--bs-primary);
	color: var(--bs-selected-text);
}
html *::-moz-selection{
	background-color: var(--bs-primary);
	color: var(--bs-selected-text);
}

td {
	padding: 0;
}

.text-justify {
	text-align: justify !important;
}
a {
	text-decoration: none;
}
li, p{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
}
.bg-light-gray {
	background-color: #f5f5f5;
}
.h-primary {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 2.3em;
	text-align: left;
	margin-bottom: 40px;
	color: var(--bs-primary);
}
.devider {
	height: 1px;
	width: 100px;
}
.primary-c {
	color: var(--bs-primary);
}
.secondary-c {
	color: var(--bs-secondary);
}
.darkgray-c {
	color: var(--bs-gray-dark);
}
.subhead-api {
	font-size: 1.4em;
	font-weight: 500;
}
}
.primary-c {
	color: var(--bs-primary);
}
.secondary-c {
	color: var(--bs-secondary);
}
.darkgray-c {
	color: var(--bs-gray-dark);
}
.subhead-api {
	font-size: 1.4em;
	font-weight: 500;
}
}
body{
	overflow-x: hidden;
}
.p-section {
	padding-top: 90px;
	padding-bottom: 90px;
}
.spacer {
	height: 50px;
}
/* Buttons */
.btn-e2b {
	padding: .6em 2em;
	font-size: 1.1em;
}
.btn-f-primary {
	color: #fff;
	background-color: var(--bs-primary);
	opacity: 1;
	transition: all .3s ease;
	border: none;
	border-radius: 4px;
}
.btn-f-primary:hover, .btn-f-primary:focus {
	color: #fff;
	opacity: .7;
	border: none;
	border-radius: 4px;
}
.btn-f-secondary {
	color: #fff;
	background-color: var(--bs-secondary);
	opacity: 1;
	transition: all .3s ease;
	border: none;
	border-radius: 4px;
}
.btn-f-secondary:hover, .btn-f-secondary:focus {
	color: #fff;
	opacity: .7;
	border: none;
	border-radius: 4px;
}
.btn-f-sp {
	color: #fff;
	background-color: var(--bs-secondary);
	opacity: 1;
	transition: all .3s ease;
	border: none;
	border-radius: 4px;
}
.btn-f-sp:hover, .btn-f-sp:focus {
	color: #fff;
	background-color: var(--bs-primary);
	border: none;
	border-radius: 4px;
}
.btn-b-primary {
	color: var(--bs-primary);
	background-color: transparent;
	border: 2px solid var(--bs-primary);
	transition: all .3s ease;
	border-radius: 4px;
}
.btn-b-primary:hover, .btn-b-primary:focus {
	color: #fff;
	background-color: var(--bs-primary);
}
.btn-b-secondary {
	color: var(--bs-primary);
	background-color: transparent;
	transition: all .3s ease;
	border: 2px solid var(--bs-secondary);
	border-radius: 4px;
}
.btn-b-secondary:hover, .btn-b-secondary:focus {
	background-color: var(--bs-secondary);
	color: #fff;
}
.socials svg path {
	transition: .3s;
}
.socials svg:hover path:first-child {
	fill: var(--bs-primary);
}



/*Footer*/
footer li, footer a {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: .9em;
}
.policity {
	text-decoration: underline !important;
}



/* Main Nav */
.nav-logo {
	height: 28px;
}
.navbar-glass > * {
	z-index: 2;
}
.main-nav {
	position: absolute;
	height: 58px;
	z-index: 1;
}
.modal-backdrop.fade.show {
	cursor: pointer;
}
.nav-item a.nav-link {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: .9em;
	border-radius: 4px;
	line-height: 140%;
}
.nav-item a.nav-link:hover {
	background-color: var(--bs-gray-light);
	color: var(--bs-primary);
}
.nav-item a.nav-link:active, .nav-item a.nav-link:focus {
	color: var(--bs-primary);
}
.nav-item a.nav-link.active {
	background-color: var(--bs-primary);
	color: #ffffff;
}
.glass {
	background-color: rgba(255, 255, 255, 0.52);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(8.1px);
	-webkit-backdrop-filter: blur(8.1px);
	border-bottom: 2px solid rgba(255, 255, 255, 0.57);
}
.offcanvas-navbar {
	background-color: rgba(255, 255, 255, 0.9);
	border: none;
}
.navbar-glass .navbar-toggler {
	color: transparent;
	border-color: transparent;
}
.navbar-glass .navbar-toggler-icon {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}




/* First Section */
.hero-img {
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-size: contain;
}
#hero {
	background-size: cover;
	overflow: hidden;
	background-position: bottom right;
	background-repeat: no-repeat;
}
#hero h1 {
	font-size: 5.5rem;
	color: var(--bs-primary);
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}
.hero-span {
	font-size: 1.1rem;
	color: var(--bs-secondary);
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	width: 80%;
	max-width: 500px !important;
}




/* Second Section */
.calc-card {
	border-radius: 10px;
	background: #f5f5f5;
	box-shadow:  -5px 5px 10px #e3e3e3,
	5px -5px 10px #ffffff;
	transition: all .2s ease;
	padding: 2em !important;
}
.calc-card:hover {
	background: #f9f9f9;
	box-shadow:  -20px 20px 40px #e3e3e3,
	20px -20px 40px #ffffff;
}
.calc-card img {
	width: 75px;
	opacity: .6;
	transition: opacity .2s ease;
}
.calc-card:hover img {
	opacity: .9;
}
.calc-card p {
	font-size: 1em;
	text-align: left !important;
}


/* Third Section */
.nav-pills .nav-link:hover{
	background-color: var(--bs-gray-light);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #ffffff;
	background-color: var(--bs-primary);
}
.nav-pills .nav-link {
	color: var(--bs-primary);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.section-btn {
	justify-content: start;
}
.section-btn a:hover {
	color: #ffffff !important;
}
.about-card {
	border-radius: 10px;
	background: #ffffff;
	box-shadow:  -5px 5px 10px #e3e3e3,
	5px -5px 10px #ffffff;
	transition: all .2s ease;
	padding: 2em !important;
	min-height: 320px;
}
.about-card:hover {
	box-shadow:  -20px 20px 40px #e3e3e3,
	20px -20px 40px #ffffff;
}
.about-card img {
	width: 100px;
}
.about-card p {
	font-size: 1em;
}


/* Fifth Section */
#it-section {
	background-position: 30% 50%;
	background-size: contain;
}
.it-item p {
	margin-bottom: 0;
}
.img-circle {
	height: 70px;
	width: 70px;
	border-radius: 60px;
	background-color: var(--bs-primary);
	display: flex;
	justify-content: center;
	align-items: center;
}
.img-circle img {
	width: 60%;
}

/* Sixth Section */
#slog {
	background-color: rgba(0, 0, 0, 0.87);
}
#slog p {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	color: var(--bs-primary);
	opacity: .7;
	max-width: 80vw;
}
#slog p::selection{
	background-color: var(--bs-white);
	color: var(--bs-selected-text);
}
#slog p::-moz-selection{
	background-color: var(--bs-white);
	color: var(--bs-selected-text);
}






.dynamic-table {
	border-collapse: collapse;
	margin: 0 auto;
}
.dynamic-table th {
	padding: 14px 3px;
	border: 1px solid #aaa;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	max-width: 250px;
}
.dynamic-table th:first-child {
	min-width: 90px;
}
.dynamic-table td {
	border: transparent;
}
.calc-header {
	text-align: center;
	padding: 14px 14px;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -14px;
}
.calc-header p {
	padding: 15px 0;
	background-color: #ddd;
	border-radius: 7px;
	box-shadow: #9f9f9f -2px 5px 0px inset;
}
.calc-table-btn-wrapper {
	padding-top: 14px;
	padding-left: 14px;
	padding-right: 14px;
	background-color: #ccc;
}
.calc-table-btn {
	width: 100%;
	padding: 12px;
	border: transparent;
	border-radius: 7px;
	box-shadow: #999 -1px 5px 0 0px;
	cursor: pointer;
	transition: all .15s ease;
}
.calc-table-btn:hover {
	background-color: #fdfdfd;
}
.calc-table-btn:focus  {
	transform: translateY(2px);
	background-color: #efefef;
	box-shadow: #999 -2px 3px 0 0px;
}
.dynamic-table tbody tr.calc-header-wrapper td .calc-header {
	padding-bottom: 0;
	background-color: #ccc;
	border-radius: 10px 10px 0 0;
}
.dynamic-table tbody tr.calc-header-wrapper td .calc-header {
	margin-top: 20px;
}
tr.calc-bottom-border > td:nth-child(2) {
	border-radius: 0 0 0 10px;
}
tr.calc-bottom-border > td.calc-table-btn-wrapper {
	padding-bottom: 20px;
}
tr.calc-bottom-border > td.calc-table-btn-wrapper:last-child {
	border-radius: 0 0 10px 0;
}
.calc-btns-row td:first-child {
	font-size: 12px;
	color: #333;
	text-align: center;
}





/* Madias */

/* Extra Small */
@media (max-width: 575.98px) {
	/*First Section*/
	#hero h1 {
		font-size: 20vw;
	}
	.hero-img {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.hero-img + div {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.hero-img + div span {
		text-align: center;
	}
	.hero-btn{
		flex-direction: column;
		width: 100%;
	}
	.hero-btn a {
		text-align: center;
	}
	/*Second Section*/
	#calc div div.row:nth-child(2) {
		justify-content: center;
	}
	.h-primary {
		text-align: center;
	}
	.devider {
		margin: 0 auto;
	}
	#calc p {
		text-align: center;
	}
	.flex-xs-column-reverse {
		flex-direction: column-reverse;
	}
	.calc-card img {
		width: 75px;
	}
	.calc-card {
		padding: 1.5em !important;
	}
	/*Third Section*/
	.section-btn {
		justify-content: center;
	}
	.section-btn a:hover {
		color: #ffffff !important;
	}



	/*Fourth Section*/

	#analytics p {
		text-align: center;
	}
	#analytics div div.row {
		justify-content: center;
	}


	/* Fifth Section */
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		max-width: 113px;
		min-width: 110px;
	}
	.dynamic-table th:first-child {
		min-width: 10px;
		max-width: 50px;
	}

	/* Footer */
	footer div div.row:nth-child(2) {
		flex-direction: column-reverse;
		justify-content: center;
	}
}




/* Small */
@media (min-width: 576px) and (max-width: 767.98px) {
	/*First Section*/
	.hero-img {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.hero-img + div {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.hero-img + div span {
		text-align: center;
	}
	/*Second Section*/
	#calc div div.row {
		justify-content: center;
	}
	.h-primary {
		text-align: center;
	}
	.devider {
		margin: 0 auto;
	}
	#calc p {
		text-align: center;
	}
	.calc-card img {
		width: 75px;
	}
	/*Third Section*/
	.section-btn {
		justify-content: center;
	}
	.section-btn a:hover {
		color: #ffffff !important;
	}
	.about-card {
		min-height: 100px;
	}


	/*Fourth Section*/
	#analytics p {
		text-align: center;
	}
	#analytics div div.row {
		justify-content: center;
	}


	/* Fifth Section */
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 190px;
	}
	.dynamic-table th:first-child {
		max-width: 40px;
	}

	/* Footer */
	footer div div.row:nth-child(2) {
		flex-direction: column-reverse;
		justify-content: center;
	}
}



/* Medium */
@media (min-width: 768px) and (max-width: 991.98px) {
	/*First Section*/
	.hero-img {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.hero-img + div {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.hero-img + div span {
		text-align: center;
	}
	#hero h1 {
		font-size: 6rem;
	}
	.hero-span {
		font-size: 1.2rem;
		max-width: 600px !important;
	}
	/*Second Section*/
	#calc div div.row {
		justify-content: center;
	}
	.flex-xs-column-reverse {

		flex-direction: column-reverse;
	}
	.h-primary {
		text-align: center;
	}
	.devider {
		margin: 0 auto;
	}
	#calc p {
		text-align: center;
	}
	.calc-card img {
		width: 75px;
	}
	/*Third Section*/
	.section-btn {
		justify-content: center;
	}
	.section-btn a:hover {
		color: #ffffff !important;
	}



	/*Fourth Section*/
	#analytics p {
		text-align: center;
	}
	#analytics div div.row {
		justify-content: center;
	}



	/* Fifth Section */
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 230px;
	}
	.dynamic-table th:first-child {
		min-width: 0;
		max-width: 60px;
	}
}



/* Large */
@media (min-width: 992px) and (max-width: 1199.98px) {
	/* Fifth Section */
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 290px;
	}
	.dynamic-table th:first-child {
		min-width: 80px;
	}
}



/* Extra Large */
@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 350px;
	}
	.dynamic-table th:first-child {
		min-width: 100px;
	}
}



/* Extra Extra Large */
@media (min-width: 1400px) {
	/*First Section*/
	#hero h1 {
		font-size: 8rem;@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{
	--bs-primary: #1e1e1e !important;
	--bs-secondary: #757575 !important;
	--bs-gray-light: rgb(0 0 0 / 12%)!important;
	--bs-selected-text: #ffffff !important;
}
body {

}
html *::selection{
	background-color: var(--bs-primary);
	color: var(--bs-selected-text);
}
html *::-moz-selection{
	background-color: var(--bs-primary);
	color: var(--bs-selected-text);
}

td {
	padding: 0;
}

.text-justify {
	text-align: justify !important;
}
a {
	text-decoration: none;
}
li, p{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
}
.bg-light-gray {
	background-color: #f5f5f5;
}
.h-primary {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 2.3em;
	text-align: left;
	margin-bottom: 40px;
	color: var(--bs-primary);
}
.devider {
	height: 1px;
	width: 100px;
}
.primary-c {
	color: var(--bs-primary);
}
.secondary-c {
	color: var(--bs-secondary);
}
.darkgray-c {
	color: var(--bs-gray-dark);
}
.subhead-api {
	font-size: 1.4em;
	font-weight: 500;
}
body{
	overflow-x: hidden;
}
.p-section {
	padding-top: 90px;
	padding-bottom: 90px;
}
.spacer {
	height: 50px;
}
/* Buttons */
.btn-e2b {
	padding: .6em 2em;
	font-size: 1.1em;
}
.btn-f-primary {
	color: #fff;
	background-color: var(--bs-primary);
	opacity: 1;
	transition: all .3s ease;
	border: none;
	border-radius: 4px;
}
.btn-f-primary:hover, .btn-f-primary:focus {
	color: #fff;
	opacity: .7;
	border: none;
	border-radius: 4px;
}
.btn-f-secondary {
	color: #fff;
	background-color: var(--bs-secondary);
	opacity: 1;
	transition: all .3s ease;
	border: none;
	border-radius: 4px;
}
.btn-f-secondary:hover, .btn-f-secondary:focus {
	color: #fff;
	opacity: .7;
	border: none;
	border-radius: 4px;
}
.btn-f-sp {
	color: #fff;
	background-color: var(--bs-secondary);
	opacity: 1;
	transition: all .3s ease;
	border: none;
	border-radius: 4px;
}
.btn-f-sp:hover, .btn-f-sp:focus {
	color: #fff;
	background-color: var(--bs-primary);
	border: none;
	border-radius: 4px;
}
.btn-b-primary {
	color: var(--bs-primary);
	background-color: transparent;
	border: 2px solid var(--bs-primary);
	transition: all .3s ease;
	border-radius: 4px;
}
.btn-b-primary:hover, .btn-b-primary:focus {
	color: #fff;
	background-color: var(--bs-primary);
}
.btn-b-secondary {
	color: var(--bs-primary);
	background-color: transparent;
	transition: all .3s ease;
	border: 2px solid var(--bs-secondary);
	border-radius: 4px;
}
.btn-b-secondary:hover, .btn-b-secondary:focus {
	background-color: var(--bs-secondary);
	color: #fff;
}
.socials svg path {
	transition: .3s;
}
.socials svg:hover path:first-child {
	fill: var(--bs-primary);
}



/*Footer*/
footer li, footer a {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: .9em;
}
.policity {
	text-decoration: underline !important;
}



/* Main Nav */
.nav-logo {
	height: 28px;
}
.navbar-glass > * {
	z-index: 2;
}
.main-nav {
	position: absolute;
	height: 58px;
	z-index: 1;
}
.modal-backdrop.fade.show {
	cursor: pointer;
}
.nav-item a.nav-link {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: .9em;
	border-radius: 4px;
	line-height: 140%;
}
.nav-item a.nav-link:hover {
	background-color: var(--bs-gray-light);
	color: var(--bs-primary);
}
.nav-item a.nav-link:active, .nav-item a.nav-link:focus {
	color: var(--bs-primary);
}
.nav-item a.nav-link.active {
	background-color: var(--bs-primary);
	color: #ffffff;
}
.glass {
	background-color: rgba(255, 255, 255, 0.52);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(8.1px);
	-webkit-backdrop-filter: blur(8.1px);
	border-bottom: 2px solid rgba(255, 255, 255, 0.57);
}
.offcanvas-navbar {
	background-color: rgba(255, 255, 255, 0.9);
	border: none;
}
.navbar-glass .navbar-toggler {
	color: transparent;
	border-color: transparent;
}
.navbar-glass .navbar-toggler-icon {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}




/* First Section */
.hero-img {
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-size: contain;
}
#hero {
	background-size: cover;
	overflow: hidden;
	background-position: bottom right;
	background-repeat: no-repeat;
}
#hero h1 {
	font-size: 5.5rem;
	color: var(--bs-primary);
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}
.hero-span {
	font-size: 1.1rem;
	color: var(--bs-secondary);
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	width: 80%;
	max-width: 500px !important;
}




/* Second Section */
.calc-card {
	border-radius: 10px;
	background: #f5f5f5;
	box-shadow:  -5px 5px 10px #e3e3e3,
	5px -5px 10px #ffffff;
	transition: all .2s ease;
	padding: 2em !important;
}
.calc-card:hover {
	background: #f9f9f9;
	box-shadow:  -20px 20px 40px #e3e3e3,
	20px -20px 40px #ffffff;
}
.calc-card img {
	width: 75px;
	opacity: .6;
	transition: opacity .2s ease;
}
.calc-card:hover img {
	opacity: .9;
}
.calc-card p {
	font-size: 1em;
	text-align: left !important;
}


/* Third Section */
.nav-pills .nav-link:hover{
	background-color: var(--bs-gray-light);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #ffffff;
	background-color: var(--bs-primary);
}
.nav-pills .nav-link {
	color: var(--bs-primary);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.section-btn {
	justify-content: start;
}
.section-btn a:hover {
	color: #ffffff !important;
}
.about-card {
	border-radius: 10px;
	background: #ffffff;
	box-shadow:  -5px 5px 10px #e3e3e3,
	5px -5px 10px #ffffff;
	transition: all .2s ease;
	padding: 2em !important;
	min-height: 320px;
}
.about-card:hover {
	box-shadow:  -20px 20px 40px #e3e3e3,
	20px -20px 40px #ffffff;
}
.about-card img {
	width: 100px;
}
.about-card p {
	font-size: 1em;
}


/* Fifth Section */
#it-section {
	background-position: 30% 50%;
	background-size: contain;
}
.it-item p {
	margin-bottom: 0;
}
.img-circle {
	height: 70px;
	width: 70px;
	border-radius: 60px;
	background-color: var(--bs-primary);
	display: flex;
	justify-content: center;
	align-items: center;
}
.img-circle img {
	width: 60%;
}

/* Sixth Section */
#slog {
	background-color: rgb(0 0 0 / 8%)!important;
}
#slog p {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.6em;
	color: var(--bs-primary);
	opacity: .7;
	max-width: 80vw;
}
#slog p::selection{
	background-color: var(--bs-white);
	color: var(--bs-selected-text);
}
#slog p::-moz-selection{
	background-color: var(--bs-white);
	color: var(--bs-selected-text);
}






.dynamic-table {
	border-collapse: collapse;
	margin: 0 auto;
}
.dynamic-table th {
	padding: 14px 3px;
	border: 1px solid #aaa;
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	max-width: 250px;
}
.dynamic-table th:first-child {
	min-width: 90px;
}
.dynamic-table td {
	border: transparent;
}
.calc-header {
	text-align: center;
	padding: 14px 14px;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: -14px;
}
.calc-header p {
	padding: 15px 0;
	background-color: #ddd;
	border-radius: 7px;
	box-shadow: #9f9f9f -2px 5px 0px inset;
}
.calc-table-btn-wrapper {
	padding-top: 14px;
	padding-left: 14px;
	padding-right: 14px;
	background-color: #ccc;
}
.calc-table-btn {
	width: 100%;
	padding: 12px;
	border: transparent;
	border-radius: 7px;
	box-shadow: #999 -1px 5px 0 0px;
	cursor: pointer;
	transition: all .15s ease;
}
.calc-table-btn:hover {
	background-color: #fdfdfd;
}
.calc-table-btn:focus  {
	transform: translateY(2px);
	background-color: #efefef;
	box-shadow: #999 -2px 3px 0 0px;
}
.dynamic-table tbody tr.calc-header-wrapper td .calc-header {
	padding-bottom: 0;
	background-color: #ccc;
	border-radius: 10px 10px 0 0;
}
.dynamic-table tbody tr.calc-header-wrapper td .calc-header {
	margin-top: 20px;
}
tr.calc-bottom-border > td:nth-child(2) {
	border-radius: 0 0 0 10px;
}
tr.calc-bottom-border > td.calc-table-btn-wrapper {
	padding-bottom: 20px;
}
tr.calc-bottom-border > td.calc-table-btn-wrapper:last-child {
	border-radius: 0 0 10px 0;
}
.calc-btns-row td:first-child {
	font-size: 12px;
	color: #333;
	text-align: center;
}





/* Madias */

/* Extra Small */
@media (max-width: 575.98px) {
	/*First Section*/
	#hero h1 {
		font-size: 20vw;
	}
	.hero-img {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.hero-img + div {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.hero-img + div span {
		text-align: center;
	}
	.hero-btn{
		flex-direction: column;
		width: 100%;
	}
	.hero-btn a {
		text-align: center;
	}
	/*Second Section*/
	#calc div div.row:nth-child(2) {
		justify-content: center;
	}
	.h-primary {
		text-align: center;
	}
	.devider {
		margin: 0 auto;
	}
	#calc p {
		text-align: center;
	}
	.flex-xs-column-reverse {
		flex-direction: column-reverse;
	}
	.calc-card img {
		width: 75px;
	}
	.calc-card {
		padding: 1.5em !important;
	}
	/*Third Section*/
	.section-btn {
		justify-content: center;
	}
	.section-btn a:hover {
		color: #ffffff !important;
	}



	/*Fourth Section*/

	#analytics p {
		text-align: center;
	}
	#analytics div div.row {
		justify-content: center;
	}


	/* Fifth Section */
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		max-width: 113px;
		min-width: 110px;
	}
	.dynamic-table th:first-child {
		min-width: 10px;
		max-width: 50px;
	}

	/* Footer */
	footer div div.row:nth-child(2) {
		flex-direction: column-reverse;
		justify-content: center;
	}
}




/* Small */
@media (min-width: 576px) and (max-width: 767.98px) {
	/*First Section*/
	.hero-img {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.hero-img + div {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.hero-img + div span {
		text-align: center;
	}
	/*Second Section*/
	#calc div div.row {
		justify-content: center;
	}
	.h-primary {
		text-align: center;
	}
	.devider {
		margin: 0 auto;
	}
	#calc p {
		text-align: center;
	}
	.calc-card img {
		width: 75px;
	}
	/*Third Section*/
	.section-btn {
		justify-content: center;
	}
	.section-btn a:hover {
		color: #ffffff !important;
	}
	.about-card {
		min-height: 100px;
	}


	/*Fourth Section*/
	#analytics p {
		text-align: center;
	}
	#analytics div div.row {
		justify-content: center;
	}


	/* Fifth Section */
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 190px;
	}
	.dynamic-table th:first-child {
		max-width: 40px;
	}

	/* Footer */
	footer div div.row:nth-child(2) {
		flex-direction: column-reverse;
		justify-content: center;
	}
}



/* Medium */
@media (min-width: 768px) and (max-width: 991.98px) {
	/*First Section*/
	.hero-img {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.hero-img + div {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.hero-img + div span {
		text-align: center;
	}
	#hero h1 {
		font-size: 6rem;
	}
	.hero-span {
		font-size: 1.2rem;
		max-width: 600px !important;
	}
	/*Second Section*/
	#calc div div.row {
		justify-content: center;
	}
	.flex-xs-column-reverse {

		flex-direction: column-reverse;
	}
	.h-primary {
		text-align: center;
	}
	.devider {
		margin: 0 auto;
	}
	#calc p {
		text-align: center;
	}
	.calc-card img {
		width: 75px;
	}
	/*Third Section*/
	.section-btn {
		justify-content: center;
	}
	.section-btn a:hover {
		color: #ffffff !important;
	}



	/*Fourth Section*/
	#analytics p {
		text-align: center;
	}
	#analytics div div.row {
		justify-content: center;
	}



	/* Fifth Section */
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 230px;
	}
	.dynamic-table th:first-child {
		min-width: 0;
		max-width: 60px;
	}
}



/* Large */
@media (min-width: 992px) and (max-width: 1199.98px) {
	/* Fifth Section */
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 290px;
	}
	.dynamic-table th:first-child {
		min-width: 80px;
	}
}



/* Extra Large */
@media (min-width: 1200px) and (max-width: 1399.98px) {
	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 350px;
	}
	.dynamic-table th:first-child {
		min-width: 100px;
	}
}



/* Extra Extra Large */
@media (min-width: 1400px) {
	/*First Section*/
	#hero h1 {
		font-size: 8rem;
	}
	.hero-span {
		font-size: 1.1rem;
	}

	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 410px;
	}
	.dynamic-table th:first-child {
		min-width: 100px;
	}
}
	}
	.hero-span {
		font-size: 1.1rem;
	}

	.dynamic-table th {
		padding: 14px 3px;
		border: 1px solid #aaa;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #666;
		min-width: 410px;
	}
	.dynamic-table th:first-child {
		min-width: 100px;
	}
}
:root{
	--bs-primary: #1e1e1e !important;
	--bs-secondary: #757575 !important;
	--bs-gray-light: rgb(0 0 0 / 12%)!important;
	--bs-selected-text: #ffffff !important;
}
html *::selection{
	background-color: var(--bs-primary);
	color: var(--bs-selected-text);
}
html *::-moz-selection{
	background-color: var(--bs-primary);
	color: var(--bs-selected-text);
}
a {
	text-decoration: none;
}
li, p{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1.1em;
}
.bg-light-gray {
	background-color: #f5f5f5;
}
.h-primary {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 2.3em;
	text-align: left;
	margin-bottom: 40px;
	color: var(--bs-primary);
}
.devider {
	height: 1px;
	width: 100px;
}
.primary-c {
	color: var(--bs-primary);
}
.secondary-c {
	color: var(--bs-secondary);
}
.darkgray-c {
	color: var(--bs-gray-dark);
}
body{
	overflow-x: hidden;
}
.p-section {
	padding-top: 90px;
	padding-bottom: 90px;
}
.spacer {
	height: 50px;
}
/* Buttons */
.btn-e2b {
	padding: .6em 2em;
	font-size: 1.1em;
}
.btn-f-primary {
	color: #fff;
	background-color: var(--bs-primary);
	opacity: 1;
	transition: all .3s ease;
	border: none;
	border-radius: 4px;
}
.btn-f-primary:hover, .btn-f-primary:focus {
	color: #fff;
	opacity: .7;
	border: none;
	border-radius: 4px;
}
.btn-f-secondary {
	color: #fff;
	background-color: var(--bs-secondary);
	opacity: 1;
	transition: all .3s ease;
	border: none;
	border-radius: 4px;
}
.btn-f-secondary:hover, .btn-f-secondary:focus {
	color: #fff;
	opacity: .7;
	border: none;
	border-radius: 4px;
}
.btn-f-sp {
	color: #fff;
	background-color: var(--bs-secondary);
	opacity: 1;
	transition: all .3s ease;
	border: none;
	border-radius: 4px;
}
.btn-f-sp:hover, .btn-f-sp:focus {
	color: #fff;
	background-color: var(--bs-primary);
	border: none;
	border-radius: 4px;
}
.btn-b-primary {
	color: var(--bs-primary);
	background-color: transparent;
	border: 2px solid var(--bs-primary);
	transition: all .3s ease;
	border-radius: 4px;
}
.btn-b-primary:hover, .btn-b-primary:focus {
	color: #fff;
	background-color: var(--bs-primary);
}
.btn-b-secondary {
	color: var(--bs-primary);
	background-color: transparent;
	transition: all .3s ease;
	border: 2px solid var(--bs-secondary);
	border-radius: 4px;
}
.btn-b-secondary:hover, .btn-b-secondary:focus {
	background-color: var(--bs-secondary);
	color: #fff;
}
.socials svg path {
	transition: .3s;
}
.socials svg:hover path:first-child {
	fill: var(--bs-primary);
}



/*Footer*/
footer li, footer a {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: .9em;
}
.policity {
	text-decoration: underline !important;
}



/* Main Nav */
.nav-logo {
	height: 28px;
}
.navbar-glass > * {
	z-index: 2;
}
.main-nav {
	position: absolute;
	height: 58px;
	z-index: 1;
}
.modal-backdrop.fade.show {
	cursor: pointer;
}
.nav-item a.nav-link {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: .9em;
	border-radius: 4px;
	line-height: 140%;
}
.nav-item a.nav-link:hover {
	background-color: var(--bs-gray-light);
	color: var(--bs-primary);
}
.nav-item a.nav-link:active, .nav-item a.nav-link:focus {
	color: var(--bs-primary);
}
.nav-item a.nav-link.active {
	background-color: #0096dd;
	color: #ffffff;
}
.glass {
	background-color: rgba(255, 255, 255, 0.52);
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(8.1px);
	-webkit-backdrop-filter: blur(8.1px);
	border-bottom: 2px solid rgba(255, 255, 255, 0.57);
}
.offcanvas-navbar {
	background-color: rgba(255, 255, 255, 0.9);
	border: none;
}
.navbar-glass .navbar-toggler {
	color: transparent;
	border-color: transparent;
}
.navbar-glass .navbar-toggler-icon {
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}




/* First Section */
.hero-img {
	background-repeat: no-repeat;
	background-position: 0% 50%;
	background-size: contain;
}
#hero {
	background-size: cover;
	overflow: hidden;
	background-position: bottom right;
	background-repeat: no-repeat;
}
#hero h1 {
	font-size: 5.5rem;
	color: var(--bs-primary);
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
}
.hero-span {
	font-size: 1.1rem;
	color: var(--bs-secondary);
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	width: 80%;
	max-width: 500px !important;
}




/* Second Section */
.calc-card {
	border-radius: 10px;
	background: #f5f5f5;
	box-shadow:  -5px 5px 10px #e3e3e3,
	5px -5px 10px #ffffff;
	transition: all .2s ease;
	padding: 2em !important;
}
.calc-card:hover {
	background: #f9f9f9;
	box-shadow:  -20px 20px 40px #e3e3e3,
	20px -20px 40px #ffffff;
}
.calc-card img {
	width: 75px;
	opacity: .6;
	transition: opacity .2s ease;
}
.calc-card:hover img {
	opacity: .9;
}
.calc-card p {
	font-size: 1em;
	text-align: left !important;
}


/* Third Section */
.nav-pills .nav-link:hover{
	background-color: var(--bs-gray-light);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #ffffff;
	background-color: var(--bs-primary);
}
.nav-pills .nav-link {
	color: var(--bs-primary);
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.section-btn {
	justify-content: start;
}
.section-btn a:hover {
	color: #ffffff !important;
}
.about-card {
	border-radius: 10px;
	background: #ffffff;
	box-shadow:  -5px 5px 10px #e3e3e3,
	5px -5px 10px #ffffff;
	transition: all .2s ease;
	padding: 2em !important;
	min-height: 320px;
}
.about-card:hover {
	box-shadow:  -20px 20px 40px #e3e3e3,
	20px -20px 40px #ffffff;
}
.about-card img {
	width: 100px;
}
.about-card p {
	font-size: 1em;
}


/* Fifth Section */
#it-section {
	background-position: 30% 50%;
	background-size: contain;
}
.it-item p {
	margin-bottom: 0;
}
.img-circle {
	height: 70px;
	width: 70px;
	border-radius: 60px;
	background-color: var(--bs-primary);
	display: flex;
	justify-content: center;
	align-items: center;
}
.img-circle img {
	width: 60%;
}

/* Sixth Section */
#slog {
	background-color: var(--bs-primary);
}
#slog p {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	font-size: 1.6em;
	color: #fff;
	max-width: 80vw;
}
#slog p::selection{
	background-color: var(--bs-white);
	color: var(--bs-selected-text);
}
#slog p::-moz-selection{
	background-color: var(--bs-white);
	color: var(--bs-selected-text);
}




/* Madias */

/* Extra Small */
@media (max-width: 575.98px) {
	/*First Section*/
	#hero h1 {
		font-size: 20vw;
	}
	.hero-img {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.hero-img + div {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.hero-img + div span {
		text-align: center;
	}
	.hero-btn{
		flex-direction: column;
		width: 100%;
	}
	.hero-btn a {
		text-align: center;
	}
	/*Second Section*/
	#calc div div.row:nth-child(2) {
		justify-content: center;
	}
	.h-primary {
		text-align: center;
	}
	.devider {
		margin: 0 auto;
	}
	#calc p {
		text-align: center;
	}
	.flex-xs-column-reverse {
		flex-direction: column-reverse;
	}
	.calc-card img {
		width: 75px;
	}
	.calc-card {
		padding: 1.5em !important;
	}
	/*Third Section*/
	.section-btn {
		justify-content: center;
	}
	.section-btn a:hover {
		color: #ffffff !important;
	}



	/*Fourth Section*/

	#analytics p {
		text-align: center;
	}
	#analytics div div.row {
		justify-content: center;
	}


	/* Fifth Section */


	/* Footer */
	footer div div.row:nth-child(2) {
		flex-direction: column-reverse;
		justify-content: center;
	}
}




/* Small */
@media (min-width: 576px) and (max-width: 767.98px) {
	/*First Section*/
	.hero-img {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.hero-img + div {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.hero-img + div span {
		text-align: center;
	}
	/*Second Section*/
	#calc div div.row {
		justify-content: center;
	}
	.h-primary {
		text-align: center;
	}
	.devider {
		margin: 0 auto;
	}
	#calc p {
		text-align: center;
	}
	.calc-card img {
		width: 75px;
	}
	/*Third Section*/
	.section-btn {
		justify-content: center;
	}
	.section-btn a:hover {
		color: #ffffff !important;
	}
	.about-card {
		min-height: 100px;
	}


	/*Fourth Section*/
	#analytics p {
		text-align: center;
	}
	#analytics div div.row {
		justify-content: center;
	}


	/* Fifth Section */


	/* Footer */
	footer div div.row:nth-child(2) {
		flex-direction: column-reverse;
		justify-content: center;
	}
}



/* Medium */
@media (min-width: 768px) and (max-width: 991.98px) {
	/*First Section*/
	.hero-img {
		display: none;
		visibility: hidden;
		opacity: 0;
	}
	.hero-img + div {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.hero-img + div span {
		text-align: center;
	}
	#hero h1 {
		font-size: 6rem;
	}
	.hero-span {
		font-size: 1.2rem;
		max-width: 600px !important;
	}
	/*Second Section*/
	#calc div div.row {
		justify-content: center;
	}
	.flex-xs-column-reverse {

		flex-direction: column-reverse;
	}
	.h-primary {
		text-align: center;
	}
	.devider {
		margin: 0 auto;
	}
	#calc p {
		text-align: center;
	}
	.calc-card img {
		width: 75px;
	}
	/*Third Section*/
	.section-btn {
		justify-content: center;
	}
	.section-btn a:hover {
		color: #ffffff !important;
	}



	/*Fourth Section*/
	#analytics p {
		text-align: center;
	}
	#analytics div div.row {
		justify-content: center;
	}



	/* Fifth Section */

}



/* Large */
@media (min-width: 992px) and (max-width: 1199.98px) {
	/* Fifth Section */

}



/* Extra Large */
@media (min-width: 1200px) and (max-width: 1399.98px) {

}



/* Extra Extra Large */
@media (min-width: 1400px) {
	/*First Section*/
	#hero h1 {
		font-size: 8rem;
	}
	.hero-span {
		font-size: 1.1rem;
	}
}